/*
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: SVN-Androgyne;
 
 src: url(http://luat.bkns.biz/wp-content/themes/flatsome-child/font/SVN-Androgyne.ttf);
 
 font-weight: normal;
 
 }

@font-face {
 font-family: Montserrat;
 
 src: url(http://luat.bkns.biz/wp-content/themes/flatsome-child/font/Montserrat-Regular.otf);
 
 font-weight: normal;
}


#logo {
    width: 130px!important;
}

.row .col-sec1-footer {
    margin-top: -130px !important;
    background: #ffff;
    box-shadow: inset 2px 3px 25px 0px rgba(224,220,224,1);
}
div#block_widget-2 {
    margin: 0px;
    padding: 0px;
}
.col.footer-lienhe.medium-4.small-12.large-4 {
    padding: 0px 15px 0px;
}
.home_title.white-text h2 {
    color: #eebb24;
    text-align: center;
    text-transform: uppercase;
}
.home_title.white-text:after {
    content: '';
    width: 7%;
    height: 4px;
    background: #f7c220;
    display: block;
    margin: auto;
}
.home_title.white-text p {
    color: #f7c220;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    text-align: center;
}
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background-color: #BDBDBD;
  top: 0;
  bottom: 0;
  left: 0%;
  margin-left: -9px;
}

/* timelineaccor around content */
.timelineaccor {
    padding: 4px 0px;
    position: relative;
    width: 50%;
}

/* The circles on the timeline */
.timelineaccor::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  right: -17px;

  border: 2px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}



/* Place the timelineaccor to the right */
.righttimeline {
  left: 0%;
}





/* Fix the circle for timelineaccors on the right side */
.righttimeline::after {
  left: -16px;
}


.section-title b {
    display: block;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: #ffffff !important;
}
.section-title-center span {
    margin: 0 15px;
        color: #f7c531 !important;
    font-size: 28px;
    font-family: "Montserrat";
}
p.hotline-footer {
    color: #000000;
    font-size: 16px;
    font-family: "SVN-Androgyne";
}
.section.sec4-datlich .col.medium-5.small-6.large-5 {
    padding: 0px;
}
.col.medium-12.noPadding {
    padding: 0px 15px 0px 15px !important;
}
button.button.secondary.is-bevel.is-small.mb-0 {
    background: #f7c531;
    border-radius: 99px;
    color: #000000;
    float:left;
}
.row .col-sec2-footer p {
    margin: 0px 0px 6px !important;
}
.row .col-sec2-footer h3 {
	color:#f7c531 !important;
}


  .pagenavi span,.pagenavi a{color: #4d4d4d;padding:3px;margin-right:5px;background:transparent;border:1px solid #757575}
 
.pagenavi a:hover,.pagenavi .current{background:transparent;color:#4d4d4d;text-decoration:none}
 
.pagenavi .page-numbers,.pagenavi .current{color: #4d4d4d;font-weight:bold}
 
.pagenavi .current{color: red;}
 
.pagenavi .page-numbers{border:1px solid #DDD;padding: 8px; border-radius: 8px;}

/* Media queries - Responsive timeline on screens less than 600px wide */

.row .col-sec2-footer {
    margin-top: 20px;
}
h2.footer-ketnoi {
    color: #f7c531;
    text-transform: uppercase;
    padding-top: 5px;
}
input#hoten_lh {
    width: 255px;
        margin: 0px 10px 0px 0px;
}
input#sodt_lh {
    width: 255px;
      margin: 0px 10px 0px 0px;
}

input#noidungtv_lh {
    width: 255px;
        margin: 0px 10px 0px 0px;
}

input#lienhe {
  
    margin: 10px 0px 0px 12px;
    background: #f7c531 !important;
    color: #000000 !important;
 border-radius: 99px!important;
       font-family: "Montserrat";
}
.col.form-lh-sec-footer.small-12.large-12 {
    padding: 0px 60px 0px !important;
}
.col-medium-4.col-chuyen-muc img {
       width: 100%;
}
.col-chuyenmuc {
     width: 32%;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}
.title-chuyenmuc {
      text-align: center;
    /* margin-top: -47px; */
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.4);
    padding: 10px 20px;
    color: #fff;

}
.col-medium-4.col-chuyen-muc {
    padding-bottom: 50px;
}
.title-chuyenmuc a:hover {
    color: #f7c531;
    text-decoration: none;
}
.title-chuyenmuc a {
    color: #fff;
    font-size: 17px;
}
p.hotline-header {
    color: #000000;
    font-size: 16px;
    font-family: SVN-Androgyne;
}

.accordion-item.gioi-thieu-thong-diep a:hover {
    text-decoration: none;
}
.accordion-item.gioi-thieu-thong-diep a {
    color: #000000;
}


.accordion-item.doi-ngu-ls a:hover {
    text-decoration: none;
}

.accordion-item.doi-ngu-ls a
{
    color: #000000;
}
.row.tintuc-home.large-columns-3.medium-columns-1.small-columns-1 a:hover {
    text-decoration: none;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-size-medium.nav-uppercase a:hover {
    text-decoration: none;
}

#accordions-220 .accordions-head-title {
    color: #414141 !important;
    font-size: 19px !important;
      border-bottom: 1px dotted rgba(117,117,117,1);
    padding-bottom: 9px;
}
#accordions-220 .accordions-head:hover .accordions-head-title {
    color: #414141 !important;
}
#accordions-220 .accordions-head {
    background: #ffffff none repeat scroll 0 0 !important;
    outline: none;
}

