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

:root {
	--color-1: 8 45 75; /*#082d4b*/
	--color-2: 116 185 241; /*#74b9f1*/
	--color-3: #f00; /**/
	--color-4: rgb(250 211 106);
	--color-5: rgb(182 132 1);
	--border-1: solid 1px #ededed;
	--radius-1: 5px;
	--radius-2: 3px;
	--radius-3: 3px;
	--radius-4: 999px;
	--shadow-1: 0 5px 25px 0 rgba(0 0 0 / 10%);
	--shadow-2: 0 15px 40px 0 rgba(0 0 0 / 15%);
	--light-gray: #f1f2f3;
	--font-size-1: 15px;
	--font-size-2: 13px;
	--font-size-3: 18px;
}

/*Top bar*/
@media screen and (max-width: 1000px) {
	.header-top {display: none}
}

@media screen and (min-width: 850px) {
	
	
}

.header-top {outline: solid 1px rgb(255 255 255 / 15%);}
#top-bar .info-icons a, .social-icons li {color: #fff; font-size: var(--font-size-2);}
.info-icons li, .social-icons li {list-style-type: none; display: inline-block; margin: 0 23px 0 0; margin-left: 0}
.info-icons a, .social-icons a {}

#top-bar .top-bar-custom a i {color: #fff;}
.info-icons a i {margin-right: 5px}

#top-bar .top-bar-custom a:hover, #top-bar .top-bar-custom a:hover i {color: #fff}

/*Header*/
.header {position: absolute;}
.header .header-wrapper.stuck {position: fixed; background: rgba(var(--color-1) / .9);}

/*Home title*/
.home-title {}
.home-title h2 {position: relative; margin-bottom: 1.6em}
.home-title h2::before, .home-title h2::after {content: ""; position: absolute; bottom: -15px; height: 2px; border-radius: 99px}
.home-title h2::before {left: 0; width: 40px; background-color: rgb(var(--color-2))}
.home-title h2::after {width: 4px; left: 45px; background-color: rgb(var(--color-1))}
.home-title h2 span {position: relative}
.home-title h2 .tt1 {color: rgb(var(--color-1)); font-weight: bold; text-transform: uppercase; letter-spacing: 5px;font-size: 130%;}
.home-title h2 .tt1::after {content:""; position: absolute; width: 100%; height: 12px; background: #f4f4f4; right: 0; bottom: 0; z-index: -1}
.home-title h2 .tt2 { line-height: 1; font-weight: normal}

.text-center .home-title h2 {}
.text-center .home-title h2::before, .text-center .home-title h2::after {-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.text-center .home-title h2::before {left: calc(50% - 4px)}
.text-center .home-title h2::after {left: calc(50% + 23px)}

.white-title * {color: #fff}
.white-title h2 .tt1 {color: var(--color-3)}
.white-title h2 .tt1::after {background-color: var(--color-3); opacity: .2}
.white-title h2::before {background-color: var(--color-3)}
.white-title h2::after {background-color: #fff}


/*Doi tac*/
.logo-doi-tac .col-inner {}
.logo-doi-tac .col-inner .ux-logo-link {background-color: #fff;}
.logo-doi-tac .col-inner .ux-logo {margin: 0 15px;}


/*Footer*/
.my-footer-menu {list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.menu-main-menu-container .my-footer-menu li {display: inline-block; margin: 0}
.my-footer-menu a {color: #000; text-decoration: none; text-transform: uppercase}

.ft-contact-us p, .ft-contact-us .button {margin: 0}


/*About*/
#content .info-icons li {margin: 0; display: block}
.general-info {position: absolute; display: none;
    box-shadow: 0 8px 23px 0 rgba(0 0 0 / .15);
    padding: 15px 20px;
    z-index: 1;
    background-color: #fff;
    left: 0;
    right: 0;
    width: max-content;
    border-radius: 15px;
    bottom: 125%;}
.general-info.active {display: block}
.general-info ul {margin: 0}
.general-info li {padding: 5px 0;}
.team-member .box-text-inner {position: relative}
.general-info::after {content: ""; position: absolute; width: 15px; height: 15px; background-color: #fff; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: -5px;}
.team-member .person-name:hover {cursor: pointer; color: rgb(var(--color-2))}