/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/** Fonts Mulish **/
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:200;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-ExtraLight.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:200;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-ExtraLightItalic.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:300;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-Light.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:300;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-LightItalic.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:400;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-Regular.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:400;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-Ialic.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:500;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-Medium.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:500;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-MediumIalic.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:600;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-SemiBold.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:600;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-SemiBoldIalic.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:700;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-Bold.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:700;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-BoldIalic.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:800;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-ExtraBold.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:800;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-ExtraBoldIalic.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:normal;
  font-weight:900;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-Black.ttf")
}
@font-face {
  font-family:'Mulish';
  font-style:italic;
  font-weight:900;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Mulish-BlackIalic.ttf")
}
/** Fonts Poppins **/
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:300;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/SVN-Poppins-Light.ttf")
}
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:400;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/SVN-Poppins-Regular.ttf")
}
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:500;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/SVN-Poppins-Medium.ttf")
}
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:600;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/SVN-Poppins-SemiBold.ttf")
}
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:700;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/SVN-Poppins-Bold.ttf")
}
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:800;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/SVN-Poppins-Black.ttf")
}
/** Fonts Open Sans **/
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:300;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-Light.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:300;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-LightItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-Regular.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:400;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-Italic.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:500;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-Medium.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:500;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-MediumItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:600;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-SemiBold.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:600;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-SemiBoldItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:700;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-Bold.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:700;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-BoldItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:800;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-ExtraBold.ttf") format('woff2')
}
@font-face {
  font-family:'Open Sans';
  font-style:italic;
  font-weight:800;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/OpenSans-ExtraBoldItalic.ttf") format('woff2')
}
/** Fonts Roboto **/
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:100;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-Thin.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:100;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-ThinItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:300;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-Light.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:300;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-LightItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-Regular.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:400;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-Italic.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-Medium.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:500;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-MediumItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:700;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-Bold.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:700;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-BoldItalic.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:900;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-Black.ttf") format('woff2')
}
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:900;
  font-stretch:100%;
  font-display:swap;
  src:url("assets/fonts/Roboto-BlackItalic.ttf") format('woff2')
}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {box-shadow:none}
.w-70 {width:70% !important}
.col-pb_0 {padding-bottom:0 !important}
.mb-1 {margin-bottom:0.25rem !important}
.mb-2 {margin-bottom:0.5rem !important}
.mb-3 {margin-bottom:1rem !important}
.mb-4 {margin-bottom:1.5rem !important}
.mb-5 {margin-bottom:3rem !important}
.mr-1 {margin-right:0.25rem !important}
.mr-2 {margin-right:0.5rem !important}
.mr-3 {margin-right:1rem !important}
.mr-4 {margin-right:1.5rem !important}
.mr-5 {margin-right:3rem !important}
.ml-1 {margin-left:0.25rem !important}
.ml-2 {margin-left:0.5rem !important}
.ml-3 {margin-left:1rem !important}
.ml-4 {margin-left:1.5rem !important}
.ml-5 {margin-left:3rem !important}
.icon-box-img img,
.icon-box-img svg {padding-top:0}
/*************** ADD CUSTOM CSS HERE.   ***************/
body {
  font-size:15px;
  font-weight:400;
  font-family:"Roboto", sans-serif
}
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-size:15px;
  font-family:"Roboto", sans-serif;
  font-weight:500
}
h1,h2,h3,h4,h5,h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {font-family:"Roboto", sans-serif}
.alt-font {font-family:"Roboto", sans-serif}
/** Footer **/
#footer {
  color:#FFF;
  background:#333
}
#footer a {color:#FFF}
#footer a:hover {color:#cf2030}
.sidebar-wrapper .widget {
  padding-left:0px;
  padding-right:0px
}
.footer-widget-asea:nth-child(1) {
  flex-basis:40%;
  max-width:40%
}
.footer-widget-asea:nth-child(2) {
  flex-basis:15%;
  max-width:15%
}
.footer-widget-asea:nth-child(3) {
  flex-basis:20%;
  max-width:20%
}
.footer-widget-asea:nth-child(4) {
  flex-basis:25%;
  max-width:25%
}
.footer-widget-asea:nth-child(1) ul li {
  position:relative;
  margin:0;
  padding-left:23px;
  line-height:25px;
  margin-bottom:8px
}
.footer-widget-asea:nth-child(1) ul li::before {
  content:"\f3c5";
  font-family:"Font Awesome 6 Pro";
  font-weight:900;
  font-size:16px;
  position:absolute;
  top:0;
  left:0
}
.footer-widget-asea:nth-child(1) ul li:nth-child(3):before {content:"\f095"}
.footer-widget-asea:nth-child(1) ul li:nth-child(4):before {content:"\f0e0"}
.footer-widget-asea:nth-child(1) ul li:nth-child(5):before {content:"\f57e"}
.footer-widget-asea:nth-child(1) ul li:nth-child(6):before {content:"\f0a3"}
.footer-widget-asea ul.menu {padding-left:14px}
.footer-widget-asea ul.menu li {list-style-type:disc}
.absolute-footer.dark {
  color:#CF2030;
  background:#CF2030
}
.absolute-footer ul {border-bottom:0}
.recent-blog-posts-li .recent-blog-posts {padding:10px 0}
.recent-blog-posts-li .recent-blog-posts .badge {
  width:80px;
  height:65px
}
.recent-blog-posts-li .recent-blog-posts a {
  font-size:13px;
  margin-bottom:0px;
  font-weight:400
}
.recent-blog-posts-li .recent-blog-posts .post-date-month {
  color:#334862;
  font-size:10px
}
.recent-blog-posts-li .recent-blog-posts .post-date-month::before {
  content:"\f133";
  font-family:"Font awesome 6 Pro";
  font-weight:300;
  font-size:10px;
  padding-right:5px
}
/** Blog **/
h1.page-title {
  font-size:35px;
  color:#2f308a
}
.entry-header-text .entry-meta {font-size:14px}
.entry-header-text .entry-meta .posted-author {padding-right:10px}
.entry-header-text .entry-meta .posted-on,
.entry-meta .posted-share {
  padding-left:10px;
  padding-right:10px
}
.entry-meta .posted-share a {
  font-size:11px;
  width:24px;
  min-width:24px;
  height:24px;
  min-height:24px;
  line-height:24px;
  border-width:1px;
  margin-bottom:0px
}
.entry-meta .posted-view {padding-left:10px}
.entry-meta .posted-author img {
  width:30px;
  height:30px;
  border-radius:50%
}
.related-post .heading {
  color:#2F308A;
  font-size:32px;
  font-style:normal;
  font-weight:700;
  line-height:40px;
  margin-bottom:25px
}
.related-post .flickity-enabled .flickity-page-dots .dot {
  background:#2f308a;
  border:0;
  opacity:0.5
}
#post-list .post-item .col-inner {
  padding-bottom:25px;
  border-bottom:1px dashed #DDD
}
.post-item .box .post-title {
  font-size:18px;
  font-weight:700;
  line-height:30px;
  letter-spacing:0em
}
.post-item .col-inner .post-meta::before {
  content:"\f133";
  font-family:"Font awesome 6 Pro";
  font-weight:300;
  font-size:12px;
  padding-right:5px
}
.post-item .box-text a.button {
  color:#1875CB;
  height:32px;
  font-size:14px;
  font-weight:400;
  letter-spacing:0em;
  line-height:32px;
  border-radius:25px;
  padding:0px 15px;
  border:1px solid #1875CB;
  border-top-color:rgb(24, 117, 203);
  border-right-color:rgb(24, 117, 203);
  border-bottom-color:rgb(24, 117, 203);
  border-left-color:rgb(24, 117, 203);
  text-transform:none
}
.post-item .box-text a.button::after {
  content:"\f061";
  font-family:"Font Awesome 6 Pro";
  font-size:14px;
  padding-left:5px
}
.post-item .box-text a.button:hover {color:#FFF}
/** Home **/
.box-blog-post .is-divider {display:none}
.heading-home .sub-title {
  color:#cf2030 !important;
  font-weight:bold;
  margin-bottom:10px
}
.heading-home h2,
.heading-home .h2 {
  font-size:35px;
  line-height:40px;
  text-transform:uppercase;
  position:relative
}
.heading-home h2::before,
.heading-home .h2::before {
  content:"";
  width:50px;
  border-top:2px solid #cf2030;
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-25px;
  margin-top:15px
}
.content-intro h4 {
  font-size: 16px;
  font-weight:900;
  color: var(--fs-color-primary);
  margin-bottom:5px;
  text-transform:uppercase;
  position:relative;
}
.content-intro h2 {
  font-size:38px;
}
.btn-home .icon-angle-right::before {
  content:"\f061";
  font-family:"Font Awesome 6 Pro";
  font-size:15px
}
#counter-box .counter {
  color:#2f308a;
  font-size:55px;
  font-weight:700;
  line-height:65px;
  margin-bottom:0
}
#counter-box .counter::after {
  content:"+";
  font-size:35px;
  padding-left:5px
}
#counter-box h3 {
  font-size:22px;
  font-weight:700
}
#counter-box p {font-size:14px}
.border-counter .icon-box::before {
  content:"";
  width:auto;
  height:100%;
  position:absolute;
  top:0;
  right:-10px;
  border-right:2px dashed #ddd
}
.list-menu-dichvu .icon-box {
  background:#FFF;
  border-radius:5px;
  padding:10px 15px
}
.list-menu-dichvu .icon-box .icon-box-img img {padding-top:0}
.list-menu-dichvu .icon-box .icon-inner {
  width:55px;
  height:55px;
  border-radius:50%;
  padding:0px 10px;
  text-align:center;
  line-height:55px;
  background-color:#2f308a
}
.list-menu-dichvu .icon-box .icon-box-text {
  display:flex;
  align-items:center
}
.list-menu-dichvu .icon-box h3 {
  color:#cf2030;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase
}
.list-menu-dichvu .icon-box:hover h3 {color:#2196f3}
.item-step {
  display:flex;
  flex-direction:column
}
.icon-box.item-step .icon-box-img {
  width:100% !important;
  margin-bottom:0
}
.item-step .icon-box-img .icon {
  background:#eaeaea;
  padding:15px;
  width:140px;
  height:140px;
  border-radius:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:15px auto;
  position:relative
}
.item-step .icon-box-img .icon::after {
  top:45%;
  left:120%;
  transform:rotate(-60deg)
}
.step-top-right .icon-box-img .icon::after {
  transform:rotate(60deg);
  top:-45%;
  left:120%
}
.item-step .icon-box-img .icon::before {
  top:14%;
  right:98%;
  transform:rotate(-51deg)
}
.item-step .icon-box-img .icon::after {
  content:"";
  width:20px;
  height:100%;
  display:block;
  position:absolute;
  background-color:#eaeaea
}
.item-step.remove-after .icon-box-img .icon::after {display:none}
.item-step .icon-box-img .icon-inner {
  width:110px;
  height:110px;
  border-radius:110px;
  margin:0 auto;
  line-height:1;
  padding:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#2f308a
}
.item-step .icon-box-img img {padding-top:0}
.item-step .icon-box-text {
  display:block;
  position:relative
}
.item-step .icon-box-text::before {
  content:"";
  height:40px;
  border-left:2px dashed #fff;
  display:block;
  position:absolute;
  left:50%;
  margin-left:-1px;
  opacity:.5
}
.step-bottom-right .icon-box-text {margin-top:40px}
.step-bottom-right .icon-box-text::before {bottom:100%}
.step-top-right .icon-box-text {
  margin-bottom:40px;
  order:1
}
.step-top-right .icon-box-text::before {
  top:100%;
  bottom:auto !important
}
.step-top-right .icon-box-img {order:2}
.item-step h3 {
  font-weight:900;
  color:#ffc107 !important;
  font-size:2rem;
  margin-bottom:0
}
.item-step p {
  font-weight:700;
  text-transform:uppercase;
  font-size:12px
}
.gallery-logo .gallery-col img {
  width:100%;
  height:85px;
  border:1px solid #DDD;
  border-radius:5px
}
/** Product **/
h1.shop-page-title {
  color:#2F308A;
  font-size:30px;
  margin-bottom:0
}
.shop-page-title .page-title-inner {padding-top:30px}
.shop-page-title .page-title-inner .is-medium {display:none}
.box-shadow-1,
.box-shadow-1-hover:hover,
.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover,
.product-small.box-normal {
  overflow:hidden;
  box-shadow:0px 2px 15px 0px #0000001a
}
.product-small.box-normal .name.product-title a {
  color:rgb(47, 48, 138);
  font-size:20px;
  line-height:25px;
  font-weight:bold
}
.product-small.box-normal .title-wrapper {margin-bottom:10px}
.product-small.box-normal .box-text {padding-top:15px}
.product-small.box .price-wrapper {font-size:20px}
.product-small.box .price-wrapper del {font-size:16px}
.add-to-cart-button a.button {
  height:32px;
  font-size:14px;
  font-weight:400;
  letter-spacing:0em;
  line-height:32px;
  border-radius:25px;
  padding:0px 15px;
  text-transform:none
}
.product-small.box.box-vertical .add-to-cart-button a.button {
  font-size:12px;
  color:#FFF;
  padding:0px 10px
}
.product-small.box.box-vertical .price-wrapper,
.product-small.product .price-wrapper {font-size:16px}
.product-small.product .name.product-title a {
  font-size:16px;
  color:#2F308A;
  font-weight:bold;
  margin-bottom:10px
}
.product-small.product .box-image .image-fade_in_back img {
  width:100%;
  height:210px;
  object-fit:cover
}

.home_ss1 .text-inner h2 {
    font-size: 40px;
    font-weight: 800;
    text-shadow: 2px 2px 0px #000;
    line-height: 1.4;
    margin-bottom: 20px;
}

.home_ss1 .text-inner h3 {
    font-size: 22px;
    text-shadow: 2px 2px 0px #000;
    margin-bottom: 40px;
}
.home_ss1 .slider-wrapper .banner .banner-bg .overlay {
  background:#000 !important;
  opacity:.5
}
.home_ss2 .large-4 .col-inner {
    box-shadow: 2px 2px 3px 0px rgb(37 37 37 / 63%);
	border-radius: 10px;
}
.home_ss2 .large-4:hover .col-inner {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1)
}
.home_ss3 {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}
.home_ss3 .stack .text {
    border-top: 1px dashed #ddd;
    width: 100%;
    padding-top:12px;
    padding-left: 20px
}

