/*** body ***/
body {
	padding-top: 80px;
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased; 
	font-smoothing: antialiased;
}

/*** grid ***/
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row {
	margin-left: 0;
	margin-right: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}
.pr-3-desktop {
	padding-right: 15px !important;
}
.pl-3-desktop {
	padding-left: 15px !important;	
}
.pr-2-desktop {
	padding-right: 10px !important;
}
.pl-2-desktop {
	padding-left: 10px !important;	
}
.pr-1-desktop {
	padding-right: 7.5px !important;
}
.pl-1-desktop {
	padding-left: 7.5px !important;
}

@media (max-width: 767px) {
	.no-gutters-mobile {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.row.no-gutters-mobile > [class^="col-"],
	.row.no-gutters-mobile > [class*=" col-"] {
		padding-right: 0;
		padding-left: 0;
	}
	.container-fluid-mobile {
		padding-right: 0;
		padding-left: 0;
	}
	.nl-menu {
		display: none;
	}
	.container-2-3 img {
		width: 100%;
		height: auto !important;
		margin: 0 !important;
	}
	.container-2-3 {
	}
	.content-2-3 {
		padding-bottom: 56% !important;
	}
}

.container-2-3 {
	position: relative;
	width: 100%;
}
.content-2-3 {
	position: relative;
	padding-bottom: calc(100% * 3 / 2);
}
.content-2-3 > div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/** hyperlinks **/
a {
	text-decoration: none !important;
	outline: none !important;
}
a.inherit {
	color: inherit !important;
}
a.hover-gray:hover {
	color: gray !important;
}

.opacity50white {
	background: rgba(255,255,255,0.5) !important;
}

.opacity75white {
	background: rgba(255,255,255,0.75) !important;
}

.opacity25white {
	background: rgba(255,255,255,0.25) !important;
}

/** newsletter **/
.newsletter-text{
	background-color: rgba(38,38,38,0.8);
	padding-top:60px;
	padding-bottom:60px;
	text-align: center;
	background: url(/img/newsletter-subscribe.jpg) center top no-repeat;
	border: 1px solid rgba(38,38,38,0.8);
	text-shadow: 0px 0px 10px #000;
	font-weight: bold;
	overflow: hidden;
}

.newsletter-text form {
	box-shadow: 0px 0px 80px 50px rgba(0,0,0,0.7);
	/*width: 50%;*/
	background: rgba(0,0,0,0.7);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.newsletter-text .input-search{
	/*width:40%;*/
	padding:15px;
	color:#333;
	border: 2px solid #bd1220;
	text-align: center;
	min-width: 300px;
} 

.newsletter-text .btn-search{
	background: #bd1220;
	border:none;
	color:#FFF;
	padding: 17px;
}

.newsletter-text h4{
	color: #FFF;
	font-weight: 700;
}

/** loading **/
#loading, #paging, #loadingiframe {
	z-index: 99999;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255,255,255,0.8);
	padding: 30px;
	color: #bd1220;
	font-size: 26px;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 100px;
	text-shadow: 0px 0px 20px #FFF;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	text-transform: uppercase;
}
.spinner:hover{
	cursor: wait;
}
.spinner {
	width: 300px;
	height: 300px;
	margin: 20px auto;
	background-color: #bd1220;
	border-radius: 100%;  
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% {
	-webkit-transform: scale(1.0);
	opacity: 0;
	}
}

@keyframes sk-scaleout {
	0% { 
	-webkit-transform: scale(0);
	transform: scale(0);
	} 100% {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	opacity: 0;
	}
}

/** menu transform **/
.fa-times, .fa-bars {
	transition: transform 0.3s;
}
.rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sponsored {
	color: #808080;
	text-transform: uppercase;
	font-size: 10px;
	display: inline-block;
	margin-left: 10px;
}

/** print **/
.print-only {
	display: none;
}
@media print
{    
	
	.print-only {
		display: block;
		font-size: 20px;
	}
	.hidden-print
	{
		display: none !important;
	}
	.news-view {
		margin-top: 0px !important;	
	}
	@page {
		margin: 2cm;

		@top-center {
			content: element(pageHeader);
		}

		@bottom-center {
			content: element(pageFooter);
		}
	}
}


