@charset "utf-8";

.w1p {width:1%;}
.w10p {width:10%;}
.w15p {width:15%;}
.w20p {width:20%;}
.w30p {width:30%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w100p {width:100%;}
.w1 {width:1px;}
.w5 {width:5px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w50 {width:100%; max-width:50px !important;}
.w80 {width:100%; max-width:80px !important;}
.w100 {width:100%; max-width:100px !important;}
.w150 {width:100%; max-width:150px !important;}
.w200 {width:100%; max-width:200px !important;}
.w300 {width:100%; max-width:300px !important;}
.w400 {width:100%; max-width:400px !important;}
.w500 {width:100%; max-width:500px !important;}
.w600 {width:100%; max-width:600px !important;}

img {max-width:100%; height:auto; -ms-interpolation-mode:bicubic;}

#online {text-align:right; padding:5px 0;}
#online a:last-child {color:#550000; padding-left:10px;}
div.buttontab {text-align:right; padding-top:20px; margin-bottom:10px;}
.introbox {margin-bottom:30px;}

.attachments div {border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-top:30px; margin-bottom:10px;}
.attachments div:before {font-family:FontAwesome; content:'\f0c6'; color:#217346; font-size:23px; font-style:normal; padding-right:10px;}
.attachments ul {list-style-type:none;}
.attachments a {padding:3px 0;}
.attachments i:before {margin-right:15px;}
.file:before {font-size:17px; font-family:FontAwesome; font-style:normal; padding-right:10px;}
.file.xls:before,
.file.xlsx:before {content:'\f1c3'; color:#217346;}
.file.doc:before,
.file.docx:before {content:'\f1c2'; color:#2b579a;}
.file.ppt:before,
.file.pptx:before {content:'\f1c4'; color:#b7472a;}
.file.pdf:before {content:'\f1c1'; color:#d40000;}

footer .file.pdf:before {content:'\f1c1'; color:#f0f0f0;}

/**************** MENUS ****************/

.chars {margin-bottom:20px;}
.chars li {float:left; width:47.1px; text-align:center; margin:0 1px 1px 0;}
.chars li a {display:block; line-height:31px;}
.chars li a:hover {text-decoration:none;}

/******************* NEWSBOXES *********************/

.widget-full.article-boxes {
  background-color: #f0f0f0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 45px 0 25px 0;
}
.article-box {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.article-box a * {
  color: #555;
}
.article-box .art-box-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.article-box .img-helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-box .img {
  max-width: 100%;
  text-align: center;
}
.article-box .content {
  background-color: #fff;
  line-height: 20px;
  height: 105px;
  margin: 0;
}
.article-box .content p {
  height: 98px;
  line-height: 18px;
  overflow: hidden;
  padding: 10px;
}
.article-box .content p span:first-child {
  display: block;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 15px;
}
.article-box .content p span:last-child {
  padding-right: 70px;
}
.article-box .readmore {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 60px;
  display: block;
  font-style: normal;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  border: 0;
  background-color: #666;
}
.article-box:hover .readmore {
  background-color: #000;
  transition: all 0.2s;
}
.bigbox .article-box {
  background-color: #000;
}
.bigbox .article-box a * {
  color: #fff;
}
.bigbox .article-box .content {
  height: 90px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.bigbox .article-box .content p {
  height: 80px;
}
.bigbox .article-box:hover .content {
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.5s;
}
.bigbox .article-box .readmore {
  display: none;
}
@media (max-width: 1199px) {
  .bigbox .article-box {
    background-color: #fff;
  }
  .bigbox .article-box a * {
    color: #555;
  }
  .bigbox .article-box .content p {
    height: 98px;
  }
  .bigbox .article-box .content {
    height: 105px;
    color: #555;
    background-color: #fff;
    position: relative;
  }
  .bigbox .article-box:hover .content {
    background-color: #fff;
    transition: all 0;
  }
  .bigbox .article-box .readmore {
    display: block;
  }
}

.article-line {font-size:13px; padding-bottom:5px; margin:0;}
.newsarch-year {width:30%; float:left;}
.newsarch-year select {width:80px;}
.newsarch-search {width:70%; float:right;}
.newsarch-search div input[type=text] {width:78%; float:left;}
.newsarch-search div input[type=submit] {width:20%; float:right; height:46px; line-height:46px; padding:0;}

/***************************************
			TABLES
***************************************/

.list-top {margin-bottom:15px;}

table {border-spacing:0; border-collapse:separate; margin-bottom:20px;}
table th,
table td {display:table-cell; vertical-align:top; padding:0;}
table td.icon {width:1%; white-space:nowrap; text-align:center;}

table th {font-weight:normal; padding:6px;}
table td {border-spacing:0; padding:4px 6px;}
table td.heading,
table tr.heading td {font-weight:bold; text-transform:uppercase; padding:18px 6px 3px 6px;}

table.no-margin {margin-bottom:0;}

table.tList {width:100%;}
table.tList th {font-weight:600; padding:5px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
table.tList td {border-spacing:0; border-bottom:1px solid #e0e0e0; padding:5px;}
table.tList tbody tr:hover {background-color:rgba(100,100,100,0.1); transition:all 0.2s;}
table.tList tr.heading:hover {background-color:transparent;}

.divider-heading {font-weight:600; text-transform:uppercase; background-color:#f0f0f0; padding:5px 10px;}

table.normal {width:100%; margin-bottom:20px;}
table.normal th {font-weight:600; padding:6px; border-bottom:1px solid #000;}
table.normal td {border-spacing:0; padding:4px 6px;}
table.normal td a {font-weight:500;}

table.bordered td {border-bottom:1px solid #e0e0e0;}

table#cart td {padding:8px 6px;}

table.value-pair td {padding:3px;}
table.value-pair td:first-child {font-weight:500;}

table.form td {border-spacing:0; padding:5px;}

table.full {width:100%;}

table.minor {margin-bottom:20px;}
table.minor th {font-weight:500; padding:9px 5px;}
table.minor td {font-size:13px; line-height:17px; vertical-align:middle; padding:5px;}
table.minor td.date {padding-right:10px;text-align:right; white-space:nowrap;}

table.small {width:100%; margin-bottom:20px;}
table.small th {cfont-weight:500; padding:3px;}
table.small td {font-size:13px; line-height:15px; padding-bottom:3px;}
table.small td div,
table.small td div a {font-size:12px; line-height:15px; font-weight:normal; padding-top:2px;}
table.small td.date {padding-right:10px;text-align:right; white-space:nowrap;}
table.small td.nowrap {white-space:nowrap;}

table.contact {margin-bottom:0;}
table.contact td {border-bottom:1px solid #e0e0e0; padding:6px 0;}
table.contact td:first-child {width:1%; white-space:nowrap; padding-right:10px;}

table.full {width:100%;}
table.border {
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	margin:25px 0;
}
table.border th,
table.border td {vertical-align:top; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:5px 11px;}
table.alternate tr:nth-child(even) {background-color:#f5f5f5;}

@media only screen and (max-width: 991px) {
	table {width:100%;}
	table.border th,
	table.border td {padding:2px 5px;}
}

/***************************************
			CALENDAR
***************************************/

.calendar .heading {position:relative; padding:3px 0;}
.calendar .month {text-align:center; text-transform:uppercase;}
.calendar a:hover {text-decoration:none;}
.calendar table {width:100%;}
.calendar table th {text-transform:uppercase; width:12.28%; font-weight:normal; text-align:center;}
.calendar table th.week {width:7%;}
.calendar table td {text-align:center;}
.calendar .emptyday {background:none;}
.calendar .linkday a {display:block;}
.calendar .heading .nextmonth,
.calendar .heading .pastmonth {text-align:center; position:absolute; top:3px;}
.calendar .heading .nextmonth {right:3px;}
.calendar .heading .pastmonth {left:3px;}
.calendar .heading span {padding:0;}
.calendar .heading a:before,
.calendar .heading a:after {font-family:'Font Awesome 5 Free'; font-weight:900; font-size:13px; line-height:26px;}
.calendar .heading .pastmonth span {margin-left:15px;}
.calendar .heading .nextmonth span {margin-right:15px;}
	
.calendar .heading .pastmonth a:before {content:'\f104';}
.calendar .heading .nextmonth a:after {content:'\f105';}

.cal-big .month {font-size:21px; line-height:33px;}
.cal-big .pastmonth a,
.cal-big .nextmonth a {line-height:20px; padding:5px 10px;}
.cal-big .heading a:before,
.cal-big .heading a:after {line-height:30px;}
.cal-big .pastmonth a,
.cal-big .nextmonth a {line-height:31px; padding:0 15px; display:inline-block;}
.cal-big table th {line-height:27px; font-size:13px;}
.cal-big table td {line-height:37px;}

.cal-small .heading span {display:none;}
.cal-small .month {font-size:15px; line-height:27px;}
.cal-small .pastmonth a,
.cal-small .nextmonth a {line-height:27px;}
.cal-small .heading a:before,
.cal-small .heading a:after {padding:0 10px;}
.cal-small .pastmonth a,
.cal-small .nextmonth a {line-height:26px;}
.cal-small table th {line-height:17px; font-size:12px;}
.cal-small table td {line-height:23px; font-size:13px;}

.heading .nextmonth a,
.heading .pastmonth a {display: block; background-color: rgba(0, 0, 0, 0.1); border-radius: 3px;}

table.calweek {width:100%; margin-bottom:20px;}
table.calweek th {font-weight:normal; padding:6px;}
table.calweek td {border-spacing:0; padding:10px 0;}
table.calweek ul {width:100%;}
table.calweek td li {float:left;}
table.calweek .wc1 {width:18.75%;}
table.calweek .wc2 {width:50%;}
table.calweek .wc3 {width:31.25%;}
#sidebar .calendar .heading span {display:none;}

@media (max-width:991px) {
	.cal-big .heading span {display:none;}
	.cal-big .month {font-size:17px;}
	.calendar .heading .pastmonth span {margin-right:0;}
	.calendar .heading .nextmonth span {margin-left:0;}
}

.post {margin-bottom:20px;}
.post div {padding:5px; border-top:1px solid; border-bottom:1px solid;}
.post div span {font-weight:700;}
.post p {padding:5px;}
.activity-buttons {margin-bottom:30px;}
.activity-buttons .button {width:150px; display:inline-block; text-align:center;}
.activity-buttons a + a {margin-left:20px;}

/**************** NAVS ****************/

.albumnav li a:before {
    font-family:'fontawesome';
    content:'\f03e';
    margin-right:10px;
    color:#333;
}

/**************** PERSONS ****************/

.persons {margin-bottom:30px;}
.persons img {max-width:96% !important; background-color:#fff; box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.1); padding:2%; margin-bottom:20px;}
.persons h2 {border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.persons h2 span {font-size:16px; font-weight:normal;}

/**************** PHOTOALBUM ****************/

.photoalbum-wrapper .image {
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: calc(108px);
}
.photoalbum-wrapper .description {
  height: 70px;
  line-height: 21px;
  text-align: center;
}
.photoalbum-wrapper .description p {
  margin: 0.5em 0;
}
.photoalbum-wrapper .description span {
  font-weight: 600;
}
.photoalbum-wrapper .album {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.photoalbum-images .wrap {
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: calc(73.6875px);
  margin-bottom: 10px;
}
@media (max-width: 1320px) {
  .photoalbum-wrapper .image {height: calc(95.0625px);}
  .photoalbum-images .wrap {height: calc(65.25px);}
}
@media (max-width: 1199px) {
  .photoalbum-wrapper .image {height: calc(153.5625px);}
  .photoalbum-images .wrap {height: calc(74.25px);}
}
@media (max-width: 991px) {
  .photoalbum-wrapper .image {height: calc(112.5px);}
  .photoalbum-images .wrap {height: calc(74.25px); margin-bottom: 0;}
}
@media (max-width: 767px) {
  .photoalbum-wrapper .image {height: auto; background-color: #aa0000;}
  .photoalbum-wrapper .description {height: auto;}
  .photoalbum-images .wrap {height: calc(79.875px); margin-bottom: 0;}
}

/**************** SOCIAL ****************/

a.social.fb {background-color: #3B5998;}
a.social.tw {background-color: #1DA1F2;}
a.social.in {background-color: #A53692;}
a.social.yt {background-color: #CC181E;}
a.social.gp {background-color: #DB4437;}
a.social.fb:before {content: "\f082";}
a.social.in:before {content: "\f16d";}
a.social.sg:before {font-family: clubsite; content: "\e900";}
a.social.li:before {content: "\f08c";}
a.social.tw:before {content: "\f099";}
a.social.yt:before {content: "\f16a";}
a.social {display: inline-block; line-height: 24px; width: 24px; text-align: center; border-radius: 12px;}
a.social + a.social {margin-left: 5px;}
a.social:before {font-size: 15px; color: #fff; font-family: 'fontawesome';}
a.social:hover {background-color: #000;}

.footer .social {margin-top: 15px;}
.footer .social a {width: 30px; background-color: rgba(255, 255, 255, 0.6); border-radius: 3px;}
.footer .social a:before {font-size: 21px; line-height: 30px; color: rgba(0, 0, 0, 0.7);}
.footer .social a:hover {background-color: #fff;}
.footer .social a:hover:before {color: #000;}

/**************** CART ****************/

#cart-col {padding:5px 10px;}
#cart-col img {float:left; margin-right:10px;}
#cart-col p {padding:0; margin:0;}
#cart-col h3 {background:none; margin-bottom:10px;}
#cart-col div {padding:3px 0;}
#cart-col .links {padding-top:7px;}
#cart-top {display:none; position:fixed; width:100%; bottom:0; left:0; text-align:center; line-height:40px; z-index:1000;}
#cart-top a {font-weight:bold; text-decoration:none;}
.box-separtaion {background-color:#f0f0f0; margin-bottom:20px; padding:10px; border:1px solid #ddd;}

/**************** INFO - COOKIES ****************/

.info-cookies {width:100%; position:fixed; bottom:0; background-color:rgba(0,0,0,0.8); color:#fff; font-size:13px; text-align:center; padding:15px; z-index:5000;}
.info-cookies a, .info-cookies a:visited {display:block; color:#fff;}
.info-cookies a:hover {color:#eee;}
.info-cookies button {display:block; color:#fff; background-color:transparent; border:1px solid #fff; height:28px; line-height:27px; font-size:13px; margin:10px auto;}
.info-cookies button:hover {background-color:#000;}

/**************** YR.NO ****************/

#yr-tiny p {margin-bottom:1em;}
#yr-tiny .wind {text-align:right; line-height:19px; float:right;}
#yr-tiny span.sun {display:block;}
#yr-tiny .temp {font-size:52px;}

.yr-widget {text-align:center; color:#fff; font-size:17px; background-color:#555; padding:20px; border-radius:10px;}
.yr-widget a {color:#eee;}
.yr-widget p {margin-bottom:1em;}
.yr-widget .temp {display:block; font-size:37px; margin-top:-5px;}
.yr-widget img {width:100px; height:100px;}
.hot {color:#ff5555; font-size:37px;}
.cold {color:#98eaff; font-size:37px;}

.yr-foresight {display: block;}
.yr-foresight .wrap {width: 25%; float: left; text-align: center; margin: 0;}
.yr-foresight .wrap span {display: block; white-space: nowrap; padding: 3px;}
.yr-foresight .wrap span img {display: block; white-space: nowrap; padding: 3px;}
.yr-foresight .wrap span.temp {font-size: 32px;}
.yr-foresight .wrap img {width: 100%; height: auto;}
.yr-foresight .wrap span img {width: 21px;height: 21px; margin-right: 3px; padding: 0;}
.yr-foresight .wrap span i.fa {margin-right: 8px;}
.yr-foresight .wrap p {margin: 0;}
.yr-foresight a {float: left; width: 100%; display: block; line-height: 21px; text-align: center; margin-top: 15px;}
.yr-foresight i {font-size: 19px; opacity: 1;}
.yr-foresight span:not(.temp) {line-height: 25px;}

/**************** INFO - COOKIES ****************/
.info-cookies {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 20px 15px;
  z-index: 5000;
}
.info-cookies a,
.info-cookies a:visited {
  display: block;
  color: #fff;
  font-weight: 600;
}
.info-cookies a:hover {
  color: #eee;
}
.info-cookies span {
  line-height: 23px;
  display: block;
}
.info-cookies button {
  display: block;
  color: #fff;
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  margin: 10px auto;
}
.info-cookies button:hover {
  background-color: #327500;
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100vh;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
  overflow-y: auto;
  z-index: 9999;
  padding: 60px 0;
  box-sizing: border-box;
}
.cookie-banner .cookie-inner {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
.cookie-banner a,
.cookie-banner a:visited {
  display: block;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
}
.cookie-banner a:hover {
  color: #eee;
}
.cookie-banner form ul li {
  position: relative;
  padding: 10px 0;
}
.cookie-banner label {
  display: inline-block;
  width: 200px;
}
.cookie-banner label span {
  display: inline-block;
  text-transform: uppercase;
  padding: 0 0 0 10px;
}
.cookie-banner .cons_buttons {
  margin-top: 20px;
}
.cookie-banner .cons_buttons button {
  display: inline-block;
  color: #fff;
  background-color: #327500;
  border: 0;
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  margin: 10px auto;
  padding: 0 20px;
}
.cookie-banner .cons_buttons :hover {
  background-color: #48a800;
}
.cookie-banner .cons_buttons button + button {
  margin-left: 20px;
}
.cookie-banner .toggle-desc {
  position: absolute;
  left: 200px;
  top: 10px;
  font-size: 32px;
  line-height: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: 15px;
  margin-top: 0;
}
.cookie-banner .cookie-desc {
  display: none;
  padding: 10px 0 0 37px;
}
.btn-cookies-update {
  position: fixed;
  bottom: 10px;
  left: 5px;
  display: inline-block;
  font-size: 24px;
  color: #fff;
  color: #999;
  z-index: 9999;
}
.btn-cookies-update:hover {
  color: #327500;
}
.cookie-banner .text-center {
  text-align: center;
}

/*****************************************************/
/**************** R E S P O N S I V E ****************/
/*****************************************************/

@media (max-width:480px) {
	#cart-col {display:none;}
	#cart-top {display:block;}
	#cart-small {font-size:11px;}
	.edit-content table {width:100%;}
	.chars li {width:45px;}
	.chars li a {line-height:45px;}
	.newsarch-year {width:100%; float:none;}
	.newsarch-search {width:100%; float:none;}
}
@media (max-width:767px) {
	.activity-buttons .button {width:48%;}
	.activity-buttons .button:nth-child(2n) {margin-left:2%;}
	.activity-buttons a {margin:0; margin-bottom:10px;}
	.activity-buttons a + a {margin:0;}
}
@media (min-width:480px) and (max-width:767px) {
	#cart-col {display:none;}
	#cart-top {display:block;}
	.edit-content table {width:100%;}
	.edit-content img {max-width:100%; height:auto;}
	.chars li {width:45px;}
	.chars li a {padding:7px 0;}
	a.ecl_modal {display:none;}
	a.ecl_win {display:inline;}
	.newsarch-year {width:100%; float:none;}
	.newsarch-search {width:100%; float:none;}
}
@media (min-width:768px) and (max-width:991px) {
	.chars li {width:46px;}
	.chars li a {padding:7px 0;}
}