/*
Theme Name: Stella icon
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


.nav .nav-dropdown {padding:0}
h1, h2, h3, h4, h5, h6 {
  color: #a96b11;
  font-family: "Maven Pro",sans-serif;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
  font-style: normal;
}
html body h1 {
  font-size: 36px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #a96b11;
  font-family: "Maven Pro",sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
}
html body .button.htg-center{
  text-align: center;
  margin: 0 auto;
  display: table;
  width: auto;
}
html body .htg-border-1 {
}
html body blockquote {
  line-height: 1.45;
  font-size: 16px;
  border-color: #a96b11;
  background: linen;
  border-left: 2px dashed #a96b11;
  border-right: 2px dashed #a96b11;
  border-top: 2px dashed #a96b11;
  border-bottom: 2px dashed #a96b11;
  text-align: justify;
}
html body .pp-heading-content {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
html body .pp-heading-content:before {
content: "";
  height: 3px;
  background: #d6a24b;
  max-width: 100px;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
html body .pp-heading-content h2 {
font-size: 26px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #a96b11;
  font-family: "Maven Pro",sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  text-align:center

}
html body .pp-heading-content .pp-sub-heading {    font-size: 18px;}
html body .pp-heading-content .pp-sub-heading p { margin-bottom:5px}

html body .htg-bgbottom, html body .htg-bgbottom .col {padding-bottom:0!important}
html body .htg-bgbottom .section-bg.bg-loaded {
width: 300px;
  height: 224px;
  background-repeat: no-repeat !important;
  background-position: center bottom;
  background-attachment: scroll;
  background-size: contain !important;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  top: inherit;

}
#myModalNew {z-index: 99999;}
.modal-wrapper.styled {
  z-index: 999999999;
}
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}

.hotline-phone-ring {
position: relative;
visibility: visible;
background-color: transparent;
width: 110px;
height: 84px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
left: 0;
bottom: 0;
display: block;
}

.hotline-phone-ring-circle {
width: 110px;
height: 110px;
top: 0;
left: 0;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #aa2231;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
width: 80px;
height: 80px;
top: 16px;
left: 16px;
position: absolute;
background-color: rgba(21, 100, 167, 0.7);
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
background-color: #aa2231;
width: 50px;
height: 50px;
top: 31px;
left: 5px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
width: 33px;
height: 33px;
}

.hotline-bar {
position: absolute;
background: #aa2231;
height: 45px;
width: 165px;
line-height: 40px;
border-radius: 3px;
padding: 0 10px;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
border-radius: 50px !important;
left: 16px;
bottom: 5px;
}

.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: bold;
text-indent: 32px;
letter-spacing: 1px;
display: block;
line-height: 45px;
font-family: Arial;
}

.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
0% {
  -webkit-transform: rotate(0) scale(0.5) skew(1deg);
  -webkit-opacity: 0.1;
}
30% {
  -webkit-transform: rotate(0) scale(0.7) skew(1deg);
  -webkit-opacity: 0.5;
}
100% {
  -webkit-transform: rotate(0) scale(1) skew(1deg);
  -webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
  -webkit-transform: rotate(0) scale(0.7) skew(1deg);
  opacity: 0.6;
}
50% {
  -webkit-transform: rotate(0) scale(1) skew(1deg);
  opacity: 0.6;
}
100% {
  -webkit-transform: rotate(0) scale(0.7) skew(1deg);
  opacity: 0.6;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
  -webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
  -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
  -webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
  -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
  -webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
  -webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
  -webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
.hotline-phone-ring-wrap.fix_tel_right {
top: auto;
bottom: auto;
right: auto;
left: auto;
bottom: 0;
right: 100px;
}

@media (max-width: 768px) {
    html body {overflow-x: hidden!important;}
.hotline-bar {
  display: none;
}
.hotline-phone-ring-wrap.fix_tel_right {
  right: 0;
  left: inherit;
  bottom: 25%;
  display: inline-table;
}
}
#zalof{bottom:100px;left:5px;position:fixed;z-index:99}#zalof img:hover{width:60px;height:60px}@media(max-width:1100px){#zalof{bottom:60px;left:5px;position:fixed;z-index:99}#zalof img:hover{width:50px;height:50px}}

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none
}

#backtotop a {
  color: #fff;
  background-color: #8e6f2c;
  border-color: #8e6f2c;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  border-radius: 50%;
}
.video.mb {margin-bottom:7px}
table th, table td {
font-size:16px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  line-height: 1.7;
  padding: 4px;
}

.dark th, .dark td {
  border-color: rgba(255,255,255,0.75);

}
.morecontent span {
  display: none;
}
.wpcf7 {display: inline-block;width:100%;margin: 10px 0;}


html body .has-transparent .header-wrapper:not(.stuck) {
box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 30%);
  padding: 0;
}

.processing:before{display:none}.submitting .processing:before{display:block}.wpcf7 .processing *{opacity:1}.wpcf7 .submitting .processing *{opacity:.7}
  .icon-box2 .icon-box-img img{padding-top:0;border-radius:99%}.cac-li-do .icon-box{background:#fff;padding:20px;margin-bottom:20px;border-radius:6px}.video-section .col.large-12{padding-bottom:30px !important}.bgklcol{background:rgba(16,125,145,1);background:-webkit-linear-gradient(180deg,rgba(16,125,145,1),rgba(57,130,102,1));background:linear-gradient(180deg,rgba(16,125,145,1),rgba(57,130,102,1))}.bgklcol h3,.bgkl h3{color:#FFF!important}@media(min-width:1105px){
    .full-width-htg{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.bgklcol{margin-bottom:0;width:48%;max-width:48%;margin:1%;border-radius:10px}}.bgklTop{background:rgba(16,125,145,.8);background:-webkit-linear-gradient(180deg,rgba(16,125,145,.8),rgba(57,130,102,.8));background:linear-gradient(180deg,rgba(16,125,145,.8),rgba(57,130,102,.8));border-radius:5px 40px 5px;border:#ffde8a 2px solid;box-shadow:0px 0px 15px grey}.text-box-square .text, .text-box-circle .text {background: none!important;}html body .wp-block-image figure {display:contents}

  h2,h3{
    font-size : normal;
  }
  .formbv{background:#114784;display:inline-block;width:100%;padding:20px 0 25px;border-style:solid;border-width:0 0 3px;border-color:#b9fff7;margin:0 0 0 0}.formbv p{text-align:center;font-size:15px;margin:0 0 3px;text-transform:uppercase}.formbv p:first-child{color:#b9fff7;width:100%;font-size:14px;font-weight:normal;line-height:1.3;margin-bottom:10px}.formbv .col-md-4,.formbv .col-md-2{padding:0 5px;margin-bottom:5px}.formbv .col-md-9{padding:0 5px;margin-bottom:5px}.formbv .col-md-4 input[type=text],.formbv .col-md-2 input[type=text],.formbv .col-md-2 input[type=email]{padding:0 8px;height:33px;line-height:33px;font-size:12px;width:99%;display:block;margin:0;margin-left:5px}.formbv .col-md-3 input[type=submit],.formbv .col-md-2 input[type=submit]{background:#008778;color:#fff;font-weight:400;padding:0 15px;font-size:13px;line-height:30px;border:0;border-radius:4px;border-radius:4px}@media(max-width:1100px){.formbv .col-md-3 input[type=submit],.formbv .col-md-2 input[type=submit]{display:block;margin:0 auto;margin-top:10px}.entry-title{font-size:20px;line-height:1}}.formbv .col-md-9 input[type=text],.formbv .col-md-4 input[type=text]{padding:0 5px;height:33px;line-height:33px;font-size:12px;width:99%;display:block;margin:0;margin-left:5px}.wpcf7 div.wpcf7-validation-errors,.entry-content div.wpcf7-acceptance-missing{border:0;color:red;font-size:13px;font-weight:700;text-align:center}.wpcf7 div.wpcf7-mail-sent-ok{border:0;color:#537b49;font-size:14px;font-weight:700;text-align:center}.newshl{background:#ffffffad;box-shadow:0px 5px 10px rgb(0 0 0/10%);-webkit-transition:.3s;transition:.3s;padding:11px;padding:10px 7px}@media(min-width:1105px){.newshl{padding:10px 7px}}.newshl time{color:#777;font-size:11px;margin:10px}
  
  .wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}html body .wpcf7-spinner {display:none !important}
  .wpcf7 form .wpcf7-response-output{
      background: #c71b21;
      border: 0!important;
      font-size: 13px;
      padding: 5px 0 !important;
      margin: 0 auto;
      margin-top: -5px !important;
      color: #fff !important;
      text-align: center;
      width: 500px;
      max-width: 100%;
      text-align:
      center;
      height: 30px;
      display: inline-block;
  }.wpcf7-form div.wpcf7-mail-sent-ok{background:#247dd4!important;border:0!important;font-size:13px;padding:5px 0 !important;margin-top:0px !important;color:#fff !important}.wpcf7 form.sent .wpcf7-response-output{background:#247dd4!important}
  .wpcf7-form .wpcf7-not-valid-tip {
      display: none !important;
  }
  .wpcf7-form .wpcf7-not-valid {
      border: #aa2231 1px solid !important;
  }
  
  
  
  .phone-mobile {display: none;}
  .lph-nav {
      position: fixed;
      left: 13px;
      background: #ffffffab;
      border-radius: 5px;
      width: auto;
      z-index: 150;
      bottom: 20px;
      padding: 10px 0;
      border: 1px solid #f2f2f2;
  
  }
  .lph-nav:hover {background: #ffffff;    box-shadow: 0 0 7px #777;}
  .lph-nav ul {list-style: none;padding: 0;margin: 0;}
  .lph-nav ul li {list-style: none!important;}
  .lph-nav ul>li a {
      border:none;
      padding: 3px;
      display: block;
      border-radius: 5px;
      text-align: center;
      font-size: 10px;
      line-height: 15px;
      color: #515151;
      font-weight: 700;
      max-width: 72.19px;
      max-height: 54px;
      text-decoration: none;
  }
  .lph-nav ul>li .chat_animation{display:none}
  .lph-nav ul>li a i.ticon-heart {
      background: url(/lib/icon-tai-lieu.png) no-repeat;
      background-size: 36px 36px;
      width: 36px;
      height: 36px;
      display: block;
  }
  .lph-nav ul>li a i.ticon-zalo-circle2 {
      background: url(/lib/icon-zalo.png) no-repeat;
      background-size: contain;
      background-size: 36px 36px;
      width: 36px;
      height: 36px;
      display: block;
  }.lph-nav li .button {
      background: transparent;
  }.lph-nav ul>li a i.ticon-angle-up {
      background: url(/lib/icon-icon-angle-up.png) no-repeat;
      background-size: contain;
      background-size: 36px 36px;
      width: 36px;
      height: 36px;
      display: block;
  }.lph-nav ul>li a i {
      width: 33px;
      height: 33px;
      display: block;
      margin: auto;
  }.lph-nav ul li .button .btn_phone_txt {
      position: relative; top:35px;
      font-size: 10px;
      font-weight: bold;
      text-transform: none;
  }
  .lph-nav ul li .button .phone_animation i {
      display: inline-block;
      width: 27px;
      font-size: 26px;
      margin-top: 12px;
      -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
      animation: phone-vr-circle-fill-none 1s infinite ease-in-out;
  }.lph-nav ul>li a.chat_animation svg {
      margin: -13px 0 -20px;
  }
  .lph-nav ul>li a i.ticon-messenger {
      background: url(/lib/icon-icon-messenger.png) no-repeat;
      background-size: contain;
      background-size: 36px 36px;
      width: 36px;
      height: 36px;
      display: block;
  }.lph-nav ul li .button .phone_animation i {
      display: inline-block;
      width: 27px;
      font-size: 26px;
      margin-top: 12px;
      background-size: contain;
      width: 36px;
      height: 36px;
      display: block;
  }
  .lph-nav ul>li a i.ticon-chat-sms {
      background: url(/lib/icon-SMS.png) no-repeat;
      background-size: contain;
      background-size: 36px 36px;
      width: 38px;
      height: 36px;
      display: block;
  }
  .lph-nav ul>li a i.icon-phone-w {
      background: url(/lib/icon-Phone.png) no-repeat ;
      ;background-size: 20px auto;
      background-size: 36px 36px;
    width: 36px;
    height: 36px;
    display: block;
      ;background-color: #dd9933;
      background-color: transparent;
      ;border-radius: 50%;
      }
  .lph-nav ul li .button .btn_phone_txt {
      position: relative;
  }
  .phone-mobile-dk{display:block !Important}
  .animation-shadow-dk {
    background: #f7941d;
    background-color: transparent;
    height: 36px;
    width:36px;
    line-height:36px;
  }
  .lph-nav li .button .phone_animation {box-shadow: none;
      width: 36px;
      height: 36px;
      border-radius: 100%;
      background: #f7941d;
      line-height: 36px;
  }
  @media only screen and (max-width: 600px){
  .lph-nav li .chat_animation{display:block !Important}
   
  .lph-nav li .button .phone_animation {box-shadow: none;
      position: absolute;
      top: -16px;
      left: 50%;
      transform: translate(-50%,0);
      width: 50px;
      height: 50px;
      border-radius: 100%;
      background: #f7941d;
      line-height: 15px;
      border: 2px solid white;
  }
  .lph-nav ul>li a{padding:0; margin:0 auto}
  .lph-nav {
      background: white;
      width: 100%; border-radius:0;
      color: #fff;
      height: 60px;
      line-height: 50px;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 9999999;
      padding: 5px;
      margin: 0;
      box-shadow: 0 4px 10px 0 #000;
  }
  .lph-nav li {
      float: left;
      width: 25%;
      list-style: none;
      height: 50px;
  }
  .phone-mobile{display:block !important}}
  
  /*phone*/
  #button-contact-vr .button-contact {
      position: relative;
  }
  #button-contact-vr .button-contact .phone-vr {
      position: relative;
      visibility: visible;
      background-color: transparent;
      width: 90px;
      height: 90px;
      cursor: pointer;
      z-index: 11;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      transition: visibility .5s;
      left: 0;
      bottom: 0;
      display: block;
  }
  .phone-vr-circle-fill {
      width: 65px;
      height: 65px;
      position: absolute;
      box-shadow: 0 0 0 0 #c31d1d;
      background-color: rgba(230, 8, 8, 0.7);
      border-radius: 50%;
      border: 2px solid transparent;
      -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
      animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
      transition: all .5s;
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-animuiion: zoom 1.3s infinite;
      animation: zoom 1.3s infinite;
  }
  .phone-vr-img-circle {
      background-color: #f7941d;
      width: 36px;
      height: 36px;line-height: 36px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
      animation: phone-vr-circle-fill 1s infinite ease-in-out;
      margin-top: 5px;
      margin-left: 10px;
  }
  .phone-vr-img-circle a {
      display: block;
      line-height: 37px;
  }
  .phone-vr-img-circle img {
      max-width: 25px;
  }
  @-webkit-keyframes phone-vr-circle-fill {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  }
  @-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
  .phone-bar a {
      position: fixed;
      z-index: -1;
      background: rgb(232, 58, 58);
      color: #fff;
      font-size: 16px;
      padding: 8px 15px 7px 50px;
      border-radius: 100px;white-space: nowrap;
  }
  .phone-bar a:hover {
      opacity: 0.8;color: #fff;
  }
  @media(max-width: 736px){

      .phone-bar{display: none;}
      
  .phone-mobile-dk{display:none !Important;}
  }
  
  .popupsg .col-md-6 p input:focus {
      font-size: 13px;
      box-shadow: none !important;
      color: #222 !important;
  }
  
  .popupsg .col-md-6 p input {
      background: rgba(255,255,255,0.9);
      color: #222 !important;
      border: #ccc 1px solid;
      border-radius: 0;
      margin: 2px 0;
      height: 35px;
      line-height: 30px;
      padding: 0 10px;
      font-size: 13px;
      font-weight: normal;
      width: 100%;
      text-align: left;
      min-height: 35px;
      border-radius: 3px;
  }
  
  .popupsg .wpcf7-form .wpcf7-validation-errors, .wpcf7-form .wpcf7-validation-errors,.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output {
      color: #333;
      line-height: 1.2;
      font-size: 13px;
      color: #fff;
      line-height: 30px;
      background: rgba(255,255,255,0.9);
      padding: 0px 20px !important;
      border-radius: 30px;
      margin: 5px auto !important;
      text-align: center;
      display: block !important;
      font-weight: 600;
      width: 280px;
      max-width: 100%;
      width: 100%;
      background: #aa2231;
      border: none;
      border-radius: 0;
  }
  .nav .nav-dropdown {padding: 10px 0 5px 0;border:0}
  .wpcf7 form.sent .wpcf7-response-output {
      background: green;
  }
  
  .popupsg form.wpcf7-form .ajax-loader {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: none;
      padding: 0;
      margin: 0 0 0 4px;
      vertical-align: middle;
      background: url(/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
      left: inherit;
      bottom: inherit;
      line-height: inherit;
      position: inherit;
      display: none;
  }
  
  .popupsg form.wpcf7-form .is-active {
      visibility: visible;
      display: inline-block;
  }
  
  .popupsg * {
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      letter-spacing: .4px
  }
  
  .popupsg p {
      margin: 3px 0;
  }
  
  .popupsg h2,.popupsg h3 {
      font-size: 14px;
    line-height:1.2;
      color: #243b54;
      line-height: 1.2;
      background: rgba(255,255,255,0.9);
      padding: 8px 20px;
      border-radius: 30px;
      margin: 25px auto;
      text-align: center;
      font-weight: bold;
      width: 97%;
      max-width: 100%;
      border-radius: 3px;
  }
  .popupsg img {
    height: 140px;
    width: auto;
    display: block;
    margin: 0 auto;
}
  .popupsg .smitt {
      clear: both;
      float: none;
      text-align: center;
      margin: 0 auto;
      margin-top: 5px;
  } 
html body .popupsg form input {background: none!Important;/* text-indent: -10000px; */width: 100%;padding: 0 !important;}
  
  .popupsg .smitt p {
      color: #aa2231;
      font-weight: bold;
      background: rgba(255,255,255,0.9);
      font-size: 13px;
      display: inline-block;
      clear: both;
      padding: 0 10px;
      line-height: 26px;
      margin: 10px 0;
      border-radius: 3px;
  }
  
  .popupsg .smitt input {
      margin: 0;
      border: 0;
      box-shadow: none;
      color: #FFF;
      border-radius: 0;
      line-height: 36px;
      padding: 0 20px;
      margin: 10px 0 5px 0;
      font-weight: bold;
      border: #FFF 1px solid;
      height: 40px;
      text-transform: uppercase;
      float: none;
      font-size: 14px;
      cursor: pointer;
      border-radius: 3px;
      border: 0;
      float: none;
      margin: 10px auto;
      background: #aa2231;
      text-indent: -1000px;
  }
  
  .popupsg .wpcf7-form div.wpcf7-mail-sent-ok {
      line-height: 1.2;
      font-size: 12px;
      color: #fff;
      line-height: 35px;
      background: #ffffffe6;
      padding: 0px 20px !important;
      border-radius: 30px;
      margin: 5px auto !important;
      text-align: center;
      display: block !important;
      font-weight: bold;
      width: 300px;
      background: #398f14;
      width: 100%;
      border-radius: 0;
  }
  
  .popupsg .textHead {
      margin-top: 20px
  }
  
  .popupsg .textHead p {
      text-align: center;
      margin: 5px 0;
      padding: 0;
      color: #f79400;
      font-weight: bold;
      font-size: 20px
  }
  
  .popupsg .modal-header {
      position: absolute;
      right: 10px;
      padding: 5px;
      z-index: 999
  }
  
  .popupsg .modal-dialog {
      /* top: 0; */
  }
  
  div.popupsg,.modal-open .modal {
      z-index: 99999999999;
  }
  
  .popupsg .modal-dialog {
      border: 0;
      border-radius: 0;
      margin: 0 auto;
      margin-top: 5%;
      left: 0;
      right: 0;
      width: 875px;
      max-width: 98%;
      border-radius: 3px;
  }
  
  .popupsg .modal-dialog .modal-content {
      border: 0;
      border-radius: 0;
      position: relative;
      border: #FFF 2px solid;
      border-color: #EEE;
      background-size: cover;
      border-radius: 3px;
      background-size: 870px auto;
      background-repeat: no-repeat;
  }
  
  .popupsg .modal-dialog .modal-content:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(000,000,000,0.1);
      color: #000;
      /* z-index: 99999; */
      background: none;
      display: none;
  }
  
  .popupsg .modal-dialog .modal-content .modal-body {
      padding: 0;
  }
  
  .popupsg button.closehtg {
      /* box-shadow: none;
      position: absolute;
      right: 0;
      z-index: 999;
      top: -25px;
      opacity: 0.8;
      margin: 0 !important;*/
  }
  
  .popupsg button.closehtg {
      position: absolute;
      top: -20px;
      right: -20px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #fff;
      -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
      -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
      box-shadow: 0 2px 2px rgba(0,0,0,.1);
      text-align: center;
      padding: 7px 12px;
      border: 0;
      cursor: pointer;
      z-index: 999999999999999;
      color: #fff;
      background: #aa2231;
      opacity: 1;
      font-weight: normal !important;
      text-transform: unset;
      font-size: 16px;
      background: #aa2231;
      border: 0;
      padding:0
  }
  
  .popupsg button.closehtg img {
      width: 20px;
  }
  
  .popupsg .col-md-6 p textarea:focus {
      background: #FFF;
      border: 1px solid #AAA !important;
      box-shadow: none !important
  }
  
  .popupsg .col-md-6 textarea,.popupsg .col-md-12 select {
      color: #222 !important;
      border: #ccc 1px solid;
      border-radius: 0;
      margin: 2px 0;
      padding: 5px 10px;
      font-size: 14px;
      font-weight: normal;
      height: 120px;
      background: rgba(255,255,255,0.9);
      border-radius: 3px;
  }
  
  .popupsg .row {
      margin: 0;
  }
  
  .wpcf7-form .wpcf7-not-valid-tip {
      display: none !important;
  }
  
  .wpcf7-form .wpcf7-not-valid {
      border: #aa2231 1px solid !important;
  }
  
  .popupsg .col-md-12 select {
      height: 80px;
  }
  
  .popupsg .col-md-12 select option {
      line-height: 17px;
      height: 17px;
  }
  
  .popupsg .col-md-6,.popupsg .col-md-12 {
      padding-left: 10px;
      padding-right: 10px;
  }
  
  .popupsg .col-md-6 p textarea::-webkit-input-placeholder,.popupsg .col-md-12 p select::-webkit-input-placeholder {
      color: #222;
      font-size: 13px;
      font-weight: normal
  }
  
  .popupsg .col-md-6 p input::-webkit-input-placeholder {
      color: #222;
      font-size: 13px;
      font-weight: normal
  }
  html body .wpcf7, html body .wpcf7-form {margin:0}

  .dkfooter {}
  .dkfooter .wpcf7-form {
    padding: 30px 15px;
    border: #eda436 2px solid;
    border-radius: 5px;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}
  .dkfooter .wpcf7-form input,.dkfooter .wpcf7-form textarea {border-radius: 5px;}
  .dkfooter .wpcf7-submit {
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    font-weight: 600;
}
  
  @media(max-width: 736px){
    .popupsg img {
      height: auto;
      width:100%;
    }
    .popupsg .col-md-6 textarea {min-height: 60px;height: 60px;}
    .popupsg .smitt p {display: none;}
    .popupsg .col-md-6, .popupsg .col-md-12 {padding: 0;}
    .popupsg h2, .popupsg h3 {width:100%}
    #myModalNew{padding-right: 0!Important;}
  }

