/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.12.2
*/


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

.copyright-footer 

.flex-right ul li a{
	text-transform: initial !important;
	font-size: 16px;
}

/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
    background-color: currentColor !important;
    border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
color: #fff;
    background-color: #446084;
    border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
   background : #2478ba !important;
    border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
    color: #fff;
    background-color: black !important;
    border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
color: #fff !important;
    background-color: #cb2320  !important;
    border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
color: #fff !important;
    background-color: #dd4e31 !important;
    border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
color: #fff !important;
    background-color: #0072b7 !important;
    border-color: #0072b7     !important;
}

.single-date{
        border-bottom: 1px dashed #ededed;
}
h1.entry-title{
    font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
    
}

.entry-content img{
	width: auto !important
}
.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}
ul#thanh-menu{
        margin-top: 20px;
    list-style-type: none;

}
ul#thanh-menu li{
        display: inline-block;
    margin: 0 10px;
    position: relative;

}
ul#thanh-menu  > li > a {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #eeee22;
}
.hinh-menu{
    padding-bottom: 0px;
}
b, strong {
    font-weight: bold;
}
.slide-dong-tren{
        background: rgba(52, 73, 94,0.5);
    padding: 5px !important;

}
.slide-dong-duoi{
        background: rgba(44, 62, 80,0.9);
    padding: 5px !important;

}
.a-hotline{
      border-radius: 5px;
     -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
      background-color: #a41a1b;
      padding: 15px !important
}
.a-hotline span{
    color: white
}
.a-hotline:before{

}
.header-nav-main li a.nav-top-link {
    text-transform: uppercase !important; 
}
.header-nav-main li{
    padding: 0px 10px;
}
.header-nav-main li{
    margin: 0px 3px;
}
.header-nav-main li.active{
     border-radius: 4px;
    background: #FFD400;

}
.header-nav-main li.menu-item:hover{
       border-radius: 4px;
    background: #FFD400;
}
.chu-tren{
    margin-left: -10px;
        margin-top: -72px;
    position: absolute;
    /* z-index: 9999999; */
    background: #cd2122;
    padding: 8px;
    color: white;
    border-radius: 4px;
}
.div-du-an-hover img:hover .chu-tren{

margin-left: 40px !important;
   }
    .div-du-an-hover img{
        border: 4px solid transparent;
    }
   .div-du-an-hover img:hover {

       border: 4px solid red;
   }
    
    .div-lien-he p{
        margin-bottom: 0px;
    }
    .div-lien-he .col{
            padding-bottom: 0px;
    }
       .div-lien-he a span{
        font-size: 13px;
        color: white;

       }
       .white.is-outline:hover{
        background-color: transparent !important;
       }
       .div-lien-he a{
            padding: 0px 6px;
            border-color: white !important;

           margin-bottom: 5px;
       }
       .circle-headline .wpk-circle-span{
    border: none;
    margin-top: -11px;
   
    
    position: absolute;
    padding: 14px 6px;
    border-radius: 50%;
    font-size: 13px;
       }
       h4.wpk-circle-title {
        padding-bottom: 25px;
            width: 88%;
    /* margin-left: 49px; */
    text-align: right;
       }
         .div-one .circle-headline .wpk-circle-span{
            background: #CD2122 !important;
            color: white;
         }
           .div-two .circle-headline .wpk-circle-span{
            background: #EDED00 !important;
            color: red
           }
             .div-three .circle-headline .wpk-circle-span{
background: #59D600 !important;
color: white;
             }
       .row-tai-sao .col:hover  .circle-headline .wpk-circle-span:after{

    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
       }
#wrapper, #main{
    background: #f5f5f5 !important;
}
.is-divider {
    display: none
}
.footer-1 h3.widget-title{
      font-size: 18px;
    color: #fff;
    text-shadow: none;
    margin: 0 0 10px;
    padding-bottom: 0;
    text-transform: none;
    font-weight: 700;
    background: #CD2122;
    text-align: center;
    padding: 5px;
}
.footer-1 {
    color: white;
}
.form-tu-van label{
    color: white
}
.form-tu-van .wpcf7-submit{
    width: 100%;
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
    border-style: solid;
    border-radius: 3px;
    transition: background-color .15s ease-out;
    background: #FFD400;
    text-align: center;
}
.wpk-circle-span:hover{

 -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}
.chinh-tao{
    z-index: 90;
}
.chinh-tao .col{
    padding-bottom: 0px;
}
#main .stuck .img{
    width: 30% !important
}

li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown {
    opacity: 1;
    max-height: inherit;
    left: 0px;
}
.header-nav-main li .nav-dropdown  li{
  margin-bottom: 5px;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{
  font-weight: bold;
  border-bottom: none !important
}
.nav-dropdown-default li.active>a{
  color: white !important;
}
.nav-dropdown-default li:hover a{
  color: white !important;
}
.nav-dropdown-has-arrow li.has-dropdown:before{
  display: none !important
}
.nav-dropdown-default {
  margin-top: 5px;
  border-radius: 4px;
  border:none;
    padding: 0px;
}
.nav-dropdown-has-arrow li.has-dropdown:after{
  display: none;
}
.header-nav-main li {
    margin: 0px 5px;
}
.div-tin .post-title {
  min-height: 42px;

}
.nav-dropdown li{
  margin: 0px !important
}
.div-tin .from_the_blog_excerpt {
  min-height: 69px;
}
section.stuck .col .col-inner{
      padding: 0px !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.copyright-footer 
.hinh-menu {
    display: none
}

}