/**
* Template Name: Selecao - v2.3.0
* Template URL: https://bootstrapmade.com/selecao-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*	# *****TK***** COMMON Variables	*/
:root {
	--color_theme00: #116f11;	/*	var(--color_theme00);	*/
	--color_theme01: #33bf33;	/*	var(--color_theme01);	*/
	--color_theme02: #7FFF00;	/*	lightgreen	*/	/*	var(--color_theme02);	*/
	--color_theme03: #003300;	/*	darkgreen	*/	/*	var(--color_theme03);	*/
	
	/*		var(--color_theme00);		*/
}

/* # *****TK***** General */
body {
/*	font-family: "Century Gothic", "Open Sans", sans-serif;	*/
/*	font-family: Verdana;	*/
/*	font-family: Candara, sans-serif;	*/
	font-family: Candara, sans-serif;	
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-family: Candara, "Raleway", HelveticaNeueLight, Helvetica, Roboto, "Segoe UI", Arial, sans-serif;
	color: #000;
	overflow-y: scroll;
	background: #eee;	
}
a {
	/*	color: var(--color_theme00);	*/
	/*	color: #333333;	*/
	/*	text-decoration: none;	*/
	color: inherit;
	font-weight: bold;
}
a:hover {
	color: #fc3129;		/*	#fc8129;	*/
	text-decoration: none;
}
a.norm {
	color: inherit;
	font-weight: normal;
}
a.norm:hover {
	color: #ff8533;		/*	#fc8129;	*/
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
/*	font-family: "Century Gothic", Candara, "Raleway", sans-serif;	*/
	font-family: Candara, "Raleway", sans-serif;
}
ul, ol {
	display: inline-block;
	list-style-position: outside;
	text-align: justify;
	list-style-type: disc;
}
/*	li {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*/

section {
	padding: 40px 0;
	overflow: hidden;
	/*	background: #dddddd;	*/
}

table {
	width: 70%;
	padding: 0px;
	margin: 20px;
}
table, tr, td {
	border: 1px solid black;
	padding: 0px;
}
th {
	border: 1px solid black;
	background-color: DodgerBlue;
	color: white;
	text-align: center;
	padding: 0px;
}

/*	===== booking.php =====		*/
#booking_month {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
/* #booking_month tbody tr:hover {
	border: 2px solid orange;
}
*/
#booking_month table tbody tr {
	border: 2px solid gray;
}
#booking_month tbody tr.colClicked {
	border: 2px solid red;
}
#booking_month .day {
	flex-grow: 1;
	padding: 5px;
	text-align: center;
}
#booking_month .day.bookable {
	background-color: #7CFC00;	/*	#c0c0c0;	*/
	color: #101010;
	cursor: pointer;	
}
#booking_month .day.bookable.active{
	background-color: yellow;
}
#booking_month .day.bookable:hover {
	cursor: pointer;
	background-color: red;
	color: white;
}
#booking_month .day.non_bookable {
	color: #909090;
}
#booking_month .day.non_bookable:hover {
	cursor: no-drop;	
}
#booking_month .day.today {
	font-weight: bold;
	color: red;
}
#booking_week .timeslot:hover {
	color: white;
	background-color: red;
	cursor: pointer;
}

/* # Back to top button */
.back-to-top {
	position: fixed;
	display: none;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
}
.back-to-top i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background: var(--color_theme00);
	color: #ffffff;
	transition: all 0.4s;
}
.back-to-top i:hover {
	background: var(--color_theme01);
	color: #ffffff;
}

/*	# Disable AOS delay on mobile */
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/* # *****TK***** Bootstrap-like classes */
._text-color00 {
	color: var(--color_theme00);
}
._text-color01 {
	color: var(--color_theme01);
}

._fas-outlined{
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ddd;
 }