html body .popupsg form input {
    background: none;
    border: none;
    margin-bottom: 30px;
    border-radius: 10px;
    padding-left: 15px !IMPORTANT;
}
html body .popupsg form textarea {
    background: none;
    border: none;
    margin-bottom: 30px;
    border-radius: 10px;
    height: 90px;
    min-height: 50px;
    margin-bottom: 5px;
}
html body .popupsg form .col-5-htg {
  padding-top: 55px;
  padding-left: 0;
  padding-right: 32px;
}
html body .popupsg form .col-7-htg img,html body .popupsg form .htg-label {display: none;}
@media(max-width:880px) {
  .popupsg .modal-dialog .modal-content {
      background: #ffffff !important;
  }
  html body .popupsg form .htg-label {
    display: block;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 0 3px #777;
    width: 90%;
    display: block;
    margin: 0 auto;
    font-size: 80%;
}
  html body .popupsg .modal-content {
    background-color: #ffffff !important;
}
  html body .popupsg form .col-5-htg {
    background: url(/wp-content/uploads/2022/08/pp-r.jpg) 0 -20px;
    background-size: 100% auto;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background-size: cover;
    position:relative
  }
    html body .popupsg form .col-5-htg:before {
    content:"";
    background: #114784c2;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  html body .popupsg form .col-5-htg input {margin-bottom: 0;width: 100%;background: #eee !important;
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  html body .popupsg form .col-5-htg .smitt {}
  html body .popupsg form .col-5-htg .smitt input {
    background: #008778 !important;
    width: 140px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 !important;
    font-size: 17px;
    text-indent: 0;
    border-radius: 10px;
    box-shadow: 0 0 7px #444;
    height: 36px;
    min-height: 36px;
    text-shadow: 0 0 3px #333;
}
  html body .popupsg form .col-5-htg textarea {width: 100%;background: #eee !important;height: 50px; width: 90%;
    display: block;
    margin: 0 auto;margin-bottom: 12px;}
  html body .popupsg form .col-7-htg {
    padding:0;
    overflow:
    hidden
  }
  html body .popupsg form .col-7-htg img {
    display: block;
    margin: 15px auto 20px auto;width:80%;height:auto
  }
}

@media(max-width:800px) {
  .popupsg .modal-dialog .modal-content {
    border:none
  }
  html body .popupsg form .col-5-htg {
  /* background: url(/lib/icon-pp-r.jpg) 0 -20px; */
  /* background-size: 100% auto; */
  /* padding-top: 65px; */
  /* padding-left: 18px; */
} 
html body .popupsg form .col-5-htg input {
  /* margin-bottom: 50px;width: 100%; */
}
}
@media(max-width:600px) {
    /*html body .popupsg form .col-5-htg {
     background: url(/lib/icon-pp-r.jpg) 0 -20px;
    background-size: 100% auto;
    padding-top: 25px;
    padding-left: 18px;
    background: #114784;
  } 
  html body .popupsg form .col-5-htg input {margin-bottom: 22px;width: 100%;}
 */
}
html body .popupbn.clickform {
    clear: both;
    width: 100%;
    display: inline-block;
    z-index: 1;
    position: relative;
}

html body .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.text-f-l {text-align: left; color: white; padding-top: 9px;}
.text-f-r {text-align: right; color: white;}

@media(max-width:880px) {
  .text-f-l {text-align: center;padding-top: 0;font-size: 85%;}
  .text-f-r {text-align: center;padding-top: 0;font-size: 85%;}

}
  .dkfooter {}
  .dkfooter .wpcf7-form {
    padding: 30px 15px;
    border: #eda436 2px solid;
    border-radius: 5px;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}
  .dkfooter .wpcf7-form input,.dkfooter .wpcf7-form textarea {border-radius: 5px;}
  .dkfooter .wpcf7-submit {
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    font-weight: 600;
}
  
  @media(max-width: 736px){
    .popupsg img {
      height: auto;
      width:100%;
    }
    .popupsg .col-md-6 textarea {min-height: 60px;height: 60px;}
    .popupsg .smitt p {display: none;}
    .popupsg .col-md-6, .popupsg .col-md-12 {padding: 0;}
    .popupsg h2, .popupsg h3 {width:100%}
    #myModalNew{padding-right: 0!Important;}
  }

  .gioithieu_home {
    background: url(/lib/bg-left.png) top 3% left no-repeat, url(/lib/bg-right.png) top 3% right no-repeat;
    background-size: 10% auto;
}
.parallax-title .entry-header {
  max-width: 500px;
  margin: 8.8% auto;
  background: #114784c7;
  padding: 20px;
  border-radius: 10px;
}
.parallax-title #breadcrumbs {
  font-size: 15px;
  color: #fff;
  margin-top: 0;
}
.parallax-title h1 {
  color: #fff;
  font-size: 25px;
}
.infocontact {}
.infocontact i {color:#FFF;
font-size:80%;
margin-right:5px;
	width:24px;
	height:24px;
	border-radius:50%;background: #114784;
	line-height:25px;
	text-align:center}
