@import url('https://fonts.googleapis.com/css?family=Archivo');
@import url('https://fonts.googleapis.com/css?family=Roboto');
:root {
	--normaltext: #B5B5B5;
	--normalline: #4D1515;
	--normalbg: #1E1E20;
	--sidebarhoverbg: #310D0D;
}
/* Global */
html { 
	position: relative;
	box-sizing: border-box; 
}
html, body {
	min-height: 100%;
}
body { 
	min-height:100%;
	margin-bottom: 60px;
	font-family: 'Roboto', sans-serif;
	color:var(--normaltext);
	background:#1A1A1A;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}

.icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
h1 { font-size:35px; }
h2 { font-size:30px; }
h3 { font-size:25px; }
h4 { font-size:20px; }
hr { border-top:1px solid var(--normalline); }
a { 
	color:#fff; 
}
a:hover { 
	color:#ccc;
	text-decoration:none; 
}

/* Global Classes */
.nodisplay { 
	display:none; 
}
.red { 
	color:#DD0000 !important; 
}
.flex-auto {
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
}
.border-top { 
	border-top: 1px solid #e5e5e5; 
}
.border-bottom { 
	border-bottom: 1px solid #e5e5e5; 
}
.box-shadow { 
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); 
}
.card-img-right {
	height: 100%;
	border-radius: 0 3px 3px 0;
}
.rmheight {
	max-height: 300px;
	position: relative;
	overflow: hidden;	
}
.rmheight .view-allcode { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; padding: 30px 0; 
	font-size:13px;
	color:grey;
	background-image: -moz-linear-gradient(top, transparent, black);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, black));
}

/* Buttons */
.btn-group-xs > .btn, .btn-xs { 
	padding: .3rem .5rem;
	font-size  : .775rem;
	line-height  : .9;
	border-radius : .2rem;
}

/* Dim */
#dim {
	background: rgba(0,0,0,.8);
	width:250px;
	height:80px;
	position:fixed;
    top:50%;
	right:50%;
	z-index:99999;
	margin-top:-40px;
	margin-right:-125px;	
}
#dimicon {
	font-size:50px;
	color:white;
	line-height:80px;
}

/* Navbar */
.navbar-mainmenu {
	background:rgba(0, 0, 0, .5) !important;
}
.navitemicon {
	position:relative;
}
.navbar-mainmenu .nav-item .nav-link .badge-counter {
	position: absolute;
	transform: scale(0.8);
	transform-origin: top right;
	right: 2px;
	margin-top: -25px;
}
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.nav-scroller .nav-link {
	font-size: .875rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.dropdown.no-arrow .dropdown-toggle:after {
	display: none;
}

/* Notification Dropdown */
.dropdown-notification {}
.dropdown-notification .dropdown-header {
	color:white;
}
.dropdown-notification .icon-circle { 
	font-size:13px;
	height: 2rem;
	width: 2rem;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:13px; 
}
.dropdown-notification-item { 
	border-bottom:1px solid #CCC;
	font-size:17px;
	margin:3px 0;
	font-size:17px; 
}
.dropdown-notification-time { 
	color:#ccc; 
}
.dropdown-notification-message { 
	color:#666; 
}
a.dropdown-notification-viewall { 
	color:#666; 
}
.alertsdropdown { 
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	hyphens: auto;min-width: 400px;
	width: 50%;max-width: 700px; 
}
.alertsdropdown a { 
	white-space:normal !important; 
}

/* Search Bar */
.searchbar {
	background:rgba(0, 0, 0, .5);
	padding:0 0 5px 0;
}
.searchbar .searchinput {

}
.searchbar .search_sel_text {
	background:#1E1E20;
	color:#B5B5B5;
	border:0px !important;
}
.searchbar .btn-success {
	background:#1E1E20;
	color:#B5B5B5;
	border:0px !important;
}
/* Main Page Holder */
.page-holder { 
	padding:20px 20px 80px 20px;
	margin-top:20px;
	background:rgba(0, 0, 0, .9);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
	border-radius: .25rem !important; 
}


/* Breadcrumbs */
.mainnavbreadcrumb {
	color:#464B51;
	font-size:0.8rem;
	background:transparent;
	padding:0 10px;
}
.mainnavbreadcrumb a {  }
.mainnavbreadcrumb a:hover {  }

/* Jumbotron & Main Header with Logo */
.jumbotron-main {
	font-family:Archivo;
	padding:20px 20px;
	background-color:transparent;
}
.jumbotron-main p { 
	font-family:'Courier New';
	font-size:16px; 
}

/* Logo Header */
.altheader {
	font-family:Archivo;
	margin-bottom:15px;
	padding:10px 20px;
}
.altheader hr { 
	margin:0 0 10px 0; 
}
.altheader h1:before, .addfaicon:before {  
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f121";
	margin-right:5px;
}
.altheader h2 { 
	font-size:16px;
	color:#B5B5B5;
	font-family:'Courier New'; 
}

/* Image Slider */
.image-slider-holder {
	margin-bottom:40px !important;
	padding:10px 20px;
	background:rgba(39, 39, 39, .5);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: .25rem !important;
}
.galleryslider-inner a {
	opacity:0.8;
}
.galleryslider-inner a:hover {
	opacity:1;
}

#carousel-galleryslider .carousel-item {
	height:150px;
}
#carousel-galleryslider .carousel-item img {
	min-height:150px;	
}
#carousel-galleryslider .carousel-like {
	position:absolute;
	z-index:99;
	top:5px;
	right:20px;	
	padding:3px 5px;
	font-size:13px;
	color:white;
	background:rgba(0, 0, 0, .8);
}
#carousel-galleryslider a.carousel-control-prev {
		margin:60px 0 0 30px;
		text-shadow: 2px 2px #000000;
		color:white;
		font-size:30px;
		background:black;
		height:40px;
		line-height:40px;
		width:40px;
}
#carousel-galleryslider a.carousel-control-next {
		margin:58px 30px 0 0;
		text-shadow: 2px 2px #000000;
		color:white;
		font-size:30px;
		background:black;
		height:40px;
		line-height:40px;
		width:40px;
}