/** image styles **/
.slider::after {
	box-shadow: inset 0px -400px 200px -300px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0px -400px 200px -300px rgba(0,0,0,0.7);
	-moz-box-shadow: inset 0px -400px 200px -300px rgba(0,0,0,0.7);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.slider-mini::after {
	box-shadow: inset 0px -400px 200px -300px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px -400px 200px -300px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px -400px 200px -300px rgba(0,0,0,0.5);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.slider-newspaper::after {
	box-shadow: inset 0px -200px 100px -150px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0px -200px 100px -150px rgba(0,0,0,0.7);
	-moz-box-shadow: inset 0px -200px 100px -150px rgba(0,0,0,0.7);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.slider-light::after {
	box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.3);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.slider-16-9::after {
	box-shadow: inset 0px -400px 100px -300px rgba(0,0,0,0.9);
	-webkit-box-shadow: inset 0px -400px 100px -300px rgba(0,0,0,0.9);
	-moz-box-shadow: inset 0px -400px 100px -300px rgba(0,0,0,0.9);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

/*** animation styles ***/
figure {
	position: relative;
	cursor: pointer;
}
figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.1);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 150%;
		height: 150%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 150%;
		height: 150%;
		opacity: 0;
	}
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/** hover outline **/
.outline:hover {
	opacity: 0.7;
}

/*** slideshow **/
.slideshow-container {
	margin-top: 18px !important;
}
.owl-dots {
	/*display: none;*/
}
.owl-dots {
	text-align: center;
	margin-top: -10px;
}
.customNav {
	
}
.owl-dot {
	background: gray !important;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin-right: 3px !important;
	margin-left: 3px !important;
}
.owl-dots .active {
	background: #bd1220 !important;
}
.owl-prev, .owl-next {
	border: none !important;
	background: none !important;
	outline: none !important;
	cursor: pointer;
	color: #505050 !important;
	font-weight: 900;
}
.owl-prev {
	margin-right: 70px;
}
.owl-next {
	margin-left: 70px;
}

@media (min-width: 992px) {
	.owl-carousel {
		margin-top: 24px !important;
	}
	.owl-two {
		margin-top: 5px !important;
	}
}

/** double border **/
.double-border,
.double-border:before {
	border-style: solid;
	border-color: #000; 
	/*border-image: linear-gradient(30deg, #000 0%, #d0a987 50%, #000 100%);*/
	border-image-slice: 1;
}
.double-border {
	position: relative;
	border-width: 1px;
}
.double-border:before {
	content: " ";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	border-width: 3px;
}

/** lists **/
.ul-list {
	list-style-type: square;
	padding-left: 20px;
	margin-left: 0px;
}
.ul-list li {
	min-height: /*65px*/55px; 
	height: /*65px*/55px;    
	line-height: 20px;
    
	color: #bd1220;
	padding: 6px 0px 7px 0px;
	border-bottom: 1px solid #E0E0E0;
	text-indent: 10px !important;
}
.ul-list-dates li {
	min-height: 77px; 
	height: 77px;    
}
.ul-list li a {
	color: #505050 !important;
}
.ul-list li a:hover {
	color: #000000 !important;
	cursor: pointer !important;
	
}
.ul-list li:last-child {
	border-bottom: none;
}
.ul-list li>span {
	font-size: 14px;
	color: #000;
}
.comments > .ul-list {
	columns: 1; 
	-webkit-columns: 1; 
	-moz-columns: 1;
}
.ul-list li span {
	display: inline-block;  
	vertical-align: middle;     
}

.ul-list li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;       
}

.ul-list-2 {
	list-style-type: square;
	padding-left: 20px;
	margin-left: 0px;
}
.ul-list-2 li {
	color: #bd1220;
	padding: 6px 0px 7px 0px;
	border-bottom: 1px solid #E0E0E0;
	text-indent: 10px !important;
}

.ul-list-2 li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;       
}