.home_ss3 .stack .text:first-child {
    border-right: 1px dashed #ddd;
    padding-left: 0
}

.home_ss3 .stack .text h4 {
    font-size: 22px;
    margin-bottom: 2px;
}

.home_ss3 .stack .text p {
    font-size: 14px;
    color: #8d9297;
}
.home_ss3 ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.gp_ss {
    padding-top: 80px !important;
    padding-bottom: 160px !important;
}
.gp_ss h3 {
    font-size: 16px;
}

.gp_ss h2 {
    font-size: 36px;
    text-transform: capitalize;
    margin-bottom: 40px;
}
.gp_ss .section-bg {
    background-attachment: fixed;
}
.gp_ss .large-4 .col-inner {
    height: 100%;
    border: 2px dashed;
    padding: 30px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.gp_ss .large-4 .col-inner:hover {
    border-color: transparent;
}
.gp_ss .large-4 .col-inner h4 {
    font-size: 24px;
}

.gp_ss .large-4 .col-inner p {
    font-size: 16px;
    text-align: justify;
}

.gp_ss .large-4 .col-inner p:last-child {
    margin-bottom: 0;
}
.gp_ss .col {
    padding-bottom: 0;
}
.gp_ss .large-4 .col-inner:before {
    content: '';
    border-top: 2px dashed;
    border-bottom: 2px dashed;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-color: var(--fs-color-primary);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.55s, transform 0.55s;
}

.gp_ss .large-4 .col-inner:after {
    content: '';
    border-left: 2px dashed;
    border-right: 2px dashed;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	border-color: var(--fs-color-primary);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.55s, transform 0.55s;
}


.gp_ss .large-4 .col-inner:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.gp_ss .large-4 .col-inner:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.home_ss4 {
    padding-top: 0 !important;
}

.home_ss4 .large-6:first-child .col-inner {
    border-top: 12px solid var(--fs-color-primary);
    margin-top: -12px;
}

.home_ss4 .large-6:last-child .col-inner {
    margin-top: -80px;
    background: #fff;
    padding: 60px;
    box-shadow: 3px 3px 4px #eee;
}

.home_ss4 .large-6:last-child .col-inner {
    background: #fff;
}
.home_ss4 .large-6:last-child .col-inner h5 {
    font-size: 16px;
    color: var(--fs-color-primary);
}

.home_ss4 .large-6:last-child .col-inner h2 {
    font-size: 36px;
}

.home_ss4 .large-6:last-child .col-inner .icon-box-text h5 {
    font-size: 22px;
    margin-bottom: 4px;
}

.home_ss4 .large-6:last-child .col-inner .icon-box-text p {
    font-size: 16px;
    color: #8d9297;
}

.home_ss4 .large-6:last-child .col-inner .icon-box {
    margin-bottom: 16px;
}
.home_ss4 .large-6:last-child .col-inner .icon-box:last-child p:last-child,.home_ss4 .large-6:last-child .col-inner .icon-box:last-child {
    margin-bottom: 0;
}
.home_ss5 h2 {
    font-size: 22px;
    color: var(--fs-color-primary);
    margin-bottom: 30px;
}

.home_ss5 button.flickity-button {
    top: 32px;
}
.home_ss5 .gallery-col .box-image {
    box-shadow: 2px 2px 6px #ddd;
}
.phong-form-desc {
    margin-bottom: 24px !important;
}

.phong-form input {
    box-shadow: none;
    margin-bottom: 0;
}

.phong-group .phong-btn {
    padding: 4px 40px;
}
#top-bar .flex-col.hide-for-medium.flex-left {
    background: var(--fs-color-primary);
    height: 50px;
    display: flex;
    align-items: center;
    width: 33.33%;
    position: relative;
    font-size: 20px;
    font-weight: 600;
}

