/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 #salertWrapper .popup_template {
    background-color: #e0e0e0; 
    bottom: 20px;
    border-radius: 0;
    overflow: hidden;
}

#salertWrapper  .popup_position {
    position: fixed; 
    z-index: 99999;
    width: 250px;
}

#salertWrapper  .popup_position.bottomRight {
    bottom: 20px;
    right: 10px;
}

#salertWrapper .popup_position.bottomLeft {
    bottom: 20px;
    left: 10px;
}
#salertWrapper  .popup_position.topRight {
    top: 20px;
    right: 10px;
}

#salertWrapper .popup_position.topLeft {
    top: 20px;
    left: 10px;
}

#salertWrapper figure.circle{
    max-height: 75px;
    border-radius: 50%;
    border: 1px solid #eee;
}

#salertWrapper .popup-item {
    padding: 10px;
    padding-right: 50px !important;
    width: 100%; 
    float: left;
}

#salertWrapper figure{
    margin: 0; 
    width: 75px; 
    max-height: 65px; 
    overflow: hidden;
    float: left;
}

#salertWrapper .imageOnRight figure{
    float: right;
}

#salertWrapper .textOnly  figure{
   display: none;
}


#salertWrapper figure img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#salertWrapper .salert-content-wrap{
    width: calc(100% - 85px);    
    float: right;
    font-size: 14px;
    color: #1e1e1e;
}

#salertWrapper .imageOnRight .salert-content-wrap{
    float: left;
}

#salertWrapper .textOnly .salert-content-wrap{
   width: 100%;
}

#salertWrapper .salert-content-wrap .t-product{
    display: block; 
    font-size: 120%;
    font-weight: bold;
    line-height: 1.2;
}

#salertWrapper .salert-content-wrap small{
    font-size: 70%;
    font-style: italic;
}
 
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Close Button */
.popup_template .popup-item .btn-close{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
    color: #000;
    font-size: 22px;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 12px;
    z-index: 999999;
}
#cosmetic .cosmetic .i-sh{
    min-height: 94px;
    line-height: 1.6em;
    font-size: 21px;
    letter-spacing: 1px;
}
.popup_template .popup-item .close img{
    max-width: 100%;
}

@media screen and ( max-width: 767px){
    #salertWrapper .popup-item{
        padding: 10px !important;
    }

    #salertWrapper .popup_position.bottomRight {
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        left: 0 !important;
    }  

    #salertWrapper .popup_position .salert-content-wrap {
        font-size: 13px !important;
        line-height: 1.5 !important;
    } 
}
@media screen and ( max-width: 480px){
    #sale_alertWrapper .popup_position{
        width: 300px !important;
    }
}
 