.ul-list-2 li a {
	color: #505050 !important;
}
.ul-list-2 li a:hover {
	color: #000000 !important;
	cursor: pointer !important;
	
}
.ul-list-2 li:last-child {
	border-bottom: none;
}
.ul-list-2 li>span {
	font-size: 14px;
	color: #000;
}
.archive {
	margin-bottom: 10px !important;
}
.comments > .ul-list-2 {
	columns: 1; 
	-webkit-columns: 1; 
	-moz-columns: 1;
}
.media-list:before {
	content: '■'; 
	color: #bd1220;
	margin-right: 10px;
	font-size: 10px;
	vertical-align: middle;
}
.media-list {
	min-height: 65px;
	/*height: 65px;*/
	line-height: 20px;
	color: #bd1220;
	padding: 6px 0px 7px 0px;
	border-bottom: 1px solid #E0E0E0;
	/*text-indent: 10px !important;*/
}


/*** main nav menu **/ 
.navbar-custom {
	background-color: /*#F5F5F5*/#FFF;
	font-weight: 300;
	border-bottom: 1px solid #E0E0E0;
}
.navbar-custom .navbar-brand, .navbar-custom .navbar-text {
	color: rgba(255, 255, 255, .8);
}
.navbar-custom .navbar-nav .nav-link {
	color: /*#505050*/#000 !important;
}
.navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link {
	color: #505050 !important;
	/*background-color: #178b3a;*/
	/*border-top: 3px solid #178b3a;*/
	/*box-shadow: 0px 3px 0px 0px #178b3a inset;
	-webkit-box-shadow: 0px 3px 0px 0px #178b3a inset;*/
}
.navbar-custom .navbar-nav .nav-link {
	padding: /*13px*/5px 7px 5px 7px;
	line-height: 100%;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
}
.navbar-dark .navbar-toggler {
	color: rgba(255,255,255,.5);
	border: none !important;
	outline: none;
}
.navbar-toggler {
	/*border-color: rgb(0,128,0) !important;*/
	border-radius: 0px !important;
}
/*.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,128,0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important; 
}*/
.navbar-toggler {
	margin-right: -5px;
}
.navbar-toggler span {
	display: block;
	background-color: #444;
	height: 3px;
	width: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
	margin-top: 0px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
	height: 12px;
	visibility: hidden;
	background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
	margin-top: -22px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	opacity: 0.9;
}
 
#navbarResponsive li.active a {
	font-weight: 900 !important;
}

#navbarResponsive li a {
	font-weight: 500 !important;
} 
 
/*** up-nav ***/
.up-nav {
	position: fixed;
	top: /*50px*/80px;
	height: 30px;
	line-height: 30px;
	background-color: /*#F8F8F8*/#FFF;
	width: 100%;
	z-index: 9;
	border-bottom: 1px solid rgba(224,224,224,0.5);
}
.up-nav > .container {
	text-align: justify;
}
.up-nav a.default-buttons {
	color: #202020 !important;
	padding-right: 10px;
	float: right;
	text-align: right;
}

.up-nav a.default-buttons-left {
	color: #202020 !important;
	padding-right: 10px;
	float: left;
	text-align: left;
	font-weight: 100;
}

.up-nav a.account-buttons {
	color: #202020 !important;
	text-align: left;
	float: left;
	font-weight: 100;
}

/*** imput styles **/
form.standard input, input[type=submit], button[type=submit] {
	border-radius: 0px;
}
form.standard input::placeholder { 
	color: #BEBEBE;
	font-size: 12px;
}
form.standard input::-ms-input-placeholder { 
    	color: #BEBEBE;
	font-size: 12px;
}
form.standard input::-ms-input-placeholder { 
    	color: #BEBEBE;
	font-size: 12px;
}
.login-register {
	border-radius: 0;
}
.login-register .form-links {
	line-height: 100%
}


ul.morePanelList {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}

ul.morePanelList li {
	padding-left: 1em; 
	text-indent: -.7em;
}

ul.morePanelList li::before {
	content: "• ";
	color: red;
}

