@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
body, html {
	margin: 0px;
	font-family: 'Poppins', sans-serif;
}
* {
	box-sizing: border-box;
}
ul {
	list-style:none; 
	padding:0;
	margin:0;
}

#container-content {
	width:100%;
}
.no-results-found {
	width:100% !important;
	text-align:center;	
}
.no-results-found i {
	color:#F0F0F0;
	font-size:72px;
	margin:20px 0;
}
.no-results-found h2 {
	color:#000;	
}
.no-results-found h5 {
	color:#999;
}

/*--#area-header--*/
#area-header {
	background-color:rgba(0, 0, 0, 0.7);
	height:100px;
	position:absolute;
	top:0;
	width:100%;
	z-index:299;
	
	display:flex;
	align-items:center;
}
#area-header .menu {
	display:flex;
	justify-content:space-between ;
	align-items:center; 
	padding:0 4%; 
	width:100%; 
	color:#FFF;
}
#area-header .menu .logo img {
	width:80%;
}
#area-header .menu .logo i {
	display:none;
}
#area-header .menu .item {
	display:flex;
	flex-wrap:wrap;
	margin-right:20px;
}
#area-header .menu .item .fa-chevron-down {
	font-size:10px; 
	margin-left:5px;
}
#area-header .menu a, #area-header .login a {
	color:#FFF;	
}
#area-header .menu a:hover, #area-header .login a:hover {
	color:#007bff;
	text-decoration:none;
}
#area-header .menu ul li {
	position:relative;
	cursor:pointer;
	margin:0px 10px;
}
#area-header .menu ul li:hover > ul {
	opacity:0.8;
}
#area-header .menu ul li > ul {
	opacity: 0;
    /*transition: 0.5s ease;*/
	
	position: absolute;
    z-index: 99;
    left: -12px;
    top: 150%;
    min-width: 160px;
    background-color: #000;
    padding: 10px 10px;
	border:solid 1px #FFFFFF;
}
#area-header .menu ul li > ul li {
	float: none;
    position: relative;
    left: 0px;
    line-height: 36px;
    padding: 0px;
}
#area-header .login .item {
	flex-wrap:nowrap;
	min-width: 120px;
}
#area-header .login .item .text {
	white-space:nowrap;
}
#area-header .login .item i {
	margin-right:5px;
}
@media (max-width:1366px) {
	#area-header .menu {	
		font-size: 14px;
	}
}
@media (max-width:991px) {
	#area-header {
		background-color:rgba(0, 0, 0, 1);
		height:70px;
		position:static;
		flex-direction:column;
		padding:10px 0px;
	}
	#area-header ul {
		margin-top:0;
	}
	#area-header .menu {
		display:inline;
		position:absolute;
		left:0;
		padding:0;
		width:100%;
		z-index:999;	
	}
	#area-header .menu .logo {
		display:flex;
		align-items: center;
	}
	#area-header .menu .logo i {
		display:inline;
		font-size:24px;
		padding:10px 0;
		margin:5px 15px 5px 40px;
		cursor:pointer;
		width:30px;
	}
	#area-header .menu .item {
		width:100%;	
	}
	#area-header .menu ul li > ul {
		opacity:1;
		position:relative;
		border:none;
		top:0;
		padding:0 0 0 24px;	
	}
	#area-header .menu ul li > ul li {
		line-height:normal;
	}
	#area-header .menu ul li > ul li:before {
		content:"- ";
	}

	#area-header .login {
		width:100%;
	}
	#area-header .login .item {
		flex-wrap:wrap;	
	}

	#area-header .menu .text, #area-header .login .text {
		background-color:#000;
		display:block;
		margin:0;
		width:100%;
	}
	#area-header .menu .text {
		padding:5px 40px;
		display:none;
		width:100%;
		border-bottom:solid 1px #333333;
	}
	#area-header .menu .text.show {
		display:block;	
	}
	#area-header .menu .text.hide {
		display:none;	
	}
}

/*--banner--*/
#area-banner {
     position: relative;
 	 text-align: center;
	 overflow: hidden;
}
#area-banner img {
	width:100%;
}
#area-banner .title {
	color:#FFF;
	font-size:48px;
	font-weight:bold;
	position:absolute;
	text-align:center;
	left: 50%;
	top: calc( 50% + 50px);
	transform: translate(-50%,-50%);
}
#area-banner .title .inside {
	text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.6);
}
@media (max-width:991px) {
	#area-banner .title {
		font-size: 5vh;
		top: 50%;	
	}
	#area-banner img {
		width:150%;
	}
}

/*--middle--*/
.body-print {
	color:#999; 
	cursor:pointer; 
	font-size:18px; 
	position:absolute; 
	margin:0; 
	margin-top:10px; 
	right:10%;	
}
.body-print:hover {
	color:#007bff;	
}

/*--waiting animation--*/
.waiting-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.waiting-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #ccc;
  border-color: #ccc transparent #ccc transparent;
  animation: waiting-ring 1.2s linear infinite;
}
@keyframes waiting-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--pagination--*/
.pagination {
	margin:10px 0 20px;	
}
.pagination .page-link {
	color:#666;
	height:36px;	
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #666;
    border-color: #666;
}
@media (max-width:991px) {
	.page-item {
		display:none;
	}
	
	.page-item:nth-child(1), .page-item:nth-child(2), .page-item:nth-last-child(1), .page-item:nth-last-child(2) ,.page-item.active {
		display:block;
	}
}

/*--footer--*/
#area-footer {
	background-color:#000;
	color:#878787;
	font-size:16px;	
	padding:6vh 10%;	
}
#area-footer a {
	color:#878787;	
}
#area-footer a:hover {
	color:#007bff;
	text-decoration:none;
}
#area-footer .address p {
	margin-left:22px;
	margin-bottom:5px;
}
#area-footer img {
	margin-bottom:20px;
	width:280px;	
}
#area-footer i {
	margin-right:10px;	
}
#area-footer .sitemap {
	margin-top:7px;	
}
#area-footer .sitemap p {
	margin:2px 0;	
}
#area-footer h5 {
	color:#FFF;
	font-weight:500;
}
#area-footer .copyright {
	border-top:solid 1px #878787;
	color:#FFF;
	font-size:14px;
	margin-top:30px;
	padding-top:10px;	
}
@media (max-width:991px) {
	#area-footer .address {
		margin-bottom:30px;	
	}
	#area-footer .sitemap p {
		display:none;
	}
	#area-footer .copyright {
		margin-top:30px;	
	}
}
@media print{
  #area-header,#area-footer,.body-print {
	  display:none;
  }
}