/*      1. Import
//////////////////////////////////////////// */
@import url('../plugins/bootstrap/css/bootstrap.min.css');
@import url('../fonts/fontawesome-free-5.15.3-web/css/all.css');
@import url('../plugins/swiper/css/swiper.min.css');
@import url('afa.chat.css');
@import url('afa.cookie.css');
@import url('afa.font.css');


/*      1.1 Font
//////////////////////////////////////////// */
/*      2. Global
//////////////////////////////////////////// */
*:focus {
	box-shadow: 0 0 0 0 rgba(255,255,255,0) !important;	
	outline: 0px auto -webkit-focus-ring-color;
}
body {
	font-family: 'Muli', sans-serif;
	font-family: 'Muli' !important;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.row-column-reverse {
	flex-direction: column-reverse;
}
.container {
	max-width: 1400px;
}
.container.w100, .w100 {
	max-width: 100%;
}

.h100 {
	height: 100%;
}
.container.noplr, .noplr {
	padding-left: 0px;
	padding-right: 0px;
}
.overflow-h {
	overflow: hidden;
}
.hide-for-md {
	display: none;
}
/*      Media
////////////////////*/
img {
	max-width: 100%;
}
.opacity-0 {
	opacity: 0;
}
.opacity-1 {
	opacity: 1 !important;
}
.grecaptcha-badge {
	bottom: 70px !important;
}
.grecaptcha-logo {
    visibility: visible !important;
}


/*      Font
////////////////////*/
/* letter-spacing: 1px; */
h1 {
	font-size: 40px;
}
h2 {
	font-size: 30px;
}
h3 {}
h4 {}
h5 {}
h6 {}
p {}
a {}

.page-an .card h1, .page-an .card h2, .page-an .card h3, .page-an .card h4, .page-an .card h5, .page-an .card h6 {
	color: rgb(243, 148, 45);
}
.page-ag .card h1, .page-ag .card h2, .page-ag .card h3, .page-ag .card h4, .page-ag .card h5, .page-ag .card h6 {
	color: rgb(0, 150, 217);
}
a:hover, a:focus, a:visited, a:active {}

/*      Color
////////////////////*/
.bg-an {
	background-color: rgb(243, 148, 45);
}
.page-an .bg--05,
.bg-an-05 {
	background-color: rgba(243, 148, 45, 0.5) !important;
}
.page-ag .bg-,
.bg-ag {    
	background-color: rgb(0, 150, 217);
}
.page-ag .bg--05,
.bg-ag-05 {    
	background-color: rgba(0, 150, 217, 0.5) !important;
}
.bg-gray {
	background-color: rgb(56, 56, 56);
}
.bg-white {
	background-color: rgb(255, 255, 255);
}
.page-an .fcolor-,
.fcolor-an {
	color: rgb(243, 148, 45);
}
.page-ag .fcolor-,
.fcolor-ag {
	color: rgb(0, 150, 217);
}
.fcolor {
	color: rgb(56, 56, 56);
}

.page-an a, .page-an a:focus {
	color: rgb(243, 148, 45);
}

.page-ag a, .page-ag a:focus {
	color: rgb(0, 150, 217);
}
.box-shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(56,56,56,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(56,56,56,0.75);
	box-shadow: 0px 0px 5px 0px rgba(56,56,56,0.75);
}
.page-an .box-shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(243, 148, 45,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(243, 148, 45,0.75);
	box-shadow: 0px 0px 5px 0px rgba(243, 148, 45,0.75);	
}
.page-ag .box-shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 150, 217,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 150, 217,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0, 150, 217,0.75);	
}


/*      Button
////////////////////*/
.tsh-chatbox-greeting-button,
button, button.btn, .btn {
	border: 0px;
	border-radius: 0px;
}
button:focus, button.btn:focus, .btn:focus {
	box-shadow: 0 0 0 0 rgba(255,255,255,0) !important;	
	outline: 0px auto -webkit-focus-ring-color;
}
.page-an .btn.btn-, .page-an .btn-,
.btn.btn-an, .btn-an {
	color: #fff;
	background-color: rgb(243, 148, 45);	
}
.page-an .teaser .btn.btn- {
	border: 1px solid rgb(243, 148, 45);
}
.page-an .teaser .btn.btn-:hover {
	background-color: transparent;
	border: 1px solid rgb(243, 148, 45);
	color: rgb(243, 148, 45) !important;
}


.page-an .tsh-chatbox-greeting-button {
	background-color: rgb(243, 148, 45) !important;
}
.page-ag .btn.btn-, .page- .btn-,
.btn.btn-ag, .btn-ag {
	color: #fff;
	background-color: rgb(0, 150, 217);
	border: 1px solid rgb(0, 150, 217);
}
.page-ag .teaser .btn.btn- {
	border: 1px solid rgb(0, 150, 217);
}
.page-ag .teaser .btn.btn-:hover {
	color: rgb(0, 150, 217);	
	background-color: transparent;
}

.page-ag .tsh-chatbox-greeting-button {
	background-color: rgb(0, 150, 217) !important;
}
.btn.btn-border {    
	color: #fff;
	background-color: transparent !important;
	border: 1px solid rgb(255, 255, 255);
}
.btn.btn-border:hover,
.btn.btn-border:focus {
	cursor: pointer;
}
.btn.btn-border:hover {
	background-color: #fff;
}
.page-ag .btn.btn-border:hover {
	color: rgb(0, 150, 217);
}
.page-an .btn.btn-border:hover {
	color: rgb(243, 148, 45);
}
.btn.btn-dborder {    
	position: relative;
	color: #fff;
	background-color: transparent !important;
	border: 1px solid rgb(255, 255, 255);
}
.btn.btn-dborder::after {        
	display: block;
	position: absolute;
	content: '';
	background-color: transparent !important;
	border: 1px solid rgb(255, 255, 255);
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
}
.page-an .btn.btn-dborder:hover {
	background-color: #fff !important;
	color: rgb(243, 148, 45);
}

.page-ag .btn.btn-dborder:hover {
	background-color: #fff !important;
	color: rgb(0, 150, 217);   
}
.page-an .btn.btn-border-,
.btn.btn-border-an {
	color: #fff;
	background-color: transparent !important;
	border: 1px solid rgb(243, 148, 45);
}
.btn.btn-border-an:hover,
.btn.btn-border-an:focus {
	cursor: pointer;
}
.page-ag .btn.btn-border-,
.btn.btn-border-ag {
	color: #fff;
	background-color: transparent !important;
	border: 1px solid rgb(0, 150, 217);    
}
.btn.btn-border-ag:hover,
.btn.btn-border-ag:focus {
	cursor: pointer;
}
.btn.btn-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.btn-like {
	transition: all 0.3s;
}
.btn-like:focus,
.btn-like:hover,
.btn-like.liked {
	font-weight: 900;
	text-decoration: none !important;
}
.btn-like.btn-like-an {
	color: rgb(243, 148, 45) !important;
}
.btn-like.btn-like-ag {
	color: rgb(0, 150, 217) !important;
}
.page-an .btn.btn-:hover, .page-an .btn-:hover, .btn.btn-an:hover, .btn-an:hover {
	color: #fff;
}
.btn-ob,
.btn-details {
	background-color: rgb(243, 148, 45) !important;
}
.btn-ob:hover,
.btn-details:hover {
	background-color: rgba(243, 148, 45, 0.5) !important;
}
.btn-appmod, .btn-applink {
	color: #fff !important; 
	background-color: rgb(243, 148, 45) !important;
}
.btn-appmod:hover, .btn-applink:hover {
	color: #fff !important; 
    background-color: rgba(243, 148, 45, 0.5) !important;
}
/*     
TR
////////////////////*/
.tr-md-only {
	display: none;
}
/*      Cookie
////////////////////*/
.cc-windows, .cc-banner.cc-top,
.cc-window.cc-floating {
	color: #fff;
	background-color: rgb(56, 56, 56);
}
.page-an .cc-windows a {
	color: rgb(243, 148, 45);
}
.page-an .cc-btn:hover {
	background-color: rgb(243, 148, 45);
	border-color: rgb(243, 148, 45);
	color: #fff;
	text-decoration: none;
}