#top-bar {
    min-height: auto;
}

#top-bar .flex-col.hide-for-medium.flex-left:before {
    content: '';
    background: var(--fs-color-primary);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
}

#top-bar .flex-col.hide-for-medium.flex-right #header-contact li a {
    text-transform: none;
    font-size: 16px;
}
#top-bar .flex-col.hide-for-medium.flex-right #header-contact li a:after {left: -10px;}

ul.header-nav {
    padding-left: 60px;
}
.header-main .nav > li > a {
    font-size: 18px;
}

.header-main .header-button i.icon-search {
    color: #333;
}

.header-main .header-button a.button.is-outline {
    border: 1px solid #333 !important;
	color: #333 !important;
}
.header-main .html .header-button a.button.is-outline {
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.searchform-wrapper input {
    border-color: #555 !important;
}

.contact_ss .large-6 .large-6 {
    flex-basis: 100%;
    max-width: 100%;
}
.contact_ss .col-right .col-inner {
    padding: 40px;
    box-shadow: 2px 2px 6px #ddd;
    margin-top: 114px;
}

.contact_ss .section-bg {
    display: none;
}

.contact_ss .phong-form {
    background: none;
    border-radius: 0;
    box-shadow: 2px 2px 6px #ddd;
}
.contact_ss .col-right .icon-box {
    margin-bottom: 16px;
    align-items: center;
}

.contact_ss .col-right .icon-box .icon-box-img {
    border: 1px solid #444;
    border-radius: 100%;
    height: 40px;
    padding: 6px;
}

.contact_ss .col-right .icon-box .icon-box-img .icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_ss .col-right .icon-box-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #3d3d3d;
}