/*!
Theme Name: ide
Theme URI: https://phongkhamide.vn/
Author: phongkhamide.vn
Author URI: https://phongkhamide.vn/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: news
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

news is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/



/* Bot */
.wr-reg .js .txt-bot{
    text-transform:uppercase;
    font-style:normal;
    font-family:Roboto, sans-serif;
    
  }
  */
  @font-face {
    font-family: 'UTM Avo';
    src: url('./assets/fonts/utm-avo.ttf')  format('truetype');
  }
  
  @font-face {
    font-family: 'UTM Avo Bold';
    src: url('../../fonts/utm-avobold.ttf')  format('truetype');
  }
  html {
      line-height: 1.15;
      -webkit-text-size-adjust: 100%;
  }
  body {
      margin: 0;
  }
  body {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      line-height: 1.42857143;
      color: #000;
      background-color: #fff;
  }
  main {
      display: block;
  }
  h1 {
      font-size: 1.15em;
  }
  
  /* Grouping content
       ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible;
  }
  
  h1, h2, h3, h4, h5, h6 {
      margin-top: 0;
      margin-bottom: 0.5em;
      color: #000;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
      font-family: monospace, monospace;
      font-size: 1em;
  }
  
  /* Text-level semantics
       ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
      background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
      border-bottom: none;
      text-decoration: underline;
      text-decoration: underline dotted;
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
      font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
      font-family: monospace, monospace;
      font-size: 1em;
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {
      font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
  }
  
  sub {
      bottom: -0.25em;
  }
  
  sup {
      top: -0.5em;
  }
  
  /* Embedded content
       ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
      border-style: none;
  }
  
  /* Forms
       ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
      font-family: inherit;
      font-size: 100%;
      line-height: 1.15;
      margin: 0;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
      overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
      text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
      -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
      outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
      padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *		`fieldset` elements in all browsers.
   */
  legend {
      box-sizing: border-box;
      color: inherit;
      display: table;
      max-width: 100%;
      padding: 0;
      white-space: normal;
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
      vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
      overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type="checkbox"],
  [type="radio"] {
      box-sizing: border-box;
      padding: 0;
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
      height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type="search"] {
      -webkit-appearance: textfield;
      outline-offset: -2px;
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit;
  }
  
  /* Interactive
       ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
      display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {
      display: list-item;
  }
  
  /* Misc
       ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  template {
      display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
      display: none;
  }
  
  /* Box sizing
  --------------------------------------------- */
  
  /* Inherit box-sizing to more easily change it's value on a component level.
  @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  *,
  *::before,
  *::after {
      box-sizing: inherit;
  }
  
  html {
      box-sizing: border-box;
  }
  
  /*--------------------------------------------------------------
  # Base
  --------------------------------------------------------------*/
  
  /* Typography
  --------------------------------------------- */
  
  pre, blockquote, form, figure, p, dl, ul, ol {
      margin-bottom: 1.3em;
  }
  
  dfn,
  cite,
  em,
  i {
      font-style: italic;
  }
  
  blockquote {
      margin: 0 1.5em;
  }
  
  address {
      margin: 0 0 1.5em;
  }
  
  pre {
      background: #eee;
      line-height: 1.6;
      margin-bottom: 1.6em;
      max-width: 100%;
      overflow: auto;
      padding: 1.6em;
  }
  
  abbr,
  acronym {
      border-bottom: 1px dotted #666;
      cursor: help;
  }
  
  mark,
  ins {
      background: #fff9c0;
      text-decoration: none;
  }
  
  big {
      font-size: 125%;
  }
  
  /* Elements
  --------------------------------------------- */
  body {
      background: #fff;
  }
  
  hr {
      background-color: #ccc;
      border: 0;
      height: 1px;
      margin-bottom: 1.5em;
  }
  
  ul,
  ol {
      margin: 0 0 1.5em 3em;
  }
  
  ul {
      list-style: disc;
  }
  
  ol {
      list-style: decimal;
  }
  
  li > ul,
  li > ol {
      margin-bottom: 0;
      margin-left: 1.5em;
  }
  
  dt {
      font-weight: 700;
  }
  
  dd {
      margin: 0 1.5em 1.5em;
  }
  
  /* Make sure embeds and iframes fit their containers. */
  embed,
  iframe,
  object {
      max-width: 100%;
  }
  
  img {
      display: block;
      max-width: 100%;
      height: auto;
  }
  
  figure {
      margin: 1em 0;
  }
  
  table {
      margin: 0 0 1.5em;
      width: 100%;
  }
  
  /* Links
  --------------------------------------------- */
  a {
      color: #0c4271;
      text-decoration: none;
      transition: all .2s linear;
  }
  a:hover,
  a:focus,
  a:visited,
  a:active {
      color: #0c4271;
      outline: 0;
  }
  #cosmetic .active{
    background-color: #0c4271 !important;
  }
  a:focus {
      outline: 0;
  }
  
  a:hover,
  a:active {
      outline: 0;
  }
  
  /* Forms
  --------------------------------------------- */
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
      border: 1px solid;
      border-color: #ccc #ccc #bbb;
      border-radius: 3px;
      background: #e6e6e6;
      color: rgba(0, 0, 0, 0.8);
      line-height: 1;
      padding: 0.6em 1em 0.4em;
      cursor: pointer;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea {
      color: #666;
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 3px;
  }
  
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus,
  select:focus {
      color: #111;
      outline: none;
  }
  
  select {
      border: 1px solid #ccc;
  }
  
  textarea {
      width: 100%;
  }
  /*--------------------------------------------------------------
  # icons
  */
  .i-facebook {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url(../../images/icons/footer_social_icon.png);
  }
  
  .i-tiktok {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url(../../images/icons/footer_social_icon.png);
      background-position: 122px;
  }
  
  .i-instagram {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url(../../images/icons/footer_social_icon.png);
      background-position: 194px;
  }
  
  .i-youtube {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url(../../images/icons/footer_social_icon.png);
      background-position: 50px;
  }
  .socials a {
      display: inline-block;
      margin-right: 15px;
  }
  .socials a:last-child {
      margin-right:0;
  }
  /*flex*/
  .fx {
        display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
  }
  .fw {
     -ms-flex-wrap: wrap;
      flex-wrap: wrap; 
  }
  .fx-jc { justify-content: center; }
  .fx-ac { align-items: center; }
  
  .txt-ct { text-align: center; }
  /*header*/
  .htop {
      background: #222222;
      color: #fff;
      font-family: 'Open Sans', 'Open Sans Regular', sans-serif;
      font-size: 11px;
      line-height: 28px;
  }
  
  .htop .i-sun {
      width: 18px;
      height: 18px;
  }
  
  .container {
      margin-right: auto;
      margin-left: auto;
  }
  
  /*bet-head*/
  .bet-head { text-align: center; }
  .bet-head img {
      max-height: 250px;
      width: auto;
  }
  /*title h2 home*/
  .t-bevel {
      /*background: rgb(45 121 191);
      background: -moz-linear-gradient(360deg,rgb(45 121 191) 0%,rgb(122 162 195) 51%,rgb(48 112 171) 100%);
      background: -webkit-linear-gradient(360deg,rgb(45 121 191) 0%,rgb(122 162 195) 51%,rgb(48 112 171) 100%);
      background: linear-gradient(360deg,rgb(45 121 191) 0%,rgb(122 162 195) 51%,rgb(48 112 171) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d79bf', endColorstr='#2d79bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
      text-transform: uppercase;
      font-weight: bold;
      color: #0c4271;
      padding: 8px 0;
      /*display: inline-block;
      position: relative;
      -webkit-clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);
      clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);
      position: relative;*/
  }
  .sec-box .t-bevel { padding-top: 30px; margin-bottom: 10px; font-size: 40px; 
      font-family: 'UTM Avo Bold', sans-serif;
  }
  /*.b-sh {
      filter: drop-shadow(0.5px 2px 1px rgba(0, 1, 1));
  }*/
  
  /*carousel*/
  
  .owl-carousel, .slider-service { width: 100%; }
  
  .owl-carousel button span {
      display: inline-block;
      mask-size: cover;
      mask-repeat: no-repeat;
  }
  #slider-banner .owl-prev span {
      -webkit-mask-image: url(../../images/chevron-left-solid.svg);
      mask-image: url(../../images/chevron-left-solid.svg);
  }
  #slider-banner  .owl-next span {
      -webkit-mask-image: url(../../images/chevron-right-solid.svg);
      mask-image: url(../../images/chevron-right-solid.svg);
  }
  #slider-banner button span{
      color: #fff;
      width: 18px;
      height: 30px;
      background-color: #fff;
  }
  #slider-banner .owl-prev {
      left: 20px;
  }
  #slider-banner .owl-next {
      right: 20px;
  }
  
  #slider-banner .owl-nav button{
      width: 45px;
      height: 45px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      color: #FFFFFF7A;
      background: rgb(89,145,204,0.3) !important;
      padding: 5px;
      top: 50%;
  }
  
  /*slider service*/
  #cosmetic  .owl-item, #slider-service .owl-item {
      padding: 8px;
  }
  #slider-service article {
  
      border-radius: 20px;
      border: 2px solid #1a3555;
  }
  #slider-service article img {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
  }
  #cosmetic  button, #slider-service button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
  }
  #slider-service button.owl-prev,
  #cosmetic button.owl-prev
  {
      left: 0;
  }
  #slider-service button.owl-next{
      right: 8px;
  }
  #slider-service button.owl-next,
  #cosmetic button.owl-next
  {
      right: 0;
  }
  #slider-service .owl-prev span,
  #cosmetic .owl-prev span
   {
      -webkit-mask-image: url(../../images/chevron-left.svg);
      mask-image: url(../../images/chevron-left.svg);
  }
  #cosmetic  .owl-next span,
  #slider-service  .owl-next span {
      -webkit-mask-image: url(../../images/chevron-right.svg);
      mask-image: url(../../images/chevron-right.svg);
  }
  #cosmetic button span,
  #slider-service button span{
      width: 13px;
      height: 15px;
      background-color: #000;
  }
  #slider-service .d {
      padding: 10px 15px 20px;
      list-style: none;
      margin: 0;
      font-size: 20px;
  }
  #slider-service .owl-stage, #cosmetic .owl-stage {
      display: flex;
      align-items: stretch;
  }
  #slider-service article {
      height: 100%;
      background: #f4fbfe;
      background: #fff;
  }
  .img-gift {
      margin-bottom: 10px;
  }
  .sec-box {
      color: #0c4271;
      width: 100%;
      clear: both;
  }
  .sec-box .t {
      font-size: 29px;
      text-transform: uppercase;
      font-weight: 500;
      margin: 15px 0 0 0;
      padding: 0 15px 5px;
      position: relative;
      line-height: 1.2;
  }
  
  /*technology*/
  #technology picture {
      border-radius: 20px;
      overflow: hidden;
      display: inline-block;
      line-height: 0;
      margin-bottom: 30px;
  }
  .technology {
      margin-bottom: 20px;
  }
  .i-sh {
      padding: 3px;
      background: #6299d5;
      background: -moz-linear-gradient(top,  #6299d5 0%, #091629 100%);
      background: -webkit-linear-gradient(top,  #6299d5 0%, #091629 100%);
      background: linear-gradient(to bottom,  top,  #6299d5 0%, #091629 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6299d5', endColorstr='#091629',GradientType=0 );
  }
  .i-sh span{
      width: 100%;
      font-size: 17px;
      border-radius: 30px;
      text-align: center;
      padding: 11px;
      font-family: 'UTM Avo Bold', sans-serif;
      text-transform: uppercase;
      color: #fff;
      display: inline-block;
      line-height: 1.3em;
      background: #6299d5;
      background: -moz-linear-gradient(top,  #6299d5 0%, #0c4271 100%);
      background: -webkit-linear-gradient(top,  #6299d5 0%, #0c4271 100%);
      background: linear-gradient(to bottom,  top,  #6299d5 0%, #0c4271 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6299d5', endColorstr='#0c4271',GradientType=0 );
  }
  
  /*videos*/
  .videos ul {
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
  }
  .overflow {
      overflow: hidden;
  }
  .container-fluid {
          padding: 0 40px;
      }
  @media (max-width: 767px) {
          .container-fluid {
              padding: 0 20px;
          }
      }
      
      .block2a {
          position: relative;
          margin: 20px 0;
      }
      .block2a .child {
          display: grid;
          grid-template-columns: 7fr 5fr;
          grid-gap: 20px;
      }
      
      @media (max-width: 992px) {
          .block2a .child {
              grid-template-columns: 5fr 3fr;
              grid-gap: 15px;
          }
      }
      @media (max-width: 767px) {
          .block2a .child {
              grid-template-columns: 3fr 1fr;
              grid-gap: 10px;
          }
      }
      .block2a .child--image {
          position: relative;
          min-height: 583px;
      }
      @media (max-width: 992px) {
          .block2a .child--image {
              min-height: 500px;
          }
      }
      @media (max-width: 767px) {
          .block2a .child--image {
              min-height: 280px;
          }
      }
      
      .block2a .child--image .image__bg {
          height: 100%;
          width: 100%;
          position: relative;
      }
      @media (max-width: 992px) {
          .block2a .child--image .image__bg {
              width: calc(100% + 40px);
              left: -40px;
          }
      }
      @media (max-width: 767px) {
          .block2a .child--image .image__bg {
              width: calc(100% + 20px);
              left: -20px;
          }
      }
  
      .block2a .child--image .image__box {
          position: relative;
          height: 100%;
      }
      .block2a .child--gallery {
          position: relative;
          min-height: 583px;
      }
      .block2a .child--image .image__box .child--gallery, .block2a .child--image .image__box .bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: center / cover;
          transition: transform 0s 0.6s;
          will-change: transform;
      }
      .block2a .child--gallery .block2ad--img, .block2a .child--gallery .child--img {
          left: 0;
      }
      .block2a .child--image .owl-carousel .owl-stage-outer {
          overflow: inherit;
      }
      @media (max-width: 1200px) {
          .block2a .child--gallery {
              min-height: 400px;
          }
      }
      @media (max-width: 767px) {
          .block2a .child--gallery {
              min-height: 250px;
          }
      }
  @media (min-width: 992px) {
          .block2a::before {
              content: "";
              width: 40px;
              position: absolute;
              top: 0;
              left: -40px;
              bottom: 0;
              z-index: 9;
              background: #fff;
          }
      }
      
      .block2a .child--gallery * {
          height: 100%;
      }
  
      .block2a .child--image .image__box .child--gallery img, .block2a .child--image .image__box .bg img {
          display: none;
      }
      .block2a .child--img img {
          display: none !important;
      }
  
      .block2a .child--gallery .nav__prev {
          right: 56px;
      }
      .block2a .child--gallery .nav__next {
          right: 0;
      }
      .block2a .child--gallery .nav__prev, .block2a .child--gallery .nav__next {
          position: absolute;
          bottom: 0;
          width: 55px;
          height: 55px;
          background: #D3B5A3;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 9;
          cursor: pointer;
          pointer-events: auto;
          opacity: 0.85;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
      }
      .block2a .child--gallery .nav__prev svg, .block2a .child--gallery .nav__next svg {
          pointer-events: none;
      }
      .block2a .child--gallery .owl-dots {
          position: absolute;
          bottom: 23px;
          height: auto;
          left: 0;
          right: 0;
          margin: auto;
          display: flex;
          justify-content: center;
      }
  
      .block2a .child--gallery .owl-dots .owl-dot {
          width: 10px;
          height: 10px;
          background-color: #fff;
          border-radius: 50%;
          margin: 0 7.5px;
          transition: all 0.2s ease-out 0s;
          -webkit-transition: all 0.2s ease-out 0s;
      }
      .block2a .child--gallery .owl-dots .owl-dot.active {
          background: #D3B5A3;
      }
      @media (max-width: 767px) {
          
          .block2a .child--gallery .nav__prev, .block2a .child--gallery .nav__next {
              width: 44px;
              height: 44px;
          }
          .block2a .child--gallery .nav__prev {
              right: 45px;
          }
  
          .block2a .child--gallery .nav__prev svg, .block2a .child--gallery .nav__next svg {
              width: 20px;
              height: auto;
          }
          .block2a .child--gallery .owl-dots {
              bottom: 13px;
              justify-content: flex-start;
              left: 12px;
              right: 12px;
          }
  
          .block2a .child--gallery .owl-dots .owl-dot {
              width: 8px;
              height: 8px;
              margin: 0 5px;
          }
          
      }
  /*popup*/
  .popup-video {
      position: relative;
      cursor: pointer;
      line-height: 0;
  }
  .popup-video:hover::after {
      position: absolute;
      top:0;
      bottom:0;
      left: 0;
      content: "";
      right: 0;
      background: rgb(0, 0, 0, 0.6);
      z-index: 1;
  }
  .popup-video::before {
      position: absolute;
      top: 50%;
      left: calc(50% - 35px);
      transform: translateY(-50%);
      width: 0;
      height: 0;
      content: "";
      border-top: 50px solid transparent;
      border-left: 69px solid rgb(255, 255, 255, 0.8);
      border-bottom: 50px solid transparent;
      z-index: 2;
  }
  .item-video .popup-video::before
  {
      left: calc(50% - 10px);
      border-top: 20px solid transparent;
      border-left: 30px solid rgb(255, 255, 255, 0.8);
      border-bottom: 20px solid transparent;
  }
  
  #cosmetic {padding-bottom: 30px; overflow: hidden;}
  .modal {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgba(0,0,0,.7);
      overflow: auto;
      animation: opac .3s;
      z-index: 900;
  }
  
  .modal-close {
      color: #ddd;
      text-shadow: none;
      opacity: 1;
      background: rgba(0,0,0,.9);
      transition: .3s;
      width: 44px;
      height: 44px;
      font-size: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;
      z-index: 901;
  }
  
  .modal-bg {
      content: "";
      display: block;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      transition: .6s;
  }
  .modal-box {
      position: relative;
      width: 50%;
      max-width: 560px;
      margin: 100px auto;
  }
  .modal-box-video {
      width: 65%;
      max-width: 65%;
  }
  
  .modal-video {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 56.25%;
  }
  .modal-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      border: none;
  }
  
  .animate-zoom {
      animation: animatezoom .6s;
  }
  
  @keyframes animatezoom {
      from {
          transform: scale(0)
      }
  
      to {
          transform: scale(1)
      }
  }
  
  @keyframes opac {
      from {
          opacity: 0
      }
  
      to {
          opacity: 1
      }
  }
  
  /*news*/
  .st-t {
      border-bottom: 2px solid #0c4271;
      margin-bottom: 15px;
  }
  .t-new{
      background: #5a90bc;
      padding: 10px 45px 10px 2px;
      color: #fff;
      text-transform: uppercase;
      display: inline-block;
      margin: 0;
      border-top-right-radius: 100px;
      line-height: 1;
      font-size: 1.5em;
  }
  .ti-new {
      margin: 5px 0 0px 0;
  }
  .bxi-new .d {
      margin-top: 0;
      color: #222;
  }
  .bxi-new article img { border-radius: 10px;  }
  .bxi-new article .img { position: relative; line-height: 1; }
  .bxi-new .img .date { 
      display: inline-block;
      padding: 0px 7px;
      font-size: 12px;
      background: #feaa4c;
      color: #fff;
      position: absolute;
      left: 20px;
      bottom: -3px;
      border-radius: 11px;
      line-height: 1.5;
  }
  .bxi-new ul {
      list-style: none;
      padding: 0;
      margin-bottom: 0;
      margin: 0;
  }
  .bxi-new ul li {
      position: relative;
      padding: 0 0 0 156px;
      margin: 0 0 16px 0;
      min-height: 84px;
  }
  .bxi-new ul li a{
      display: inline-block;
  }
  .bxi-new ul li div{
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 84px;
      overflow: hidden;
      display: block;
  }
  .bxi-new ul li img {
      position: absolute;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top;
  }
  .bxi-new ul li h3 {
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      margin: 0;
      color: #222;
  }
  .bxi-new ul .date {
      display: inline-block;
      padding: 0px 7px;
      font-size: 12px;
      background: #feaa4c;
      color: #fff;
      position: absolute;
      top: 74px;
      left: 73px;
      border-radius: 11px;
  }
  .temp-gallery article {
          position: relative;
          float: left;
      }
      .temp-gallery .grid {width: 100%; overflow: hidden;}
      .temp-gallery .grid1 article:nth-child(2) { width: 33.33%; }
      .temp-gallery .grid1  article:nth-child(1) { width: 66.67%; }
      .temp-gallery  .grid1 article:nth-child(3) { width: 33.33%; }
      .grid-item-6 { width: 66.67%; float: left;}
      .grid-item-2 article { width: 100%; }
      .grid-item-2 { width: 33.33%; float: left;}
      .temp-gallery article>div {
          position: absolute;
          top: 0;
          right: 4px;
          bottom: 4px;
          left: 0;
          white-space: nowrap;
          overflow: hidden;
          font-size: 0;
      }
      .temp-gallery article>div:before {
          content: '';
          display: inline-block;
          width: 0;
          height: 100%;
          vertical-align: middle;
      }
      .temp-gallery article:after {
          content: '';
          display: block;
          position: relative;
          z-index: -1;
          padding-bottom: 80%;
      }
      .temp-gallery article>div .cover-image {
          display: block;
          position: absolute;
          top: -1px;
          right: -1px;
          bottom: -1px;
          left: -1px;
          z-index: 0;
          margin: 0;
          background-color: #404040;
      }
  
      .temp-gallery img {
          -webkit-transition: opacity 200ms ease-out;
          -moz-transition: opacity 200ms ease-out;
          -ms-transition: opacity 200ms ease-out;
          -o-transition: opacity 200ms ease-out;
          transition: opacity 200ms ease-out;
          opacity: .3;
          max-width: none;
          top: 0;
          height: 100%;
          position: relative;
          display: block;
              object-fit: cover;
      position: relative;
      display: block;
      object-fit: cover;
      }
      .cover-image {
          object-fit: cover;
      }
      .container {
          max-width: 1200px;
          margin: 0 auto;
      }
      .temp-gallery:after {
          display: block;
          visibility: hidden;
          font-size: 0;
          height: 0;
          clear: both;
          content: ".";
      }
      .grid {
          text-align: center;
      }
      .info-grid {
          text-align: center;
          font-size: 14px;
          display: inline-block;
          position: relative;
          z-index: 1;
          white-space: normal;
          padding: 20px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #fff;
      }
      .grid-item, .grid-item-6 { cursor: pointer;}
      .grid-item:hover .cover-image img,
      .grid-item-6:hover .cover-image img{
          opacity: 1;
      }
      .grid-item-6:hover .info-grid,
      .grid-item:hover  .info-grid { display: none;}
      @media (max-width: 640px) {
          .temp-gallery .grid, 
          .temp-gallery .grid1 article:nth-child(2),
          .temp-gallery .grid1  article:nth-child(1),
          .temp-gallery  .grid1 article:nth-child(3),
          .grid-item-6,
          .grid-item-2,
          .grid-item-2 article { width: 100%; }
      }
  /*book-appointment*/
  #book-appointment { position: relative; width: 100%; float:left;}
  #book-appointment > picture{position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;}
      #book-appointment > picture>img {
          position: absolute;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top;
      }
  .form-register {
      text-align: center;
      padding: 30px 5% 15px;
      border-radius: 10px;
      background: #4f87c0;
      background: -moz-linear-gradient(top,  #4f87c0 0%, #255e93 100%);
      background: -webkit-linear-gradient(top,  #4f87c0 0%, #255e93 100%);
      background: linear-gradient(to bottom,  top,  #4f87c0 0%, #255e93 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f87c0', endColorstr='#255e93',GradientType=0 );
  }
  
  .form-register .t-reg {
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 21px;
      margin-top:0;
  }
  
  .form-register input, .form-register select,.form-register textarea {
      border: 0;
      width: 100%;
      padding: 8px 15px;
      border-radius: 10px;
      color: #858585;
  }
  
  .form-register input[type='submit'] {
      background: #ffaa4c;
      color: #0c4271;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px;
      width: auto;
      padding: 10px 20px;
  }
  
  .wpcf7-spinner {position: absolute; }
  .wpcf7 form.sent .wpcf7-response-output { color :#fff;}
  .form-register .txt-bot {
      padding: 0;
      margin: 0;
      color: #fff;
      font-size: 20px;
      font-style: italic;
      line-height: 1.2;
      letter-spacing: 2px;
  }
  .form-register p {
      margin-bottom: 10px;
  }
  .form-register .btn-reg {
      margin-bottom : 5px;
      margin-top: 30px;
  }
  .wr-reg .bg {
      width: 50%;
      display: inline-block;
  }
  
  /*animation*/
  .animated {
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 1.25s;
      animation-duration: 1.25s;
  }
  .animated.infinite {
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
  }
  .zoomIn {
      animation-name: zoomIn;
  }
  
  .at-round {
      z-index: 999997;
      position: fixed;
      border-radius: 100%;
      border: 2px solid;
      opacity: .5;
  }
  .at-round-o {
      bottom: 15px;
      right: 50px;
      width: 70px;
      height: 70px;
      border-color: #0065f7;
  }
  .pulse {
      animation-name: pulse;
  }
  .at-cycle {
      opacity: 0.75;
      z-index: 999997;
      position: fixed;
      border-radius: 100%;
  }
  .at-cycle-o {
      bottom: 15px;
      right: 50px;
      width: 70px;
      height: 70px;
      background-color: #0065f780;
  }
  .at-phone {
      position: fixed;
      border: 2px solid transparent;
      border-radius: 100%;
      z-index: 999999;
      background-size: 70%;
      opacity: 0.7;
      background-repeat: no-repeat;
  }
  .at-zalo {
      bottom: 25px;
      right: 60px;
      width: 50px;
      height: 50px;
      background-image: url(images/zalo.png);
      background-color: #0065f7;
      background-position: center;
  }
  @keyframes tada {
      0% {
          transform: scale(1);
      }
      10%, 20% {
          transform: scale(0.9) rotate(-3deg);
      }
      30%, 50%, 70%, 90% {
          transform: scale(1.1) rotate(3deg);
      }
      40%, 60%, 80% {
          transform: scale(1.1) rotate(-3deg);
      }
  
      100% {
          transform: scale(1) rotate(0);
          opacity: 1;
      }
  }
  
  .tada {
      -webkit-animation-name: tada;
      animation-name: tada;
  }
  @keyframes pulse {
      0% {
          transform: scale(1);
      }
      50% {
          transform: scale(1.1);
      }
      100% {
          transform: scale(1);
          opacity: 1;
      }
  }
  @keyframes zoomIn{
      0% {
          opacity: 0;
          -webkit-transform: scale(.3);
          -ms-transform: scale(.3);
          transform: scale(.3);
      }
  
      50% {
          opacity: 1;
      }
  }	
  .zoomIn {
      -webkit-animation-name: zoomIn;
      animation-name: zoomIn;
  }
  .pulse {
      -webkit-animation-name: pulse;
      animation-name: pulse;
  }
  
  .animated.infinite {
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
  }
  
  .animated {
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
  
  }
  /*footer*/
  main, .sf {
      width: 100%;
      float: left;
  }
  .sf { margin-top: 50px;}
  .sf .h3 {
      color: #0e4371;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 30px;
      margin: 15px 0;
      line-height: 1.2;
  }
  .sf .logo, .sf .socials {margin-bottom: 25px;}
  .imp {
      margin-bottom: 15px;
  }
  .i-c p { margin-top: 0; margin-bottom: 5px; }
  .polices { list-style: none; padding :0; margin: 0;}
  .polices li{ display: inline-block;  position: relative; }
  .polices li:not(:last-child) {padding-right: 10px ;}
  .polices li:not(:last-child):before { content: "";
      width: 1px;
      height: 10px;
      position: absolute;
      right: 2px;
      top: 9px;
      background: #0e4371;}
  .polices li a{ color: #0e4371; font-size: 15px; }
  
  .iw-cal {
      background-image: url(images/gift-w.png);
      width: 21px;
      height: 22px;
      display: inline-block;
  }
  .iw-tel {
      background-image: url(images/icons/tel-w.png);
      width: 21px;
      height: 21px;
      display: inline-block;
  }
  .iw-mes {
         background-image: url(images/icons/messenger-w.png);
      width: 30px;
      height: 27px;
      display: inline-block;
  }
  .iw-loc {
      background-image: url(images/icons/location-w.png);
      width: 20px;
      height: 27px;
      display: inline-block;
  }
  .fxi { z-index: 99999; }
  .fixed {
      position: fixed;
  /*     top: 30px; */
      width: 100%;
      z-index: 899;
  }
  
  /*modal*/
  .isearch-w-f {
      background-image: url(../../images/icons/search.svg);
      width: 16px;
      height: 16px;
      display: inline-block;
  }
  
  .modal-header {
      padding: 10px 20px;
      color: #333;
      background: #fff;
      border-radius: 4px 4px 0 0;
      border-bottom: 1px solid #e9ecef;
  }
  .modal-header .t {
      text-align: center;
      color: #0c4271;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px;
  }
  .modal-header .modal-close {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .5;
      float: right;
      cursor: pointer;
      background: #fff;
  }
  .modal-body {
      background: #fff;
      padding: 15px 20px;
      line-height: 26px;
      border-radius: 0 0 4px 4px;
  }
  .wsearch {
      width: 90%;
      margin: 20px auto;
      position: relative;
  }
  .wsearch input {
      width: 100%;
      padding: 5px 40px 5px 10px;
      border-radius: 4px;
      border: 1px solid #0c4271;
      background: #f2f8fd;
  }
  .wsearch button {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      background: #0c4271;
      border: none;
      width: 38px;
      border-radius: 0 4px 4px 0;
      color: #fff;
      cursor: pointer;
      padding :0;
  }
  
  .bet-head .rt button {    
      font-weight: bold;
      background-image: linear-gradient(#f3bf85, #f19e44);
      border-radius: 20px;
      border: 0;
      color: #0d5a9a;
      line-height: 1;
      box-shadow: 0 0 0 0 rgb(237, 146, 47, 0.7);
      -webkit-animation: won 1s infinite cubic-bezier(0,0,0,0);
      -moz-animation: won 1s infinite cubic-bezier(.5,0,0,1);
      -ms-animation: won 1s infinite cubic-bezier(.5,0,0,1);
      animation: won 1s infinite cubic-bezier(.5,0,0,1)
  }
  
  @-webkit-keyframes won {
      to {
          box-shadow: 0 0 0 10px rgba(237,146,47,0)
      }
  }
  
  @-moz-keyframes won {
      to {
          box-shadow: 0 0 0 10px rgba(237,146,47,0)
      }
  }
  
  @-ms-keyframes won {
      to {
          box-shadow: 0 0 0 10px rgba(237,146,47,0)
      }
  }
  
  @keyframes won {
      to {
          box-shadow: 0 0 0 10px rgba(237,146,47,0)
      }
  }
  .bdc {margin-top: 30px;}
  .row { margin: 0 -15px; }
  /*new*/
  .box-image {
      position: relative;
      height: auto;
      margin: 0 auto;
      overflow: hidden;
  }
  .image-cover {
      display: block;
      position: relative;
      height: auto;
      overflow: hidden;
      padding-top: 56.25%;
      background-position: 50% 50%;
      background-size: cover;
  }
  .piv .box-image {
      width: 100%;
      border-radius: 5px;
  }
  .image-cover img {
      right: 0;
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0;
      top: 0;
      position: absolute;
      object-position: top;
      object-fit: cover;
      font-family: 'object-fit: cover;';
  }
  .piv h2 {
      padding: 0;
      font-size: 18px;
      color: #0c4271;
      max-height: 53px;
      overflow: hidden;
  }
  .piv .box-content {
      padding: 0 10px 10px;
      color: #929292;
  }
  .piv .excerpt { margin: 0 0 10px 0; }
  .piv {
      border-bottom: 2px solid #a7a7a7;
      margin-bottom: 20px;
      padding-bottom: 20px;
      overflow-y: hidden;
  }
  .piv .box-image {
      width: 40%;
      border-radius: 0;
      float: left;
      margin-right: 16px;
  }
  .piv .post-meta {
      background: url(images/icons/calendar-alt-regular.svg) no-repeat;
      height: 18px;
      display: inline-block;
      color: #000;
      padding-left: 20px;
  }
  .is-small, .is-small.button {
      font-size: .8em;
  }
  /*sidebar*/
  .sidebar .head-title {
      padding: 8px;
      font-size: 26px;
      line-height: 1;
      display: block;
      font-weight: 700;
      border-left: 5px solid #737373;
      color: #000;
  }
  .sidebar ul {
      list-style: none;
      padding: 10px 0;
      margin-bottom: 0;
  }
  .sidebar ul li {
      position: relative;
      padding: 0 0 0 102px;
      margin: 16px 0 0;
      min-height: 65px;
  }
  .sidebar-item {
      background: #dcdcdc;
      border-radius: 6px;
      overflow: hidden;
      margin-bottom: 15px;
      padding: 15px 10px;
  }
  .sidebar-item a {
      display: inline-block;
  }
  .sidebar ul {
      list-style: none;
      padding: 10px 0;
      margin: 0;
  }
  .sidebar ul li a>div {
      position: absolute;
      top: 0;
      left: 0;
      width: 92px;
      height: 65px;
      overflow: hidden;
      display: block;
  }
  .sidebar ul li a img {
      position: absolute;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top;
  }
  .sidebar ul h3 {
      display: inline-block;
      font-size: 15px;
      font-weight: 700;
      margin: 0;
      height: 65px;
      overflow: hidden;
  }
  .c { padding: 0 15px; }
  .col {
      position: relative;
      margin: 0;
      padding: 0 15px 30px;
      width: 100%;
  }
  .cx-2 { width: 50%; float:left; }
  /*doctor*/
  .stlo {margin-bottom: 25px;}
  .stlo  a{ color: #000; }
  .stlo .bxi { line-height: 0; }
  .stlo .bxc {
      border-left:2px solid #202528;
      border-right:2px solid #202528;
      border-bottom:2px solid #202528;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      padding: 10px 15px 20px;
  }
  .stlo .isl {
      border-bottom: 2px solid #a6a8a9;
      padding-bottom: 15px;
      margin: 0;
      font-weight: 500;
      font-size: 20px;
  }
  .stlo .bxc p {
      margin-bottom: 0;
  }
  .tm {margin-top: 10px;
      text-transform: uppercase;}
  /*pagination*/
  .pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 25px -3px 0;
  }
  .pagination [class^=ico-] {
      -webkit-transition: all .3s;
      transition: all .3s;
  }
  .pagination ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      align-items: center;
  }
  
  .pagination span, .pagination a {
      width: 34px;
      height: 34px;
      color: #606060;
      background: #fff none;
      border: 1px solid #d3d3d3;
      font-size: 16px;
      line-height: 19px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .pagination li, .pagination>span, .pagination>a {
      margin: 0 3px;
  }
  .pagination span.current, .pagination a:hover {
      background: #003963 none;
      border: 1px solid #003963;
      color: #fff;
  }
  .pagination a:hover [class^=ico-] {
      background: #fff none;
  }
  /*table*/
  table {
      width: 100%;
      margin-bottom: 1em;
      border-color: #ececec;
      border-spacing: 0;
  }
  
  th, td {
      padding: 0.5em;
      text-align: left;
      border-bottom: 1px solid #ececec;
      line-height: 1.3;
      font-size: .9em;
  }
  td {
      color: #666;
  }
  th:first-child, td:first-child {
      padding-left: 0;
  }
  th:last-child, td:last-child {
      padding-right: 0;
  }
  
  #mfreg .modal-box {
      max-width: 460px;
  }
  #mfreg .modal-header {
      /* min-height: 40px; */
      background: #f4fbfe;
      /* border: 3px solid #a7a7a7; */
      border-bottom: 0;
      position: relative;
      /* min-height: 120px; */
  }
  
  /* #mfreg .modal-header:before {
      content: "";
      background: url(https://phongkhamide.vn/wp-content/uploads/2023/10/logo_011.png) no-repeat;
      background-size: 260px;
      width: 260px;
      height: 96px;
      position: absolute;
      left: 50%;
      top: 60%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
  } */
  #mfreg .modal-body {
      padding: 0;
      background: #f4fbfe;
      /* border: 3px solid #a7a7a7; */
      border-top: 0;
  }
  #mfreg .img-form {
      padding: 10px 0 20px;
  }
  #mfreg .form-register {
      background: #f4fbfe;
      padding: 0 0 30px 0;
      margin:0;
  }
  
  #mfreg .t-reg {
      background: #0c4271;
      padding: 10px;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 1.2px;
      margin-bottom: 30px;
  }
  #mfreg .form-register p {
      margin-bottom: 0;
      margin-top: 5px;
      padding: 0 30px;
  }
  #mfreg .form-register input,#mfreg  .form-register select,#mfreg  .form-register textarea {
      padding: 18px 15px;
      background: #f4fbfe;
      border: 1px solid #a7a7a7;
      border-radius: 4px;
  }
  #mfreg .form-register input[type='submit'] {
      width: 100%;
      border-radius: 4px;
      font-size: 20px;
      letter-spacing: 1.2px;
      background: #ffaa4c;
      border: 0;
      margin-top: 25px;
  }
  .form-register input[type='radio'] {
      width: 20px;
      height: 20px;
      margin-right: 10px;
  }
  .wpcf7-radio .wpcf7-list-item {
      width: 50%;
      display: flex;
      float: left;
      align-items: center;
      margin: 0;
  }
  .wpcf7-form-control-wrap {
      width: 100%;
      display: inline-block;
      overflow:hidden;
  }
  #mfreg .form-register .txt-bot {
      color: #0c4271;
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 0;
      margin-top:30px;
  }
  #mfreg form { margin-bottom: 0; }
  #mreg .modal-header .modal-close {
      background: transparent;
  }
  .fw500 { font-weight: 500; color: #333333;}
  
  .ast-arrow-svg {
      height: 0.7em;
      width: 0.7em;
      position: relative;
      margin-left: 10px;
      fill: #003963;
  }
  
  .sgc {
      line-height: 1.85714285714286;
      font-size: 18px;
  }
  .sgc p {
      margin-bottom: 1.75em;
      text-align: justify;
  }
  .sgc ul, .sgc ol {
      margin-left: 20px;
      padding-left: 0;
  }
  .sgc figure {
      width: 100% !important;
  }
  .post-t {
      color: #000000;
      font-size: 30px;
      font-weight: 600;
      position: relative;
      margin: 10px 0 30px;
  }
  .post-t:before {
      content: "";
      width: 80px;
      height: 2px;
      background: #FFAA4C;
      position: absolute;
      left: 0;
      bottom: 0;
  }
  .post-t:after {
      content: "";
      display: inline-block;
      width: 245px;
      height: 2px;
      background: #5a90cb;
      position: absolute;
      left: 85px;
      bottom: 0;
  }
  
  .wrelate {
      padding-top: 30px;
      border-top: 2px dotted;
  }
  .wrelate .boxt{
      font-size: 26px;
  }
  .wrelate .sidebar > ul {
      display: flex;
      flex-wrap: wrap;
  }
  
  .i-calendar {
      display: inline-block;
      -webkit-mask-image: url(images/icons/calendar-alt-regular.svg);
      mask-image: url(images/icons/calendar-alt-regular.svg);
  }
  
  .i-eye {
      display: inline-block;
      -webkit-mask-image: url(images/icons/eye-solid.svg);
      mask-image: url(images/icons/eye-solid.svg);
  }
  .i-author {
      display: inline-block;
      -webkit-mask-image: url(images/icons/user-solid.svg);
      mask-image: url(images/icons/user-solid.svg);
  }
  .ico-arrow-left {
      display: inline-block;
      -webkit-mask-image: url(../../images/chevron-left-solid.svg);
      mask-image: url(../../images/chevron-left-solid.svg);
  } 
  .ico-arrow-right {
      display: inline-block;
      -webkit-mask-image: url(images/chevron-right-solid.svg);
      mask-image: url(images/chevron-right-solid.svg);
  }
  .pagination .ico-arrow-left, .pagination .ico-arrow-right {
      display: inline-block;
      width: 8px;
      height: 12px;
      background-color: #606060;
  }
  .sgm .i-eye,.sgm .i-calendar {
      background-color: #444;
  }
  .sgm {
      color: #444;
      font-size: 13px;
      width: 100%;
      padding: 10px 0;
      float: left;
      border-bottom: 2px solid #ddeeff;
      margin-bottom: 15px;
  }
  .sgm > span,.sgm > .au {
      position: relative;
      padding-left: 19px;
      float:left;
      margin-left: 15px;
      font-weight: 600;
  }
  .sgm > span.il { margin-left: 0; }
  .sgm > span.ir { 
       padding-left: 22px;
  }
  .sgc a {
      font-weight: bold;
      color: #003963;
  }
  .sgm > .au { 
       float:left;
       padding-left:18px;
  }
  .sgm .i-eye {
      width: 18px;
      height: 16px;
      left: 0;
      top: 1px;
      position: absolute;
  }
  .sgm .i-calendar {
      width: 14px;
      height: 16px;
       left: 0;
      top: 1px;
      position: absolute;
  }
  .au .i-author {
      width: 14px;
      height: 16px;
      left: 0;
      top: 1px;
      position: absolute;
      background-color: #444;
  }
  .sgm i {margin-right: 5px;margin-top: -2px;}
  #slider-service article { overflow: hidden; }
  #slider-service { padding-bottom: 30px !important; }
  #slider-service .t {
      margin: 0;
      font-size: 21px;
      padding-top: 10px;
      position: relative;
      margin-bottom: 10px;
  }
  #slider-service .t a{
      color: #5c92cd;
      font-family: 'UTM Avo Bold', sans-serif;
  }
  .sec-box {
      overflow: hidden;
  }
  .sec-box #slider-service .cnt {
      background: url(../../images/bg-content-service.png) center 0 no-repeat;
      height: 100%;
  }
  #slider-service .t:before {
      content: ' ';
      width: calc(100% - 40px);
      height: 15px;
      left: 20px;
      position: absolute;
      bottom: -13px;
      background: url(../../images/bg-title-service.png) center 0 no-repeat;
      background-size: contain;
  }
  #slider-service .d{
      color: #05152c;
      font-weight: bold;
      font-size: 15px;
      width: 100%;
      float: left;
  }
  #slider-service span {
      display: block;
      width: 100%;
  }
  #slider-service .l , #slider-service .r{
      width: 60%;
      float: left;
  }
  #slider-service .r {
      width: 40%;
      float: left;
  }
  #slider-service li {
      color: #05152c;
      font-weight: bold;
      width: 50%;
      float: left;
  }
  .wr-reg .wpcf7-list-item-label,.sidebar .wpcf7-list-item-label { color: #fff; }
  .zero-content {
      margin-top: 20px;
  }
  .zero-content .lab-btn {
      padding: 14px 32px;
  }
  .zero-content img { max-width: 380px; }
  .lab-btn {
      display: inline-block;
      padding: 13px 25px;
      background: #003963;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      color: #fff;
  }
  .lab-btn:hover, .lab-btn:focus, .lab-btn:visited, .lab-btn:active {
      color: #fff;
  }
  .lab-btn:hover {
      background: #44a6f1;
      box-shadow: 0 5px 10px rgb(68,166,241,0.3);
  }
  .wr-404 {
      padding: 30px;
      text-align: center;
      box-shadow: 0px 0 10px 0px rgb(136,136,136, 0.1);
      margin-top: 50px;
  }
  #goToTop {
      position: fixed;
          right: 140px !important;
              bottom: 40px !important;
      transform: translateY(-50%);
      padding: 8px 9px;
      background: #003963;
      border-radius: 3px;
      border: none;
      opacity: 0;
      color: #fff;
      cursor: pointer;
      z-index: -1;
      transition: opacity 0.4s linear;
  }
  #goToTop span {
      display: block;
      font-size: 20px;
      transform: rotate(-92deg);
  }
  #pop-hello {
      right: 56px !important;
      left: unset !important;
      position: fixed !important;
      bottom: 95px !important;
      z-index: 2000000003 !important;
      background: #fff !important;
      box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;
      border-radius: 15px !important;
      max-width: 100% !important;
      width: 240px !important;
      margin-bottom: 20px !important;
      padding: 20px;
  }
  .show-opacity {
      opacity: 1 !important;
      z-index: 99999999 !important;
  }
  .owl-carousel.owl-drag .owl-item {
      list-style: none;
  }
  /* #technology .pic1,#technology .pic2,
  #technology .pic3,  */
  #cosmetic .video2, #cosmetic .video3,
  #cosmetic .video4 {
      display: none;
  } 
  .bgHome { position: relative; overflow: hidden;}
  .bgHome > picture {
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
  }
  .bgHome > picture > img {
      position: absolute;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top;
  }
  .sf .col-1 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  .sf .license {
      margin-bottom: 10px;
  }
  .sf .col-2 p {
      margin: 0 0 5px 0;
  }
  .sf .col-2 .h4 {
      font-weight: 500;
      margin-bottom: 15px;
      margin-top:15px;
      font-size: 25px;
  }
  .sf .i-c {width: 100%; float: left;}
  #technology .i-sh {
      border-radius: 30px;
  }
  .cosmetic .i-sh {
      font-size: 17px;
      border-radius: 30px;
      text-align: center;
      padding: 11px;
      text-transform: uppercase;
      font-weight: bold;
      color: #0c4271;
      display: inline-block;
      line-height: 1;
      background: #fff;
  }
  .pc {
      display: none !important;
  }
  .mobi {
      display: block !important;
  }
  .videos a{
      position: relative;
      --overlay-transition-duration: 800ms;
      transition-duration: 800ms;
      -webkit-transition-duration: 800ms;
  }
  .videos a:hover .overlay{
      background: rgba(0,0,0,0.5);
  }
  .overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: transparent;
      transition-duration: 800ms;
      -webkit-transition-duration: 800ms;
  }
  .stlo img {width: 100%;}
  @media (min-width: 576px) {
      .container {
          width: 540px;
      }
      .zero-content h2 {
          font-size: 36px;
      }
      .zero-content  p {
          font-size: 16px;
      }
  }
  
  @media (min-width: 768px) {
      .pc {
          display: block !important;
      }
      .mobi {
          display: none !important;
      }
      .cosmetic {
          margin-bottom: 30px;
      }
      #technology .i-sh {
          width: 251px;
      }
      .cosmetic .i-sh {
          width: 220px;
      }
      #bg-tab {
          position: absolute;
          left: 50%;
          bottom: 0;
          z-index: 1;
          -webkit-transform: translateX(-50%);
             -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
               -o-transform: translateX(-50%);
                  transform: translateX(-50%);
      }
      #bg-tab img {width: 600px;}
      #tab-doctor, #tab-setup, #tab-gift { position: absolute; background: transparent; border: transparent;}
      #tab-doctor {
          left: calc(50% - 238px);
          bottom: 0;
          height: 53px;
          width: 153px;
      }
      #tab-gift {
          left: calc(50% + 104px);
          bottom: 0;
          height: 53px;
          width: 139px;
      }
      #tab-setup {
          left: calc(50% + -83px);
          bottom: 0;
          height: 53px;
          width: 184px;
      }
      .sidebar .form-register { position: -webkit-sticky;
      position: sticky;
      top: 138px; }
      .c-3 { width: 33.3333%; float:left; }
      .container {
          width: 750px;
      }
      .row {display: flex; flex-wrap: wrap; }
      .technology {
          display: flex; justify-content: space-between;
          align-items: baseline;
      }
  
      .technology .i-sh:nth-child(2) {
  /* 		margin: 0 30px; */
          margin: 0px;
      }
  
      .i-sh {
          cursor: pointer;
      }
  
      .videos .video , .videos .info-video, #box-news .bxi-new{
          width: calc(50% - 10px);
          float: left;
      }
      .videos .info-video, #box-news .bxi-new:nth-child(2) {
          float: right;
      }
  
      .videos .t-iv { padding-left: 0; padding-right: 0; margin-top: 0;}
  
      .videos .item > p {
          max-height: 41px;
          overflow: hidden;
          margin-bottom: 15px;
          padding: 0;
      }
  
      .form-register input, .form-register select, .form-register textarea {
          padding: 13px 15px;
      }
  
      .form-register input[type='submit'] {
          font-size: 30px;
          padding: 20px 30px;
      }
  
      .form-register .txt-bot {
          font-size: 25px;
      }
  
      .form-register .t-reg {
          font-size: 25px;
      }
      .wr-reg .bg, .wr-reg .form-register { width: 50%; float:left; }
      .sf {padding-bottom: 20px;}
      .sf h3 { margin-top: 0; }
      #technology .container2 img, #technology picture { width: 100%; }
      .container2 { width: 100%; padding: 15px; margin: 0 auto; }
      .sf .col-1, .sf .col-2, .sf .col-3 { width: 33.3333%;position: relative;float: left;}
      .wr-reg { display: flex; }
      .wr-reg .bg{ align-self: flex-end; line-height: 0; padding-top:10px;}
      .wr-reg .form-register{ align-self: center; margin: 30px 0;}
  
      /*fixed icon info*/
      .fxi {
          position: fixed;
          right: 0;
          top: 35%;
      }
      .fxi a, .fxi button {
          width: 53px;
          height: 43px;
          display: block;
          background-color: transparent;
          background-image: linear-gradient(180deg, #1c71b3 0%, #003963 100%);
          border-radius: 100px 0px 0px 100px;
          box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.5);
          padding: 10px 10px 10px 13px;
          margin-bottom: 5px;
          display: flex;
          align-items: center;
              border: 0;
      }
      .stlo .bxc {
          font-size: 20px;
          padding: 10px 15px 20px;
      }
      .stlo .isl {
          font-size: 23px;
      }
      /*news*/
      .catp .l .piv .box-image {
          width: 100%;
      }
  
      .catp .l, .catp .r { width: 50%; float: left; }
      .catp .r .is-large {max-height: 53px;
          overflow: hidden;
      }
      .catp .l {
          padding-right: 10px;
      }
      .catp .r {
          padding-left: 10px;
      }
      .catp .piv {
          border-bottom: 0;
          overflow: inherit;
          margin-bottom: 0;
          width: 100%;
          float: left;
      }
      .catp .piv .box-content {
          padding: 0;
      }
      .catp .l .piv h2 { display: inline-block; margin-bottom: 0; padding: 5px 0 0;}
      .catp .box-cat{
          border-bottom: 2px dashed #737373;
          overflow: hidden;
          padding-top: 25px;
      }
      .catp .large-9 .box-cat:last-child {
          border-bottom: 0; padding-bottom: 0;
      }
      .catp .col:first-child .box-cat { padding-top:0; }
      .catp .r .piv .box-image {
          width: 150px;
      }
      .catp .ctyle { padding-top:0; }
      .catp .col {
          padding-bottom: 0;
      }
  
      .catp .sidebar { padding-top: 25px; }
      .catp .excerpt {
          max-height: 47px;
          overflow: hidden;
      }
      .banner { position: relative; }
      .banner ul {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          z-index: 1;
          background: #fff;
          margin: 0;
          padding: 20px 0 0;
          width: 722px;
          height: 60px;
      } 
      .banner ul li {display: inline-block;
      padding: 0 50px;
      border-left: 2px solid #5a90bc;
      position: relative;
      color: #202528;}
          .banner ul li:first-child { border-left:0; }
          .banner ul li:before {
              content: "";
              position: absolute;
          }
          .banner ul li:nth-child(1):before {
              background: url(images/icons/clock_b.png) center 0 no-repeat;
              top: -6px;
              left: 10px;
              width: 35px;
              height: 35px;
          }
          .banner ul li:nth-child(2):before {
              background: url(images/doctor.png) center 0 no-repeat;
              top: -5px;
              left: 10px;
              width: 32px;
              height: 36px;
          }
  
          .banner ul li:nth-child(3):before {
              background: url(images/calculator.png) center 0 no-repeat;
              top: -5px;
              left: 10px;
              width: 34px;
              height: 36px;
          }
  
          .banner ul li:nth-child(4):before {
              background: url(images/gift.png) center 0 no-repeat;
              top: -5px;
              left: 10px;
              width: 36px;
              height: 36px;
          }
      .banner ul li button {
              padding: 0;
      background: transparent;
      border: 0;
      }
      .sf .col-1 {
          text-align: right;
      }
      .wrelate .sidebar > ul>li {
          width: calc(50% - 10px);
          float:left;
      }
      .wrelate .sidebar > ul>li:nth-child(even) {
          margin-left: 10px;
      }
      .wrelate .sidebar > ul>li:nth-child(odd) {
          margin-right: 10px;
      }
      #localtion {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-end;
      }
      #localtion a {
          width: 100%;
          display: inline-block;
          margin-bottom: 10px;
      }
      
      .sf .col-2 .h4:nth-child(1) {
          margin-top: 0;
      }
      .sf .h3 {
          font-size: 35px;
          margin-bottom: 30px;
          padding-left: 34.3333%;margin-top: 0;
      }
      .sf .col-1{padding-right: 15px;}
      .sf .col-3 {padding-left: 15px;}
      .videos ul {margin: 0 -7.5px;}
      .videos ul li { width: 33.3333%; padding: 0 7.5px; margin-bottom: 15px;}
      .videos ul li img { width: 100%; height: auto; }
      #slider-service .t {
          font-size: 24px;
      }
  }
  
  @media (min-width: 992px) {
      #slider-service { 
          padding: 0 20px;
      }
      #slider-service .l {
          width: 53%;
          float: left;
      }
      #slider-service .r {
          width: 47%;
          float: left;
      }
      #slider-service span {
          font-size: 14px;
      }
      .technology { padding: 0 50px; }
      #localtion a { width: 100%; }
  /* 	#localtion a:nth-child(2), #localtion a:nth-child(3) {
      padding-left: 3px;
      }
      #localtion a:nth-child(1) {
      padding-right: 3px;
      } */
      .stlo .isl {
          padding: 10px 30px 20px;
      }
      .stlo .isl {
          font-size: 26px;
      }
      .container {
          width: 970px;
      }
      .cat-new .large-9 {
          padding-right: 15px;
      }
      .large-9 {
          width: 70%;
          float: left;
      }
      .large-3 {
          width: 30%;
          float: left;
      }
      .cat-new .large-3 {
          padding-left: 15px;
      }
      /*top-bars*/
      .top-bars { padding: 0 50px; }
      .top-bars .txt {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 24px;
          background-image: linear-gradient(#1c71b3 , #003963);
          color: #fff;
          width: 100%;
          text-align: center;
          display: inline-block;
          border-bottom-right-radius: 30px;
          border-bottom-left-radius: 30px;
          padding: 3px 0 1px 0;
          padding: 3px 0 3px 0;
      }
      .menuLogo {
          display: none;
      }
      #header{background: #fff;}
       #header.fixed {top:0 !important;box-shadow: 0 0 4px rgb(0 ,0, 0,0.3);}
      /* #header.fixed .rt {display: none;} */
  /* 	#header.fixed .rt {position: fixed;} */
      .bet-head {
          display: flex;
          color: #0c4271;
      }
      .bet-head .wlogo {padding: 0;
      margin: 0;
      line-height: 0;display: flex;align-items: flex-end;}
      .wlogo a {overflow: hidden;
      display: inline-block;
      line-height: 0;}
      .bet-head .r {flex: 1 auto;}
      /* #header.fixed .bet-head .r {justify-content: flex-end; display: flex;} */
      .bet-head .logo {    max-width: 260px;
      margin-bottom: 10px; padding-top: 20px;}
      .bet-head .rt { display: flex; align-items: center; justify-content: flex-end; padding: 10px 0 0;}
      .bet-head .rt div {  flex-direction: column; margin-right: 30px;}
      .bet-head .rt div>span:first-child { font-weight: bold; font-size: 14px;}
      .bet-head .rt div>span:last-child { font-size: 13px; color: #5a90bc;}
      .bet-head .rt button {
          border-radius: 20px;
          padding: 14px 34px;
      }
      .bet-head .icon-calendar {
          background: url(../../images/icons/calendar-b.png) no-repeat;
          padding-left: 50px;
          min-height: 46px;
          display: flex;
          text-align: left;
      }
  
      .bet-head .icon-phone {
          background: url(../../images/icons/tel-b.png) no-repeat;
          min-height: 46px;
          padding-left: 50px;
          display: flex;
          align-items: center;
      }
  
      #menu {display: flex;
      list-style: none;
      padding: 0;
      margin: 0;
      justify-content: flex-end;}
      #menu>li {
          display: flex;
          align-items: center;
          position: relative;
      }
      #menu>li>a {
          padding: 5px 15px;
          display: block;
          cursor: pointer;
          text-align: center;
          position: relative;
          font-weight: 600;
          text-transform: uppercase;
          border-right: 2px solid #003963;
      }
      #menu>li:nth-child(6)>a {border-right: 0;}
      #search {border: 0;padding-left: 0;
      background: transparent; cursor: pointer;}
      #search .i-search {
          background: url(images/icons/search-b.png) no-repeat;
          min-height: 29px;
          width: 28px;
          display: inline-block;
      }
      #mbar,.msearch,.menuLogo { display: none !important; }
      #menu .dm {
          position: absolute;
          top: 100%;
          z-index: 110;
          background: #eeeeee;
          border: solid 0px #ffffd8;
          -webkit-border-radius: 0 0 3px 3px;
          -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
          -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
          box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
          margin: 20px 0 0 0;
          -webkit-transition: all .2s;
          -moz-transition: all .2s;
          -ms-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s;
          opacity: 0;
          visibility: hidden;
          margin: 20px 0 0 0;
          position: absolute;
          left: unset;
          width: 280px;
          list-style: none;
          background: #ffff;
          padding: 0;
          border-top: 2px solid #0170b9;
      }
      #menu .dm li a {
          font-weight: 400;
          font-size: 16px;
          line-height: 16px;
          color: inherit;
          transition: all .2s;
          color: #000;
          text-align: left;
          padding: 0.9em 1em;
          display: block;
          word-wrap: break-word;
          border-bottom: 1px solid #eaeaea;
      }
      #menu li:hover>ul {
          display: block;
          visibility: visible;
          opacity: 1;
          margin: 0;
      }
  
      #menu li:last-child>ul {
          right:0;
      }
      #menu .dm li a:hover {
          color: #003963;
      }
      #wmenu {display: flex;
      justify-content: space-evenly;
      margin-top: 10px;}
      /*form register*/
      .cat-new .form-register .t-reg {
          font-size: 18px;
      }
      .cat-new .form-register input,.cat-new .form-register select {
          padding: 8px 15px;
      }
      .cat-new .form-register input[type='submit'] {
          font-size: 18px;
          padding: 8px 10px;
      }
      .cat-new .form-register .txt-bot {
          font-size: 17px;
      }
      #menu>li>a {
          font-size: 15px;
          padding: 5px 9px;
      }
      #slider-service .t {
          font-size: 20px;
      }
  }
  @media (min-width: 1200px) {
      #slider-service .l {
          width: 52%;
          float: left;
      }
      #slider-service .r {
          width: 48%;
          float: left;
      }
      #slider-service span {
          font-size: 15px;
      }
      #menu>li>a {
          font-size: 16px;
          padding: 5px 15px;
      }
      .container {
          width: 1170px;
      }
      .container2 { max-width: 1500px; width: 100%;}
      .sf .col-1{padding-right: 6%;width: 33%;}
      .sf .col-2 {width: 23%;}
      .sf .col-3 {padding-left: 3%;width: 44%;}
      .sf .h3 {
          padding-left: 34%;
      }
      #slider-service .t {
          font-size: 24px;
      }
  }
  @media (max-width: 991px) {
      .ast-arrow-svg {
          position: absolute;top:19px;
          z-index: 1;
          right: 0;
      }
      #search { display: none; }
      #book-appointment .container {
          width: 100%;
      }
      #mbar {
          background: #fff;
          border: 0;
          padding: 0;
      }
      #mbar .ico-bar {
          background: url(../../images/icons/menu-bar-w.svg) no-repeat;
          min-height: 31px;
          width: 31px;
          display: inline-block;
      }
      .icon-calendar, .icon-phone { display: none; }
      .top-bars { display: none; }
      .bet-head img {
          max-height: 40px;
          width: auto;
      }
      .bet-head {    display: flex;
      position: relative;
      width: 100%;
      min-height: 70px;
      align-items: center;}
      #menu {
          position: absolute;
          top: 0;
          bottom: 0;
          background: #fff;
          box-sizing: border-box;
          width: 305px;
          padding: 20px 20px;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          margin: 0;
          animation: animateleft .4s;
          list-style: none;
      }
      #menu li a{
          border-bottom: 1px solid #e5e5e5;
          display: block;
          font-size: 18px;
          padding: 0;
          text-align: left;
          font-weight: 500;
          position: relative;
          padding: 13px 0;
      }
      #menu .menuLogo a{ display: inline-block; border: none; text-align: center;    margin-bottom: 20px;
      margin-top: 10px;}
      .animate-left {
          position: relative;
          animation: animateleft .4s
      }
  
      #menu .dm { 
          padding-left: 17px; margin-left: 0;
          opacity: 1;
          display: none;
          overflow: visible;
          position: static;
          pointer-events: auto;
          transition: opacity 300ms;
      }
  
      @keyframes animateleft {
          from {
              left: -300px;
              opacity: 0
          }
  
          to {
              left: 0;
              opacity: 1
          }
      }
      #wmenu  {
          display: none;
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          z-index: 999999;
          right: 0;
          background: rgb(0,0,0,0.8);
          animation: opac .4s;
      }
      #wmenu.active {
          display: block;
          animation: animateleft .4s;
      }
      .msearch {
          width: 30px;
          height: 30px;
          line-height: 1.2;
          padding:0;
          border: 0;
          background: #5a90bc;
          border-radius: 50%;
      }
  
      .bet-head .rt button {
          padding: 9px 14px;
          font-size: 12px;
          font-weight: bold;
          margin-left: 8px;
      }
      .wlogo {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          margin: 0;
          padding: 0;
          line-height: 0;
      }
      .bet-head .r {
          display: flex;
          flex: 1 auto;
          justify-content: flex-end;
      }
      #header .container {width: 100%; padding: 0 15px;}
      #header { border-bottom: 5px solid #0c4271; }
  }
  @media (max-width: 991px) {
      #slider-service {
          padding: 5px 20px;
      }
  } 
  @media (max-width: 767px) {
  
      #pop-hello {
              display: none;
          }
      .sec-box .t-bevel {
          font-size: 36px;
      }
      .wr-reg .bg {
          width: 100%;
      }
      #localtion img { margin-bottom: 10px; }
      .container2 { padding: 0 15px; }
      #bg-tab { display: none; }
      .at-round-o {
          bottom: 65px;
          right: 10px;
      }
      .at-cycle-o {
          bottom: 65px;
          right: 10px;
      }
      .at-zalo {
          bottom: 75px;
          right: 20px;
      }
      #goToTop {bottom: 110px !important; right: 21px !important; }
      .banner>ul { display: none; }
      #cosmetic .videos ul {
          padding: 5px 20px;
      }
      .technology { clear: both;
          overflow: hidden;
      }
      #technology .i-sh span{
          font-size: 16px !important;
          line-height:1.5em !important;
      }
      .technology {
      position: relative;
      height: 290px;
      
      }
      .technology .i-sh{
          width: 190px !important;
          margin-bottom: 75px !important;
      }
      .technology .i-sh:nth-child(1){
          position:absolute;
          left:0;
          top:0;
          
      }
      .technology .i-sh:nth-child(2){
          position:absolute;
          right:0;
          top:0;
          margin-right: 0px;
      }
      .technology .i-sh:nth-child(3){
          position:absolute;
          bottom:0;
          margin-left: 0px;
      }
      .technology .i-sh:nth-child(4){
          position:absolute;
          right:0;
          bottom:0;
          margin-right: 0px;
      }
  
      #book-appointment>picture img { min-height: 580px; }
      #technology .i-sh, .technology .i-sh span, .cosmetic .i-sh {
          border-radius: 13px;
      }
      .i-sh {
          padding: 2px;
      }
      .sf .logo {max-width: 50%; margin: 0 auto 25px ;}
      .sf .license { margin-bottom: 20px; float: left; padding-left: 20px; width: 100%;}
      .dcma { width: 100%; }
      .wr-reg {
          padding: 10px 10px 30px 10px;
          text-align: center;
          width: 100%;
      }
      .wr-reg img { line-height: 1; margin-bottom: -8px;}
      .fxi {
          position: fixed;
          right: 0;
          bottom: 0;
          width: 100%;
          background-image: linear-gradient(180deg, #5a90cb 0%, #0D4373 100%);
          display: flex;
          padding: 5px 0;
      }
  
      .fxi a, .fxi button {
          width: 50px;
          height: 43px;
          display: block;
          margin-bottom: 5px;
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 5px;
          background: transparent;
          padding: 0;
          border: 0;
          border-radius: 0;
      }
  
      .fxi a:not(:last-child), .fxi button {
          border-right: 1px solid #fff;
      }
      .sf { padding-bottom: 70px; }
  
      .cat-new .box-content { display: none; }
  
      .ctyle .piv .box-image {
          width: 100%;
      }
      .ctyle .piv {
          border-bottom: 0;
          overflow: inherit;
          margin-bottom:0;
      }
      .ctyle .piv h2 { display: inline-block; margin-bottom: 0; padding: 5px 0 0;}
      .catp .r{
          border-bottom: 2px dashed #737373;
      }
      .catp .large-9 .box-cat
      .catp .large-9 .box-cat{
          margin-bottom: 30px;
      }
  
      .sf .col-1 {
          text-align: center;
      }
  }
  @media (max-width: 575px) {
      .container {
          padding-right: 5px;
          padding-left: 5px;
      }
      .modal-box-video {
          max-width: 100%;
          width: 100%;
          margin: 0;
          padding: 43px 10px;
      }
      .bet-head .rt button { display: none; }
  
      .modal-box {
          position: relative;
          width: 90%;
          max-width: 90%;
          margin: 100px auto;
      }
      .modal-box-video {
          width: 90%;
          max-width: 90%;
      }
      #technology .i-sh span{
          font-size: 16px !important;
          line-height:1.5em !important;
      }
      .technology {
      position: relative;
      height: 290px;
      margin-bottom: -40px;
      }
      .technology .i-sh{
          width: 190px !important;
          margin-bottom: 75px !important;
      }
      .technology .i-sh:nth-child(1){
          position:absolute;
          left:0;
          top:0;
          
      }
      .technology .i-sh:nth-child(2){
          position:absolute;
          right:0;
          top:0;
          margin-right: 0px;
      }
      .technology .i-sh:nth-child(3){
          position:absolute;
          bottom:0;
          margin-left: 0px;
      }
      .technology .i-sh:nth-child(4){
          position:absolute;
          right:0;
          bottom:0;
          margin-right: 0px;
      }
  }
  /* 575px and smaller screen sizes */
  @media (max-width:575px){
  
      /* DÆ°Æ¡ng SÆ¡n */
      div .giuseart-nav{
          border-top-right-radius:15px;
          border-top-left-radius:15px;
          
      }
      
  }
  
  .popmake input[type="text"],
  .popmake input[type="tel"],
  .popmake select, .popmake textarea {
      padding: 0.625rem 1.25rem;
      border: none;
      background: #E9ECF5;
      color: #292C2F;
      font-size: 1.125rem;
      outline: none !important;
      border-radius: 5px;
      line-height: 1 !important;
      width: 100%;
  }
  .pum-theme-12189 .pum-container,
  .pum-theme-popup-lien-he .pum-container {
      background-color: #fff !important;
  }
  
  .pum-theme-12189,
  .pum-theme-popup-lien-he {
      background-color: rgba(0, 0, 0, 0.9) !important;
  }
  
  .pum-theme-12189 .pum-content,
  .pum-theme-popup-lien-he .pum-content {
      color: #000 !important;
  }
  
  .pum-theme-12189 .pum-content+.pum-close,
  .pum-theme-popup-lien-he .pum-content+.pum-close {
      box-shadow: none !important;
      background: #fbd405 !important;
      border: 0 !important;
      height: 42px !important;
      width: 42px !important;
      font-size: 18px !important;
  }
  .img-form p {
      text-align: center;
  }
  .img-form img {
      width: 100px;
      border-radius: 50%;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
      margin: 0 auto;
  }
  .pum-theme-popup-lien-he .t-reg{
      text-align: center;
      color: #0c4271;
      font-weight: bold;
      margin: 10px auto;
      display: block;
      font-size: 20px;
      padding: 0;
      text-transform: uppercase;
  }
  .pum-theme-popup-lien-he .btn-reg { text-align: center;}
  .pum-theme-popup-lien-he input[type="submit"]{
      background: #ffaa4c;
      color: #0c4271;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px;
      width: auto;
      padding: 10px 20px;
      text-align: center;
      border: 0;
  }
  
  .pum-theme-popup-lien-he .txt-bot {
      text-align: center;
      color: #0c4271;
  }
  
  .pum-theme-popup-lien-he input[type='radio'] {
      width: 20px;
      height: 20px;
      margin-right: 10px;
  }
  
  .pum-container .pum-title { display: none !important;}
  .info-grid h2 {
      color: #fff;
      font-size: 32px;
      letter-spacing: .02em;
      text-transform: capitalize;
      margin-bottom: 0;
  }
  .info-grid p {
      margin-top: 5px;
      font-size: 14px;
      text-transform: uppercase;
  }