/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** Noto san ******************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Normal */
@font-face {
  font-family: 'DejaVu Serif';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerif.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: 'DejaVu Serif';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerif-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Italic */
@font-face {
  font-family: 'DejaVu Serif';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerif-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/* Bold Italic */
@font-face {
  font-family: 'DejaVu Serif';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerif-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Condensed Normal */
@font-face {
  font-family: 'DejaVu Serif Condensed';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerifCondensed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Condensed Bold */
@font-face {
  font-family: 'DejaVu Serif Condensed';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerifCondensed-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Condensed Italic */
@font-face {
  font-family: 'DejaVu Serif Condensed';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerifCondensed-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/* Condensed Bold Italic */
@font-face {
  font-family: 'DejaVu Serif Condensed';
  src: url('./fonts/dejavu-serif/ttf/DejaVuSerifCondensed-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}


.noto-sans {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main.show-logo-center{
	height: auto;
}
#header.header{
    display: none;
}
#logo{
	padding-top: 10px;
	text-align: center;
	width: 100%!important;
}
.logo a{
	display: inline-block;
}
.logo img{
	margin: 0 auto;
}
.stuck #masthead.header-main {
     height: auto!important; 
}
.header-wrapper .header-bottom {
    background-color: #8cc63f;
    padding-top: 5px;
    padding-bottom: 5px;
}
.nav.header-nav.header-bottom-nav > li > a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0;
    font-weight: 200;
    line-height: 1.3;
    position: relative;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
}
.nav.header-nav.header-bottom-nav > li {
    padding: 0 25px;
    border-right: 1px solid #fff;
}
.nav.header-nav.header-bottom-nav > li:last-child {
    border-bottom: none;
    border-right: none;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: #F56960;
}
.headerLading{
    background-image: url('images/background-header.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: inherit;
}
.section.headerLading{
    padding-bottom: 0;
}
.section.padTopBottom5{
    padding: 0;
}
.bgMauVang .col{
    padding: 0;
}
.bgMauVang{
    position: relative;
}
.bgMauVang:after {
    display: block;
    z-index: -9;
    height: 80%;
    background: #fadb5e;
    width: 100%;
    position: absolute;
    top: 10%;
}
.title4MoHinh{
    text-align: center;
    font-family: 'DejaVu Serif';
    font-size: 3.0em;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
}
.bgMauVang_title{
    background: #fadb5e;
    padding: 10px 0px;
}
.bgMauVang_title .col{
    padding: 0;
}
.sectionTramXanh{
    background-image: url('images/bg_main.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: inherit;
}
.txtTaisaolaconso1000{
    padding: 20px 0px;
    font-family: 'Noto Sans';
    font-size: 1.3em;
    color: #000;
    text-align: justify;
    position: relative;
}
.txtTaisaolaconso1000 h4{
    font-size: 1.6em;
    color: #000;
}
.txtTaisaolaconso1000 p{
    margin-bottom: 0;
}
.txtTaisaolaconso1000 p span{
    color: #08af0f;
    font-weight: bold;
}
.section.sectionTramXanh{
    position: relative;
    margin-top: -20px;
    
}

.sectionTramXanh .section-content{
    padding-top: 20px;
}
.sectionTramXanh::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px; /* Điều chỉnh độ rộng tam giác */
  width: 0;
  height: 0;
  border-top: 120px solid transparent;  /* 50% chiều cao */
  border-bottom: 120px solid transparent;
  border-left: 50px solid #08af0f;  /* màu giống nền */
  z-index: 1;
}
.section4MoHinhTramXanh{
    background-image: url('images/bg_main.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: inherit;
}
.row4TramMoHinh{
    padding-top: 30px;
}
.borderRadius5px img{
    border-radius: 10px;
}
.row4Tram .col.medium-3{
    padding-right: 0;
}
.row4Tram .col.medium-9{
    padding-left: 5px;
    text-align: center;
    color: #000;
    font-family: 'Noto Sans';
    font-weight: bold;
    font-style: italic;
}
.footerCongDong h3{
    font-family: 'DejaVu Serif';
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    text-align: justify;
    margin-bottom: 0;
}
.footerCongDong p{
    margin-bottom: 0;
    color: #000;
    font-family: 'Noto Sans';
}
.footerCongDong li{
    margin-bottom: 0;
    color: #000;
    font-family: 'Noto Sans';
}
.button.primary.btnDangkyngay{
    background-color: #08af0f;
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    font-family: 'Noto Sans';
    font-weight: 300;
    font-size: 1.3em;
    font-style: italic;
    margin-right: 0;
}
.button.primary.btnDangkyngay h4{
    text-transform: uppercase;
    font-family: 'Noto Sans';
    color: #fff;
    font-weight: bold;
}
.row.align-center.marginAuto{
    margin-left:auto;
    margin-right: auto;
}
.sliderHome .flickity-page-dots{
	bottom: -30px;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #528909;
    opacity: 0.8;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #888484;
}

.btnHieuSinhHome{
  text-align: center;
  margin-bottom: 15px;
}
.btnHieuSinhHome span{
  background-color: #f7941d;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  padding: 5px 30px;
  font-family: arial;
  font-size: 0.9em;
  display: inline-block;
  font-weight: 400;
}


.sliderItemHome .slider-style-container .flickity-slider>*:not(.is-selected),.sliderItemHome .slider-style-shadow .flickity-slider>*:not(.is-selected), .slider-style-focus .flickity-slider>*:not(.is-selected) {
    opacity: 1;
}
.nav.header-nav .nav-dropdown{
	width: 360px;
}
.nav.header-nav .nav-dropdown li a{
	text-transform: uppercase;
}
.titleCompany{
	margin-bottom: 10px;
}
.textRight_footer{
	text-align: right;
}
.footer-2 .widget.widget_block{
	margin-bottom: 0;
}
.footer-2 .widget.widget_block p{
	margin-bottom: 0;
}
.absolute-footer.dark {
    background-color: #563e28;
}
.iconDiachi .icon-box-img, .iconDiachi .icon-box-text{
    display: inline-block;
}
.iconDiachi .icon-box-img{
    max-width: 30px;
    margin-bottom: 0;
}
.iconDiachi .icon-box-text{
    color: #000;
    font-family: 'DejaVu Serif';
    line-height: 30px;
}

.page02{
    background: #d4ffcd url('images/bg_page02.png') no-repeat center top;
    background-size: inherit;
}
.titleTramXanh_page02{
    color: #000;
    font-family: 'Noto Sans';
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}
.titleTramXanh_page02 p{
    margin-bottom: 0;
}
.imgTramXanh_page02{
    border:2px solid #8cc63f;
    margin-bottom: 10px;
}
.txtTramXanh_page02{
    text-align: justify;
    color: #000;
    font-family: 'DejaVu Serif';
}
.txtTramXanh_page02 p{
    margin-bottom: 0;
}

.page03_danhSachTram{
    background: #d4ffcd url('images/bg_page03.png') no-repeat center top;
    background-size: inherit;
}

.title_tramDongDay{
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 3.5em;
    padding-bottom: 0;
}
.title_tramDongDay p{
    margin-bottom: 0;
}
.zindex9{
    z-index: 9;
    position: relative;
    margin-bottom: -50px;
}
.zindex9 .col{
    padding-bottom: 0;
}
.rowTramGoc *{
    color: #fff;
    font-family: 'Noto Sans';
    font-size: 12px;
    font-weight: bold;
}
.rowTramGoc h2{
    font-size: 15px;
}
.rowTramGoc .col{
    padding: 10px 15px;
}
.rowTramGoc .col:nth-child(2){
    background-color: #a97b50;
}
.rowTramGoc .col:nth-child(3){
    background-color: #a97b50;
}
.rowTramDongDay{
    margin-top: 15px;
}

.rowTramDongDay h2{
    font-size: 15px;
}
.rowTramDongDay .col{
    padding: 10px 15px;
}
.rowTramDongDay .col:nth-child(1){
    background-image: url('images/bg-stt-tram.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    text-align: center;
    font-weight: bold;
    line-height: 46px;
    padding-left: 10px;
    font-size: 20px;
    color: #8cc63f;
    font-weight: bold;
}
.rowTramDongDay .col:nth-child(2){
    background-color: #8cc63f;
    color: #000;
    font-family: 'Noto Sans';
    font-size: 12px;
    font-weight: bold;
}
.rowTramDongDay .col:nth-child(2) *{
    color: #000;
    font-family: 'Noto Sans';
    font-weight: bold;
}
.rowTramDongDay .col:nth-child(3){
    background-color: #8cc63f;
    color: #000;
    font-family: 'Noto Sans';
    font-size: 12px;
    font-weight: bold;
}
.rowTramDongDay .col:nth-child(3) *{
    color: #000;
    font-family: 'Noto Sans';
    font-weight: bold;
}
.rowTramMauTimThan .col:nth-child(2){
    background-color: #859ae1;
}
.rowTramMauTimThan .col:nth-child(3){
    background-color: #859ae1;
}
.rowTramMauVang .col:nth-child(2){
    background-color: #fadb5e;
}
.rowTramMauVang .col:nth-child(3){
    background-color: #fadb5e;
}
.rowTramDongDay_cuaBan{
    position: relative;
}
.rowTramDongDay_cuaBan:after{
    position: absolute;
    width:150px;
    height:150px;
    background-image: url('images/img-smile.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: 2;
    left: 45%;
}
/*addThis_listSharing*/
.addThis_listing.list-unstyled {
	list-style: none;
}
.addThis_listSharing {
    opacity: 1;
    display: block;
    position: fixed;
    bottom: 120px;
    z-index: 999;
    top: auto !important;
    right: 10px;
}
.addThis_listing .addThis_item {
    margin-bottom: 5px;
}
.addThis_listing .addThis_item .addThis_item--icon {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
    position: absolute;
    top: 4px;
    right: 55px;
    z-index: 9;
    height: 32px;
    line-height: 26px;
    padding: 3px 10px;
    width: auto;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: #000;
    visibility: hidden;
    opacity: 0;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.addThis_listing .addThis_item .addThis_item--icon:hover {
    text-decoration: none;
    opacity: .9;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15),0 4px 15px rgba(0,0,0,0.13)
}

.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}
/*end addThis_listSharing*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .txtTaisaolaconso1000 h4{
        font-size: 1.2em;
    }
    .sectionTramXanh::after{
        display: none;
    }
    .bgMauVang .col-inner{
        padding-left: 15px;
        padding-right: 15px;
    }
    .col.txtTaisaolaconso1000{
        padding-left: 15px;
        padding-right: 15px;
    }
    .title4MoHinh{
        font-size: 1.2em;
    }
    .row4Tram .col.medium-3{
        font-size: 0.8em;
        padding-bottom: 0;
    }
    .row4Tram .col.medium-9{
        font-size: 0.8em;
        padding-bottom: 0;
    }
    .row4Tram .col.medium-9 p{
        margin-bottom: 0;
    }

    .rowDanhsach .col:nth-child(1){
        padding: 0;
    }
    .rowDanhsach .col:nth-child(2){
        padding: 0;
    }
    .rowDanhsach .col:nth-child(3){
        padding: 0;
    }
    .rowDanhsach .col:nth-child(4) .img{
        text-align: center;
    }
    .rowDanhsach .col:nth-child(4) img{
        width: 50%;
    }
    .zindex9{
        margin-bottom: 0px;
    }
    .zindex9 .img{
        text-align: center;
    }
    .zindex9 img{
        width: 50%;
    }
    .title_tramDongDay{
        font-size: 18px;
    }
    .title_tramDongDay p{
        margin-bottom: 0;
    }
    .rowTramDongDay .col:nth-child(1){
        padding: 0;
        line-height: 25px;
    }
    .footerCongDong h3{
        font-size: 0.8em;
    }
    .footerCongDong p{
        font-size: 0.7em;
    }
    .footerCongDong ul{
        margin-bottom: 0;
    }
}