.contact_ss .col-right h2 {
    font-size: 36px;
    margin-bottom: 24px;
}

.contact_ss .col-right .icon-box:last-child {
    margin-bottom: 0;
}

.blog-wrapper .box .box-text h5.post-title a {
    font-size: 18px;
}

.blog-wrapper .box .box-text .post-meta {
    font-size: 14px;
}

.blog-wrapper .box .box-text p.from_the_blog_excerpt {
    font-size: 15px;
}

.contact_ss .col-left .section {
    padding: 0 !important;
}

.contact_ss .col-right .col-inner {
    margin-top: 0;
}

.contact_ss .col-left .section .large-6 {
    padding-bottom: 0;
}

.page_info .page-title-inner {
    flex-direction: column;
    align-items: flex-start;
}

.page_info .page-title-inner h1.entry-title {
    font-size: 36px;
}

.page_info .page-title-inner .title-content {
    margin: 0;
}

.page_info .page-title-inner .title-content .title-breadcrumbs {
    font-size: 20px;
}

@media only screen and (max-width: 48em) {
  .banner-slider_home .img-inner {padding-top:250px !important}
  .banner-slider_home .img-inner img {height:250px}
  .content-intro h2,
  .heading-home h2,
  .heading-home .h2 {
    font-size:25px;
    line-height:25px
  }
  .item-step .icon-box-img .icon {
    padding:10px;
    width:110px;
    height:110px
  }
  .item-step .icon-box-img .icon-inner {
    width:80px;
    height:80px;
    padding:20px
  }
  .step-top-right .icon-box-img {order:1}
  .step-top-right .icon-box-text {
    margin-top:40px;
    margin-bottom:0
  }
  .step-top-right .icon-box-text::before {
    top:auto;
    bottom:100% !important
  }
  .item-step .icon-box-img .icon::after {
    width:10px;
    height:50px
  }
  .item-step .icon-box-img .icon::after {
    top:30%;
    left:calc(100% + 10px);
    transform:rotate(-90deg)
  }
  .item-step.remove-after-mobile .icon-box-img .icon::after {display:none}
  .item-index .icon-box-img .icon-inner img {width:55px}
  #counter-box .counter {
    font-size:35px;
    line-height:45px
  }
  #counter-box h3 {font-size:15px}
  /** Footer **/
  .footer-widget-asea:nth-child(1),
  .footer-widget-asea:nth-child(2),
  .footer-widget-asea:nth-child(3),
  .footer-widget-asea:nth-child(4) {
    flex-basis:100%;
    max-width:100%
  }
  #menu-footer .menu-item a {
    width:auto;
    padding-left:10px;
    padding-right:10px;
    flex-direction:column;
    gap:5px
  }
  /** Product **/
  .product-small.box-normal .name.product-title a {font-size:15px}
  .product-small.box .price-wrapper {font-size:15px}
  .product-small.box .price-wrapper del {font-size:14px}
  .add-to-cart-button a.button {font-size:13px}
	.home_ss1 .text-inner h2 {
    font-size: 32px;
}