ul.morePanelList li {
	list-style-type: none;
}
ul.morePanelList li a:hover {
	font-weight: bold;
}
ul.morePanelList {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.newspaper-prev img {
	width: 100% !important;
}

/*** ads styles **/
.ads-box {
	margin-bottom: /*15px*/5px;
}
.g-ads {
	margin-top: 27px;
	/*padding-left: 15px;*/
	padding-right: 0px;
}
.top-ad {
	margin-top: /*30px*/55px;
}
.top-ad-box {
		margin-top: /*40px*/ 65px !important;
		margin-bottom: 25px;
}
.ads-head {
	position: relative;
	top: 0px;
	padding-top: 0px;
	padding-right: 5px;
}

/** google ads **/
.adsbygoogle-container {
		overflow: hidden !important;
}

/*** media queries ***/
@media (max-width: 767px) {
	.news-pt-0-mobile {
		padding-top: 0px !important;
	}
	.top-ad {
		margin-top: 5px;
		margin-bottom: 25px;
	}
	.top-ad-box {
		margin-top: 15px !important;
		margin-bottom: 25px;
	}
	.top-ad-box2 {
		margin-top: 25px !important;
	}
	.searchbox-input {
		font-size: 10px !important;
	}
	.searchbox {
		position: relative;
		right: 0px;
		bottom: 0px !important;
		margin-bottom: 15px;
		margin-right: 0px;
	}
	.searchbox-submit {
		height: 40px !important;	
	}
	.up-nav {
		padding-right: 15px;	
		padding-left: 15px;	
	}
	.navbar-custom .navbar-brand img {
		/*max-height: 40px;*/
	}
	form.standard input, input[type=submit], button[type=submit] {
		margin-top: 10px;
	}
	.login-register .form-links {
		text-align: left !important;
	}
	.newspaper-prev {
		margin-bottom: 10px;
	}
	.comments > .ul-list, .ul-list-2 {
		columns: 1 !important; 
		-webkit-columns: 1 !important; 
		-moz-columns: 1 !important;
	}
	.g-ads {
		margin-top: 20px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.pr-3-desktop {
		padding-right: 0px !important;
	}
	.pl-3-desktop {
		padding-left: 0px !important;
	}
	.pl-1-desktop {
		padding-left: 0px !important;
	}
	.pr-1-desktop {
		padding-right: 0px !important;
	}
	.pt-3-mobile {
		padding-top: 15px !important;
	}
	.list30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
	}
	.list15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
		
	}
	.pb-1-mobile {
	padding-bottom: 5px !important;	
	}
	.subppage-view {
		text-align: left;
	}
	.newsletter-text form input {
		display: block !important;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	form.standard input, input[type=submit], button[type=submit] {
		margin-top: 10px;
	}
}

/*** search ***/
@media (min-width: 768px) {
	.searchbox {
		position: relative;
		right: 0px;
		top: 0px;
		min-width: 50px;
		width: 0%;
		/*margin-right: -45px;*/
		height: /*50px*/80px;
		float: right;
		overflow: hidden;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		-ms-transition: width 0.3s;
		-o-transition: width 0.3s;
		transition: width 0.3s;
	}
	.no-desktop {
		display: none;
	}
	.owl-dots {
		display: none;
	}
}

.searchbox-input {
	top: 0;
	right: 0;
	border: 0;
	outline: 0;
	background: #dcddd8;
	width: 100%;
	height: /*50px*/80px;
	margin: 0;
	padding: 0px 20px 0px 20px;
	font-size: 16px;
	color: red;
	background-color: /*rgb(246, 246, 246)*/#FFF !important;
}
.searchbox-input::-webkit-input-placeholder {
	color: #d74b4b;
	opacity: 0.7;
}
.searchbox-input:-moz-placeholder {
	color: #d74b4b;
	opacity: 0.7;
}
.searchbox-input::-moz-placeholder {
	color: #d74b4b;
	opacity: 0.7;
}
.searchbox-input:-ms-input-placeholder {
	color: #d74b4b;
	opacity: 0.7;
}
.searchbox-icon, .searchbox-submit {
	width: 50px;
	height: /*50px*/80px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	font-weight: bold;
	right: 0;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	line-height: /*50px*/80px;
	text-align: center;
	cursor: pointer;
	color: #000;
	background: #FFFFFF;
}
.searchbox-open {
	width: /*700px*/100%;
	position: absolute;
	right: 0px;
}
.byline {
	position: absolute;
	top: 150px;
	left: 30%;
	text-align: center;
	font-size: 18px;
}
.byline a {
	text-decoration: none;
	color: #d74b4b;
}


.bg-black {
	background: #999 none repeat scroll 0 0;
	display: inline-block;
	padding: 3% 2%;
	width: 100%;
}

/*** marquee ***/
.marquee {
	width: 700px;
	max-width: 100%;
	height: 40px;
	overflow: hidden;
	position: relative;
}
.marquee a {
	color: #000;
}
.marquee div {
	position: absolute;
	width: 100%;
	height: 40px;
	margin: 0;
	line-height: 40px;
	text-align: left;
	transform: translateX(100%);
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
@media (max-width: 768px) {
	* {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
		-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
		outline: none !important;
	} 
	.slideshow-container {
		margin-top: 38px !important;
	}
	.marquee {
		font-size: 12px;
		width: 300px;
		margin-top: 0px !important;
		float: none;
		display: block;
		height: 45px;
		padding-left: /*15px*/;
		padding-top: 3px;
	}
	.marquee div {
		line-height: 16px;
	}
	.marquee-intro {
		float: none;
		display: block;
		width: 100%;
	}
	#navbarResponsive {
		margin-top: 15px;
	}
	.owl-controls {
		/*display: none;*/
	}
	.no-mobile {
		display: none !important;
	}
	.zusSearchInput {
		float: left !important;
		margin-left: 0px !important;
	}
	.mobile-50 {
		height: 50px !important;
		min-height: 50px !important;
	}
	.mobile-auto {
		height: auto !important;
		/*min-height: 50px !important;*/
	}
	.mobile-break {
		display: block !important;
	}
	.searchbox-submit {
		line-height: 60px !important;
	}
}
.marquee.up div {
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.marquee.up div:nth-child(1) {
	animation: up-one 7s ease infinite;
	-moz-animation: up-one 7s ease infinite;
	-webkit-animation: up-one 7s ease infinite;
}
.marquee.up div:nth-child(2) {
	animation: up-two 7s ease infinite;
	-moz-animation: up-two 7s ease infinite;
	-webkit-animation: up-two 7s ease infinite;
}
@-moz-keyframes up-one {
	0% {
		-moz-transform: translateY(100%);
	}
	10% {
		-moz-transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(0);
	}
	50% {
		-moz-transform: translateY(-100%);
	}
	100% {
		-moz-transform: translateY(-100%);
	}
}
@-moz-keyframes up-two {
	0% {
		-moz-transform: translateY(100%);
	}
	50% {
		-moz-transform: translateY(100%);
	}
	60% {
		-moz-transform: translateY(0);
	}
	90% {
		-moz-transform: translateY(0);
	}
	100% {
		-moz-transform: translateY(-100%);
	}
}
@-webkit-keyframes up-one {
	0% {
		-webkit-transform: translateY(100%);
	}
	10% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(-100%);
	}
}
@-webkit-keyframes up-two {
	0% {
		-webkit-transform: translateY(100%);
	}
	50% {
		-webkit-transform: translateY(100%);
	}
	60% {
		-webkit-transform: translateY(0);
	}
	90% {
		-webkit-transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-100%);
	}
}