.page-ag .cc-windows a {
	color: rgb(0, 150, 217);
}
.page-ag .cc-btn:hover {
	background-color: rgb(0, 150, 217);
	border-color: rgb(0, 150, 217);
	color: #fff;
	text-decoration: none;	
}
a:focus,
button:focus {
	box-shadow: 0 0 0 0 rgba(255,255,255,0) !important;		
}
/*      Cookie
////////////////////*/
.content-main 	.search_it-form {
	display: flex;
	max-width: 100%;
	width: 100%;
}
.content-main .search_it-form .nav-link-input {
	width: 100%;
	background-color: #eaeaea;
	border: 0px;
	color: #000;
	padding: 10px;	
}
.content-main .search_it-form .search_it-button {
	width: 100%;
	height: 100%;	
}
.page-an .btn.btn-border-.search_it-button {
	color: rgb(243, 148, 45) !important;
}
.page-an .btn.btn-border-.search_it-button:hover {
	color: #fff !important;
	background-color: rgb(243, 148, 45) !important;
}
.page-ag .btn.btn-border-.search_it-button {
	color: rgb(0, 150, 217) !important;
}
.page-ag .btn.btn-border-.search_it-button:hover {
	color: #fff;
	background-color: rgb(0, 150, 217) !important;
}
/*      Modal
////////////////////*/
.modal-large,
.modal .modal-large {
	max-width: 900px;
}
.modal-iframe {
	max-width: 100%;
}
.modal-iframe iframe {
	max-width: 100%;
}
.modal,
.modal-header,
.modal-footer {
	border: 0px;
	border-radius: 0px;
}
.modal-content {
	border: 0px;
	border-radius: 0px;
}
.modal-header {
	background-color: rgb(56, 56, 56);
}
.modal-header h1 {
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 40px;	
}
.modal-header button {
	font-weight: 900;
	text-transform: uppercase;	
	margin-top: -16px !important;
	line-height: 40px;
	color: #fff !important;
	opacity: 1;		
	font-size: 28px;
	padding: 10px !important;
	padding-top: 0px !important;
	margin: 1px !important;
	position: absolute;
	right: 0px;
	top: 0px;	
}
.page-an .modal-header h1 {
	color: rgb(243, 148, 45) !important;
}
.page-ag .modal-header h1 {
	color: rgb(0, 150, 217) !important;
}

.modal-header.modal-isiframe .close {
	opacity: 1;
}
.modal-header.modal-isiframe .close span {
	color: #fff;
}
.modal-footer.modal-isiframe {
	margin-top: -10px;	
}
.modal-footer.modal-isiframe {}
.modal-isiframe {
	background-color: #000;
}
/* Margin */
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
/*      2.1 Navigation
//////////////////////////////////////////// */
.navbar-icons {
	display: none;
}
/*      Switch
////////////////////*/
.btn-switch-group {
	display: flex;
	height: 100%;
	-webkit-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
	vertical-align: bottom;      
}
.btn-switch-group .btn {
	font-size: 18px;
	margin-top: auto;
}
.btn-switch-group a.btn:first-child {
	color: #fff;
	background-color: rgb(243, 148, 45);
}
.btn-switch-group a.btn:last-child {
	color: #fff;
	background-color: rgb(0, 150, 217);
}	
/*      Global (Top)
////////////////////*/
.navbar-global-fixed {
	position: fixed;
	top: 0px;
	width:100%;
	max-width: 100%;
	z-index: 999;
	background-color: #fff;
}

.navbar-global {
	height: 100%;
}
.navbar-global .nav-item {
	display: flex;
	color: #000;
	margin-top: auto;
}
.navbar-global .nav-item .nav-link {
	color: #000;
	max-width: 200px;
}
.navbar-global .nav-item.nav-logo .nav-link {
	transition: all 0.3s;		
}


.navbar-global .nav-item .nav-link.active,
.navbar-global .nav-item .nav-link:hover {
	color: #000;
	
}
.page-an .navbar-global .nav-item .nav-link.active,
.page-an .navbar-global .nav-item .nav-link:hover {
	color: rgb(243, 148, 45);
}

.page-ag .navbar-global .nav-item .nav-link.active,
.page-ag .navbar-global .nav-item .nav-link:hover {
	color: rgb(0, 150, 217);
}



/*navbar-global*/

.ngf-shrink .navbar-global .nav-item .nav-link {
	max-width: 100px;
}
.navbar-global .navbar-toggler {
	margin-left: auto;    
	color: rgb(56, 56, 56);
}
/*      Navbar (P.Switch)
////////////////////*/
.navbar-an .nav-item, 
.navbar-ag .nav-item  {
	display: flex;
	color: #fff;
}
.navbar-an .nav-item:first-child .nav-link, 
.navbar-ag .nav-item:first-child .nav-link {
	padding-left: 0px;
}
.navbar-an .nav-item .nav-link, 
.navbar-ag .nav-item .nav-link {
	color: #fff;
	font-size: 16px;
}
.navbar-an .nav-item .nav-link:hover, 
.navbar-an .nav-item .nav-link:focus,
.navbar-ag .nav-item .nav-link:hover, 
.navbar-ag .nav-item .nav-link:focus,
.navbar-an .nav-item .nav-link.active,
.navbar-ag .nav-item .nav-link.active {
	cursor: pointer;
	color: rgb(56, 56, 56);
	font-weight: bold;
}
/* need fix */
.navbar-ag .nav-item .nav-link:hover .nav-item::after {
	margin-right: -2px;
}