.home_ss1 .text-inner h2 br {
}

.home_ss1 .banner .text-box {
    width: 90% !important;
}

.home_ss1 .banner {
    padding-top: 500px !important;
}
	.home_ss2 .large-12 .col-inner {
    margin-top: 0 !important;
}

.home_ss2 .large-12 {
    padding-bottom: 0;
}
	.home_ss3 {
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}

.gp_ss .col {
    padding-bottom: 15px;
}

.gp_ss {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.home_ss4 .large-6:last-child .col-inner {
    padding: 30px;
}

.home_ss4 .large-6:last-child .col-inner h2 {
    font-size: 28px;
}
	i.icon-menu:before {
    color: var(--fs-color-primary);
}
	.contact_ss .col-left .section {
    padding: 0 !important;
}

.contact_ss .col-right .col-inner {
    margin-top: 0;
}

.contact_ss .col-left .section .large-6 {
    padding-bottom: 0;
}
}

.header-nav li ul.sub-menu a{
    font-size:14px;
    color:#333;
    margin:0;
    padding-left:12px;
}

.header-nav ul.sub-menu{
    padding:10px 16px;
    z-index:5;
    box-shadow: 2px 2px 2px #999;
}

.header-nav li ul.sub-menu li a:before{
    content:'';
    width:5px;
    height:5px;
    background:var(--fs-color-primary);
    position:absolute;
    top:50%;
    left:0;
    border-radius:100%;
    transform:translateY(-50%);
    margin-top:-.5px;
}