/*** media queries ***/
@media (min-width: 992px) {
	body {
		padding-top: 56px;
	}
	.marquee-wrapper {
		margin-top: 24px !important;
	}
	ul.main-nav {
		align-items: center;
		text-align: center !important;
	}
}

@media (max-width: 768px) {
	.slider-title {
		font-size: 16px !important;
	}
	.container {
		padding: 0 !important;
	}
}

/*** footer styles ***/
/* footer buttons */
.btns {
	display: inline-block;
	float: right;
}
.author {
	display: inline-block;
	float: left;
}
.btns i {
	padding: 0px 5px 0px 0px;
	font-size: 18px;
}
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: none;
	background-color: #bd1220;
	color: #fff !important;
	z-index: 10;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
.back-to-top span:hover, .back-to-top a:hover {
	color: #202020 !important;
	text-decoration: none;
	box-shadow: 0px 0px 10px rgba(255,255,255,0.7) !important;
	-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.7) !important;
}
.cookie-message {
	text-transform: uppercase;
	padding: 5px;
	font-size: 10px;
	line-height: 10px;
}



@media (max-width: 768px) {
	h1 {
		font-size: 1.5rem !important;
	}
	p.h1 {
		font-size: 1.5rem !important;
	}
	h3 {
		font-size: 1.3rem !important;
	}
	.back-to-top {
		bottom: 80px;
	}
	.cookiealertbox {
		width: 100% !important;
	}
	.btns {
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.cookie-message {
		font-size: 7px;
		line-height: 11px;
		bottom: 0px;
		position: relative;
	}
	.cookie-message button {
		line-height: 10px !important;
	}
	.author {
		/*text-align: center;*/
		font-size: 10px;
	}
}
.footer {
	font-size: 12px;
	margin-bottom: 0px;
}
.footer-copyrights-socials {
	color: #FFF;
	text-align: right;
}
.footer-copyrights-socials a {
	color: #FFF;
}
.footer-copyrights-author {
	text-align: left;
	text-transform: uppercase;
}
.footer-copyrights-author a {
	color: #fff !important;
	font-weight: bold;
}

/*** tags buttons **/
@media (max-width: 768px) {
	.tags {
		margin-bottom: 15px !important;
		height: auto !important;
	}
	.p-3-mobile {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 15px !important;
	}
}
.tags-buttons {
	margin-top: 10px;
}

.tags-buttons div {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 23px;
	margin: 0 10px 10px 0;
	float: left;
	overflow: hidden;
}
.tags-buttons .tags {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.tags-buttons .tags li {
	float: left;
	margin-bottom: 2.0px;
	padding-bottom: 0px;
}
.tags-buttons .tag {
	cursor: pointer;
	background: #808080;
	border-radius: 3px 0 0 3px;
	color: #fff !important;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 23px;
	position: relative;
	margin: 1px 10px 5px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
}
.tags-buttons .tag::before {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	content: '';
	height: 6px;
	left: 10px;
	position: absolute;
	width: 6px;
	top: 10px;
}
.tags-buttons .tag::after {
	background: #fff;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #808080;
	border-top: 13px solid transparent;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
}
.tags-buttons .tag:hover {
	background-color: #bd1220;
	color: #fff;
}
.tags-buttons .tag:hover::after {
	border-left-color: #bd1220;
}

/*** pagination number ***/
.pagination {
	display: block !important;
	width: 100%;
	max-width: 100%;
}
.pagination li {
	display: inline-block !important;
	float: left !important;
	margin-bottom: 5px;
}

.pagination-number {
	display: inline-block;
	background-color: lightgray;
	padding: 2px 10px;
	margin-right: 5px;
	border-radius: 3px;

}
a .pagination-number {
	color: #808080;
}

/*** letter switch ***/
.letter-switch a {
	color: #505050 !important;
}

/** links **/
a.link {
	color: #505050 !important;
}
a.link-black {
	color: #000 !important;
}
a.link:hover {
	color: #000000 !important;
	cursor: pointer !important;
	
}
a.active {
	color: #FF0000 !important;
	background-color: #FFF;
	border: 1px solid #FF0000;
	font-weight: bold;
}

/*** sitemap ***/
.sitemap {
	padding: /*13px*/5px 5px 5px 5px;
	/*line-height: 120%;*/
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 100;
	color: #000;
}
.sitemap .headpiece {
	padding-bottom: 10px;
}
.sitemap a {
	color: #000;
}
.sitemap a:hover {
	font-weight: 700;
}

.infos {
	font-weight: 100;
	margin-right: 10px;
}

.news-view {
	margin-top:35px !important;
}

.news-view .title-news {
	/*border-bottom: 1px solid rgba(255,0,0,0.5);*/ padding: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 15px 0px; font-weight: 900; font-size: 36px; text-transform: uppercase;
}
.news-view .title-news-small {
	font-size: 16px !important;
	margin: 0px 0px 5px 0px !important;
}

@media (max-width: 768px) {
	.news-view .title-news {
		/*border-bottom: 1px solid rgba(255,0,0,0.5);*/ padding: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 15px 0px; font-weight: 900; font-size: 22px; text-transform: uppercase;
	}
	.news-view .author {
		font-size: 10px;
		line-height: 110%;
	}
	.news-view .photo-container {
		margin-left: -15px;
		margin-right: -15px;
	}
	.news-view .image-captions {
		position: absolute; 
		bottom: 0px !important; 
		left: 9px !important;
	}
	.news-view .photo-author {
		font-size: 9px;
	}
	.news-view #video-container {
		position: relative !important;
	}
	.news-view .news-body-container img {
		max-width: 100% !important;
		height: auto !important;
	}	
}

@media (min-width: 992px) {
	.news-view #video-container {
		position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 80px;
	}
	.close-link {
		display: none !important;
	}
	.mobile-trigger-title {
		display: none !important;
	}
}
@media (max-width: 991px) {
	.more-nav { 
		padding-left: 0px !important;
		margin-top: -8px;
	}
	.more-trigger {
		position: fixed;
		top: 50px;
		right: 50px;
		z-index: 99999999;
	}
	.mobile-trigger-title {
		position: relative;
		top: -3px;
		text-transform: lowercase;
	}
	#morePanel {
		z-index: 99999 !important;
		top: 50px !important;
	}
}