._lineh-normal {		/*	9h =- line height	*/
  line-height: normal;
}
._lineh-80 {			/*	9h =- line height	*/
  line-height: 80%;
}
._lineh-100 {			/*	9h =- line height	*/
  line-height: 1.0;
}
._lineh-120 {			/*	9h =- line height	*/
  line-height: 1.2;
}
._shadow {
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.22), 0 6px 20px 0 rgba(0, 0, 0, 0.2);	
}
._disabled {
	cursor: not-allowed;
}

._user_select-none{
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
	
._li-style-arrow01 {
	list-style-type: '🡆 ';
}

._table_layout-fixed {
	table-layout: fixed;
}

._font-monospace{
	font-family: Lucida Console, Courier New, monospace;
}
._font-Gothic{
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}
._font-000{
	font-family: Candara, "Raleway", HelveticaNeueLight, Helvetica, Roboto, "Segoe UI", Arial, sans-serif;
}
._font-Candara{
	font-family: Candara;
}
._font-SegoeUI{
	font-family: "Segoe UI";
}
._font-Arial{
	font-family: Arial;
}
._font-Helvetica{
	font-family: HelveticaNeueLight, Helvetica;
}
._font-SansSerif{
	font-family: sans-serif;
}

._font_wt-normal {
  font-weight: normal;
}
._font_wt-bold {
  font-weight: bold;
}
._font_wt-900 {
  font-weight: 900;
}

/*	bootstrap .cursor-<pointer|na|zoom-in|zoom-out>	*/
._cursor-default {
	cursor: default;
}
._cursor-zoomin {
	cursor: zoom-in;
}
._cursor-pointer {
	cursor: pointer;
}
._cursor-crosshair {
	cursor: crosshair;
}
._border-thin {
	border-style: solid;
	border-width: 1px;
}
._float-bottom {
	float: bottom;
}
._float-left {
	float: left;
}
._border-darkgrey {
	border-color: #404040;
}
._border-black {
	border-color: #000000;
}
._h7 {
	font-size: 0.9rem;
}
._h8 {
	font-size: 0.8rem;
}
._h9 {
	font-size: 0.7rem;
}
._pos-abs {
	position: absolute;
}
._pos-rel {
	position: relative;
}
._pos-fixed {
	position: fixed;
}
._pos-centered {	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
._shadow {
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
}
._disabled {
	cursor: not-allowed;
}
._h-85 {
	height: 85%;
}
._h-90 {
	height: 90%;
}
._h-91 {
	height: 91%;
}
._h-95 {
	height: 95%;
}
._w-5 {
	width: 5%;
}
._w-10 {
	width: 10%;
}
._w-15 {
	width: 15%;
}
._w-20 {
	width: 20%;
}
._w-30 {
	width: 30%;
}
._w-70 {
	width: 70%;
}
._w-80 {
	width: 80%;
}
._w-90 {
	width: 90%;
}
._top-0 {
	top: 0;
}
._left-0 {
	left: 0;
}
._rotate-90 {
	transform: rotate(90deg) translateY(-100%);
	transform-origin:top left;
}
._rotate-270 {
	transform: rotate(270deg) translateX(-100%);
	transform-origin: left top;
}
._wordwrap {
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
/*	word-break: break-all;		*/
}
._bg-none {
	background-color: none;
}
._bg-lightgrey {
	background-color: #f1f1f1;
}
._bg-palegrey {
	background-color: #d9d9d9;
}
._bg-red {
	background-color: #ff0000;
}
._bg-lightblue {
	background-color: #00eeff;
}
._bg-paleblue {
	background-color: #d6f5f5;
}
._bg-white {
	background-color: #ffffff;
}
._bg-green {
	background-color: #7fff00;
}
._bg-orange {
	background-color: #f97613;
}
._bg-yellow {
	background-color: yellow;
}
._bg-darkblue {
	background-color: #0086b3;
}
._bg-darkgreen {
	background-color: #008400;
}
._text-center {
	padding: 0;
	margin: 0;
	text-align: center;
}
._text-left  {
	padding: 0;
	margin: 0;
	text-align: left;
}
._text-right {
	padding: 0;
	margin: 0;
	text-align: right;
}
._text-justify {
	padding: 0;
	margin: 0;
	text-align: justify;
}
._text-deco-none {
	text-decoration: none;
}
._text-black {
	color: #000000;
}
._text-brown {
	color: brown;
}
._text-red {
	color: red;
}
._text-orange {
	color: orange;
}
._text-yellow {
	color: #FFFF00;
}
._text-green {
	color: #00b000;
}
._text-darkgreen {
	color: #008400;
}
._text-blue {
	color: #0000CD;
}
._text-purple {
	color: #8A2BE2;
}
._text-grey {
	color: #707070;
}
._text-white {
	color: #ffffff;
}
._text-pink {
	color: #ff1493;
}
/*	bootstrap .opacity-0,5,10,20,30,40,50,60,70,80,100	*/
._opac-10 {
	opacity: 0.1;
}
._opac-25 {
	opacity: 0.25;
}
._opac-30 {
	opacity: 0.40;
}
._opac-50 {
	opacity: 0.50;
}
._opac-60 {
	opacity: 0.60;
}
._opac-75 {
	opacity: 0.75;
}
._opac-100 {
	opacity: 1;
}
._z-1 {
	z-index: 1;
}
._z-100 {
	z-index: 100;
}
._z-1000 {
	z-index: 1000;
}
._z-10000 {
	z-index: 10000;
}

/*	# Header	*/
#header {
	height: 58px;
	transition: all 0.5s;
	z-index: 997;
	transition: all 0.5s;
	background: rgba(42, 44, 57, 0.9);
}
#header h6{
	font-family: Century Gothic,CenturyGothic,AppleGothic;
}
#header.header-transparent {
	background: transparent;
}
#header.header-scrolled {
	background: rgba(42, 44, 57, 0.8);
}
#header .logo h1 {
	font-size: 28px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 1px;
}
#header .logo h1 a, #header .logo h1 a:hover {
	color: #fff;
	text-decoration: none;
}
#header .logo img {
	padding: 0;
	margin: 0;
	max-height: 40px;
}

