@font-face {
  font-family: 'Roboto Condensed';
    src: url('/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('/fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
margin:0 ! important;
}
body,td,th {	
font-family: "Roboto Condensed";
font-size: 18px;
color: #333;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}

ul {
	padding: 0;
	margin: 0;
	outline: 0;
}

li {
	padding: 0;
	margin: 0;
	outline: 0;
}

.cookie_banner {
    position: fixed;
    z-index:999;
    left: 20px;
    bottom: 20px;
}

.grey_11 {

	font-family: 'Roboto Condensed';

	font-size: 13px;

	color: #333333;

}

.grey_12 {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #333333;

}

.grey_14 {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #333333;

}

.grey_16 {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #333333;

}


.black_11 {

	font-family: 'Roboto Condensed';

	font-size: 13px;

	color: #333333;

}

.black_12 {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #333333;
	font-weight: 600;

}

.black_14 {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #333333;

}

.black_16 {

	font-family: 'Roboto Condensed';

	font-size: 18px;

	color: #333333;

}


.white_11 {

	font-family: 'Roboto Condensed';

	font-size: 13px;

	color: #FFFFFF;

}

.white_12 {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #FFFFFF;

}

.white_14 {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #FFFFFF;

}

.white_16 {

	font-family: 'Roboto Condensed';

	font-size: 18px;

	color: #FFFFFF;

}

.red_11 {

	font-family: 'Roboto Condensed';

	font-size: 13px;	color: #E61211;

}

.red_12 {

	font-family: 'Roboto Condensed';

	font-size: 14px;	color: #E61211;

}

.red_14 {

	font-family: 'Roboto Condensed';

	font-size: 16px;	color: #E61211;

}

.red_16 {

	font-family: 'Roboto Condensed';

	font-size: 18px;	color: #E61211;

}



.orange_11 {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 13px;

}

.orange_12 {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 14px;

}

.orange_14 {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 16px;

}

.orange_16 {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 18px;

}

.promo_text {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #333333;

	text-decoration: line-through;

}



.border_grey a {

	border: 2px solid #CCCCCC;

}









.grey_11 a {

	font-family: 'Roboto Condensed';

	font-size: 13px;

	color: #333333;

}

.grey_12 a {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #333333;

}

.grey_14 a {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #333333;

}

.grey_16 a {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #333333;

}





.white_11 a {

	font-family: 'Roboto Condensed';

	font-size: 13px;

	color: #FFFFFF;

}

.white_12 a {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #FFFFFF;

}

.white_14 a {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #FFFFFF;

}

.white_16 a {

	font-family: 'Roboto Condensed';

	font-size: 18px;

	color: #FFFFFF;

}

.red_11 a {

	font-family: 'Roboto Condensed';

	font-size: 13px;	color: #E61211;

}

.red_12 a {

	font-family: 'Roboto Condensed';

	font-size: 14px;	color: #E61211;

}

.red_14 a {

	font-family: 'Roboto Condensed';

	font-size: 16px;	color: #E61211;

}

.red_16 a {

	font-family: 'Roboto Condensed';

	font-size: 18px;	color: #E61211;

}



.orange_11 a {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 13px;

}

.orange_12 a {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 14px;

}

.orange_14 a {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 16px;

}

.orange_16 a {

	color: #FF6600;

	font-family: 'Roboto Condensed';

	font-size: 18px;

}

.promo_text a {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #333333;

	text-decoration: line-through;

}

.black_11 a {

	font-family: 'Roboto Condensed';

	font-size: 13px;

	color: #333333;

}

.black_12 a {

	font-family: 'Roboto Condensed';

	font-size: 14px;

	color: #333333;

}

.black_14 a {

	font-family: 'Roboto Condensed';

	font-size: 16px;

	color: #333333;

}

.black_16 a {

	font-family: 'Roboto Condensed';

	font-size: 18px;

	color: #333333;

}
.button_1 {
	background-color: #BF0508;
	color: #fff;
	font-family: 'Roboto Condensed';
	padding:10px;
	border: 1px solid #BF0508;
	border-radius: 5px;
	font-size: 18px;
	}
.paging {
	padding: 5px 10px;
  border: 1px solid red;
  margin: 5px 2px;
  border-radius: 4px;
  min-height:40px
}
.paging:hover {
	padding: 5px 10px;
  border: 1px solid red;
  margin: 5px 2px;
  border-radius: 4px;
  background-color: red;
  color:#FFFFFF;
  min-height:40px
}
.paging_active {
	padding: 5px 10px;
  border: 1px solid red;
  margin: 5px 2px;
  border-radius: 4px;
  background-color: red;
  color:#FFFFFF;
 min-height:40px
}


/* Preloader **********************************************************************************************************/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

/* Spinner animation */
.spinner {
	width: 50px;
	height: 50px;
	border: 5px solid #ccc;
	border-top-color: #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

/* Spinner keyframes */
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Page content starts hidden */
#page {
	opacity: 0;
	transition: opacity 0.3s ease-in; /* Fade-in transition */
}