.gallery-container {
		margin-bottom: 25px !important;
		margin-left: -5px !important;
		margin-right: -5px !important;
	}

/** custom video **/
.embed-responsive-16by9-60::before {
    padding-top: 60.00% !important;
}
	
/** comments **/
.comment-section {
	list-style: none;
	max-width: 800px;
	width: 100%;
	margin: 50px auto;
	padding: 10px;
}
.comment {
	display: flex;
	border-radius: 3px;
	margin-bottom: 45px;
	flex-wrap: wrap;
}
.comment.user-comment {
	color: #808080;
}
.comment.author-comment {
	color: #60686d;
	justify-content: flex-end;
}
/* User and time info */

.comment .info {
	width: 17%;
}
.comment.user-comment .info {
	text-align: right;
}
.comment.author-comment .info {
	order: 3;
}
.comment .info a {
	/* User name */
	display: block;
	text-decoration: none;
	color: #656c71;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: /*10px 0 3px 0;*/5px 0px 2px 0px;
}
.comment .info span {
	/* Time */
	font-size: 11px;
	color: #9ca7af;
}
/* The user avatar */

.comment .avatar {
	width: 8%;
}
.comment.user-comment .avatar {
	padding: 10px 18px 0 3px;
}
.comment.author-comment .avatar {
	order: 2;
	padding: 10px 3px 0 18px;
}
.comment .avatar img {
	display: block;
	border-radius: 50%;
}
.comment.user-comment .avatar img {
	float: right;
}
/* The comment text */