/*	# Logos	*/
#phys_logo {
	padding: 2px;
	margin: 0;
	width: 135px; /* you can use % */
    height: auto;	
}
#hkust_logo {
	padding: 0;
	margin: 0;
    height: 45px;	/*	auto;	*/
}

/*	# Navigation Menu	*/
.nav-menu, .nav-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu > ul > li {
	position: relative;
	white-space: nowrap;
	float: left;
}
.nav-menu > ul > li .active {
	color: var(--color_theme00);
	background: none;
}
.nav-menu a {
	display: block;
	position: relative;
	color: #fff;
	padding: 5px 12px 7px 12px;
	margin-left: 5px;
	transition: 0.3s;
	font-size: 15px;	
/*	border-radius: 5px;	*/
/*	font-family: "Open Sans", sans-serif;	*/
/*	font-weight: normal;	*/
}
.nav-menu a:hover, 
.nav-menu .active > a, 
.nav-menu li:hover > a {
	/*	background: var(--color_theme00);	*/		/*	var(--color_theme00);	*/
	color: var(--color_theme02);	
	text-decoration: none;
	font-weight: normal;
}
.nav-menu .drop-down ul {
	display: block;
	position: absolute;
	left: 0px;
	top: calc(100% - 0px);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	padding: 2px 0;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: ease all 0.3s;
/*	border-radius: 15px;	*/
	margin-top: 1px;
}
.nav-menu .drop-down:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
	background:  #F3F3F3;	/* var(--color_theme02);*/
}
.nav-menu .drop-down li {
	min-width: 180px;
	position: relative;
	background: #B3D3B3;
}
.nav-menu .drop-down ul a {
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	color: #100110;	 /*	#2a2c39;  */
}
.nav-menu .drop-down ul a:hover, 
.nav-menu .drop-down ul .active > a,
.nav-menu .drop-down ul li:hover > a {
	background: var(--color_theme00);
	color: #fff;
}
.nav-menu .drop-down > a:after {
	/*	https://fontawesome.com/icons/circle-arrow-down?s=solid	*/
/*	font-family: "Font Awesome 5 Free";
	content: "\f1ea";	*/	
	/*	https://icofont.com/icons	*/
/*	font-family: IcoFont;
	content: "\ea67";	
*/
/*	content: "\ea99";	*/	/*	content: "\f021";	*/
	padding-left: 3px;
}
.nav-menu .drop-down .drop-down ul {
	top: 0;
	left: calc(100% - 30px);
}
.nav-menu .drop-down .drop-down:hover > ul {
	opacity: 1;
	top: 0;
	left: 100%;
}
.nav-menu .drop-down .drop-down > a {
	padding-right: 35px;
}
.nav-menu .drop-down .drop-down > a:after {
	/*	https://fontawesome.com/icons/circle-arrow-down?s=solid	*/
/*	font-family: "Font Awesome 5 Free";
	content: "\f007";
*/
	/*	https://icofont.com/icons	*/
/*	font-family: IcoFont;
	content: "\eaa0";	*/
	position: absolute;
	right: 15px;
}
@media (max-width: 1366px) {
	.nav-menu .drop-down .drop-down ul {
		left: -90%;
	}
	.nav-menu .drop-down .drop-down:hover > ul {
		left: -100%;
	}
	.nav-menu .drop-down .drop-down > a:after {
		content: "\ea9d";
	}
}