.navbar-global li.nav-item::after,
.navbar-an .nav-item::after,
.navbar-ag .nav-item::after {
	display: block;
	content: '|';
	vertical-align: middle;    
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;    
	margin-top: auto;
	margin-bottom: auto;    
}
.navbar-global .nav-item:nth-last-child(2):after,
.navbar-global li.nav-item:last-child::after,
.navbar-an .nav-item:last-child::after,
.navbar-ag .nav-item:last-child::after {
	display: none;
}
.navbar-an .navbar-toggler,
.navbar-ag .navbar-toggler {    
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
/*      Fixed Navbar
////////////////////*/
.fixed-navbar {
	position: fixed;
	z-index: 10;
	right: 0px;
	top: 25%;
}
.fixed-navbar .nav-item-out {
	opacity: 0;
}
.fixed-navbar .navbar-info {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
}
.fixed-navbar .navbar-info .nav-item {
	position: absolute;
	right: 0px;    
	background-color: rgb(255,255,255);
	width: 400px;
	max-width: 600px;
	
}
.fixed-navbar .navbar-info .nav-item .nav-link {
	/* display: inline-flex;     */
	height: 100%;
	width: 100%;
	max-width: 100%;	
}
.fixed-navbar .active,
.fixed-navbar .navbar-info .nav-item .nav-link.active,	
.fixed-navbar .navbar-info .nav-item .nav-link.nfopen.active {
	border: 1px solid rgba(0, 0, 0, 0.15);
}


.fixed-navbar .navbar-info .nav-item .nav-link .fas,
.fixed-navbar .navbar-info .nav-item .nav-link .fab {
	cursor: pointer;
}

.fixed-navbar .navbar-info .nav-item .nav-item .row:first-child div {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	vertical-align: middle;	
}
.fixed-navbar .navbar-info .nav-item .nav-link .row:nth-child(2) {	
}



/*
.fixed-navbar .navbar-info .nav-item .nav-link:last-child {
	margin-bottom: 0px;
} */
.fixed-navbar .navbar-info .nav-item .nav-link .fab,
.fixed-navbar .navbar-info .nav-item .nav-link .fas {
	font-size: 50px;
	padding-right: 10px;
}
.fixed-navbar.info-navbar-an .navbar-info .nav-item .nav-link {
	color: rgb(243, 148, 45);
}
.fixed-navbar.info-navbar-ag .navbar-info .nav-item .nav-link {
	color: rgb(0, 150, 217);
}
.fixed-navbar .navbar-info .nav-item-search,
.fixed-navbar .navbar-info .nav-item-favorit,
.fixed-navbar .navbar-info .nav-item-chat {    
	transition: all 0.3s;
	width: 600px;
	height: 65px;
	z-index: 5;
	right: -525px;	
}
/* hover */
/* .fixed-navbar .navbar-info .nav-item-search:hover,
.fixed-navbar .navbar-info .nav-item-favorit:hover,
.fixed-navbar .navbar-info .nav-item-chat:hover {
	width: 600px; 
	z-index: 10;   
} */
.fixed-navbar .navbar-info .nav-item-search.nfopen,
.fixed-navbar .navbar-info .nav-item-favorit.nfopen,
.fixed-navbar .navbar-info .nav-item-chat.nfopen {
	width: 600px; 
	z-index: 10;  
	right: 0px; 	
}
/* .fixed-navbar .navbar-info .nav-item-favorit:hover {
	height: 200px;
} */

.fixed-navbar .navbar-info .nav-item-favorit-text {
	color: #686868;
}
.fixed-navbar .navbar-info .nav-item-favorit-text p {
	margin-bottom: 0px;
}

.fixed-navbar .navbar-info .nav-item-favorit.nfopenh {
	height: auto;	
	overflow: hidden;
	overflow-y: scroll;
}
/* need fix */
.fixed-navbar .navbar-info .nav-item-favorit.nfopenh .row:first-child {
	/* position: fixed; */
	/* width: 100%; */
	/* top: 0px; */
	background-color: #fff;
	z-index: 9;
}
/* .fixed-navbar .navbar-info .nav-item-favorit:hover .info-favorit {
	opacity: 1;
} */
/* .fixed-navbar .navbar-info .nav-item-chat:hover {
	height: 200px;
} */
.fixed-navbar .navbar-info .nav-item-chat.nfopenh {
	height: 400px;
}
.fixed-navbar .navbar-info .nav-item-search.onClick,
.fixed-navbar .navbar-info .nav-item-favorit.onClick,
.fixed-navbar .navbar-info .nav-item-chat.onClick {
	width: 400px;    
}
/* search */
.fixed-navbar .navbar-info .nav-item .nav-link .info-search {
	display: inline;
	width: 100%;
	height: 100%;
}
.fixed-navbar .navbar-info .nav-item .nav-link .info-search .nav-link-input {
	border: 0px;
	display: inline;
	width: 85%;
	height: 100%;
}
.fixed-navbar .navbar-info .nav-item .nav-link .info-search .nav-link-input::placeholder {
	color: rgb(56, 56, 56);
}
/* favorit */
.fixed-navbar .navbar-info .nav-item-favorit {
	top: 75px;    
}

.fixed-navbar .navbar-info .nav-item-favorit .nav-item-favorit-list {}

.fixed-navbar .navbar-info .nav-item-favorit .nav-item-favorit-list .btn-details {
	float: right;
}
.fixed-navbar .navbar-info .nav-item-favorit .nav-item-favorit-list .name {
	float: left;
}
.fixed-navbar .navbar-info .nav-item-favorit .nav-item-favorit-list .append-jobs {
	border-top: 1px solid #000;
	display: block;
	padding-top: 5px;
}
.fixed-navbar .navbar-info .nav-item-favorit .nav-item-favorit-list .append-jobs p {
	color: #000;
}
.fixed-navbar .navbar-info .nav-item-favorit .nav-item-favorit-list .append-jobs .remove-job {
	font-size: 24px;
}

.fixed-navbar .navbar-info .nav-item-favorit .info-favorit {
	/* opacity: 0; */
	color: rgb(56, 56, 56);
	transition: all 0.5s;
	position: absolute;
	left: 60px;
	width: 90%;
}
.fixed-navbar .navbar-info .nav-item-favorit .info-favorit p {
	font-size: 14px;
	color: rgba(56, 56, 56, 0.5);
}
.fixed-navbar .navbar-info .nav-item .nav-item-close,
.fixed-navbar .navbar-info .nav-item .nav-item-close .fas,
.fixed-navbar .navbar-info .nav-item .nav-item-close .fab {
	position: absolute;
	right: 0px;
	font-size: 24px;
	top: 5px;
}


/* search */
.info-search .search_it-form {
	position: relative;
	width: 100%;
	height: 100%;
}

.info-search .search_it-form .search_it-button {
	position: absolute;
	right: 0px;
	height: 100%;
}
.page-an .info-search .search_it-form .search_it-button {	
	background-color: rgb(243, 148, 45) !important;
	color: #fff;
}
.page-ag .info-search .search_it-form .search_it-button {
	background-color: rgb(0, 150, 217) !important;
	color: #fff;
}



/* whatsapp */
.fixed-navbar .navbar-info .nav-item-whatsapp {
	top: 225px;
	cursor: pointer;
}
.fixed-navbar .navbar-info .nav-item-whatsapp {				
	transition: all 0.3s;
	width: 600px;
	height: 65px;
	z-index: 5;
	right: -525px;	
}
.toggle-whatsapp img {
	width: 55px;
	position: relative;
	top: -3px;
}
.fixed-navbar .navbar-info .nav-item-whatsapp.nfopen {
	width: 600px; 
	z-index: 10;  
	right: 0px; 					
}
.fixed-navbar .navbar-info .nav-item-whatsapp.onClick {
	width: 400px;    
}	
.whatsappnummer {
	width: 285px; 
	margin-left: 45px;
}


/* chat */
.fixed-navbar .navbar-info .nav-item-chat {
	top: 150px;
}
.fixed-navbar .navbar-info .nav-item-chat #soproChatFormBox .row {
	margin-left: 15px;
	margin-right: 15px;
}
.afa-chat {
	background-color: #fff;
	color: rgb(0, 0, 0); 
	font-family: arial; 
	width: 350px; 
	height: 290px; 
	z-index: 9999; 
	display: block;     
}
.nav-item-chat .afa-chat {
	height: 0px;
	min-height: auto;
	transition: all 0.3s;
	width: 100%;
	max-width: 100%;
	min-width: auto;
}
.nav-item-chat #soproChatChatBox-header,
.nav-item-chat #soproChatChatLabel,
.nav-item-chat .tsh-label {
	display: none;
	background-color: #fff;
}

.nav-item-chat .tsh-chatbox .tsh-chatbox-greeting-input {
	border: 0px;
	background-color: #eaeaea;
	border-radius: 0px;
	width: 100%;
}
.custom-select,
.nav-item-chat .tsh-chatbox .chatContactSelect {
	display: block;
	margin: 0px auto 0px auto;	
	background-color: #eaeaea;
	border: 0px;
	border-radius: 0px;
}
.nav-item-chat .tsh-chatbox .chatContactSelect {
	margin: 15px auto 5px auto;
}

.nav-item-chat .tsh-chatbox.afa-chat {
	box-shadow: 0px 0px 0px 0px #b0b0b0;
	border: 0px solid rgba(0,0,0,0.23);
}
.nav-item-chat .afa-chat .tsh-chatbox-container {
	height: 0px;
	opacity: 0;
	transition: all 0.3s;
}
.nav-item-chat .afa-chat .tsh-chatbox-greeting {
	opacity: 0;
	transition: all 0.3s;
}


.nav-item-chat .afa-chat .tsh-chatbox-greeting-button {
	width: 100%;
	border: 0px;
	border-radius: 0px;
}
.nav-item-chat .afa-chat .chat-check {
	font-size: 12px;
	/* width: 90%; */
	margin: auto;
}

.nav-item-chat .afa-chat .tsh-msg.tsh-system.tsh-danger {
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 25px;	
}
.nav-item-chat .afa-chat .tsh-msg.tsh-system.tsh-danger .offline-msg a {
	color: #fff;
	text-decoration: unerline;
}




.info-navbar-an .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg {
	background-color: rgb(56, 56, 56);
	color: rgb(243, 148, 45);
}
.info-navbar-an  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg-header {
	font-weight: 900;
	color: rgb(243, 148, 45);
}
.info-navbar-an  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-time, 
.info-navbar-an  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg-body {
	color: rgb(243, 148, 45);
}
.info-navbar-an  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg.tsh-right {
	background-color: rgb(243, 148, 45);
}
.info-navbar-an  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-right .tsh-msg-header {
	font-weight: 900;
	color: rgb(56, 56, 56);
}
.info-navbar-an  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-right .tsh-time, 
.info-navbar-an  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-right .tsh-msg-body {
	color: rgb(56, 56, 56);
}

.info-navbar-ag .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg {
	background-color: rgb(56, 56, 56);
	color: rgb(0, 150, 217);
}
.info-navbar-ag  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg-header {
	font-weight: 900;
	color: rgb(0, 150, 217);
}
.info-navbar-ag  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-time, 
.info-navbar-ag  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg-body {
	color: rgb(0, 150, 217);
}
.info-navbar-ag  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-msg.tsh-right {
	background-color: rgb(0, 150, 217);
}
.info-navbar-ag  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-right .tsh-msg-header {
	font-weight: 900;
	color: rgb(56, 56, 56);
}
.info-navbar-ag  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-right .tsh-time, 
.info-navbar-ag  .nav-item-chat .afa-chat .tsh-chatbox-container .tsh-right .tsh-msg-body {
	color: rgb(56, 56, 56);
}
.nav-item-chat .afa-chat .tsh-chatbox-inputArea {
	bottom: 0px;
	height: 0px;
	border-top: 0px;
	/* opacity: 0; */
	/* 	 */
}
.nav-item-chat .afa-chat .tsh-chatbox-inputArea textarea {
	height: 0px;	
	left: 10px;
	padding: 0px;	
	transition: all 0.3s;		
	transition-delay: 0.5s
}
.nav-item-chat.nfopenh .afa-chat {
	height: 300px;
}
.nav-item-chat.nfopenh .afa-chat .tsh-chatbox-container {
	height: 300px;
	top: 0px;
}