/* Blog */
.avatar-mainpage { 
	margin-right:8px;
	height:40px;
	width:40px;
}
.blog-post { 
	margin-bottom:40px !important;
	padding:10px 20px;
	background:rgba(39, 39, 39, .5);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: .25rem !important; 
}
.blog-post:last-child {   }
.blog-post-idimg { 
	float:left;width:52px; 
}
.blog-post-idimg .img-thumbnail {
    border: 1px solid var(--normalline);
    box-shadow: none;
	background: #000;
}
.blog-post-title {
	overflow:hidden;
	margin-bottom: .6rem;
}
.blog-post-title a {
	color: #B5B5B5;
}
.blog-post-title a:hover {
	color: #ccc;
}
.blog-post-meta {
  	color: #ccc;
  	font-size: .9rem;
	margin-left:10px;
  	margin-bottom: 1rem;
}
.blog-post-meta span {
	border-bottom:1px dashed var(--normalline);
	margin-right:20px;
	white-space: nowrap;
}
.blog-post-meta a {
	color: #B5B5B5;
}
.blog-post-meta a:hover {
	color: #ccc;
}
.blog-post-meta #comnum_b, .file-single-holder #comnum_b {
	font-style: normal !important;
}
.post-avatar .img-thumbnail {
	border: 1px solid var(--normalline);
    box-shadow: none;
	background: #000;
}

/* Main Post Holder for various page info */
.main-post { 
	padding:10px 20px;
	background:rgba(39, 39, 39, .5);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: .25rem !important; 
}

/* Various Blog/Page Content */

/* Meta Grabber */
.metaoutput a { 
	color:#B5B5B5; 
}
.metaoutput-box { 
	background:#1E1E20;
	display: flex;
	border:1px solid var(--normalline) !important;
}
.metaoutput-box:hover {
	background:#343A3D;
}
.metaoutput-image {
	height: 125px;
	width: 125px;
	display: inline-block;
	float: left;
}
.metaoutput-box-text {
	flex: 1;
}
.metaoutput-box-text p {
	font-size:0.95rem;
}

/* Attachments */
.post_attachment a {
	border:1px solid var(--normalline);
	background:#1E1E20;
	color:#B5B5B5;
	display:inline-block;
	padding:5px 10px;
}
.post_attachment a:hover {
	border-color:#ccc;
	background:#343A3D;
}
.post_attachment_icon {
	font-size:27px;
	color:#666;
	opacity:0.9;
	float:left;
}
.post_attachment_title {
	font-size:14px;
	margin-left:30px;
}
.post_attachment_info {
	font-size:13px;
	margin-left:30px;
}
.post_attachment_info span:first-of-type {
	margin-right: 10px;
}
/* Code Line Number */
.hljs-ln-numbers {
    text-align: center;
    color: #ccc;
    border-right: 1px solid #CCC;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    padding-right: 5px !important;
}
.hljs-ln-code {
   display:block;
   margin-left:10px !important;
}