#content {
	position: relative;
	top: 43px;
}

/* # *****TK***** Tabs_Array ---  used in safety.php */
.tabs-array {
}
.tabs-array .nav-tabs {
	border: 0;
	margin: 0;
}
.tabs-array .nav-link {
	border: 1px solid #d4d6df;
	text-align: left;
	/*	padding: 10px;	*/
	transition: 0.3s;
	color: #2a2c39;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: left;	/*	center;	*/
}
.tabs-array .nav-link i {
	padding-right: 15px;
	font-size: 38px;
}
.tabs-array .nav-link h4 {
	font-size: 17px;
	font-weight: 550;
	margin: 0;
}
.tabs-array .nav-link:hover {
	color: var(--color_theme00);
}
.tabs-array .nav-link.active {
	background: var(--color_theme00);
	color: #fff;
	border-color: var(--color_theme00);
}
@media (max-width: 768px) {
	.tabs-array .nav-link i {
		padding: 0;
		line-height: 1;
		font-size: 36px;
	}
}
@media (max-width: 575px) {
	.tabs-array .nav-link {
		padding: 15px;
	}
	.tabs-array .nav-link i {
		font-size: 24px;
	}
}
.tabs-array .tab-content {
	margin-top: 30px;
}
.tabs-array .tab-pane h3 {
	font-weight: 600;
	font-size: 26px;
}
.tabs-array .tab-pane ul {
	list-style: none;
	padding: 0;
}
.tabs-array .tab-pane ul li {
	padding-bottom: 10px;
}
.tabs-array .tab-pane ul i {
/*	font-size: 15px;
	padding-right: 4px;
*/
	color: var(--color_theme00);
}
.tabs-array .tab-pane p:last-child {
	margin-bottom: 0;
}

/* # Sections */
.section-title {
	padding-bottom: 25px;
}
.section-title h2 {
	font-size: 20px;
	font-weight: 500;
	padding: 0;
	line-height: 1px;
	margin: 0 0 15px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #898989;
	font-family: Candara;
}
.section-title h2::after {
	content: "";
	width: 120px;
	height: 1px;
	display: inline-block;
	background: #fd9042;
	margin: 4px 10px;
}
.section-title p {
	margin: 0;
	margin: 0;
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: Candara;
	color: #2a2c39;
}