.nav-item-chat.nfopenh .afa-chat .tsh-chatbox-inputArea {	
	/* opacity: 1; */
}
.nav-item-chat.nfopenh .afa-chat .tsh-chatbox-inputArea textarea {
	height: 40px;
	padding: 5px;
}
/* nav-item-out */
/*      2.2 Header
//////////////////////////////////////////// */
.section-header {
	margin-top: 145px;
}
.section-header.bg-image {
	background-size: cover;
	background-position: center -50px;	
}
header {
	height: 100%;
	position: relative;
	overflow: hidden;
	max-height: 60vh;
}
header .header-overlay {
	height: 105%;
	position: absolute;
	left: 50%;
	top: 0px;
	right: -400px;
	bottom: 0px;
	transform: skew(-45deg);
}
header .header-text {
	width: 100%;   
	height: 100%;     
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;        
	/* transform: skew(45deg); */
}
header .header-text div {
	position: absolute;	
	bottom: 75px;	
	right: 0px;	
	width: 40%;   
}

header .header-overlay div {
	/* position: absolute;    
	bottom: 20%;
	right: 425px; */
}
header .header-text p {
	font-size: calc(32px + 0.5vw);
	line-height: calc(32px + 0.5vw);
	color: #fff;
}
header .header-text .btn {
	font-size: calc(26px + 0.5vw);
	padding-left: 25px;
	padding-right: 25px;
}
header .header-text .btn:hover,
header .header-text .btn:focus {
	background: #fff !important;
}
.scroll-next,
header .scroll-next,
header .header-text .scroll-next {
	display: none;
}
header .header-push-info {
	position: absolute;
	top: 10%;
	left: 100px;
	padding-left: 20px;
	padding-top: 35px;    
	padding-right: 20px;    
	padding-bottom: 35px;    
	max-width: 280px;
	z-index: 2;
}
.header-push-info a:hover {
	text-decoration: none;
	color: rgb(56, 56, 56);
}
.header-push-info a:hover h3,
.header-push-info a:hover p {
	color: rgb(56, 56, 56);
}
.close-push-info:hover {
	color: rgb(56, 56, 56);
}
header .header-push-info::before {
	position: absolute;
	top: 60px;	
	width: 0;	
	height: 0;	
	content: '';	
	border-top: 0px solid transparent;	
	border-right: 99px solid transparent;	
	border-bottom: 99px solid #fff;		
	transform: rotate(117deg);	
	z-index: -1;	
	border-left: 0px solid transparent;	
	right: -50px;
}
header .header-push-info div {
	text-align: center;
}
header .header-push-info h3 {
	font-weight: 900;
	text-transform: uppercase;
}
header .header-push-info p {    
	margin-bottom: 0px;
	text-transform: uppercase;
}

header .header-push-info .close-push-info {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}


/*      2.3 Content
//////////////////////////////////////////// */
/*      Teaser 
////////////////////*/
.teaser-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.teaser-content .row-teaser {	
}
.teaser-content .teaser-index {
	margin-top: -70px;
}
.teaser-content .teaser {
	position: relative;    
	height: 100%;
	text-align: center;
	padding: 25px;
	padding-bottom: 45px;
	display: flex;
	align-items: center !important;	
}
.teaser-content .teaser.teaser-swiper {
	padding: 0px;
}
.teaser-content .teaser.teaser-swiper .swiper-container {
	padding: 25px;
}

.teaser-content .teaser:first-child {
	padding-bottom: 20px;
}
.teaser-content .teaser .btn {
	margin-top: auto;
	position: absolute;
	bottom: 25px;
	margin-bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);    
}

.teaser-content .teaser h2 {
	font-size: 26px;
	font-weight: 900;
	padding-bottom: 75px;
	letter-spacing: 1px;
}
.teaser-content .col-teaser {
	
}
.teaser-content .swiper-container {
	height: 100%;
}
.teaser-content .swiper-container .swiper-button-prev {
	background-image: inherit;
}
.teaser-content .swiper-container .swiper-button-next {
	background-image: inherit;
}
.teaser-content .swiper-container .swiper-button-disabled {
	opacity: 0;
}
.teaser-content .swiper-container.swiper-an {
}
.teaser-content .swiper-container.swiper-an .fas,
.teaser-content .swiper-container.swiper-an .fab,
.page-an .teaser-content .swiper-container.swiper- .fas,
.page-an .teaser-content .swiper-container.swiper- .fab {
	color: rgb(243, 148, 45);
}
.page-an .teaser-content .swiper-container.swiper- h1,
.page-an .teaser-content .swiper-container.swiper- h2,
.page-an .teaser-content .swiper-container.swiper- h3,
.page-an .teaser-content .swiper-container.swiper- h4,
.page-an .teaser-content .swiper-container.swiper- h5,
.page-an .teaser-content .swiper-container.swiper- h6,
.page-an .teaser-content .swiper-container.swiper- p {
	color: rgb(243, 148, 45);
}

.teaser-content .swiper-container.swiper-ag .fas,
.teaser-content .swiper-container.swiper-ag .fab,
.page-ag .teaser-content .swiper-container.swiper- .fas,
.page-ag .teaser-content .swiper-container.swiper- .fab {
	color: rgb(0, 150, 217);
}

.page-ag .teaser-content .swiper-container.swiper- h1,
.page-ag .teaser-content .swiper-container.swiper- h2,
.page-ag .teaser-content .swiper-container.swiper- h3,
.page-ag .teaser-content .swiper-container.swiper- h4,
.page-ag .teaser-content .swiper-container.swiper- h5,
.page-ag .teaser-content .swiper-container.swiper- h6,
.page-ag .teaser-content .swiper-container.swiper- p {
	color: rgb(0, 150, 217);
}

.teaser-content .swiper-container.swiper-an .swiper-pagination .swiper-pagination-bullet,
.page-an .teaser-content .swiper-container.swiper- .swiper-pagination .swiper-pagination-bullet {
	border: 1px solid rgb(243, 148, 45);    
	background-color: transparent;
	opacity: 1;
}
.teaser-content .swiper-container.swiper-ag .swiper-pagination .swiper-pagination-bullet,
.page-ag .teaser-content .swiper-container.swiper- .swiper-pagination .swiper-pagination-bullet {
	border: 1px solid rgb(0, 150, 217);   
	background-color: transparent;
	opacity: 1;
}

.teaser-content .swiper-container.swiper-an .swiper-pagination .swiper-pagination-bullet-active,
.page-an .teaser-content .swiper-container.swiper- .swiper-pagination .swiper-pagination-bullet-active {
	background-color: rgb(243, 148, 45);
	border: 0px;
}
.teaser-content .swiper-container.swiper-ag .swiper-pagination .swiper-pagination-bullet-active,
.page-ag .teaser-content .swiper-container.swiper- .swiper-pagination .swiper-pagination-bullet-active {
	background-color: rgb(0, 150, 217);
	border: 0px;
}
.teaser-content .swiper-container .swiper-pagination {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 0);       
}

.teaser-content .swiper-container .swiper-slide h3 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
}
.teaser-content .swiper-container .swiper-slide h3:last-child {
	text-transform: none;
}
/*      Icons 
////////////////////*/
.section-icons {
	padding-top: 45px;
	padding-bottom: 45px;
}
.section-icons p,
.section-icons h6 {
	color: #fff;
	text-align: center;
}
.section-icons h6 {
	font-weight: 900;
	text-transform: uppercase;  
}