/* Side Menu */
.side-menu { 
	margin-bottom:20px !important;
	padding:10px 20px;
	background:rgba(39, 39, 39, .5);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border-radius: .25rem !important; 
	color:#B5B5B5;
}
.side-menu ul {list-style-type: none;
	margin: 0;
	padding: 0; 
} 
.side-menu ul li:after {
	content: "";
	display: table;
	clear: both;
}
.side-menu .badge { 
	border:1px solid var(--normalline);
	color:#B5B5B5;
	margin-top:2px !important; 
}
.side-menu ul li a { 
	color:#B5B5B5;
	color:#B5B5B5;
	display:inline-block;
	width:100%;padding:3px; 
} 
.side-menu ul li a:hover { 
	background: var(--sidebarhoverbg);
	text-decoration:none; 
}
.side-menu .socialbuttons {  
}
.side-menu .socialbuttons a { 
	margin:0 3px; 
}

/* Gallery */
.photo_gallery { 
	padding:5px 10px; 
}
.photo_gallery img { 
	height:150px;
	width:150px; 
}
.photo_gallery div {
	font-size:13px;
	font-weight:normal;
}
.photo_gallery {
	img {
		height: 75vw;
		object-fit: cover;    
		@media (min-width: $bootstrap-sm) {
			height: 35vw;
		}		
		@media (min-width: $bootstrap-lg) {
			height: 18vw;
		}
	}
}

/* Gallery Albums */
.galleryalbums {
	padding:5px;
	background:#1E1E20;
}
.galleryalbums img { 
	height:100px;border:0px;width:100%; 
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center center;
	margin:0px;padding:0px;
}
.galleryalbums .card-body {
	padding:10px 10px;
}
.galleryalbums h1 {
	font-size:17px;
	color:#B5B5B5;
}
.galleryalbums p {	
	font-size:14px;
	color:#B5B5B5;
}

/* Gallery Pictures */
.gallerypics { 
	margin-bottom:20px;
	position:relative;
	opacity:0.8;
}
.gallerypics:hover { 
	opacity:1;
}
.gallerypics .img-thumbnail { 
    border: 1px solid var(--normalline);
    box-shadow: none;
	background: #000;
}
.gallerypics img {
	height:150px;width:100%;
	background:#1E1E20;
}

.gallerypics .gallerypicslikes {
	font-size:13px;
	color:white;
	background:rgba(0, 0, 0, .6);
	position:absolute;
	z-index:99;
	bottom:5px;
	left:20px;	
	padding:3px 5px;
}
.gallerypics .gallerypicsdetails {
	font-size:13px;
	position:absolute;
	z-index:99;
	bottom:5px;
	right:20px;		
}
.gallerypics .gallerypicsdetails a {
	color:white;
	background:rgba(0, 0, 0, .6);
	display:block;
	padding:3px 5px;	
}
.gallerypics div a:hover {
	background:rgba(0, 0, 0, 1);
	background:rgba(0, 0, 0, 1);
}
/* Likes */
.likes_photo { 
	border:1px solid var(--normalline);margin-bottom:10px;
}
.likes_photo a {
	font-size:20px;
	font-family:Roboto;
	color:#B5B5B5;
	font-weight:bold;
	display:block;
	padding:5px 10px;
}
.likes_photo a:hover {
	color:#666;
}

/* Single Picture Page */
.picture-single-holder-table { 
	font-size:14px;
	color:#B5B5B5;
	text-align:center;
}
.picture-single-holder-table td {
	border-top:1px solid var(--normalline);
}