/* # Team */
.team {
	padding: 40px 0;
}
.team .member {
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	min-height: 320px;
	
	border-style: groove;
	border-width: 1px;
	border-color: #ccc; 
}
.team .member .member-header {
	position: relative;
	overflow: hidden;
	
	width: 100%;		/*	100px;	*/
	height: 62px;
	font-family: Candara;
}
.team .member .member-info {
	padding: 25px 15px;
	padding-bottom: 5px;
}
.team .member .member-info h4 {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 18px;
	color: #2a2c39;
}
.team .member .member-info span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #202020;
/*	font-family: Candara;	*/
}
.team .member .member-info p {
	font-style: italic;
	font-size: 14px;
	line-height: 26px;
	color: #777777;
}
/*.team .member:hover .social {
	opacity: 1;
	bottom: 15px;
}
*/

/* # ComeGo */
.ComeGo .box {
	padding: 20px;
	background: #fff;
	text-align: center;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
/*	.ComeGo h3 {
	font-weight: 400;
	margin: -20px -20px 25px -20px;
	padding: 30px 15px;
	font-size: 18px;
	font-weight: 600;
	color: #777777;
	background: #f8f8f8;
}
*/
.ComeGo h3 {
	margin: -20px -20px 25px -20px;
	padding: 30px 15px;
	font-size: 25px;
	font-weight: 400;
	color: #fff;
	background: var(--color_theme00);
}
.ComeGo h4 {
	font-size: 36px;
	color: var(--color_theme00);
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 20px;
}
.ComeGo h4 sup {
	font-size: 20px;
	top: -15px;
	left: -3px;
}
.ComeGo h4 span {
	color: #bababa;
	font-size: 16px;
	font-weight: 300;
}
.ComeGo ul {
	padding: 0;
	list-style: none;
	color: #444444;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
}
.ComeGo ul li {
	padding-bottom: 16px;
}
.ComeGo ul i {
	color: var(--color_theme00);
	font-size: 18px;
	padding-right: 4px;
}
.ComeGo ul .na {
	color: #ccc;
	text-decoration: line-through;
}
.ComeGo .btn-wrap {
	margin: 20px -20px -20px -20px;
	padding: 20px 15px;
	background: #f8f8f8;
	text-align: center;
}
.ComeGo .btn-buy {
	background: var(--color_theme00);
	display: inline-block;
	padding: 8px 35px 10px 35px;
	border-radius: 50px;
	color: #fff;
	transition: none;
	font-size: 14px;
	font-weight: 400;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	transition: 0.3s;
}
.ComeGo .btn-buy:hover {
	background: #fc8129;
}
.ComeGo .featured {
	border: 2px solid var(--color_theme00);
}
.ComeGo .featured h3 {
	color: #fff;
	background: var(--color_theme00);
}
.ComeGo .advanced {
width: 200px;
position: absolute;
top: 18px;
right: -68px;
transform: rotate(45deg);
z-index: 1;
font-size: 14px;
padding: 1px 0 3px 0;
background: var(--color_theme00);
color: #fff;
}

/* # Hero Section */
#hero {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: linear-gradient(0deg, #2a2c39 0%, #33364a 100%);
	padding: 0;
}
#hero .carousel-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	position: relative;
	height: 70vh;
	padding-top: 60px;
}
#hero h2 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 48px;
	font-weight: 700;
}
#hero p {
	width: 80%;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	margin: 0 auto 30px auto;
	color: #fff;
}
#hero .carousel-control-prev, 
#hero .carousel-control-next {
	width: 10%;
}
#hero .carousel-control-next-icon, 
#hero .carousel-control-prev-icon {
	background: none;
	font-size: 48px;
	line-height: 1;
	width: auto;
	height: auto;
}
#hero .btn-get-started {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 12px 32px;
	border-radius: 50px;
	transition: 0.5s;
	line-height: 1;
	margin: 10px;
	color: #fff;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	border: 2px solid var(--color_theme00);
}
#hero .btn-get-started:hover {
	background: var(--color_theme00);
	color: #fff;
	text-decoration: none;
}
@media (min-width: 1024px) {
	#hero p {
		width: 60%;
	}
	#hero .carousel-control-prev, 
	#hero .carousel-control-next {
		width: 5%;
	}
}
@media (max-width: 768px) {
	#hero .carousel-container {
		height: 90vh;
	}
	#hero h2 {
		font-size: 28px;
	}
}

