/*
Theme Name: NoiThat21
Theme URI: https://muatheme.com
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme Wordpress noi that 21
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* menu bottom  */
.isures-bt-menu .widget.widget_nav_menu{margin-bottom: 0}
.isures-bt-menu .menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.isures-bt-menu .menu li{border: none}

.row.col-npd {margin-top: 0!important}
.col-npd  .col{
	padding: 5px 0!important;
}

@media screen and (min-width: 850px) {
    .home .header {
       display:none;
       visibility:hidden;
    }
	.isures-spacing span.section-title-main {
		letter-spacing: 32px!important;
	}
}
/* bg main */
#main{
    background-color: rgb(247, 247, 247);
}
/* tab panel */
.tab.has-icon a{
	display: inline-block;
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
	border-radius: 100%;
	background: #FAB702;
	color: #222!important;
	margin-bottom: 10px;
}
.tab.has-icon.active a{
	background: transparent!important;
	border: 2px solid #fff;
	color: #fff!important;
}
.tabbed-content ul{
	margin-bottom: 50px;
	justify-content: space-around
}
li.tab.has-icon.active:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 60px;
    background: #fff;
    bottom: -50px;
    left: 50%;
}

.tab-panels{border-top: 1px solid #fff;}
/* project box hover  */
.box-badge .box-text{
	height: 100%;
	bottom: 0;
	
}
.box-badge .box-text .box-text-inner{
	transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}
.box-badge:hover .box-text{
	background-color: rgba(250, 183, 2, 0.5)!important;
}
/* title spacing */
.section-title.section-title-normal, span.section-title-main {
    border: none;
}

.isures-spacing span.section-title-main {
    letter-spacing: 12px;
}
.isures-scm span.section-title-main {
	width: 100%;
    letter-spacing: 15px!important;
	font-size: 14px
}
/* icon feedback */

.isures-feedback {
    background: rgba(0,0,0,0.5);
    padding: 15px 0 15px;
}
.isures-feedback .icon{
	background: #fab702;
	padding: 10px;
}
/* recent footer */
.footer-1 .is-divider.small{height: 0; margin: 10px 0;}
.footer {
    padding: 60px 0 0;
}
.footer-widgets.footer.footer-1 a, .footer-1 p , .footer-1 ul li{
    color: #ccc;
	font-size: 14px
}
.textwidget ul li strong{
	color: #fab702;
}
.section-title-container.tieu-de{
	margin-bottom: 0px;
} 
.thong-tin-lien-he .tieu-de{font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;}
.thong-tin-lien-he ul li{margin-bottom:0; list-style:square}
.thong-tin-lien-he ul li .info{color:red}
.thong-tin-lien-he .ten-cong-ty{font-weight:500; color:black}
.thong-tin-lien-he .thong-tin{margin-bottom: 0;
    width: 50%;
    float: left;
    display: inline-block;}
.thong-tin-lien-he{background: #fbfbfb;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 20px;
    border: 1px dashed #ff5400;}


/* Form */
.mh-input {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
}

input.mh-input::placeholder,
textarea.mh-input::placeholder,
input.mh-input[type='date']::placeholder {
 	font-weight: normal;
}

.mh-form-2-col {
	justify-content: space-between;
}

.mh-form-2-col > label {
	flex-basis: 49%;
}
aside.widget ul {
   
    padding: 8px;
    background: #ffffff;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}