.section-icons.icons-an .fas,
.section-icons.icons-an .fab,
.page-an .section-icons.icons- .fas,
.page-an .section-icons.icons- .fab {    
	color: rgb(243, 148, 45);
}
.section-icons.icons-ag .fas,
.section-icons.icons-ag .fab,
.page-ag .section-icons.icons- .fas,
.page-ag .section-icons.icons- .fab {
	color: rgb(0, 150, 217);
}
.section-icons .icon-image {
	text-align: center;
	font-size: 32px;
}
.section-icons .icon-image {
	width: 100px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: 125px;
}
.section-icons .icon-btn {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
/*      Headline (Single) 
////////////////////*/
.section-single-headline h1 {
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;    
	line-height: 40px;    
}
.page-an .section-single-headline.headline- h1,
.section-single-headline.headline-an h1 {
	color: rgb(243, 148, 45) !important;
}
.page-ag .section-single-headline.headline- h1,
.section-single-headline.headline-ag h1 {
	color: rgb(0, 150, 217) !important;
}

.content-headline ~ .container {
	max-width:100%;
}

/*      Content
////////////////////*/
.section-headline h1,
.section-headline-medium h1 {
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;    
	line-height: 30px;     
	letter-spacing: 1px;
	font-size: 26px;  
}
.section-headline.headline-an h1,
.section-headline-medium.headline-an h1,
.page-an .section-headline.headline- h1,
.page-an .section-headline-medium.headline- h1 {
	color: rgb(243, 148, 45) !important;
}
.section-headline.headline-ag h1,
.section-headline-medium.headline-ag h1,
.page-ag .section-headline.headline- h1,
.page-ag .section-headline-medium.headline- h1 {
	color: rgb(0, 150, 217) !important;
}
.headline-medium {
	display: none;
}
.section-content .content-main {
	margin-top: 25px;
	margin-bottom: 25px; 
}
/*
need fix
*/
.section-content .content-main .collapse-md {
	display: block;
} 
.section-content .content-main .collapse-block {
	display: block !important;
}

.section-content .content-main p,
.section-content .content-main .tinymcewysiwyg p {
}
.section-content .content-main p:last-child,
.section-content .content-main ul:last-child,
.section-content .content-main ol:last-child,
.section-content .content-main .tinymcewysiwyg ul:last-child,
.section-content .content-main .tinymcewysiwyg ol:last-child,
.section-content .content-main .tinymcewysiwyg p:last-child {
	margin-bottom: 0px;
}
.section-content .content-main ul,
.section-content .content-main ol,
.section-content .content-main .tinymcewysiwyg,
.section-content .content-main .tinymcewysiwyg ul,
.section-content .content-main .tinymcewysiwyg ol {
	margin-left: 0px;
	padding-left: 13px;
}
.section-content .content-main ul,
.section-content .content-main .tinymcewysiwyg ul {
	/* list-style: none;
	position: relative; */
}
.section-content .content-main ul li ul li::before,
.section-content .content-main .tinymcewysiwyg ul li ul li::before {
	/* content: '-';
	display: inline-block;    
	position: absolute;
	left: 0px; */
	
}
.section-content .content-main ol,
.section-content .content-main .tinymcewysiwyg ol {
	position: relative;
	padding-left: 30px
}

.section-content .content-main.content-main-an ol::before,
.section-content .content-main.content-main-an .tinymcewysiwyg ol::before,
.page-an .section-content .content-main.content-main- ol::before,
.page-an .section-content .content-main.content-main- .tinymcewysiwyg ol::before{
	display: block;
	position: absolute;
	left: 0px;
	height: 100%;
	content: '';
	border-left: 2px solid rgb(243, 148, 45);
}

.section-content .content-main.content-main-ag ol::before,
.section-content .content-main.content-main-ag .tinymcewysiwyg ol::before,
.page-ag .section-content .content-main.content-main- ol::before,
.page-ag .section-content .content-main.content-main- .tinymcewysiwyg ol::before {
	display: block;
	position: absolute;
	left: 0px;
	height: 100%;
	content: '';		
	border-left: 1px solid rgb(0, 150, 217);
}
/*      Image Field
////////////////////*/
.section-image-field {
	max-width: 100%;
	overflow: hidden;
}
.section-image-field .col-plr {
	padding-left: 5px;
	padding-right: 5px;
}
.section-image-field .col-plr:first-child {    
}

.section-image-field.section-image-field-an {
	padding-bottom: 25px;
}

.section-image-field .image-field-container {
	position: relative;
}
.section-image-field .image-field-container .image-field-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.section-image-field.section-image-field-an .image-field-container .image-field-overlay,
.page-an .section-image-field.section-image-field- .image-field-container .image-field-overlay {
	background-color: rgba(243, 148, 45, 0.2);
}
.section-image-field.section-image-field-ag .image-field-container .image-field-overlay,
.page-ag .section-image-field.section-image-field- .image-field-container .image-field-overlay {
	background-color: rgba(0, 150, 217, 0.2);
}

.section-image-field .image-field-container .image-field-headline {
	position: absolute;    
	left: 0px;
	top: 15px;
}
.section-image-field .image-field-container .image-field-headline h6 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	padding-left: 20px; /* 40px on 4k */
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 7px;

}
.section-image-field.section-image-field-an .image-field-container .image-field-headline,
.page-an .section-image-field.section-image-field- .image-field-container .image-field-headline {
	background-color: rgb(243, 148, 45);
}

.section-image-field.section-image-field-ag .image-field-container .image-field-headline
.page-ag .section-image-field.section-image-field- .image-field-container .image-field-headline {
	background-color: rgb(0, 150, 217);
}
.section-image-field.section-image-field .image-field-container,
.section-image-field.section-image-field .image-field-container .image-arrow {
	border-top-color: #fff;
	transition-property: left 0.5s ease-out;
	transition: border-top-color 0.5s ease;
	
}

.section-image-field.section-image-field .image-field-container:hover .image-arrow,
.section-image-field.section-image-field .image-field-container .image-arrow.active {
	border: 50px solid #fff;
		border-top-color: rgb(255, 255, 255);
		border-right-color: rgb(255, 255, 255);
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-style: solid;
		border-bottom-width: 50px;
		border-left-color: rgb(255, 255, 255);
	border-bottom: none;
		border-bottom-color: currentcolor;
	border-color: transparent #fff transparent #fff;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0px;
}

.section-image-field.section-image-field .image-field-container .image-arrow::before {
	right: 0px;
}
.section-image-field.section-image-field .image-field-container .image-arrow::after {
	left: 0px;
}

.section-image-field.section-image-field .image-field-container:hover .image-arrow::before {
	right: 50px;
}
.section-image-field.section-image-field .image-field-container:hover .image-arrow::after {
	left: 50px;
}

.section-image-field.section-image-field .image-field-container .image-arrow.active::before{
	right: 50px;
}
.section-image-field.section-image-field .image-field-container .image-arrow.active::after {
	left: 50px;
}


.section-image-field.section-image-field .image-field-container .image-arrow::before, 
.section-image-field.section-image-field .image-field-container .image-arrow::after {
	content: '';
	position: absolute;
	width: 500px;
	bottom: 0;
	height: 50px;
	background: #fff;
}
/*      Job list
////////////////////*/
.row-job {
	margin-bottom: 10px;
}
.section-av-jobs {
	margin-bottom: 50px;
}
.section-job-list {
}
.section-job-list .row-column-reverse-medium {
	margin-top: 5px;
	margin-bottom: 5px;
}

.section-job-list .append-jobs {
	display: none;
}
.section-job-list .btn-details {
	color: #fff !important;
}
.section-job-list .btn-like {
	font-size: 32px;
}

.section-job-list .btn-full-info {
	display: flex;
	position: relative;
	background-color: #ebebeb;
	width: 100%;
	max-width: 100%;
	text-align: left;
	color: #000;
}
.section-job-list .btn-ob {
	color: #fff !important; 
}
.section-job-list .btn-full-info:hover {
	color: rgb(243, 148, 45);
}
.btn-full-info .name {
	padding-right: 45px;
}

.section-job-list .btn-an.btn-full-info::after,
.page-an .section-job-list .btn-.btn-full-info::after {
	color: rgb(243, 148, 45);
}
.section-job-list .btn-an.btn-full-info.collapsed::after,
.page-an .section-job-list .btn-.btn-full-info.collapsed::after {
	color: rgb(243, 148, 45);
}

.section-job-list .btn-ag.btn-full-info::after,
.page-ag .section-job-list .btn-.btn-full-info::after {
	color: rgb(0, 150, 217);
}
.section-job-list .btn-ag.btn-full-info.collapsed::after,
.page-ag .section-job-list .btn-.btn-full-info.collapsed::after {
	color: rgb(0, 150, 217);	
}