/* # Portfolio */
.portfolio #portfolio-flters {
	list-style: none;
	margin-bottom: 20px;
	text-decoration: none;
}
.portfolio #portfolio-flters li {
	font-family: Candara;
	cursor: pointer;
	display: inline-block;
	margin: 0 0 10px 5px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	color: #444444;
	transition: all 0.3s ease-in-out;
}
.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
	background: var(--color_theme00);
	color: #ffffff;
}
.portfolio #portfolio-flters li.filter-active::before,
.portfolio #portfolio-flters li.filter-active::after {
	background: var(--color_theme00);
	color: #ffffff;
}
.portfolio .portfolio-item {
	margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-caption {
	opacity: 1;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 3;
	right: 15px;
	background: rgba(90, 0, 0, 0.5);
	padding: 5px 15px;
}
.portfolio .portfolio-item .portfolio-img {
	overflow: hidden;
}
.portfolio .portfolio-item .portfolio-img img {
	transition: all 0.8s ease-in-out;
}
.portfolio .portfolio-item .portfolio-info {
	opacity: 0;
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 3;
	right: 15px;
	transition: all ease-in-out 0.3s;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 15px;
}
.portfolio .portfolio-item .portfolio-info h4,
.portfolio .portfolio-item .portfolio-caption h4 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	color: #fff;
	margin-bottom: 0px;
}
.portfolio .portfolio-item .portfolio-info p {
	color: #fedac0;
	font-size: 14px;
	margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
	position: absolute;
	right: 40px;
	font-size: 24px;
	top: calc(50% - 18px);
	color: #fff;
	transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
	color: #fd9f5b;
}
.portfolio .portfolio-item .portfolio-info .details-link {
	right: 10px;
}
.portfolio .portfolio-item .portfolio-links {
	opacity: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 3;
	position: absolute;
	transition: all ease-in-out 0.3s;
}
.portfolio .portfolio-item .portfolio-links a {
	color: #fff;
	margin: 0 2px;
	font-size: 28px;
	display: inline-block;
	transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-links a:hover {
	color: #fd9f5b;
}
.portfolio .portfolio-item:hover .portfolio-img img {
	transform: scale(1.2);
}
.portfolio .portfolio-item:hover .portfolio-info {
	opacity: 1;
}

/*	# Testimonials */
.testimonials .testimonial-item {
	box-sizing: content-box;
	padding: 30px 30px 0 30px;
	margin: 30px 15px;
	text-align: center;
	min-height: 200px;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}
.testimonials .testimonial-item .testimonial-img {
	width: 90px;
	border-radius: 50%;
	border: 4px solid #fff;
	margin: 0 auto;
}
.testimonials .testimonial-item h3 {
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	color: #111;
}
.testimonials .testimonial-item h4 {
	font-size: 14px;
	color: #999;
	margin: 0;
}
.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
	color: #fedac0;
	font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
	display: inline-block;
	left: -5px;
	position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
	display: inline-block;
	right: -5px;
	position: relative;
	top: 10px;
}
.testimonials .testimonial-item p {
	font-style: italic;
	margin: 0 auto 15px auto;
}
.testimonials .owl-nav, 
.testimonials .owl-dots {
	margin-top: 5px;
	text-align: center;
}
.testimonials .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ddd !important;
}
.testimonials .owl-dot.active {
	background-color: var(--color_theme00) !important;
}
@media (max-width: 767px) {
	.testimonials {
		margin: 30px 10px;
	}
}