/* Alerts Page */
.alert-holder {
	border-bottom:1px solid #CCC;
	margin:0 0 15px 0;
}
.alert-holder .icon-circle {
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.alert-time {
	color:#666;
	font-size:0.85rem;
}
.alert-message {
	font-size:1rem;
}
.alert-delete a { 
	opacity:0.5;
	color:#CCC;
	font-size:1.5rem;
	font-weight:bold; 
}
.alert-delete a:hover { 
	color:red;
	opacity:1; 
}
.alert-text-holder { 
	margin-left:50px; 
}

/* Profile */
.profile-side-info { 
	margin:10px 0; 
}
.profile-pic {
	max-width:200px;
}
.profile-info {
	margin:4px 0;
} 
.profile-about-header {
	font-weight:bold;
	border:1px dashed var(--normalline);
	background:#1E1E20;
	margin:20px 0 20px 0;
	padding:5px 10px;
}

/* Files */
/* File Single */
.file-single-ss-bg {
	border:1px dashed var(--normalline);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat; 
	height:100px;
	width:100%;
	background-position: center;
	
}
.file-single-ss-holder { 
	border:1px solid var(--normalline);
	background:black;
	padding:5px;
	display:block;
}
.file-single-holder { 
	background:rgba(39, 39, 39, .5);
	padding:10px 20px; 
}
.file-single-holder h2 { 
	margin:0px 0 0 0px; 
}
.file-single-holder-ldesc { 
	font-size:15px;
	color:#B5B5B5;
	margin:5px 0 0 0px; 
}
.file-single-holder-meta {
  	color: #B5B5B5;
  	font-size: .9rem;
	margin:5px 0 0 0;
	line-height:2;
}
.file-single-holder-meta span {
	border-bottom:1px dashed var(--normalline);margin-right:20px;
}
.file-single-holder-meta a {
	color: #B5B5B5;
}
.file-single-holder-meta a:hover {
	color: #ccc;
}
.file-single-hr { 
	margin:3px 0 10px 0; 
}
.file-single-holder-table {
	font-size:14px;
	color:#B5B5B5;
	text-align:center;
}
.file-single-holder-table td {
	border-top:1px solid var(--normalline);
}
.file-single-holder-table tr:nth-of-type(odd){
    background: #000 !important;
}
.file-single-holder-table tr:nth-of-type(even){
	background:tranparent;
}	
#file-rating-star {
	display:block;
	width:100%;
}
.file-vote-img {
 display: inline-block;
}
.file-voting-total-votes { 
	color:#B5B5B5;
	font-size:14px;
	margin:5px 0 0 0; 
}

/* Files Side Bar */

.file-sidebarmenu-accordion  {
	border-bottom:1px dashed var(--normalline);
	display: block;
	position: relative;
	padding:10px 0;
}
#file-sidebarmenu h5 { 
	font-size:14px;
	margin:0 0 0 0; 
}
#file-sidebarmenu a { 
	color: #B5B5B5; 
}
#file-sidebarmenu a:hover { 
	color: #ccc; 
}
.file-sidebarmenu-fcount { 
	color:#ccc;
	font-size:12px;
	position:absolute;
	right:0;
}
.file-sidebarmenu-subcatlink { 
	font-size:12px;
	margin:3px 0 2px 20px; 
}
.yellowfolder { 
	color:#666 !important; 
}
.file-sidebarsubmenu {
	margin:7px 0 7px 0px;
	padding:0 0 7px 20px;
	list-style-type:none;
	border-bottom:1px dashed var(--normalline);
}
.file-sidebarmenu-sub-fcount { 
	color:#ccc;
	font-size:12px;
	position:absolute;
	right:0;
	top:6px; 
}
.file-sidebarsubmenu li {
	display:block;
	position:relative;
}
.file-sidebarsubmenu li a {
	font-size:13px;
	display:block;
	position:relative;
	margin:3px 0;
}
/* Files */
.file-card { 
	background:#1E1E20; 
	color:#B5B5B5;
	border:1px solid var(--normalline);
}
.file-card-bg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; 
	height:100px;
}
.file-card-bg-holder {
	background:#000;
	border:1px dashed var(--normalline);
	padding:5px;
	margin:5px 5px 0 5px;
}
.file-related-files-card {
	background: #1E1E20;
	color:#B5B5B5;
	border: 1px solid var(--normalline);
}
.file-related-files-card .card-body {
	padding:0 15px 10px 15px;
	
}
.file-related-files-card h4 {
	font-size:16px;
	margin:0px;
}
.file-card .card-body {
	font-size:14px;
	padding:5px 15px 10px 15px;
	position:relative;height:135px;
}
.file-card .card-body a {
	position:absolute;
	bottom:10px;
	right:10px;
}
.file-card h4 {
	font-size:15px;
	margin:0 0 3px 0px;
	padding:0px;
}	

/* File Category */