.section-job-list .btn-full-info::after {
	position: absolute;
	top: 0px;
	right: 25px;	
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f068";	
	font-size: 25px;	
	top: 50%;
	transform: translateY(-50%);	
}
.section-job-list .btn-full-info.collapsed::after {	
	position: absolute;
	top: 0px;
	right: 25px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f067";	
	font-size: 25px;
	top: 50%;
	transform: translateY(-50%);	
}
.section-job-list .btn-full-info span.region {	
	display: flex;
	margin-left: auto;
	margin-right: 100px;
}
.section-job-list .job-card-info {
	border: 0px;
}
.section-job-list .job-card-info .tinymcewysiwyg {	
}

.section-job-list .col-job-buttons .col-auto {
	padding-right: 0px;
}
.section-job-list .col-job-buttons .col-auto:first-child {

}

/*      Info (Full)
////////////////////*/

.section-info {}
.section-info.section-info-an {}
.section-info .section-info-bg {
	padding-top: 30px;
	padding-bottom: 15px; 
}
.section-info .section-info-bg h1 {
	font-weight: 900;
}
.section-info .section-info-bg .fas,
.section-info .section-info-bg .fab {
	font-size: 92px;
}
.section-info .section-info-bg .info-icon {	
	height: 100%;
	text-align: center;
	padding: 10px;
}
.section-info .section-info-bg .info-icon .fas,
.section-info .section-info-bg .info-icon .fab {
	display: block;
	margin-left: auto;
	margin-right: auto;		
}
.section-info .section-info-bg .info-icon .btn {
	display: block;
	margin-left: auto;
	margin-right: auto;	
}
.page-an .section-info.section-info-:nth-child(odd),
.section-info.section-info-an .section-info-bg:nth-child(odd) {
	background-color: rgb(56, 56, 56);
}
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .fab,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .fas,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .btn,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .headline,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .info-text,
.section-info.section-info-an .section-info-bg:nth-child(odd) .fab,
.section-info.section-info-an .section-info-bg:nth-child(odd) .fas,
.section-info.section-info-an .section-info-bg:nth-child(odd) .btn,
.section-info.section-info-an .section-info-bg:nth-child(odd) .headline,
.section-info.section-info-an .section-info-bg:nth-child(odd) .info-text {
	color: rgb(243, 148, 45);
}
.section-info.section-info-an .section-info-bg:nth-child(odd) .btn:hover,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .btn:hover {
	background: rgb(243, 148, 45) !important;
	color: rgb(56, 56, 56);
}


.page-an .section-info.section-info-:nth-child(odd) .btn-border,
.section-info.section-info-an .section-info-bg:nth-child(odd) .btn-border {
	border-color: rgb(243, 148, 45);
}
.page-an .section-info.section-info-:nth-child(even),
.section-info.section-info-an .section-info-bg:nth-child(even) {
	background-color: rgb(243, 148, 45);
}
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .fab,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .fas,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .btn,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .headline,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .info-text,
.section-info.section-info-an .section-info-bg:nth-child(even) .fab,
.section-info.section-info-an .section-info-bg:nth-child(even) .fas,
.section-info.section-info-an .section-info-bg:nth-child(even) .btn,
.section-info.section-info-an .section-info-bg:nth-child(even) .headline,
.section-info.section-info-an .section-info-bg:nth-child(even) .info-text {
	color: rgb(56, 56, 56);	
}
.page-an .section-info.section-info-:nth-child(even) .btn-border,
.section-info.section-info-an .section-info-bg:nth-child(even) .btn-border {
	border-color: rgb(56, 56, 56);
}
.page-an .section-info.section-info-:nth-child(odd),
.section-info.section-info-an .section-info-bg:nth-child(odd) {
	background-color: rgb(56, 56, 56);
}

.section-info.section-info-an .section-info-bg:nth-child(even) .btn:hover,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .btn:hover {
	background: rgb(56, 56, 56) !important;
	color: rgb(243, 148, 45);
}

.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .fab,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .fas,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .btn,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .headline,
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .info-text,
.section-info.section-info-an .section-info-bg:nth-child(odd) .fab,
.section-info.section-info-an .section-info-bg:nth-child(odd) .fas,
.section-info.section-info-an .section-info-bg:nth-child(odd) .btn,
.section-info.section-info-an .section-info-bg:nth-child(odd) .headline,
.section-info.section-info-an .section-info-bg:nth-child(odd) .info-text {
	color: rgb(243, 148, 45);
}
.page-an .section-info.section-info-:nth-child(odd) .section-info-bg .btn-border,
.section-info.section-info-an .section-info-bg:nth-child(odd) .btn-border {
	border-color: rgb(243, 148, 45);
}
.page-an .section-info.section-info-:nth-child(even) .section-info-bg,
.section-info.section-info-an .section-info-bg:nth-child(even),
.section-info:nth-child(even) .section-info-an .section-info-bg {
	background-color: rgb(243, 148, 45);
}
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .fab,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .fas,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .btn,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .headline,
.page-an .section-info.section-info-:nth-child(even) .section-info-bg .info-text,
.section-info.section-info-an .section-info-bg:nth-child(even) .fab,
.section-info.section-info-an .section-info-bg:nth-child(even) .fas,
.section-info.section-info-an .section-info-bg:nth-child(even) .btn,
.section-info.section-info-an .section-info-bg:nth-child(even) .headline,
.section-info.section-info-an .section-info-bg:nth-child(even) .info-text {
	color: rgb(56, 56, 56);	
}
.page-an .section-info.section-info-:nth-child(even) .btn-border,
.section-info.section-info-an .section-info-bg:nth-child(even) .btn-border {
	border-color: rgb(56, 56, 56);
}

.page-ag .section-info.section-info-:nth-child(odd),
.section-info.section-info-ag .section-info-bg:nth-child(odd) {
	background-color: rgb(56, 56, 56);
}
.page-ag .section-info.section-info-:nth-child(odd) .section-info-bg .fab,
.page-ag .section-info.section-info-:nth-child(odd) .section-info-bg .fas,
.page-ag .section-info.section-info-:nth-child(odd) .section-info-bg .btn,
.page-ag .section-info.section-info-:nth-child(odd) .section-info-bg .headline,
.page-ag .section-info.section-info-:nth-child(odd) .section-info-bg .info-text,
.section-info.section-info-ag .section-info-bg:nth-child(odd) .fab,
.section-info.section-info-ag .section-info-bg:nth-child(odd) .fas,
.section-info.section-info-ag .section-info-bg:nth-child(odd) .btn,
.section-info.section-info-ag .section-info-bg:nth-child(odd) .headline,
.section-info.section-info-ag .section-info-bg:nth-child(odd) .info-text {
	color: rgb(0, 150, 217);
}
.page-ag .section-info.section-info-:nth-child(odd) .btn-border,
.section-info.section-info-ag .section-info-bg:nth-child(odd) .btn-border {
	border-color: rgb(0, 150, 217);
}


.section-info.section-info-ag .section-info-bg:nth-child(odd) .btn:hover,
.page-ag .section-info.section-info-:nth-child(odd) .section-info-bg .btn:hover {
	background: rgb(0, 150, 217) !important;
	color: rgb(56, 56, 56);
}


.page-ag .section-info.section-info-:nth-child(even),
.section-info.section-info-ag .section-info-bg:nth-child(even) {
	background-color: rgb(0, 150, 217);
}
.page-ag .section-info.section-info-:nth-child(even) .section-info-bg .fab,
.page-ag .section-info.section-info-:nth-child(even) .section-info-bg .fas,
.page-ag .section-info.section-info-:nth-child(even) .section-info-bg .btn,
.page-ag .section-info.section-info-:nth-child(even) .section-info-bg .headline,
.page-ag .section-info.section-info-:nth-child(even) .section-info-bg .info-text,
.section-info.section-info-ag .section-info-bg:nth-child(even) .fab,
.section-info.section-info-ag .section-info-bg:nth-child(even) .fas,
.section-info.section-info-ag .section-info-bg:nth-child(even) .btn,
.section-info.section-info-ag .section-info-bg:nth-child(even) .headline,
.section-info.section-info-ag .section-info-bg:nth-child(even) .info-text {
	color: rgb(56, 56, 56);	
}
.page-ag .section-info.section-info-:nth-child(even) .btn-border,
.section-info.section-info-ag .section-info-bg:nth-child(even) .btn-border {
	border-color: rgb(56, 56, 56);
}

.section-info.section-info-ag .section-info-bg:nth-child(odd) .btn:hover,
.page-ag .section-info.section-info-:nth-child(odd) .section-info-bg .btn:hover {
	background: rgb(56, 56, 56) !important;
	color: rgb(0, 150, 217)
}