/* # Footer */
#footer {
	background: #07280b;	/*	#14151c;	*/
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	
	height: 30px;		/*	75px	*/
	position: fixed;
	bottom: 0;
}
#footer h3 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	position: relative;
	font-family: "Poppins", sans-serif;
	padding: 0;
	margin: 0 0 15px 0;
}
#footer p {
	font-size: 15;
	font-style: italic;
	padding: 0;
	margin: 0 0 40px 0;
}
#footer .social-links {
	margin: 0 0 40px 0;
}
#footer .social-links a {
	font-size: 18px;
	display: inline-block;
	background: var(--color_theme00);
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}
#footer .social-links a:hover {
	background: #bd5102;
	color: #fff;
	text-decoration: none;
}
#footer .copyright {
	margin: 0 0 5px 0;
}
#footer .credits {
	font-size: 13px;
}







/* Mobile Navigation */
.mobile-nav-toggle {
	position: fixed;
	right: 15px;
	top: 15px;
	z-index: 9998;
	border: 0;
	background: none;
	font-size: 24px;
	transition: all 0.4s;
	outline: none !important;
	line-height: 1;
	cursor: pointer;
	text-align: right;
}
.mobile-nav-toggle i {
	color: #fff;
}
.mobile-nav {
	position: fixed;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 9999;
	overflow-y: auto;
	background: #fff;
	transition: ease-in-out 0.2s;
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	padding: 10px 0;
}
.mobile-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile-nav a {
	display: block;
	position: relative;
	color: #2a2c39;
	padding: 10px 20px;
	font-weight: 500;
	outline: none;
}
.mobile-nav a:hover, 
.mobile-nav .active > a, 
.mobile-nav li:hover > a {
	color: var(--color_theme00);
	text-decoration: none;
}
.mobile-nav .drop-down > a:after {
	content: "\ea99";
	font-family: IcoFont;
	padding-left: 10px;
	position: absolute;
	right: 15px;
}
.mobile-nav .active.drop-down > a:after {
	content: "\eaa1";
}
.mobile-nav .drop-down > a {
	padding-right: 35px;
}
.mobile-nav .drop-down ul {
	display: none;
	overflow: hidden;
}
.mobile-nav .drop-down li {
	padding-left: 20px;
}
.mobile-nav-overly {
	width: 100%;
	height: 100%;
	z-index: 9997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(20, 21, 28, 0.6);
	overflow: hidden;
	display: none;
	transition: ease-in-out 0.2s;
}
.mobile-nav-active {
	overflow: hidden;
}
.mobile-nav-active .mobile-nav {
	opacity: 1;
	visibility: visible;
}
.mobile-nav-active .mobile-nav-toggle i {
	color: #fff;
}


/* JQuery UI styles */
.ui-accordion-header{
   background:yellow;
}






/* # Hero-waves */
/*
.hero-waves {
	display: block;
	width: 100%;
	height: 60px;
	position: relative;
}
.wave1 use {
	-webkit-animation: move-forever1 10s linear infinite;
	animation: move-forever1 10s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}
.wave2 use {
	-webkit-animation: move-forever2 8s linear infinite;
	animation: move-forever2 8s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}
.wave3 use {
	-webkit-animation: move-forever3 6s linear infinite;
	animation: move-forever3 6s linear infinite;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}
@-webkit-keyframes move-forever1 {
	0% {
		transform: translate(85px, 0%);
	}
	100% {
		transform: translate(-90px, 0%);
	}
}
@keyframes move-forever1 {
	0% {
		transform: translate(85px, 0%);
	}
	100% {
		transform: translate(-90px, 0%);
	}
}
@-webkit-keyframes move-forever2 {
	0% {
		transform: translate(-90px, 0%);
	}
	100% {
		transform: translate(85px, 0%);
	}
}
@keyframes move-forever2 {
	0% {
		transform: translate(-90px, 0%);
	}
	100% {
		transform: translate(85px, 0%);
	}
}
@-webkit-keyframes move-forever3 {
	0% {
		transform: translate(-90px, 0%);
	}
	100% {
		transform: translate(85px, 0%);
	}
}
@keyframes move-forever3 {
	0% {
		transform: translate(-90px, 0%);
	}
	100% {
		transform: translate(85px, 0%);
	}
}
*/