.header-nav .sub-menu a:hover,
header#header .nav-dropdown li.menu-item-has-children > a:hover{
    transform:translateX(8px);
}

header#header .nav-dropdown{
    display:block;
}

header#header .nav-dropdown li{
    border-right:0;
    white-space:normal;
    width:100%;
    display:block;
    position:relative;
}

header#header .nav-dropdown li.menu-item-has-children::after{
    content:'';
    position:absolute;
    top:0;
    right:-24px;
    width:24px;
    height:100%;
    background:transparent;
}

header#header .nav-dropdown ul.sub-menu{
    position:absolute;
    left: calc(100% + 16px);
    top:0;
    background:#fff;
    min-width:250px;
    padding:10px 16px;
    display:none !important;
    z-index:999;
}

header#header .nav-dropdown ul.sub-menu a{
    white-space:normal;
    margin:0;
    padding:10px 15px;
    border:0;
    font-weight:400;
}

header#header .nav-dropdown li:hover > ul.sub-menu{
    display:block !important;
}

header#header .nav-dropdown li.menu-item-has-children > a{
    text-transform:none;
    border:0;
    font-size:14px;
    font-weight:600;
    position:relative;
    padding-left:14px;
    transform:translateX(0);
    color:#333;
    margin:0;
}

header#header .nav-dropdown li.active > a{
    color:#e82c2a;
}