.file-cat-list { 
	margin: 0 auto 20px auto 
}
.file-cat-list-card { 
	min-width: 18rem; 
	max-width: 18rem; 
}
.file-cat-sortby .nav-pills { 
	line-height:1;  
}
.file-cat-sortby .nav-pills .nav-item {
	margin:0 3px; 
	}
.file-cat-sortby .nav-pills a { 
	color:#343A40;  
}
.file-cat-sortby .nav-pills a.active , .file-cat-sortby .nav-link:hover {
    background-color: #343A40 !important;
	color:#B5B5B5 !important;
} 


.file-cats-sub { 
	background:#1E1E20;
	padding:10px;
}

.file-list-subcats a {
	color:#B5B5B5;
}
.file-list-subcats a:hover {
	color:#ccc;
}
.file-list-subcats .list-group-item {
	background:transparent;
	border-bottom:1px dashed var(--normalline);	
}
.file-list-subcats .list-group-striped li:nth-of-type(odd){
    background: transparent;
}
.file-list-subcats .list-group-striped li:nth-of-type(even){
    background: #F2F2F2;
}
/* File Add */
.submitfile { visibility: hidden;position: absolute; }

/* Contact */
.contact-form .input-error {
    border-color: #d05a4e;
}
.contact-form .textinput {

}