/*      Team
////////////////////*/
.section-team {
	transition: all 0.3s;
}
.section-team .team-row {
	overflow: hidden;
}
.section-team .team-row:after {
	display: block; 
	content: '';
	clear: both;
}
.section-team .team-row .filter-item {
	/* width: 350px;
	height: 250px; */
	overflow: hidden;	
}

.filter-button {
	font-size: 18px;    
	border-radius: 5px;
	text-align: center;    
	margin-bottom: 30px;
}
.section-team .filter-button {
	font-size: 18px;        
	text-align: center;    
	margin-right: 5px;
}
.page-an .section-team .filter-button {

}
.page-ag .section-team .filter-button {
	
}

.section-team .filter-button:hover,
.section-team .filter-button.is-checked {
	font-size: 18px;        
	text-align: center;
	background-color: rgb(56, 56, 56);
}
.page-an .section-team .filter-button:hover {
	color: rgb(243, 148, 45);
}
.page-ag .section-team .filter-button:hover {
	color: rgb(0, 150, 217);
}
.section-team .filter-button:active,
.section-team .filter-button.active {
	color: #fff;
	background-color: rgb(56, 56, 56);	
}
/* need fix */
.section-team .team-image {
	position: relative;	
	z-index: inherit;		
	margin-bottom: 25px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;	
	display: none;
}
.section-team .team-image.show {
	display: block;
}
.section-team .team-image img {
	display:block;	
	/* position: relative; */
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
.section-team .team-info {
	margin-left: 15px;
	margin-right: 15px;	
	position: absolute;
	left: 0px;
	top: 0%;
	right: 0px;
	bottom: 0px;	
	z-index: 10;		
	width: 100%;
	transition: all 0.5s;		
	padding-left: 25px;
	padding-right: 35px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0);
	opacity: 0;	
	height: 100%;
	padding-top: 40px;
	padding-bottom: 25px;
	top: 50%;
	transform: translateY(-50%);

}
.section-team .team-info::before {
	content: '';
	display: block;
	position: absolute;	
	width: 0; 
	height: 0; 
	border-top: 30px solid transparent;
	border-right: 30px solid rgb(243, 148, 45);	
	border-bottom: 30px solid transparent;	
	top: 50%;	
	left: -25px;
	transform: translateY(-50%);	
	opacity: 0;		
	transition: all 0.3s;
}
.page-an .section-team .team-info::before {
	border-right: 30px solid rgb(243, 148, 45);	
}
.page-ag .section-team .team-info::before {
	border-right: 30px solid rgb(0, 150, 217);
}


.section-team .team-info-container {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;	
	width: 96%;
	transition: all 0.5s;
	z-index: 10;
	overflow: hidden;
}
.section-team .team-info h6 {
	color: #fff;
	font-size: 22px;
	font-weight: 900;	
}
.section-team .team-info p {
	color: #fff;
	margin-bottom: 5px;
}
.section-team .team-mail {
	color: #fff;
}

/* .page-an .section-team .team-image:hover .team-info {
	background-color: rgb(243, 148, 45);
}
.page-ag .section-team .team-image:hover .team-info {
	background-color: rgb(0, 150, 217);
} */
.section-team .team-image:hover {	
	z-index: inherit; /*10*/
}
.section-team .team-image:hover, 
.section-team .team-info-container {
	/* z-index: 0; */
}

.section-team .team-info-container {
	/* width: 0px; */
}



.section-team .team-info-container:hover {
	z-index: 34;
	/* width: 100%; */
}
.section-team .team-info-container .team-info {	
	z-index: -90;
	position: absolute;
	/* width: 0px; */
	transition: all 0.3s;
}
.section-team .team-info-container:hover .team-info {
	/* left: 0; */
	opacity: 1;	
	/* width: 100%; */
}

.section-team .team-info-container .team-info-bg {
	position: absolute;		
	width: 0px;
	transition: all 0.3s;
	z-index: -1;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;		
}

.page-an .section-team .team-info-container .team-info-bg  {
	background-color: rgb(243, 148, 45);
}
.page-ag .section-team .team-info-container .team-info-bg  {
	background-color: rgb(0, 150, 217);
}
#teambtn {
	/* padding-left: 15px;
	padding-right: 15px; */
}
#teambtn .col-lg-auto {
	padding-left: 0px;
	padding-right: 0px;
}
#teambtn .col-lg-auto:first-child {
	padding-left: 15px;
	padding-right: 0px;
}
#teambtn .col-lg-auto:last-child {
	padding-right: 15px;
}


.section-team .team-info-container:hover .team-info-bg {
	width: 100%;	
}

/*      Contact
////////////////////*/
.section-contact {
	margin-top: 25px;
	margin-bottom: 25px;
}
.section-contact .headline-contact {	
	font-weight: 900;
	text-transform: uppercase;
}
.section-contact .headline-contact {
	color: rgb(56, 56, 56);
}
.page-an .section-contact .headline-contact {
	color: rgb(243, 148, 45);
}
.page-ag .section-contact .headline-contact {
	color: rgb(0, 150, 217);
}
.section-contact .contact-marker .fab,
.section-contact .contact-marker .fas {
	font-size: 72px;
}

.section-contact .contact-font-middle {
	margin-left: 10px;
}




.section-contact .filter {
	display: none;
}
.section-contact .filter.active {
	display: block;
}
.section-contact .filter-button:hover,
.section-contact .filter-button.active,
.section-contact .filter-button.is-checked {

	background-color: rgb(56, 56, 56);
}
.afa-form,
.section-contact .afa-form {	
}

.afa-form .form-captcha {
	margin-top: 1rem;
}

.afa-form .form-group-last,
.section-contact .afa-form .form-group-last {
    margin-bottom: 0px;
    margin-top: 10px;
}
.afa-form .form-control,
.section-contact .afa-form .form-control {	
	border: 0px;
	background-color: #eaeaea;
	border-radius: 0px;
}
.page-an .afa-form .form-control:focus,
.page-an .section-contact .afa-form .form-control:focus {
	box-shadow: 0 0 0 .2rem rgb(243, 148, 45);
}
.page-ag .afa-form .form-control:focus,
.page-ag .section-contact .afa-form .form-control:focus {
	box-shadow: 0 0 0 .2rem rgb(0, 150, 217);
}
.afa-form .btn-primary,
.section-contact .afa-form .btn-primary {
	display: block;
	width: 100%;
	text-transform: uppercase;
	color: #fff;	
	background-color: rgb(56, 56, 56);
}
.page-an .afa-form .btn-primary:hover,
.page-an .section-contact .afa-form .btn-primary:hover {	
	background-color: rgb(243, 148, 45);
}
.page-ag .afa-form .btn-primary:hover,
.page-ag .section-contact .afa-form .btn-primary:hover {	
	background-color: rgb(0, 150, 217);;
}
.afa-form .form-font-small,
.section-contact .afa-form .form-font-small {
	font-size: 12px;
}
.afa-form .form-grou-last .form-font-small
.section-contact .afa-form .form-grou-last .form-font-small {
	margin-bottom: 0px;
}


.section-contact .afa-form-online {	
}
.afa-form-online .form-check,
.section-contact .afa-form-online .form-check {
	padding-left: 35px;
}

.contact-filter .col-fbtnc {
	padding-right: 0px;
	padding-left: 5px;
}
.contact-filter .col-fbtnc:first-child {
	padding-left: 15px;
}
.contact-filter .col-fbtnc:last-child {
	padding-right: 15px;
}
.contact-filter .btn {
	font-size: 14px;
	width: 100%;
}

/*      FAQ list
////////////////////*/
.section-av-faq {	
}
.section-av-faq .section-job-list {
	margin-top: 25px;
	margin-bottom: 25px;
}
.section-av-faq .section-job-list .col-job-content {
	margin-bottom: 0px;
}
.page-ag .section-av-faq .headline-faq:nth-child(even) {
	background-color: rgb(0, 150, 217);
}
.page-ag .section-av-faq .headline-faq:nth-child(odd) {
	background-color: rgb(56, 56, 56);
}
.page-an .section-av-faq .headline-faq:nth-child(n+2) {
	background-color: rgb(243, 148, 45);
}
.page-an .section-av-faq .headline-faq:nth-child(n+2) {
	background-color: rgb(56, 56, 56);
} 	

/*      Toast
////////////////////*/
.notify-test {
	position: fixed;
	opacity: 1;	
	top: 5px;	
	right: 5px;		
	background-color: rgb(56,56,56);	
	
	width: 400px;
	opacity: 0;
	z-index: -10;
}

