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

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

@font-face {
  font-family: "SFUFutura";
  src: url("/wp-content/themes/flatsome-child/font/SFUFutura.eot");
  src: url("/wp-content/themes/flatsome-child/font/SFUFutura.eot?#iefix")
      format("embedded-opentype"),
    url("/wp-content/themes/flatsome-child/font/SFUFutura.woff2")
      format("woff2"),
    url("/wp-content/themes/flatsome-child/font/SFUFutura.woff") format("woff"),
    url("/wp-content/themes/flatsome-child/font/SFUFutura.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SFUFuturaBold";
  src: url("/wp-content/themes/flatsome-child/font/SFUFuturaBold.eot");
  src: url("/wp-content/themes/flatsome-child/font/SFUFuturaBold.eot?#iefix")
      format("embedded-opentype"),
    url("/wp-content/themes/flatsome-child/font/SFUFuturaBold.woff2")
      format("woff2"),
    url("/wp-content/themes/flatsome-child/font/SFUFuturaBold.woff")
      format("woff"),
    url("/wp-content/themes/flatsome-child/font/SFUFuturaBold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}
.cam-ket-section .section-title-center span,
.quy-trinh-section .section-title-center span {
  color: white !important;
}
.thiet-bi-section .col,
.banner-section .col {
  padding-bottom: 0;
}

.section-title-center span {
  color: #01579b;
  font-family: "SFUFuturaBold", sans-serif;
}
.dang-ky-section .col {
  padding-bottom: 0;
}
.dang-ky-section h2 {
  margin-bottom: 0;
}
.dang-ky-section a.button {
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0;
}
.truoc-sau-section {
  padding-bottom: 30px !important;
}
.form-lien-he .row-info {
  display: inline-block;
  width: 100%;
  clear: both;
}
.form-lien-he .row-info .left {
  width: 50%;
  display: inline-block;
  float: left;
  padding-right: 8px;
}
.form-lien-he .row-info .right {
  width: 50%;
  display: inline-block;
  float: left;
  padding-left: 8px;
}
.form-lien-he input[type="email"],
.form-lien-he input[type="date"],
.form-lien-he input[type="number"],
.form-lien-he input[type="text"],
.form-lien-he input[type="tel"],
.form-lien-he textarea,
.form-lien-he select {
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid #22c1e9;
}
textarea {
  min-height: 88px;
}
.boc-rang-su-section .icon-box .icon-box-img img {
  padding-top: 0;
  border-radius: 99%;
  border: 4px solid white;
  box-shadow: 2px 2px 20px #00000047;
}
.boc-rang-su-section .icon-box:hover > .icon-box-text {
  background: #22c1e9;
  color: white;
  box-shadow: 0px 9px 9px #00000024;
  border-top: 3px solid #65e0ff;
}
.anh-huong-section .cot7 ul li:hover {
  background-color: #22c1e9;
  color: white;
}
.cam-ket-section .col,
.form-dang-ky .col {
  padding-bottom: 0;
}
.form-lien-he input[type="submit"] {
  font-weight: 500;
  text-transform: none;
  border-radius: 5px;
  margin: 0;
}
form {
  margin-bottom: 0;
}
a.back-to-top {
  background: #22c1e9 !important;
  border: none !important;
  color: white;
}
.cam-ket-section {
  padding-bottom: 0 !important;
}
.cam-ket-section .cot1 ul li {
  list-style: none;
  background: #006182a1;
  padding: 10px;
  border-radius: 6px;
  margin-left: 0;
  margin-bottom: 19px;
  font-family: "SFUFuturaBold", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.cam-ket-section .cot3 ul {
  margin-bottom: 0;
}
.cam-ket-section .cot3 .col-inner:hover {
  background: #056e8e;
}
.cam-ket-section .cot3 p {
  margin-bottom: 10px;
}
.cam-ket-section .cot1 ul li:hover {
  background: #22c1e9;
}
.cam-ket-section .cot3 ul li {
  margin-left: 0;
  list-style: none;
  background: url(/wp-content/uploads/2019/08/check@2x.png);
  background-size: 19px;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-position-y: center;
}
.cam-ket-section .cot3 .col-inner {
  background: #036e9061;
  padding: 15px;
  border-radius: 5px;
}
.boc-rang-su-section .icon-box:hover > .icon-box-text h3 {
  color: white;
}

.icon-section {
  /* background-image: url(/wp-content/uploads/2019/08/line-before-section.png); */
  background-position: center 0;
  min-height: 63px;
  background-repeat: no-repeat;
  top: -26px;
  z-index: 1;
  position: relative;
  margin-bottom: -63px;
}
.anh-huong-section .col {
  padding-bottom: 0;
}
.anh-huong-section .cot7 ul li {
  margin-left: 0;
  list-style: none;
  background: #c6f3ff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px;
  font-weight: 500;
  color: black;
  font-size: 16px;
  background-image: url(/wp-content/uploads/2019/08/warning-icon.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-y: center;
  background-position-x: 10px;
  padding-left: 40px;
}
.boc-rang-su-section .icon-box .icon-box-text {
  border-top: 3px solid #22c1e9;
  padding: 40px 10px 20px 10px;
  background: white;
  border-radius: 10px;
  margin-top: -50px;
  box-shadow: 2px 2px 20px #00000017;
}
.boc-rang-su-section .tai-sao {
  text-align: center;
  color: white;
  font-size: 23px;
  font-weight: 500;

  background: #22c1e9;
  max-width: 500px;
  margin: 0 auto;
  border-radius: 5px;
  padding: 1px;
  border: 1px dashed #0083a5;
}
#header-contact li a {
  text-transform: none;
}
.header-button a {
  border-radius: 6px;
  background-image: url(/wp-content/uploads/2019/08/boxtop-call.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 15px;
  padding-left: 49px;
  background-color: #01579b !important;
  font-size: 16px;
  font-weight: 500;
}
.gioi-thieu-2 .icon-box .icon-box-img img {
  padding-top: 0;
  border-radius: 99%;
  border: 4px solid #c6f3ff;
}
.section-title-center span:after {
  content: "";
  display: table;
  clear: both;
  background: url(/wp-content/uploads/2019/08/line-1.png);
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  padding-top: 0;
}
.section-title b {
  background: #00000000;
}
.section-title-container {
  margin-bottom: 0;
}
.boc-rang-su-section .icon-box p {
  font-size: 15px;
}
.boc-rang-su-section .icon-box h3 {
  font-size: 17px;
}
.boc-rang-su-section .col.medium-3 {
  padding-bottom: 0;
}
.flickity-page-dots {
  bottom: 40px;
}
.tab-truoc-sau .tab-panels {
  padding-bottom: 0;
  width: 60%;
  border-left: none !important;
}
.tab-truoc-sau ul.nav li {
  width: 33.33%;
  float: left;
  border-top: none !important;
  border: none;
  border-radius: 5px;
  padding: 6px;
}
.truoc-sau-section .col {
  padding-bottom: 0;
}
.tab-truoc-sau ul.nav li:nth-child(1) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/h2-1-1.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(2) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/h2-2.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(3) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/h2-3.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(4) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/150x150_1.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(5) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/150x150_2.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(6) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/150x150_3.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(7) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/150x150_4.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(8) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/150x150_5.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li:nth-child(9) a {
  border: 4px solid white;
  background: url(/wp-content/uploads/2019/08/150x150_6.jpg);
  height: 131px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.tab-truoc-sau ul.nav li a span {
  display: none;
}
.tab-truoc-sau ul.nav li.active a {
  border: 4px solid #20b7dd;
}
.tab-truoc-sau ul.nav {
  margin-top: -10px;
  order: 1;
  display: inline-block;
  width: 40% !important;
}
.anh-huong-section .medium-5 img {
  border-radius: 10px;
  border: 4px solid #c6f3ff;
}
.gioi-thieu-1 .cot2 h3 span {
  color: #015790 !important;
}
b,
strong {
  font-weight: 500;
}
.gioi-thieu-1 .col.large-6 {
  padding-bottom: 0;
}
.gioi-thieu-2 .icon-box h3 {
  margin-bottom: 5px;
  color: #01579b;
}
.gioi-thieu-2 .icon-box {
  margin-bottom: 30px;
}
.gioi-thieu-2 .col {
  padding-bottom: 0;
}
.gioi-thieu-2 {
  padding-bottom: 20px !important;
}
.gioi-thieu-1 .cot2 h3:after {
  position: absolute;
  z-index: 9999;
  content: "";
  display: table;
  clear: both;
  background: url(/wp-content/uploads/2019/08/icon-flora.png);
  width: 100%;
  height: 91px;
  background-repeat: no-repeat;
  background-position-x: 272px;
  background-position-y: bottom;
  top: -57px;
  padding-top: 0;
  background-size: 71px;
}
.gioi-thieu-1 .col {
  padding-bottom: 0;
}
.quy-trinh-section .box .box-image img {
  padding-top: 0;
  border-radius: 99%;
  border: 3px solid white;
  box-shadow: 2px 2px 20px #0000003b;
}
.quy-trinh-section .box .box-text p {
  padding-bottom: 0;
}
.quy-trinh-section .col {
  padding-bottom: 0;
}
.tieu-chuan-section .icon-box {
  background: #f4f6ff;
  padding: 20px;
}
.nut-xem-tat-ca {
  font-weight: normal;
  letter-spacing: 0;
}
.footer-block .col {
  padding-bottom: 0;
}
.form-lien-he h3 {
  text-align: center;
  font-family: "utmfuruta";
  font-family: "SFUFuturaBold", sans-serif;
  color: #01579b;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 3px;
}
.form-lien-he .des {
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
}
.page-right-sidebar .large-3,
.blog-archive .large-3,
.blog-single .large-3 {
  padding-left: 0;
  border-left: 0;
}
.page-right-sidebar .large-9,
.blog-archive .large-9,
.blog-single .large-9 {
  border-right: none;
}
.blog-archive .archive-page-header .large-12 {
  padding-bottom: 10px;
  text-align: left;
}
#breadcrumbs {
  margin-bottom: 10px;
  font-size: 15px;
}
.blog-archive .taxonomy-description p {
  font-size: 15px;
  margin-bottom: 10px;
}
.blog-archive .post-item .post-title {
  margin-bottom: 7px;
}
.box-blog-post .is-divider {
  display: none;
}
.blog-single .entry-meta {
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  color: gray;
}
.header-main {
  box-shadow: 2px 2px 20px #0000001a;
}
.blog-single .des {
  font-size: 18px !important;
}
.is-divider {
  display: none;
}
.entry-content {
  padding-top: 0;
  padding-bottom: 0;
}
.blog-single .entry-content h2 {
  font-size: 21px;
}
.blog-single .entry-content h3 {
  font-size: 20px;
}
.blog-single .entry-content h4 {
  font-size: 19px;
}
.blog-single .entry-content h5 {
  font-size: 18px;
}
.blog-single .entry-content h6 {
  font-size: 18px;
}
.entry-content {
  padding-bottom: 0;
}
.meta-related {
  margin-bottom: 20px;
  background: #e1f5fe;
  border-radius: 5px;
  padding: 10px;
}
.blog-single .entry-content h4 {
  font-size: 19px;
}
.meta-related ul {
  margin-bottom: 0;
}
.meta-related ul li {
  margin-bottom: 4px;
  color: #0092ff;
}
.meta-related ul li a {
  font-size: 16px;
}
.blog-single .danh-muc,
.blog-single .the-tim-kiem {
  font-size: 15px;
}
.blog-single .danh-muc,
.blog-single .the-tim-kiem {
  font-size: 15px;
}
.the-tim-kiem a {
  margin-bottom: 7px;
  margin-right: 7px;
  background: #ececec;
  padding: 2px 10px;
  color: gray;
}
.the-tim-kiem a:hover {
  background: #03a9f4;
  color: white;
}
.bai-viet-lien-quan {
  margin-top: 20px;
}
.bai-viet-lien-quan ul {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}
.bai-viet-lien-quan ul li {
  list-style: none;
  width: 25%;
  float: left;
  padding-left: 4px;
  padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
  height: 140px;
  border-radius: 6px;
  object-fit: cover;
  object-position: center;
}
.bai-viet-lien-quan ul li h4 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-top: 7px;
  line-height: 20px;
}
span.widget-title {
  display: block;
  width: 100%;
  font-weight: 500;
  background: #0299be;
  padding: 12px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  letter-spacing: 0;
}
.widget ul {
  padding: 10px;
}
.recent-blog-posts a {
  font-size: 15px;
}
.widget_text ul li {
  list-style: circle;
  margin-left: 15px;
  font-size: 16px;
}
.widget {
  margin-bottom: 20px;
  box-shadow: 2px 2px 20px #00000012;
  border-radius: 5px;
}
.blog-archive .post-item {
  padding-bottom: 0;
}
.blog-archive .large-9 .badge {
  display: none;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  nav-small.nav > li.html {
    text-align: center;
  }
  .section-title-center span {
    margin: 0;
  }
  .boc-rang-su-section .col.medium-3,
  .quy-trinh-section .col.medium-2 {
    flex-basis: 50%;
    max-width: 50%;
    padding: 5px;
  }
  .tieu-chuan-section .icon-box .icon-box-img {
    margin: 0 auto;
  }
  .tieu-chuan-section .icon-box {
    text-align: center;
  }
  .boc-rang-su-section .icon-box h3 {
    font-size: 16px;
  }
  .boc-rang-su-section .icon-box p {
    font-size: 13px;
  }
  .boc-rang-su-section .icon-box .icon-box-text {
    min-height: 221px;
  }
  .anh-huong-section .col,
  .gioi-thieu-1 .col.large-6,
  .thiet-bi-section .col,
  .banner-section .col {
    padding-bottom: 15px;
  }
  .icon-box-left .icon-box-img + .icon-box-text {
    padding-left: 0;
    font-size: 13px;
  }
  .gioi-thieu-2 .icon-box h3 {
    font-size: 16px;
    margin-top: 15px;
  }
  .gioi-thieu-1 {
    padding-bottom: 0px !important;
  }
  .tab-truoc-sau ul.nav,
  .tab-truoc-sau .tab-panels {
    width: 100% !important;
  }
  .tab-truoc-sau ul.nav li a {
    height: 100px !important;
  }
  .dang-ky-section .col {
    text-align: center;
  }
  .form-lien-he h3 {
    font-size: 19px;
  }
  .footer-block .medium-2 {
    display: None;
  }
  .form-lien-he input[type="email"],
  .form-lien-he input[type="date"],
  .form-lien-he input[type="number"],
  .form-lien-he input[type="text"],
  .form-lien-he input[type="tel"],
  .form-lien-he textarea,
  .form-lien-he select {
    font-size: 14px;
  }
  .form-lien-he input[type="submit"] {
    width: 100%;
  }
  .header-button a {
    font-size: 14px;
  }
  a.back-to-top {
    bottom: 60px;
  }
  .blog-archive .post-item {
    flex-basis: 50%;
    max-width: 50%;
    padding: 6px;
  }
  .meta-related ul li a,
  .bai-viet-lien-quan ul li h4 {
    font-size: 14px;
  }
  .bai-viet-lien-quan ul li {
    width: 50%;
  }
  .bai-viet-lien-quan ul li .box-image img {
    height: 100px;
  }
}