#accordions-312 .accordions-head-title {
    color: #414141 !important;
    font-size: 19px !important;
      border-bottom: 1px dotted rgba(117,117,117,1);
    padding-bottom: 9px;
}
#accordions-312 .accordions-head:hover .accordions-head-title {
    color: #414141 !important;
}
#accordions-312 .accordions-head {
    background: #ffffff none repeat scroll 0 0 !important;
    outline: none;
}


h2.gt-ve-ct {
    color: #e7c13d;
    text-transform: uppercase;
}
input#name_lh {
    background: rgba(0,0,0,0);
}
input#email_lh {
    background: rgba(0,0,0,0);
}
input#phone_lh {
    background: rgba(0,0,0,0);
}
 input#lienhe {
    margin: 10px 0px 0px 0px;
    background: #f7c531 !important;
    color: #000000 !important;
    width: 100% !important;
}
.box-blog-post .is-divider {
    margin-top: .5em;
    margin-bottom: .5em;
    height: 2px;
    display: none !important;
}

h5.post-title.is-large {
    text-align: left;
}
p.from_the_blog_excerpt {
    text-align: left;
    font-size: 16px;
        font-family: "Montserrat";
}
h2.title-form-tuvan {
    color: #f7c220;
    text-transform: uppercase;
        margin: 0px;
}
p.conternt-form-tuvan {
    color: #ffffff;
}
p.text-form-footer {
    color: #000000;
    font-family: "Montserrat";
}
ul.nav-dropdown.nav-dropdown-default a {
    color: #ffc107 !important;
    text-transform: uppercase !important;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-size-medium.nav-uppercase a:hover {
    color: #ffc107;
}

.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500;}
.nav-dropdown .nav-dropdown-col>ul li{
	background:#fff;

}
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 10px;
    margin-left: -10px;
	display:none !important;
	
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: rgba(221,221,221,0);
    border-bottom-color: #333;
    border-width: 8px;
    margin-left: -8px;
	display:none;
}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#000000}
.nav-dropdown-default>li {
    background: #f8f9fa;
	color:#ffffff;
}
.nav-dropdown-default>li a
{
	color:#ffffff;
}
ul.nav-column.nav-dropdown-default {
    border-top: 4px #ffbe2a solid !important;
}

.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#dae0e5}
.nav-dropdown-default>li>a{border-bottom:0 !important;color:#ffffff}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
left: 100%;z-index: 9;background: yellow;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0;background:#333;color:#ffffff}
.nav-dropdown>li.nav-dropdown-col a {
	color:#ffffff;
}
.nav-dropdown>li.nav-dropdown-col:hover{
	width:100%;border-right:0;
	background:#000000;
}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px; text-transform: none;color:#ffffff}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

ul.nav-dropdown.nav-dropdown-default {
    border-top: 4px #ffbe2a solid;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #ffffff;
    font-weight: 300;
}
.col-chuyenmuc:nth-child(3n) {
    margin-right: 0px !important;
}
ul.nav-dropdown.nav-dropdown-default li {
    border-bottom: 1px #ffbe2a dotted;
}
.section.trang-doi-ngu img {
    border-radius: 99px;
    width: 220px;
    height: 220px;
}
.col.thongtin-ls.medium-6.small-12.large-6 {
    border: 2px #f7c532 dotted;
}
.col.thongtin-ls.medium-6.small-12.large-6 {
    padding: 10px;
}
.col.thongtin-ls.medium-6.small-12.large-6 p {
    color: #000000;
}
.tabbed-content .nav-vertical {
    padding-top: 0;
    width: 33% !important;
}
li.tab.active.has-icon a {
   background: #f8f8f8;
    border-radius: 99px 0px 0px 99px;
    color: #000000;
    font-size: 14px;
    padding: 10px;
}
li.tab.active.has-icon a:hover {
    text-decoration: none;

}
.tab-panels {
    background: #f8f8f8;
}
.lgx-logo-slider-wp .owl-nav {
    display: none;
}
.section.sec4-datlich p {
    margin: 0px !important;
}
.owl-dots {
    display: none;
}
a._42ft._4jy0._opc.pluginConnectButtonDisconnected._4jy3._517h._51sy {
    background: green !important;
    color: #ffffff !important;
}
.container.section-title-container {
    margin: 0px !important;
}
.lgx-logo-wrapper.nav-position-b-center.hover-default {
    padding: 0px;
}
.pluginConnectButton a {
    background: green !important;
    color: #ffffff !important;
}
.section.sec-khachhang .col.small-12.large-12 {
    padding: 0px 10px 0px 10px !important
}
.section.sec5-logo .col.small-12.large-12 {
    padding: 0px 15px 0px;
}
.tintuc-home .box-text.text-center {
    padding-left: 0px;
}
@media screen and (max-width: 800px) {
.col-chuyenmuc {
    width: 100%;
}
}