.notify-test.fadeInIndex {
	z-index: 99999;		
}
.notify-test p {
	margin-bottom: 0px;
	line-height: 18px;
	padding: 10px;	
}
.notify-test .notify-title {
	font-size: 12px;
}
.notify-test .notify-icon {
	font-size: 20px;
}

.notify-test .notify-text {
	font-size: 12px;
	padding-top: 0px;
}

.notify-test .btn-notify {
	width: 100%;
	margin-bottom: 10px;
	width: 100%;
	font-size: 12px;
}
.page-an .notify-test .btn-notify {
	color: rgb(56, 56, 56);
}
.page-ag .notify-test .btn-notify {
	color: rgb(56, 56, 56);
}

.notify-test .notify-icon-close {
	position: absolute;
	left: -10px;
	top: -5px;	
	cursor: pointer;
}
.page-an .notify-test {
	color: rgb(243, 148, 45);	
}
.page-ag .notify-test {
	color: rgb(0, 150, 217);
}


/*      2.4 Footer
//////////////////////////////////////////// */
.section-footer {
	background-color: #e3e3e3;
}

.section-footer footer a {
	color: #000;
}
.section-footer footer.footer-an a:hover {
	color: rgb(243, 148, 45);
}
.section-footer footer.footer-ag a:hover {
	color: rgb(0, 150, 217);
}

.section-footer footer .footer-headline {
	font-weight: 900;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

.section-footer footer .footer-list {    
	margin-bottom: 0px;
}
.section-footer footer .footer-list .list-item {
	font-size: calc(14px + 0.1vw);
}
.section-footer footer .footer-list .list-item:first-child {
	padding-bottom: 20px;
}
.section-footer footer .footer-tr {
	height: 1px;
	width: 100%;
	max-width: 100%;
	background-color: #c1c4c4;
	margin-top: 24px;
	margin-bottom: 18px;
}
.section-footer footer .col-tr {
	border-right: 1px solid #c1c4c4;
}

.section-footer footer .col-tr:last-child {
	border-right: 0px solid #c1c4c4;
}

.section-footer footer .footer-list .fa-li .fab,
.section-footer footer .footer-list .fa-li .fas {
	color: rgb(56, 56, 56);
}


.section-footer footer .footer-copyright {
	text-align: left;
}
.section-footer footer .footer-navbar {
	text-align: right;
}

.section-footer footer .footer-copyright,
.section-footer footer .footer-navbar {
	font-size: 14px;
}
.section-footer footer .footer-navbar .nav-link {
	display: inline;
	padding: 0px;    
}
.section-footer footer .footer-navbar .nav-link::after {
	display: inline;
	content: '|';
	padding-left: 10px;
	padding-right: 10px;
	color: #000 !important;
}
.section-footer footer .footer-navbar .nav-link:last-child::after {
	display: none;
}
/*      2.5 Footer
//////////////////////////////////////////// */
.section-search-list {
}
.section-search-list .row-column-reverse-medium {
	margin-top: 5px;
	margin-bottom: 5px;
}
.section-search-list .btn-full-info {
    display: flex;
    position: relative;
    background-color: #ebebeb !important;
    width: 100%;
    max-width: 100%;
    text-align: left;
    color: #000 !important;
}
.section-search-list .job-card-info {
	border: 0px;
}
.section-search-list .btn-full-info::after {
    position: absolute;
    top: 0px;
    right: 25px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-size: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.section-search-list .btn-full-info.collapsed::after {
    position: absolute;
    top: 0px;
    right: 25px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-size: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.page-an .section-search-list .btn-.btn-full-info::after,
.page-an .section-search-list .btn-.btn-full-info.collapsed::after {
    color: rgb(243, 148, 45);
}
.page-ag .section-search-list .btn-.btn-full-info::after,
.page-ag .section-search-list .btn-.btn-full-info.collapsed::after {
	color: rgb(0, 150, 217);
}

/*      Internet Explorer 9&9+
//////////////////////////////////////////// */
@media \0screen\,screen\9 {
	.btn-switch-group a.btn:first-child {
		bottom: 0px;
		position: absolute;
		left: 0px;
		width: 50%;
	}
	.btn-switch-group a.btn:last-child {
		bottom: 0px;
		position: absolute;
		width: 50%;
		right: 0px;
	}
	.navbar-global .nav-item .nav-link img {
		width: 200px;
	}
	.navbar-global .nav-item .nav-link {
		
	}
	.ngf-shrink .navbar-global .nav-item .nav-link {
		max-width: 200px !important;
	}	
	.ngf-shrink .navbar-global .nav-item .nav-link img {
		transition: all 0.3s;
		width: 100px;
	}

	.navbar-global .nav-item,
	.navbar-an .nav-item,
	.navbar-ag .nav-item {
		margin-right: 15px;
		position: relative;		
		
	}
	.navbar-global .nav-item:last-child,
	.navbar-an .nav-item:last-child,
	.navbar-ag .nav-item:last-child {
		margin-right: 0px;
	}
	.navbar-global li.nav-item::after, .navbar-an .nav-item::after, .navbar-ag .nav-item::after {
		position: absolute;
		top: 7px !important;
		right: -10px !important;
	}
}
@media all and (-ms-high-contrast:none) {
	.btn-switch-group a.btn:first-child {
		bottom: 0px;
		position: absolute;
		left: 0px;
		width: 50%;
	}
	.btn-switch-group a.btn:last-child {
		bottom: 0px;
		position: absolute;
		width: 50%;
		right: 0px;
	}
	.navbar-global .nav-item .nav-link img {
		width: 200px;
	}
	.navbar-global .nav-item .nav-link {
		
	}
	.ngf-shrink .navbar-global .nav-item .nav-link {
		max-width: 200px !important;
	}	
	.ngf-shrink .navbar-global .nav-item .nav-link img {
		transition: all 0.3s;
		width: 100px;
	}

	.navbar-global .nav-item,
	.navbar-an .nav-item,
	.navbar-ag .nav-item {
		margin-right: 15px;
		position: relative;		
		
	}
	.navbar-global .nav-item:last-child,
	.navbar-an .nav-item:last-child,
	.navbar-ag .nav-item:last-child {
		margin-right: 0px;
	}
	.navbar-global li.nav-item::after, .navbar-an .nav-item::after, .navbar-ag .nav-item::after {
		position: absolute;
		top: 7px !important;
		right: -10px !important;
	}	
}
.go-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-decoration: none;
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 15px;
	display: none;
	height: 35px;
	width: 35px;	
	text-align: center;
	z-index: 999;
}
.go-top .fas {
	font-size: 15px;
	margin-top: 10px;
}

.page-an .go-top {
	background-color: rgba(243, 148, 45, 0.5);
	color: #fff !important;
}
.page-ag .go-top {
	background-color: rgb(0, 150, 217, 0.5);
	color: #fff !important;
}

/*      2.5 Responsive
//////////////////////////////////////////// */
@import url('<head>');

/*
.notify-test-btn {
	position: fixed;
	right: 0px;
	top: 55%;
	width: 85px;
	height: 85px;
	background: red;
	color: #fff;
}
*/
/*
//  __          __  _         _           _               _           
//  \ \        / / | |       | |         (_)             | |          
//   \ \  /\  / /__| |__   __| | ___  ___ _  __ _ _ __   | |__  _   _ 
//    \ \/  \/ / _ \ '_ \ / _` |/ _ \/ __| |/ _` | '_ \  | '_ \| | | |
//     \  /\  /  __/ |_) | (_| |  __/\__ \ | (_| | | | | | |_) | |_| |
//      \/  \/ \___|_.__/ \__,_|\___||___/_|\__, |_| |_| |_.__/ \__, |
//                                           __/ |               __/ |
//                                          |___/               |___/
//   _    _           _                                          _____           _     _   _ 
//  | |  | |         | |                                        |  __ \         | |   | | | |
//  | |  | | ___  ___| |_ ___ _ __ _ __ ___   __ _ _ __  _ __   | |  \/_ __ ___ | |__ | |_| |
//  | |/\| |/ _ \/ __| __/ _ \ '__| '_ ` _ \ / _` | '_ \| '_ \  | | __| '_ ` _ \| '_ \|  _  |
//  \  /\  /  __/\__ \ ||  __/ |  | | | | | | (_| | | | | | | | | |_\ \ | | | | | |_) | | | |
//   \/  \/ \___||___/\__\___|_|  |_| |_| |_|\__,_|_| |_|_| |_|  \____/_| |_| |_|_.__/\_| |_/
//
*/