.comment p {
	line-height: 1.5;
	padding: 18px 22px;
	width: 50%;
	position: relative;
	word-wrap: break-word;
	font-size: 12px;
}
.comment.user-comment p {
	background-color: #f3f3f3;
}
.comment.author-comment p {
	background-color: #e2f8ff;
	order: 1;
}
.user-comment p:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 2px solid #f3f3f3;
	left: -8px;
	top: 18px;
}
.author-comment p:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 2px solid #e2f8ff;
	right: -8px;
	top: 18px;
}
/* Comment form */

.write-new {
	margin: /*80px*/20px auto 0;
	padding-bottom: 20px;
	width: /*50%;*/
}
.write-new textarea {
	color: #444;
	font: inherit;
	outline: 0;
	border-radius: 3px;
	border: 1px solid #cecece;
	background-color: #fefefe;
	box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.06);
	overflow: auto;
	width: 100%;
	font-size: 12px;
	min-height: 100px;
	padding: 15px 20px;
}
.write-new img {
	border-radius: 50%;
	margin-top: 15px;
}
.write-new button {
	float: right;
	/*background-color: #87bae1;
	box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	border: 0;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 25px;*/
	margin-top: 20px;
}
textarea.comment-body::placeholder {
	font-size: 12px !important;
	color: gray !important;
	
}
.comment-signature::placeholder {
	font-size: 11px;
	color: gray;
	
}
.status {
	color: gray;
	font-size: 10px;
}
.user-status {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: orange;
}
.user-progress {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
}
.progress {
	width: 100%;
	border: 1px solid orange;
	font-size: 9px;
	color: #000;
	border-radius: 0px;
}
.progress-bar {
	border: 1px solid orange;
	background-color: orange;
	color: #000;
}

