/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.0
*/

/* Quý */


.td-box-center .section-content{
	display: flex;
    align-items: center;
    justify-content: center;
}

.td-box-center .section-content a.td-link{
	margin-bottom:0;
}

.td-box-center .section-content a.td-button-register{
	background-image: url(https://viptam.com/wp-content/uploads/2021/11/Hinh-dang-ky.png);
    width: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
    background-color: transparent;
    background-position: center;
    height: 55px;
	border: none;
	margin-left:20px;
}

.td-box-center .section-content a.td-button-register:hover{
	box-shadow:none;
}

.rung {
    animation: code-pro-rung-lac 2.5s ease infinite;
}
    
@-webkit-keyframes code-pro-rung-lac {
    0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.1, 1.1);
	}
	100% {
		transform: scale(1, 1);
	}
}

@media only screen and (max-width: 984px){
	.td-box-center .section-content{
		display: block;
		padding: 0 20px;

	}
	.td-box-center .section-content a.td-link{
		display:block;
		margin-bottom: 25px;
	}
	.td-box-center .section-content a.td-button-register{
		padding-top: 30px;
		margin: auto;
	}
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.box-red a {
    background-color: #f4a7a5;
}
.languge{
	position: absolute;
    top: 30px;
    z-index: 999;
    right: 10px;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    bottom: -10px;
}
.nav-dropdown {
    margin-top: 10px;
}
#top-bar .container{
	padding: 0;
}
#top-bar .flex-center{
	width: inherit
}
div.box-title {
    color: #fff;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    text-transform: uppercase;
    border-bottom: 5px solid #134a77;
    margin-bottom: 10px;
}
div.box-title div {
    float: left;
    background: #134a77;
    padding: 0px 20px;
    min-width: 170px;
    position: relative;
    font-weight: bold;
    word-spacing: 2px;
}
div.box-title div:before {
    position: absolute;
    right: -37px;
    top: 0px;
    height: 0;
    width: 0;
    content: '';
    border-top: 37px solid transparent;
    border-left: 37px solid #134a77;
}
.link-title {
    text-align: right;
    float: right;
    bottom: 5px;
    position: relative;
    border-bottom: solid 5px;
    text-transform: capitalize;
    color: red;
}
.menu-footer ul {
    text-align: center;
}
.menu-footer ul li {
    display: inline-block;
    padding: 0px 5px;
    color: #fff;
    margin: 0 !important;
}
.menu-footer ul li a {
    color: #fff;
}
.contact-footer ul li {
    list-style: none;
    margin-bottom: 7px;
    color: #134a77;
}
.contact-footer ul li i {
    margin-right: 3px;
    color: #134a77;
    min-width: 20px;
}
.box-ct-ic p{
	min-height: 100px;
}
.box-blog-post .is-divider {
    display: none;
}
ul{
	margin: 0;
}
.archive-page-header .page-title {
    text-align: left;
    border-bottom: solid 3px #134978;
    display: table-cell;
}
.archive-page-header .page-title span {
    font-weight: 800;
    width: 100%;
    margin: 0;
    padding-bottom: 5px;
    display: block;
    border-bottom: solid 3px #278fab;
}
.blog-single .page-title {
    text-align: left;
    border-bottom: solid 3px #134978;
    display: table-cell;
}
.blog-single .page-title span {
    font-weight: 800;
    width: 100%;
    margin: 0;
    padding-bottom: 5px;
    display: block;
    border-bottom: solid 3px #278fab;
}
.is-divider{
	display: none;
}
span.widget-title {
    display: block;
    margin-bottom: 15px;
    color: #134978;
}
.related-post {
    border-top: solid 1px #ccc;
    padding-top: 15px;
}
.related-post .headline {
    font-size: 24px !important;
    color: #134978 !important;
}
.post_excerpt .read-more {
    font-size: 16px;
    color: #3f3f3f;
    margin: 10px 0;
    padding: 0;
    display: table;
    text-decoration: none;
    border-bottom: solid 2px;
}
.ic-contact{
	font-size: 300%;
    color: #144a76;
}
.entry-category{
	margin-bottom: 20px;
}
.entry-category a{
	padding: 10px;
    background: #134a77;
    color: #fff;
    border-radius: 5px;
    margin: 10px;
}
.box-list a{
	padding: 10px 20px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 10px;
    display: block;
    margin-bottom: 20px;
}
.box-list a:hover{
	color: #fff;
}
.box-org a{
	background-color: #fcd966;
}
.box-yl a{
	background-color: #fef2cc;
}
.box-gre a{
	background-color: #a6cd94;
}
.box-pnk a{
	background-color:#fce6d6;
}
.box-blue a{
	background-color: #5b9bd5;
}
.tit-body h2{
	border-bottom: solid 3px #134978;
    display: table-cell;
}
.tit-body h2 span{
	    font-weight: 800;
    width: 100%;
    margin: 0;
    padding-bottom: 5px;
    display: block;
    border-bottom: solid 3px #278fab;
}
.list-people td{
	border: solid 1px #000;
    text-align: center;
    font-size: 18px;
    color: #000;
}
.list-people thead{
	background: #144a76;
    color: #fff;
	
}
.list-people thead th{
	text-align: center;
	line-height: 30px;
	border: solid 1px #fff;
}
form.searchform input.search-field {
    box-shadow: unset;
    height: 42px;
    font-size: 14px;
    padding-left: 50px;
    border-radius: 10px;
    background: #fff !important;
}
form.searchform button.ux-search-submit.submit-button {
    height: 42px;
    width: 50px;
    background: transparent;
    border: unset;
    box-shadow: unset;
    background-size: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	    color: #144a76;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.box-ct-ic p{
		min-height: 150px;
		text-align: justify;
	}
    .languge {
    position: absolute;
    top: 50px;
}

}