html body .wonderplugin3dcarousel-list-container {padding:30px 0!important}
html body .wonderplugin3dcarousel-text {text-align: center;}
html body .wonderplugin3dcarousel-text .wonderplugin3dcarousel-title { text-align: center; font-size: 16px;  background: #d7f7f4; display: inline-block;
    padding: 5px 20px!important;
    border-radius: 7px;
    box-shadow: 0 0 3px #114784;
    color: #114784;
    font-weight: bold;
}
html body .wonderplugin3dcarousel-item-container {box-shadow: 0 0 3px #114784;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.wonderplugin3dcarousel-item a div:not(.wonderplugin3dcarousel-img-overlay) {color:transparent!important;background:none!Important}
#html5-lightbox-box #html5-watermark{display:none!important}
html body .h3-big {color:#f44336!important;padding-bottom:15px;line-height:1.3;}
html body .h3-big span {color:#f44336!important}
html body .h3-big:before {
    background: #f44336!important;
    height:3px;
    width: 100px;
}
footer .wpcf7-submit {background: #114784!important;}
.mobile-nav .nav-icon {    background: url(/lib/menu-v2.png) no-repeat center;}
.mobile-nav .nav-icon .icon-menu { text-indent:-10000px}
.duong-dan p, .entry-meta {
    font-size: 12px;
    margin: 5px 0;
}
.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img{height:100px}.bai-viet-lien-quan ul li h3{font-size:14px}.blog-archive .archive-page-header .large-12{text-align:center}.dai-ly-lien-ket ul li{width:100%}
.bai-viet-lien-quan{margin-top:20px}.blog-single .meta-related ul li a{color:#eee}.blog-single .meta-related ul li a:hover{color:#fff;text-decoration:underline}.blog-single .meta-related ul li{margin-bottom:5px;color:#eee}.blog-single .meta-related ul{margin-bottom:0;font-size:15px;padding:7px}.blog-single .meta-related{background:#FFECB3;padding:10px;border-radius:4px;margin-bottom:20px}.tieu-de-bai-viet .container{padding-left:7px;padding-right:7px}.is-divider{display:none}.duong-dan p,.entry-meta{font-size:12px;margin:5px 0}.blog-featured-title{margin-bottom:30px}.blog-single .meta-related{background:#c65129;padding:10px;border-radius:4px;margin-top:10px;margin-bottom:20px;overflow:hidden;position:relative}.meta-related:after{content:"";background:url();opacity:.5;right:0;bottom:0;position:absolute;z-index:1;width:266px;height:300px}h1.entry-title{font-size:22px}.blog-single .tieu-de-bai-viet{background:#faf0eb;padding:30px 0;margin-bottom:20px;display:none}.blog-archive,.blog-single{padding:0!important}.blog-archive .post-item .col-inner:hover{box-shadow:2px 2px 20px #0000001f}.bai-viet-lien-quan h2{text-transform:uppercase;font-size:19px;margin-bottom:15px;color:#c63337}.bai-viet-lien-quan ul{margin-bottom:0;display:inline-block;width:100%}.bai-viet-lien-quan ul li{list-style:none;width:33.33%;float:left;padding-left:4px;padding-right:5px}.bai-viet-lien-quan ul li .box-image img{height:180px;border-radius:6px;object-fit:cover;object-position:center}.bai-viet-lien-quan ul li h3{height:65px;overflow:hidden;font-size:16px;font-weight:700;color:#29527f;margin-top:7px;line-height:21px;font-family:"roboto",sans-serif;text-transform:none}.bai-viet-lien-quan ul li h3:hover{text-decoration:underline;color:#c63337}.thong-tin-tac-gia{background:#eef7ff;padding:15px;border-radius:5px;display:inline-block;width:100%;clear:both;border:1px solid #d7edff;background:#faf0eb;border-color:#f6dec2}.thong-tin-tac-gia .left{width:15%;float:left;display:inline-block}.thong-tin-tac-gia .right{padding-left:10px;width:85%;float:right;display:inline-block;text-align:left}.thong-tin-tac-gia .right p{color:#204a79;margin-bottom:0;font-size:15px}.thong-tin-tac-gia h4{color:#c63337;text-transform:uppercase;font-size:19px;margin-bottom:4px}
.parallax-title #breadcrumbs {
  font-size: 15px;
  color: #fff;
  margin-top: 0;
}
.entry-header .rank-math-breadcrumb p,.entry-header .rank-math-breadcrumb p a {
  font-size: 13px;
  color: #fff;
  margin-top: 0;
}
.entry-header .rank-math-breadcrumb p a {color:#b9fff7}
html body ul.nav-tabs.nav-normal {}
html body ul.nav-tabs.nav-normal > li {}
html body ul.nav-tabs.nav-normal > li > a {
    border-radius: 7px 7px 0 0;
    padding: 7px 10px;
    border-color: #114784;
    background: #114784;
    margin: 0 3px;
}
html body ul.nav-tabs.nav-normal > li.active > a {
    background: #fff;
}
html body ul.nav-tabs.nav-normal > li.active > a > span {
    color: #114784;
}
html body ul.nav-tabs.nav-normal > li > a > span {
    color: #FFF;
}
html body ul.nav-tabs.nav-normal > li > a:hover {}
html body ul.nav-tabs.nav-normal > li > a:hover span {}
  html body .nav-tabs+.tab-panels {
    border-color: #114784;
    padding: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 2px #114784;
    -moz-box-shadow: 0 2px 1px #114784;
    box-shadow: 0 2px 1px #114784;
}