.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .8s;
}
@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
.count {
	color: orange;
	font-size: 9px;
	display: inline-block;
}
.percent {
	color: orange;
	font-size: 9px;
	display: inline-block;
	font-weight: bold;
}

.checked {
    color: orange;
}

/* Responsive styles */

@media (max-width: 800px) {
	/* Make the paragraph in the comments take up the whole width,
    forcing the avatar and user info to wrap to the next line*/
	.comment {
		margin-bottom: 20px;
	}
	.login-required {
		padding-top: 5px !important;	
	}
	.comment p {
		width: 100%;
	}
	/* Reverse the order of elements in the user comments,
    so that the avatar and info appear after the text. */
	.comment.user-comment .info {
		order: 3;
		text-align: left;
	}
	.comment.user-comment .avatar {
		order: 2;
	}
	.comment.user-comment p {
		order: 1;
	}
	/* Align toward the beginning of the container (to the left)
    all the elements inside the author comments. */
	.comment.author-comment {
		justify-content: flex-start;
	}
	.comment-section {
		margin-top: 10px;
	}
	.comment .info {
		width: auto;
	}
	.comment .info a {
		padding-top: 15px;
	}
	.comment.user-comment .avatar, .comment.author-comment .avatar {
		padding: 15px 10px 0 18px;
		width: auto;
	}
	.comment.user-comment p:after, .comment.author-comment p:after {
		width: 12px;
		height: 12px;
		top: initial;
		left: 28px;
		bottom: -6px;
	}
	.write-new {
		width: 100%;
	}
}

.time {
	position: absolute;
	left: -100px;
	font-size: 18px;
	text-transform: uppercase;
	color: gray;
	text-align: center;
}
.timeline-wrapper {
	padding-left: 60px;
	/*min-width: 400px;*/
	font-size: 14px;
	/*border: 1px solid #CCC;*/
}
.timeline-wrapper .category {
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	top: -3px;
	/*background: lightgray;*/
	color: #000;
	padding: 3px;
	text-align: center;
}
.StepProgress {
	position: relative;
	padding-left: 45px;
	list-style: none;
}
.StepProgress::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	width: 10px;
	height: 100%;
	border-left: 2px solid #CCC;
}
.StepProgress-item {
	position: relative;
	counter-increment: list;
}
.StepProgress-item:not(:last-child) {
	padding-bottom: 17px;
}
.StepProgress-item::before {
	display: inline-block;
	content: '';
	position: absolute;
	left: -30px;
	height: 100%;
	width: 10px;
}
.StepProgress-item::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -35px;
	width: 12px;
	height: 12px;
	border: 2px solid #CCC;
	border-radius: 50%;
	background-color: #FFF;
}
.StepProgress-item.is-done::before {
	border-left: 2px solid green;
}
.StepProgress-item.is-done::after {
	/*content: "?";*/
	font-size: 10px;
	color: #FFF;
	text-align: center;
	border: 2px solid green;
	background-color: green;
}
.StepProgress-item.current::before {
	border-left: 2px solid green;
}
.StepProgress-item.current::after {
	content: counter(list);
	padding-top: 1px;
	width: 19px;
	height: 18px;
	top: -4px;
	left: -40px;
	font-size: 14px;
	text-align: center;
	color: green;
	border: 2px solid green;
	background-color: white;
}
.StepProgress strong {
	display: block;
}
.timeline-title {
	min-height: 45px;
	border: 0px solid red;
}