/* Comments */
.comments_real_holder .img-thumbnail {
    border: 1px solid var(--normalline);
    box-shadow: none;
	background: #000;
	width:60px;
}
.comments_real_holder .media-body {
	margin-left:15px;
}
.comments_real_holder textarea {

}
.comments_posting_as {
	display:inline;
	font-size:12px;
	padding:0 0 0 5px;
	color:#ccc;	
}
.comments_character_counter {
	float:right;
	color:#ccc;
	font-size:12px;
}
.comments_single_holder:nth-of-type(odd){
	background: var(--normalbg);
}
.comments_single_holder:nth-of-type(even){
	
}
.comments_single_holder .media {
	padding:10px 10px 10px 10px !important;

}
.comments_single_holder .media-body h4 {
	font-size:15px;	
	font-weight:bold;
}
.comments_single_holder .comments_posted_time { 
	color:#666;padding-left:5px;
}
.comments_single_holder .media-body p {
	font-size:14px;	
	margin-bottom:0px;
}
.comments_single_holder img {
	
}
.comments_single_holder .rounded-circle {
	width:35px;margin-top:5px;
}
.comments_single_holder .media-body {
	margin-left:15px;
}
a.comments_delete {
	float:right;
	color:red;
	font-weight:bold;
	margin:0 6px 0 0;
	opacity:0.5;
	font-size:18px;
}
a.comments_delete:hover {
	opacity:1;
}
/* Search Results */
.search-box .search_sel_text, .search-box .btn-success {
	background:#1E1E20;
	color:#B5B5B5;
	border:0px !important;	
}
.search-results-holder {border-bottom:1px solid var(--normalline);margin:5px 0;padding:0 0 5px 0;}
.search-results-content {padding:0 5px;}
.search-results-fulllink {font-weight:bold;font-size:13px;padding:0 5px;}
.search-results-title a {color:#169DE7;font-weight:bold;}
.foundit {background:#DFEFFF !important;color:black !important;margin:0 3px;padding:0 2px;}

/* Channel List */
.channellist { background:transparent;color:#666; }
.channellist th { background: #040404; color:#CCC !important;font-size:15px !important; }
.channellist tr:nth-child(even){ background:#2C2C2C !important; }

/* Pagination */
.pagination > li > a,
.pagination > li > span {
	color:#B5B5B5 !important;
	border-color:var(--normalline) !important;
	background:rgba(39, 39, 39, .5) !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #fff !important;
	background-color: #343A40 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #ffffff !important;
	background:rgba(52, 58, 64, .9) !important;
	cursor: default;
}

/* Footer */
.blog-footer {
  	color: #ccc;
  	text-align: center;
  	font-size:14px;
  	background:rgba(0, 0, 0, .5);
	position: absolute;
  	bottom: 0;
  	width: 100%;
	display:block;
  	padding:10px 5px;
}
.blog-footer a {
	color: #ccc;
}
.blog-footer a:hover {
	color:white;
	text-decoration:none;
}
.blog-footer p:last-child {
	margin-bottom: 0;
}

/* Back to Top */
#backtotop {
	background-color: #8CA1AB;
	text-align: center;
	border-radius: 4px;
	transition: background-color .3s;
	font-size:20px;
	color:white;
	opacity:0.8;
	display:none;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 1px;
	right: 1px;
	margin:0 20px 20px 0;
	z-index: 1000;
	line-height:40px;
}
#backtotop:hover {
	cursor: pointer;
	opacity:1;
}
#backtotop:active {
	background-color: #555;
}
/* Login */
.logincard { border:0px; background:transparent; }

.logincard-body input {
	background:#000;	
	color:#B5B5B5;
   
}
.logincard-body .input-group-text {
	background:#1E1E20;
	color:#B5B5B5;
	border:0px !important;
}

/* Cookie Alert */
.cookiealert { 
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	z-index: 999;
	opacity: 0;
	border-radius: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	color: #ecf0f1;
	background: #212327; 
}    
.cookiealert.show { 
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 1000ms; 
}
.cookiealert a { 
	
}
.cookiealert .acceptcookies {
	margin-left: 10px;
	vertical-align: baseline; 
}
/* Image Popup */
#imagemodal button { color: red; opacity: 1; text-shadow: 0 1px 0 var(--normalline); }
#imagemodal .modal-content { background: var(--normalbg); }
/* Audio Player */
.audioplayer{
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -moz-linear-gradient( top, #444, #222 );
	background: -ms-radial-gradient( top, #444, #222 );
	background: -o-linear-gradient( top, #444, #222 );
	background: linear-gradient( top, #444, #222 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 2.5em; /* 40 */
	position: relative;
	z-index: 1;
}
.audioplayer-mini {
	width: 2.5em; /* 40 */
	margin: 0 auto;
}
.audioplayer > div	{
	position: absolute;
}
.audioplayer-playpause {
	width: 2.5em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
	border-right: 1px solid #555;
	border-right-color: rgba( 255, 255, 255, .1 );
}
.audioplayer-mini .audioplayer-playpause {
	width: 100%;
}
.audioplayer-playpause:hover,
.audioplayer-playpause:focus {
	background-color: #222;
}
.audioplayer-playpause a {
	display: block;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
	border: 0.5em solid transparent; /* 8 */
	border-left-color: #fff;
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.25em; /* 8 4 */
}
.audioplayer-playing .audioplayer-playpause a {
	width: 0.75em; /* 12 */
	height: 0.75em; /* 12 */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.375em 0 0 -0.375em; /* 6 */

}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
	background-color: #fff;
	width: 40%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before {
	left: 0;
}
.audioplayer-playing .audioplayer-playpause a:after {
	right: 0;
}
.audioplayer-time {
	width: 4.375em; /* 70 */
	height: 100%;
	line-height: 2.375em; /* 38 */
	text-align: center;
	z-index: 2;
	top: 0;
}
.audioplayer-time-current {
	border-left: 1px solid #111;
	border-left-color: rgba( 0, 0, 0, .25 );
	left: 2.5em; /* 40 */

}
.audioplayer-time-duration {
	border-right: 1px solid #555;
	border-right-color: rgba( 255, 255, 255, .1 );
	right: 2.5em; /* 40 */

}
.audioplayer-novolume .audioplayer-time-duration {
	border-right: 0;
	right: 0;
}
.audioplayer-bar {
	background-color: #222;
	height: 0.875em; /* 14 */
	cursor: pointer;
	z-index: 1;
	top: 50%;
	right: 6.875em; /* 110 */
	left: 6.875em; /* 110 */
	margin-top: -0.438em; /* 7 */

}
.audioplayer-novolume .audioplayer-bar {
	right: 4.375em; /* 70 */
}
.audioplayer-bar div {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.audioplayer-bar-loaded {
	background-color: #333;
	z-index: 1;

}
.audioplayer-bar-played {
	background: #007fd1;
	background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
	background: -webkit-linear-gradient( left, #007fd1, #c600ff );
	background: -moz-linear-gradient( left, #007fd1, #c600ff );
	background: -ms-radial-gradient( left, #007fd1, #c600ff );
	background: -o-linear-gradient( left, #007fd1, #c600ff );
	background: linear-gradient( left, #007fd1, #c600ff );
	z-index: 2;
}
.audioplayer-volume {
	border-left: 1px solid #111;
	border-left-color: rgba( 0, 0, 0, .25 );
	width: 2.5em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
}
.audioplayer-volume:hover,
.audioplayer-volume:focus {
	background-color: #222;
}
.audioplayer-volume-button {
	width: 100%;
	height: 100%;
}
.audioplayer-volume-button a {
	background-color: #fff;
	width: 0.313em; /* 5 */
	height: 0.375em; /* 6 */
	display: block;
	position: relative;
	z-index: 1;
	top: 40%;
	left: 35%;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
	content: '';
	position: absolute;
}
.audioplayer-volume-button a:before {
	border: 0.5em solid transparent; /* 8 */
	border-right-color: #fff;
	width: 0;
	height: 0;
	border-left: none;
	z-index: 2;
	top: 50%;
	right: -0.25em;
	margin-top: -0.5em; /* 8 */
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
	border: 0.25em double #fff; /* 4 */
	border-width: 0.25em 0.25em 0 0; /* 4 */
	-webkit-border-radius: 0 0.938em 0 0; /* 15 */
	-moz-border-radius: 0 0.938em 0 0; /* 15 */
	border-radius: 0 0.938em 0 0; /* 15 */
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	transform: rotate( 45deg );
	width: 0.313em; /* 5 */
	height: 0.313em; /* 5 */
	border-width: 0.25em 0.25em 0 0; /* 4 */
	left: 0.563em; /* 9 */
	top: -0.063em; /* 1 */
}
.audioplayer-volume-adjust {
	background: #222;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -moz-linear-gradient( top, #444, #222 );
	background: -ms-radial-gradient( top, #444, #222 );
	background: -o-linear-gradient( top, #444, #222 );
	background: linear-gradient( top, #444, #222 );
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	height: 6.25em; /* 100 */
	cursor: default;
	position: absolute;
	left: 0;
	right: -1px;
	top: -9999px;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
	opacity: 0;
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
	top: auto;
	bottom: 100%;
}
.audioplayer-volume-adjust > div {
	background-color: #222;
	width: 40%;
	height: 80%;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 30% auto 0;
}
.audioplayer-volume-adjust div div {
	background: #007fd1;
	background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
	background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
	background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
	background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
	background: -o-linear-gradient( bottom, #007fd1, #c600ff );
	background: linear-gradient( bottom, #007fd1, #c600ff );
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.audioplayer-novolume .audioplayer-volume {
	display: none;
}
.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a {
	-webkit-filter: drop-shadow( 1px 1px 0 #000 );
	-moz-filter: drop-shadow( 1px 1px 0 #000 );
	-ms-filter: drop-shadow( 1px 1px 0 #000 );
	-o-filter: drop-shadow( 1px 1px 0 #000 );
	filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.audioplayer-bar,
.audioplayer-volume-adjust > div {
	-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
	-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
}
.audioplayer-volume-adjust {
	-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
	-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}
/* Media */
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    #carousel-galleryslider .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    #carousel-galleryslider .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    #carousel-galleryslider .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    #carousel-galleryslider .carousel-inner .active + .carousel-item {
        display: block;
    }
    #carousel-galleryslider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel-galleryslider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    #carousel-galleryslider .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #carousel-galleryslider .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carousel-galleryslider .carousel-item-next.carousel-item-left + .carousel-item,
    #carousel-galleryslider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    #carousel-galleryslider .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    #carousel-galleryslider .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carousel-galleryslider .carousel-item-prev.carousel-item-right + .carousel-item,
    #carousel-galleryslider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    #carousel-galleryslider .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-galleryslider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    #carousel-galleryslider .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #carousel-galleryslider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    #carousel-galleryslider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    #carousel-galleryslider .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-galleryslider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    #carousel-galleryslider .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    #carousel-galleryslider .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    #carousel-galleryslider .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.blog-post-title { font-size:20px; }
	.blog-post-meta span { line-height:2; }	
	.blog-post-meta { text-align:center; }
	.metaoutput-box { display:block; }
	.metaoutput-image { float: none; }
	.alert-holder .icon-circle { height: 2.0rem;width: 2.0rem; }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.blog-post-title { font-size:20px; }
	.blog-post-meta span { line-height:2; }	
	.blog-post-meta { text-align:center; }
	.metaoutput-image { float:none !important; }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.blog-post-title { font-size:25px; }
	.blog-post-meta span { line-height:1; }	
	.blog-post-meta { text-align:left; }
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.blog-post-title { font-size:25px; }
	.blog-post-meta span { line-height:1; }	
	.blog-post-meta { text-align:left; }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.blog-post-title { font-size:25px; }
	.blog-post-meta span { line-height:1; }	
	.blog-post-meta { text-align:left; }
}