/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.21.3
*/
:root {
  --green:#00a653;
  --orange:#f4701c;
  --blue:#1468b0;
}
@font-face {
  font-family: PoppinsVN;
  font-weight: 400;
  src: url("fonts/PoppinsVN-400.woff2") format("woff2");
}
@font-face {
  font-family: PoppinsVN;
  font-weight: 500;
  src: url("fonts/PoppinsVN-500.woff2") format("woff2");
}
@font-face {
  font-family: PoppinsVN;
  font-weight: 600;
  src: url("fonts/PoppinsVN-600.woff2") format("woff2");
}
@font-face {
  font-family: PoppinsVN;
  font-weight: 700;
  src: url("fonts/PoppinsVN-700.woff2") format("woff2");
}

.h1,.h2,h1,h2{line-height:1.3}
.h2,h2{font-size:1.4em}
.h3,h3{font-size:1.3em}
.h4,h4{font-size:1.2em}
.h5,h5{font-size:1.1em}
.h6,h6{font-size:1em;opacity:1}
h1.entry-title.mb{margin-bottom:30px}
@media (max-width: 549px) {
  h1{font-size:1.4em}
  h2{font-size:1.3em}
  h3{font-size:1.2em}
}
h6 span{font-weight:400;font-weight:500}
h3 label{display:inline-block;margin-right:10px}
p{margin-top:0}
.marginp-0 p {
  margin: 0;
}
html body p{margin-bottom:7px}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-family:"PoppinsVN",sans-serif}
html body .nav-dropdown .nav-dropdown-col>a,.nav-dropdown li a{text-transform:none;font-size:14px;margin-right:0!important}
html body .nav-dropdown-bold .nav-column li>a,html body .nav-dropdown>li>a:hover{color:var(--blue);padding-left:7px!important}
html body .nav-dropdown{padding:0}
html body .nav-dropdown .nav-dropdown-col>a,.nav-dropdown li a{text-transform:none;font-size:14px;margin-right:0!important;font-weight:bolder}
html body .nav-dropdown .nav-dropdown-col>ul li{position:relative}
html body .nav-dropdown .nav-dropdown-col>ul>li{list-style:circle!important}
html body .nav-dropdown .nav-dropdown-col>ul>li:before{display:none}
html body .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:var(--blue);padding-left:9px!important}
html body .nav-dropdown-has-arrow li.has-dropdown:before{border-width:10px;margin-left:-10px}
html body .nav-dropdown .nav-dropdown-col>ul{border-left:none;margin-top:-45px;display:none;position:absolute;left:279px;z-index:9;min-width:260px;background:#fff;box-shadow:1px 1px 15px rgba(0,0,0,.15);list-style:decimal!important}
html body .nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0;white-space:normal;display:block;padding:0 10px}
html body .nav-dropdown .nav-dropdown-col>ul li a{padding-left:5px;color:#000;font-weight:600;font-size:14px;text-transform:none!important}
html body .nav-dropdown>li.nav-dropdown-col:not(:last-child){border-right:none}
html body .header-nav li.nav-dropdown-col:hover>ul{display:block!important;padding:7px 0}
html body .nav-dropdown>li.menu-item-has-children.nav-dropdown-col>a:after{font-family:fl-icons;font-weight:900;float:right;content:"\f105"}
html body .nav-dropdown-bold .nav-column li,html body .nav-dropdown>li{margin:0;padding:0 10px;position:relative}
html body ul.nav-dropdown{min-width:280px}
.nav-dropdown li{position:relative}
html body .nav-dropdown-bold .nav-column li:before,html body .nav-dropdown>li:before,html body .nav-dropdown ul li:before{font-family:fl-icons;content:"\f105";position:absolute;font-size:14px;top:8px;left:10px;color:var(--blue);font-weight:600}
html body .nav-dropdown-bold .nav-column li>a,html body .nav-dropdown>li>a{text-transform:capitalize;color:#222;font-weight:600;padding-left:2px!important}
.nav-dropdown-default .nav-column li>a,.nav-dropdown.nav-dropdown-default>li>a{border-bottom:1px solid #ececec;margin:0 10px;padding-right:0}
.header-nav.header-nav-main a{display:flex;flex-direction:column;text-transform:uppercase;font-size:10px;font-weight:700;color:var(--blue);margin:0;text-align:center}
.header-nav.header-nav-main img{width:auto;display:block;margin:0!important;transition: all ease 0.3s;}
.stuck .header-nav.header-nav-main img {height: 38px;}
.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a{font-weight:600;font-style:normal}
html body section.section-f-r{padding:10px!important;box-shadow:0 0 7px #0E2D50}
html body section.section-f-r .wpcf7 p{margin-bottom:10px}
html body section.section-f-r .wpcf7 input{border-radius:5px}
html body .post-sidebar.large-4{border:none!important;padding:0}
html body form .contact-bottom input{position:relative;margin-bottom:10px}
html body form .contact-bottom textarea{position:relative;margin-bottom:10px;height:80px;min-height:80px}
html body form .contact-bottom input[type=text]{position:relative;margin-bottom:10px}
.rank-math-breadcrumb{background:none;color:var(--blue);padding:0 5px;height:30px;line-height:30px}
.rank-math-breadcrumb a{color:var(--blue);font-size:85%}
.rank-math-breadcrumb a:hover{color:var(--blue)}
.rank-math-breadcrumb .separator{padding:0;margin:0 1px;opacity:1;color:var(--green);font-size:85%}
nav.rank-math-breadcrumb{display:flex}
span.separator{padding:5px}
html body .rank-math-breadcrumb{text-align:center}
html body .rank-math-breadcrumb p{margin:0;display:inline-block;width:100%;padding:0;line-height:30px}
html body .rank-math-breadcrumb:before{display:none;font-family:'FontAwesome';margin-right:5px;content:'\e065'}
html body .rank-math-breadcrumb > p{position:relative}
html body .rank-math-breadcrumb > p a:before{background:url(images/logo-65.png) no-repeat;background-size:22px 22px;display:inline-block;vertical-align:middle;width:22px;content:'';height:22px;top:4px;left:0;margin-right:5px}
html body .rank-math-breadcrumb p a:first-child{padding-left:27px}
#icon-form{position:absolute;color:var(--green);z-index:100;font-size:18px;top:8px;right:10px}
.wpcf7{color:#333;position:relative}
.wpcf7 .ajax-loader{display:none!important}
.dark .wpcf7{color:#fff}
.wpcf7 p{position:relative}
.wpcf7 br{display:none}
.wpcf7 label{display:inline-block;width:100%}
.wpcf7 span.wpcf7-list-item{margin-left:0;margin-right:1.2em}
.wpcf7 .wpcf7-form-control-wrap{display:block}
.wpcf7 .ajax-loader{background-color:#fff;border-radius:99px;position:absolute;right:0}
.wpcf7 .wpcf7-not-valid-tip{background-color:#f1f1f1;border-radius:3px;color:#b20000;line-height:1.2em;margin-top:-10px;opacity:.8;padding:5px 8px;position:relative}
.wpcf7 .wpcf7-not-valid-tip:after{border:10px solid rgba(136,183,213,0);border-bottom-color:#f1f1f1;bottom:100%;content:" ";height:0;left:30px;margin-left:-10px;pointer-events:none;position:absolute;width:0}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.wpcf7 .flex-col .wpcf7-not-valid-tip{margin-top:5px;position:absolute;width:100%;z-index:99}
.wpcf7 .wpcf7-response-output{border-radius:10px;margin:5px 0 0}
.wpcf7-form .processing *{opacity:.8}
html body .line1 h2.section-title-center b{display:none}
html body .line1 h2.section-title-center{font-size:20px;font-weight:700;margin:10px 0;color:#0e2d52;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:13px 0;grid-gap:18px;padding:0;align-items:normal}
html body .line1 h2.section-title-center:before,html body .line1 h2.section-title-center:after{content:"";display:block;border-bottom:3px double var(--blue);background-color:transparent}
html body .line1 h2.section-title-center span{margin:0;display:inline-block!important;line-height:1.5;height:auto!important;font-size:24px}
html body .entry-content{padding-bottom:10px;padding-top:5px}
html body .htgvideorow.row .col{padding:10px 7px 20px}
html body .htgvideorow.row > .col > .col-inner{padding:10px 5px 5px!important;border:#EEE 1px solid}
html body .htgvideorow.row > .col > .col-inner .text{line-height:1.3;margin-bottom:5px}
html body .overlay-icon{background:url(images/youtube-play.svg);width:40px;height:40px;background-size:40px auto;opacity:1;border:none;border-radius:0;background-repeat:no-repeat}
.open-video .overlay-icon .icon-play{display:none}
html body .svideo .overlay-icon{width:40px;height:40px;background-size:40px auto}
html body .fDuoiSP{margin-bottom:10px}
html body .fDuoiSP h4{color:#00b0ad}
html body .fDuoiSP input[type=text]{border-radius:5px;background:#fcfcfc}
html body .fDuoiSP input[type=submit]{border-radius:5px}
html body footer#footer .wpcf7-submit{background:#FFF;color:#222;margin:auto;display:block}
html body footer#footer .wpcf7-spinner{display:none}
html body footer#footer input[type=text]{border-radius:5px}
.dark .form-flat input::-webkit-input-placeholder,.nav-dark .form-flat input::-webkit-input-placeholder{color:#fff}
html body .page-wrapper {padding-bottom: 10px;padding-top: 10px;}

.home .block-html-after-header {
  display: none;
}

html body .portfolio-box .box-text {padding-bottom: 5px;}

.nav-portfolio a.button {
  text-transform: capitalize;
}
.portfolio-box .portfolio-box-category {
  display: none;
}
html body .portfolio-box .portfolio-box-title {
  min-height: 37px;
  font-size: 100%;
  margin-top: 0;
  padding-top: 0;
  font-size: 15px;
  color: var(--blue);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
html body .portfolio-box.box-overlay .portfolio-box-title {
  color: #fff;
}
.slider-custom{
  padding: 0;
  bottom: 0px; 
}
.slider-custom .flickity-slider .img{
  max-width: 20%!important;
  margin: 5px;
  border: 2px solid #fff;
}
.slider-custom .flickity-slider .img .img-inner {
  position: relative;
  padding-bottom: 65.5%;
}
.slider-custom .flickity-slider .img .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider-custom .is-selected.img{
  border-color: var(--orange);
}
.slider-custom .flickity-page-dots {
  display: none;
}
html body .content__project h1 {
  font-size: 19px;
  line-height: 1.3;
  color: var(--blue);
}
.link__project {
  padding: 10px 10px;
  border: solid 1px var(--blue);
  border-radius: 10px;
  font-size: 88%;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,.16);
}
.link__project:hover {
  border: dashed 1px var(--orange);
  border-radius: 10px;
}
.link__project-box {
  padding-bottom: 20px;
  border-bottom: solid 1px var(--blue);
  margin-bottom: 20px;
}
.link__project a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.link__project a img {
  margin-right: 15px;
  width: 30px;
}
.portfolio-sum .wpcf7-spinner {
  display: none;
}
.box-blog-post .post-title {
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
}
.box-blog-post .post-title a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.border-none .section-title-center > b {
  display: none;
}
.img-bra-30 .img-inner {
  border-radius: 30px;
}
.home .twenty20 {
    margin-bottom: 0;
}

@media (min-width: 1100px) {
  html body .post-sidebar.large-3 {
    padding: 0;
  }
}