/*	# About */
/*
.about {
	padding-top: 80px;
}
.about .content h3 {
	font-weight: 600;
	font-size: 26px;
}
.about .content ul {
	list-style: none;
	padding: 0;
}
.about .content ul li {
	padding-left: 28px;
	position: relative;
}
.about .content ul li + li {
	margin-top: 10px;
}
.about .content ul i {
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 20px;
	color: var(--color_theme00);
	line-height: 1;
}
.about .content p:last-child {
	margin-bottom: 0;
}
.about .content .btn-learn-more {
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 12px 32px;
	border-radius: 5px;
	transition: 0.3s;
	line-height: 1;
	color: var(--color_theme00);
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	margin-top: 6px;
	border: 2px solid var(--color_theme00);
}
.about .content .btn-learn-more:hover {
	background: var(--color_theme00);
	color: #fff;
	text-decoration: none;
}
*/

/* # Portfolio Details */
/*
.portfolio-details {
	padding-top: 40px;
}
.portfolio-details .portfolio-details-container {
	position: relative;
}
.portfolio-details .portfolio-details-carousel {
	position: relative;
	z-index: 1;
}
.portfolio-details .portfolio-details-carousel .owl-nav, 
.portfolio-details .portfolio-details-carousel .owl-dots {
	margin-top: 5px;
	text-align: left;
}
.portfolio-details .portfolio-details-carousel .owl-dot {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ddd !important;
}
.portfolio-details .portfolio-details-carousel .owl-dot.active {
	background-color: var(--color_theme00) !important;
}
.portfolio-details .portfolio-info {
	padding: 30px;
	position: absolute;
	right: 0;
	bottom: -70px;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	z-index: 2;
}
.portfolio-details .portfolio-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
	margin-top: 10px;
}
.portfolio-details .portfolio-description {
	padding-top: 50px;
}
.portfolio-details .portfolio-description h2 {
	width: 50%;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
	padding: 0 0 0 0;
}
@media (max-width: 768px) {
	.portfolio-details .portfolio-info {
		position: static;
		margin-top: 30px;
	}
}
*/

/* # safetyIntro Section */
/*
#safetyIntro {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: linear-gradient(0deg, #2a2c39 0%, #33364a 100%);
	padding: 0;
}
#safetyIntro .carousel-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	position: relative;
	height: 70vh;
	padding-top: 60px;
}
#safetyIntro h2 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 48px;
	font-weight: 700;
}
#safetyIntro p {
	width: 80%;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	margin: 0 auto 30px auto;
	color: #fff;
}
#safetyIntro .carousel-control-prev, 
#safetyIntro .carousel-control-next {
	width: 10%;
}
#safetyIntro .carousel-control-next-icon, 
#safetyIntro .carousel-control-prev-icon {
	background: none;
	font-size: 48px;
	line-height: 1;
	width: auto;
	height: auto;
}
#safetyIntro .btn-get-started {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 12px 32px;
	border-radius: 50px;
	transition: 0.5s;
	line-height: 1;
	margin: 10px;
	color: #fff;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	border: 2px solid var(--color_theme00);
}
#safetyIntro .btn-get-started:hover {
	background: var(--color_theme00);
	color: #fff;
	text-decoration: none;
}
@media (min-width: 1024px) {
	#safetyIntro p {
		width: 60%;
	}
	#safetyIntro .carousel-control-prev, 
	#safetyIntro .carousel-control-next {
		width: 5%;
	}
}
@media (max-width: 768px) {
	#safetyIntro .carousel-container {
		height: 90vh;
	}
	#safetyIntro h2 {
		font-size: 28px;
	}
}
*/