@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Caveat:wght@400..700&family=Rubik+Mono+One&display=swap');

.caveat-regular {
  font-family: "Caveat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.amatic-sc-regular {
  font-family: "Amatic SC", serif;
  font-weight: 400;
  font-style: normal;
}

.amatic-sc-bold {
  font-family: "Amatic SC", serif;
  font-weight: 700;
  font-style: normal;
}

.rubik-mono-one-regular {
  font-family: "Rubik Mono One", serif;
  font-weight: 400;
  font-style: normal;
}

html {
 scroll-behavior: smooth;
}

body {
 padding: 0;
 margin: 0;
 background-color: #eaeaea;
 font-family: Verdana, Geneva, sans-serif;
 letter-spacing: 0.1px;
 font-weight: 400;
 font-style: normal;
 font-size: 15px;
}

a {
 color: #4B6B9E;
 text-decoration: none;
}

a:focus {
 outline: thin dotted;
}

a:active, a:hover {
 color: #4f4e4e; 
}

a:hover {
 text-decoration: none;
}

ol, ul, dl {
 margin: 0;
 padding: 0;
}

li {
 list-style-type: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
 margin: 0;
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
 line-height: 1.2;
}

h1, .h1 {
 font-size: 3rem;
}

h2, .h2 {
 font-size: 2.35rem;
}

h3, .h3 {
 font-size: 1.75rem;
}

h4, .h4 {
 font-size: 1.22rem;
}

h5, .h5 {
 font-size: 1.08rem;
}

h6, .h6 {
 font-size: 0.78rem;
}

blockquote, q {
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;
 quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
 content: "";
 content: none;
}

blockquote {
 font-size: 14px;
 line-height: 18px;
 margin: 0;
 padding: 18px;
 border-left: 6px solid #e5bf1c;
 color: #020202;
 background-color: #f2f2f2;
 font-weight: normal; 
}

blockquote p {
 margin: 5px 0;
}

blockquote blockquote {
 margin-right: 0;
}
  
blockquote cite, blockquote small {
 font-size: 14px;
 font-weight: normal;
 text-transform: uppercase; 
}

blockquote em, blockquote i {
 font-style: normal;
 font-weight: 300; 
}

blockquote strong, blockquote b {
 font-weight: 400; 
}

p {
 margin: 0;
}

.left {
 float: left;
}

.right {
 float: right;
}

.l1 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-line-clamp: 1;
 max-width: 100%;
}

.l2 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-line-clamp: 2;
 max-width: 100%;
}

.l3 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-line-clamp: 3;
 max-width: 100%;
}

.l4 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-line-clamp: 4;
 max-width: 100%;
}

.l5 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-line-clamp: 5;
 max-width: 100%;
}

.wrapper {
 margin: 0 auto;
 max-width: 1170px;
}

.sticky {
 top: 0;
 position: sticky;
}

.responsive-iframe,
.responsive-video,
.responsive-object,
.responsive-embed {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
 background-color: #000;
 background-size: cover;
}

.responsive-image img {
 width: 100%;
 display: block;
}

.responsive-iframe iframe, 
.responsive-video video, 
.responsive-object object, 
.responsive-embed embed {
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%;
 min-height: 100%;
 height: auto;
}

.aspect-raito {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
 overflow: hidden;
}

.aspect-raito img {
 height: 100%;
 object-fit: cover;
 position:  absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
}

.w1-h1 {
 padding-top: 100%;
}

.w3-h2 {
 padding-top: 66.66%;
}

.w4-h3 {
 padding-top: 75%;
}

.w16-h3 {
 padding-top: 18.75%;
}

.w16-h9 {
 padding-top: 56.25%;
}

.w16-h10 {
 padding-top: 62.5%;
}

.w21-h9 {
 padding-top: 42.85%;
}

.w32-h9 {
 padding-top: 28.13%;
}

.scale {
 overflow: hidden;
}

.scale img {
 transition: .3s;
 display: block;
}

.scale img:hover {
 transform: scale(1.25);
}

a.button {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 8px 26px;
  position: relative;
  overflow: hidden;
  border: 2px solid #fe6637;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif; 
  color: #fe6637;
  transition: .2s ease-in-out;
  font-size: 13px;
}

a.button:before {
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}

a.button:hover {
  background: #fe6637;
  color: #fff;
}

a.button:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}

#masthead {
 overflow: auto;
 position: relative;
 padding: 10px;
}

@media screen and (max-width: 1200px) {
 #masthead > div {
  float: left;
  margin-left: 60px;
 }
}

#masthead > div > div {
 padding: 5px;
 padding-right: 10px;
 float: left;
}

#masthead > div .social {
 position: relative;
 bottom: 2px;
 height: 18px;
}

.header-bg {
 background-image: url("/sm_full.aspx?guid=15613");
 background-position : center center;
 background-repeat : no-repeat;
 background-size : cover;
 position: relative;
 width: 100%;
 height: auto;
 overflow: hidden;
}

.bg-video {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 z-index: 0;
}

#header {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 padding: 40px;
 flex-direction: column;
 text-align: center;
 box-sizing: border-box;
 color: #333333;
}

#header a {
 color: #073D63;
}

#header a:hover {
 text-decoration: underline;
}

#header .logo {
 width: 120px;
 height: 120px;
 border-radius: 50%;
 background-color: white;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 margin-bottom: 10px;
}

#header .logo img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

#header .site-info {
 font-size: 30px;
 line-height: 1.4;
}

#header .site-title {
 font-size: 24px;
 margin-top: 5px;
}

@media (max-width: 600px) {
 #header .site-title {
  font-size: 16px;
 }
 #header .site-info {
  font-size: 20px;
 }
}

#navigation {
 background-color: #073D63;
 border-left: none;
 border-right: none;
 position: relative;
 z-index: 9999;
 display: flex;
}

@media screen and (max-width: 1200px) {
 #navigation {
  display: none;
 }
}

#navigation ul {
 margin: 0;
 padding: 0;
}

#navigation ul > li {
 list-style-type: none;
 float: left;
 border-top: 4px solid #073D63;
}

#navigation ul > li:hover {
 border-top: 4px solid #fe6637;
 background-color: #fe6637;
}

#navigation ul > li > a {
 font-size: 13px;
 padding: 12px 10px;
 color: #333436;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: bold;
 line-height: 22px;
 display: flex;
}

#navigation > ul > li > a {
 color: #fff;
}

#navigation ul > li.parent > a > span {
 flex: 1;
}

#navigation ul > li.parent > a > span:after {
 content: "\f107";
 font-family: "FontAwesome";
 color: inherit;
 margin-left: 10px;
 font-size: 13px;
}

#navigation ul > li > ul {
 display: none;
 opacity: 0;
 position: absolute;
 border: 1px solid #fe6637;
 background-color: #FFFFFF;
}

#navigation ul > li:nth-child(6) > ul {
 transform: translate(-235px, 0);
}

#navigation ul > li:hover > ul {
 display: block;
 opacity: 1;
 transition-duration: .3s;
 @starting-style {
  opacity: 0;
 }
}

#navigation ul > li > ul > li {
 float: none;
 border-top: none;
 border-bottom: 1px solid #E5E5E5;
}

#navigation ul > li > ul > li:last-child {
 border-bottom: none;
}

#navigation ul > li > ul > li:hover {
 border-top: none;
 box-shadow: none;
}

#navigation ul > li > ul > li > a {
 padding: 7px 10px;
 font-size: 16px;
 line-height: 22px;
 text-transform: none;
 font-weight: normal;
 width: 340px;
 border-top: 4px solid #FFFFFF;
}

#navigation ul > li > ul > li:hover > a {
 border-top: 4px solid #fe6637;
 color: #fff;
}

#navigation ul > li > ul > li.parent > a > span:after {
 content: "\f105";
 font-family: "FontAwesome";
 color: inherit;
 margin-left: 10px;
 font-size: 13px;
 float: right;
 width: 10px;
}

#navigation ul > li > ul > li > ul {
 position: absolute;
 left: 100%;
 transform: translate(0, -41px) !important;
}

#navigation ul > li:nth-child(4) > ul > li > ul {
 right: 100%;
 left: auto;
}

#navigation ul > li:nth-child(5) > ul > li > ul {
 right: 100%;
 left: auto;
}

#navigation ul > li:nth-child(6) > ul > li > ul {
 right: 100%;
 left: auto;
}

.post {
 display: flex;
 flex-direction: column;
 background-color: #F7F7F7;
}

.post > .preview {
 width: 100%;
 background-color: #1C1C1C;
}

.post > .announcement {
 padding: 15px;
 width: calc(100% - 40px);
}

.post > .announcement > .tags {
 margin-bottom: 5px;
 overflow: auto;
}

.post > .announcement > .tags a {
 float:left;
 margin: 0 5px 5px 0;
}

.post > .announcement > .info {
 display: flex;
 flex-direction: row;
 grid-gap: 10px;
 font-size: .9em;
 margin-top: 3px;
}

.post > .announcement > .info > .views > .icon-eye {
 display: block;
 float: left;
 width: 23px;
 position: relative;
 top: 2px;
}

.post > .announcement > .info > .category > .icon-folder-open {
 display: block;
 float: left;
 width: 23px;
 position: relative;
 top: 1px;
}

.post > .announcement > .description {
 margin-top: 15px;
}

.post > .announcement > .read {
 margin-top: 25px;
}

.post > .announcement > .read a {
 float: right;
}

.post > .content {
 padding: 20px;
}

.post > .announcement + .content {
 padding-top: 0;
}

.post > .content + .gallery {
 padding-top: 0;
}

.recent {
 display: flex;
 flex-direction: column;
 grid-gap: 15px;
}

.recent .post {
 flex-direction: row;
 background-color: transparent;
 grid-gap: 15px;
 box-shadow: none;
}

.recent .post .preview {
 max-width: 90px;
 flex-shrink: 0;
 background-color: transparent;
}

.recent .post .announcement {
 margin: 0;
 padding: 0;
}

.related {
 display: flex;
 flex-direction: column;
 grid-gap: 15px;
}

@media screen and (min-width: 768px) {

 .related > .post {
  display: flex;
  flex-direction: row;
 }

 .related  > .post > .preview {
  width: 320px;
  flex-shrink: 0;
 }
 
}

@media screen and (min-width: 992px) {
 
 .related {
  display: grid;
  grid-template-columns: repeat(3, 32%);
 }
 
 .related > .post {
  flex-direction: column;
 }
 
 .related  > .post > .preview {
  width: 100%;
 }
 
 .related > .post > .announcement > .tags {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 1.6em;
 }
 
 .related > .post > .announcement > .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 5.2em;
 }
 
 .related > .post > .announcement > .info > .category {
  display: none;
  }
 
 .related > .post > .announcement > .info > .views {
  display: none;
  }

 .related > .post > .announcement > .description {
  display: none;
 }
 
 .related > .post > .announcement > .read {
  display: none;
 }
 
}

.posts, .posts .ArxiwDetail {
 display: flex;
 flex-direction: column;
 grid-gap: 15px;
}

.posts > .decorated-h1,
.posts > .decorated-h2 {
 margin: 0;
}

@media screen and (min-width: 768px) and (max-width: 992px) {

 .posts > .post, .posts .ArxiwDetail > .post {
  display: flex;
  flex-direction: row;
 }

 .posts > .post > .preview, .posts .ArxiwDetail > .post > .preview {
  width: 340px;
  flex-shrink: 0;
 }
 
}

@media screen and (min-width: 1200px) {
 
 .posts, .posts .ArxiwDetail {
  grid-gap: 15px;
 }

 .posts > .post, .posts .ArxiwDetail > .post {
  display: flex;
  flex-direction: row;
 }

 .posts > .post > .preview, .posts .ArxiwDetail > .post > .preview {
  width: 340px;
  flex-shrink: 0;
 }
 
}

#content {
 display: flex;
 flex-direction: column;
 grid-gap: 15px;
}

#content ul li {
 list-style-type: circle;
 margin-left: 18px;
}

#content ol li {
 list-style-type: decimal;
 margin-left: 40px;
}

#content  img {
 max-width: 100%;
}

#container {
 display: flex;
 flex-direction: row;
 overflow: inherit;
 padding: 30px 0;
 box-sizing: border-box;
}

@media screen and (max-width: 992px) {
 #container {
  flex-direction: column;
  padding: 15px;
 }
}

#main {
 width: calc(100% - 320px);
 overflow: hidden;
}

#main > .sticky > div {
 margin-bottom: 25px;
}

#main > .sticky > div:last-child {
 margin-bottom: 0;
}

@media screen and (max-width: 992px) {
 #main {
  width: 100%;
 }
}

#sidebar {
 width: 320px;
 padding-left: 40px;
 box-sizing: border-box;
}

#sidebar > .sticky > div {
 margin-bottom: 25px;
}

#sidebar > .sticky > div:last-child {
 margin-bottom: 0;
}

@media screen and (max-width: 992px) {
 #sidebar {
  width: 100%;
  padding-left: 0;
  padding-top: 25px;
 }
}

#sidebar .sidebar {
 display: flex;
 flex-direction: column;
 grid-gap: 25px;
}

@media screen and (max-width: 1200px) {
 #sidebar .sidebar {
  grid-gap: 15px;
 }
}

#search {
 display: flex;
}

#find {
 height: 27px;
 font-size: 20px;
 color: #fff;
 background-color: #073D63;
 padding: 10px;
 cursor: pointer;
}

#find:hover {
 color: #000;
 background-color: #e5bf1c;
}

#ya-site-form0 .ya-site-form__search-input {
 padding: 0 !important;
}

#ya-site-form0 .ya-site-form__input-text {
 height: 47px !important;
 background-color: #EEEEEE !important;
 border: none !important;
 padding: 15px !important;
}

#ya-site-form0 .ya-site-form__submit {
 display: none !important;
}

#share {
 background-color: #F2F2F2;
 padding: 15px 25px;
 display: flex;
 flex-direction: row;
 grid-gap: 10px;
}

#share .h5 {
 line-height: 34px;
}

.share li {
 display: block;
 overflow: hidden;
 height: 28px;
 width: 28px;
 border-radius: 5px;
 float: left;
 margin: 3px;
}

.share li a {
 display: block;
 line-height: 32px;
 height: 28px;
 width: 28px;
 text-align: center;
 color: #fff;
 font-size: 20px;
}

.share li a:focus,
.share li a:hover {
 background-color: #6D9CDB;
}

.share li a i {
 bottom: 1px;
 position: relative;
}

.bg-vk {
 background-color: #07f;
}

.bg-ok {
 background-color: #f70;
}

.bg-viber {
 background-color: #7b519d;
}

.bg-x {
 background-color: #0F1418;
}

.bg-instagram {
 background-color: #F04393;
}

.bg-skype {
 background-color: #00aff0;
}

.bg-telegram {
 background-color: #64a9dc;
}

.bg-facebook {
 background-color: #1F7BF2;
}

.bg-whatsapp {
 background-color: #4AEB67;
}

.vk {
 color: #07f;
}

.ok {
 color: #f70;
}

.viber {
 color: #7b519d;
}

.x {
 color: #0F1418;
}

.instagram {
 color: #F04393;
}

.skype {
 color: #00aff0;
}

.telegram {
 color: #64a9dc;
}

.facebook {
 color: #1F7BF2;
}

.whatsapp {
 color: #4AEB67;
}

.widget-header {
 margin-bottom: 15px;
 color: #555555;
}

.menu ul li .menu-item {
 display: block;
 text-decoration: none;
 padding: 13px 15px;
 color: #333333;
 font-size: 14px;
 transition: all 0.3s ease;
 border-top: 1px solid #eeeeee;
 border-right: 1px solid #eeeeee;
 border-left: 6px solid #fe6637;
}

.menu ul li:last-child .menu-item {
 border-bottom: 1px solid #eeeeee;
}

.menu ul li .menu-item:hover {
 background-color: #dddddd;
 color: #000000;
 transform: scale(1.05);
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.social {
 float: right;
 height: 20px;
}

.social li {
 float: right;
 height: 20px;
 margin-left: 10px;
}

.social li:last-child {
 margin-left: 0;
}

.social li a i {
 font-size: 24px;
}

footer {
 background-color: #1c1c1c;
}

#footer {
 background-color: #1c1c1c;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 color: rgba(255,255,255,0.74);
}

#footer p {
 margin: 5px 0;
}

#footer i {
 color: #fff;
 font-size: 12px;
}

#footer h4 {
 color: #fff;
}

#footer a {
 color: #fff;
}

#footer a:hover {
 text-decoration: underline;
}

.footer-section {
 flex: 1;
 min-width: 200px;
 margin: 30px;
}

.footer-title {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
}

.footer-nav a:hover {
 text-decoration: underline;
}

.footer-counter {
 font-size: 14px;
}

@media (max-width: 1200px) {

 #footer {
  flex-direction: column;
  text-align: center;
 }

 .footer-section {
  margin: 15px;
 }

}

#qrcode {
 width:120px;
 height:120px;
 border: 2px solid #fff;
}

@media (max-width: 1200px) {
 #qrcode {
  margin: 0 auto;  
 }
}

.banners {
 background-color: #1c1c1c;
 padding: 0 30px;
}

@media (max-width: 1200px) {

 .banners {
  padding: 0;
 }

}

.banners a {
 padding: 15px 5px;
 display: block;
}

.banners img {
 height: 60px;
}

.look a {
 padding: 5px 0;
 display: block;
}

.look img {
 width: 100%;
}

#copyright {
 background-color: #0F0F0F;
 color: #fff;
 box-sizing: border-box;
 overflow: auto;
}

#copyright p:first-child {
 padding: 15px;
 float: left;
}

#copyright p:last-child {
 padding: 15px;
 float: right;
}

@media screen and (max-width: 992px) {
 #copyright p:last-child {
  padding-top: 0;
  float: left;
  clear: both;
 }
}

.calendar {
 background-color: #F2F2F2;
 padding: 15px;
}

.calendar table {
 width: 100%;
 max-width: 320px;
 line-height: 1.2em;
 font-size: 15px;
 text-align: center;
 margin: 0 auto;
}

.calendar table thead tr {
 line-height: 2;
}

.calendar table thead tr:last-child {
 font-size: small;
}

.calendar table thead tr:nth-child(1) td:nth-child(2) {
 color: #fff;
}

.calendar table thead tr:nth-child(1) td:nth-child(1):hover, .calendar table thead tr:nth-child(1) td:nth-child(3):hover {
 cursor: pointer;
}

.calendar table tbody td {
 padding: 2px;
}

.calendar table tbody td:nth-child(n+6), .calendar table .holiday {
 color: rgb(231, 140, 92);
}

.calendar table tbody td.month {
 width: 250px;
}

.calendar table tbody td.today {
 background: #fe6637;
 color: #fff;
}

.privacy-policy-popup * {
 box-sizing: border-box;
}

.privacy-policy-popup {
 position: fixed;
 border: 1px solid #ddd;
 border-radius: 5px;
 background: #fff;
 bottom: 20px;
 left: 0;
 right: 0;
 margin: auto 10%;
 z-index: 1000000;
}

.privacy-policy-content {
 display: flex;
 margin: 20px 30px;
}

.privacy-policy-item:not(:first-child) {
 margin-left: 20px;
}

.privacy-policy-content .privacy-policy-img {
 font-size: 40px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.privacy-policy-content .privacy-policy-text a {
 text-decoration: underline !important;
 color: #333333;
}

.privacy-policy-content .privacy-policy-text a:hover {
 color: #5a0b0b;
}

.privacy-policy-content .privacy-policy-buttons {
 display: flex;
 align-items: center;
 justify-content: center;
}

.privacy-policy-content .privacy-policy-buttons .privacy-policy-btn {
 padding: 11px 35px;
 color: #333333;
 font-weight: bold;
 font-size: 14px;
 text-transform: uppercase;
 max-width: 100%;
 text-align: center;
 border: 1px solid #ddd;
 cursor: pointer;
 background-color: #fff;
}
        
.privacy-policy-content .privacy-policy-buttons .privacy-policy-btn:hover {
 border: 1px solid #ddd;
 color: #333333;
 background-color: #d7d8d9;
}

@media screen and (max-width: 768px) {

 .privacy-policy-popup {
  margin: auto 5px;
  bottom: 5px;
 }

 .privacy-policy-content {
  flex-wrap: wrap;
 }

 .privacy-policy-item {
  width: 100%;
 }

 .privacy-policy-item:not(:first-child) {
  margin-left: 0;
 }

 .privacy-policy-item:not(:last-child) {
  margin-bottom: 20px;
 }

}

.timer {
 background-color: #4B6B9E;
 padding: 15px;
 text-align: center;
 color: #fff;
}

.white {
 background-color: #fff;
}

.dark {
 background-color: #073D63;
}

.slider {
 display: flex;
 grid-gap: 15px;
 flex-direction: column;
}

.slider-radio {
 position: absolute;
 z-index: -1;
 opacity: 0;
}

@media screen and (min-width: 768px) and (max-width: 992px) {

 .slider > .post {
  display: flex;
  flex-direction: row;
 }

 .slider > .post > .preview {
  width: 340px;
  flex-shrink: 0;
 }

}

@media screen and (min-width: 992px) {
  
 .slider {
  grid-gap: 0;
  flex-direction: row;
  position: relative;
  transition: right 0.3s cubic-bezier(0, 0, 1, 1);
 }

 .slider > .post {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  flex-direction: row;
 }

 .slider > .post .preview .responsive-image {
  height: 360px;
  padding: 0;
 }

 .slider > .post > .announcement {
  width: 320px;
  height: 320px;
  flex-shrink: 0;
 }

 .slider > .post > .announcement > .tags {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 1.6em;
 }

 .slider > .post > .announcement > .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.0em;
 }

 .slider > .post > .announcement > .description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  height: 12.2em;
 }
 
 .slider-radio:nth-child(1):checked ~ .slider {
  right: 0;
 }

 .slider-radio:nth-child(2):checked ~ .slider {
  right: 100%;
 }

 .slider-radio:nth-child(3):checked ~ .slider {
  right: 200%;
 }

 .slider-radio:nth-child(4):checked ~ .slider {
  right: 300%;
 }

 .slider-radio:nth-child(5):checked ~ .slider {
  right: 400%;
 }
 
 .slider-radio ~ .controls {
  height: 0;
  position: relative;
  bottom: 32px;
  text-align: center;
  width: calc(100% - 350px);
 }
 
 .slider-radio ~ .controls > label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  padding: 5px;
  }

 .slider-radio ~ .controls > label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  }

 .slider-radio:nth-child(1):not(:disabled):not(:checked) ~ .controls > label:nth-child(1):hover::before {
  border-color: #D87087;
 }

 .slider-radio:nth-child(2):not(:disabled):not(:checked) ~ .controls > label:nth-child(2):hover::before {
  border-color: #D87087;
 }

 .slider-radio:nth-child(3):not(:disabled):not(:checked) ~ .controls > label:nth-child(3):hover::before {
  border-color: #D87087;
 }

 .slider-radio:nth-child(4):not(:disabled):not(:checked) ~ .controls > label:nth-child(4):hover::before {
  border-color: #D87087;
 }

 .slider-radio:nth-child(5):not(:disabled):not(:checked) ~ .controls > label:nth-child(5):hover::before {
  border-color: #D87087;
 }

 .slider-radio:nth-child(1):not(:disabled):active ~ .controls > label:nth-child(1)::before {
  background-color: #D87087;
  border-color: #D87087;
 }

 .slider-radio:nth-child(2):not(:disabled):active ~ .controls > label:nth-child(2)::before {
  background-color: #D87087;
  border-color: #D87087;
 }

 .slider-radio:nth-child(3):not(:disabled):active ~ .controls > label:nth-child(3)::before {
  background-color: #D87087;
  border-color: #D87087;
 }

 .slider-radio:nth-child(4):not(:disabled):active ~ .controls > label:nth-child(4)::before {
  background-color: #D87087;
  border-color: #D87087;
 }

 .slider-radio:nth-child(5):not(:disabled):active ~ .controls > label:nth-child(5)::before {
  background-color: #D87087;
  border-color: #D87087;
 }

 .slider-radio:nth-child(1):focus ~ .controls > label:nth-child(1)::before {
  box-shadow: 0 0 0 0.2rem rgba(221, 22, 59, 0.25);
 }

 .slider-radio:nth-child(2):focus ~ .controls > label:nth-child(2)::before {
  box-shadow: 0 0 0 0.2rem rgba(221, 22, 59, 0.25);
 }

 .slider-radio:nth-child(3):focus ~ .controls > label:nth-child(3)::before {
  box-shadow: 0 0 0 0.2rem rgba(221, 22, 59, 0.25);
 }

 .slider-radio:nth-child(4):focus ~ .controls > label:nth-child(4)::before {
  box-shadow: 0 0 0 0.2rem rgba(221, 22, 59, 0.25);
 }

 .slider-radio:nth-child(5):focus ~ .controls > label:nth-child(5)::before {
  box-shadow: 0 0 0 0.2rem rgba(221, 22, 59, 0.25);
 }

 .slider-radio:nth-child(1):focus:not(:checked) ~ .controls > label:nth-child(1)::before {
  border-color: #80bdff;
 }

 .slider-radio:nth-child(2):focus:not(:checked) ~ .controls > label:nth-child(2)::before {
  border-color: #80bdff;
 }

 .slider-radio:nth-child(3):focus:not(:checked) ~ .controls > label:nth-child(3)::before {
  border-color: #80bdff;
 }

 .slider-radio:nth-child(4):focus:not(:checked) ~ .controls > label:nth-child(4)::before {
  border-color: #80bdff;
 }

 .slider-radio:nth-child(5):focus:not(:checked) ~ .controls > label:nth-child(5)::before {
  border-color: #80bdff;
 }

 .slider-radio:nth-child(1):checked ~ .controls > label:nth-child(1)::before {
  border-color: #CE532D;
  background-color: #fe6637;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }

 .slider-radio:nth-child(2):checked ~ .controls > label:nth-child(2)::before {
  border-color: #CE532D;
  background-color: #fe6637;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }

 .slider-radio:nth-child(3):checked ~ .controls > label:nth-child(3)::before {
  border-color: #CE532D;
  background-color: #fe6637;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }

 .slider-radio:nth-child(4):checked ~ .controls > label:nth-child(4)::before {
  border-color: #CE532D;
  background-color: #fe6637;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }

 .slider-radio:nth-child(5):checked ~ .controls > label:nth-child(5)::before {
  border-color: #CE532D;
  background-color: #fe6637;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }

 .slider-radio:nth-child(1):disabled ~ .controls > label:nth-child(1)::before {
  background-color: #fe6637;
 }

 .slider-radio:nth-child(2):disabled ~ .controls > label:nth-child(2)::before {
  background-color: #fe6637;
 }

 .slider-radio:nth-child(3):disabled ~ .controls > label:nth-child(3)::before {
  background-color: #fe6637;
 }

 .slider-radio:nth-child(4):disabled ~ .controls > label:nth-child(4)::before {
  background-color: #fe6637;
 }

 .slider-radio:nth-child(5):disabled ~ .controls > label:nth-child(5)::before {
  background-color: #fe6637;
 }
 
}

#slider {
 overflow: hidden;
 padding-top: 20px;
}

@media screen and (max-width: 992px) {
 #slider {
  padding: 15px;
 }
}

.decorated-h1,
.decorated-h2 {
 display: flex;
 padding-bottom: 10px;
 font-size: 1.3rem;
}

@media screen and (max-width: 992px) {
 .decorated-h1,
 .decorated-h2 {
  padding-bottom: 10px;;
 }
}

.decorated-h1 > span,
.decorated-h1 > a,
.decorated-h2 > span,
.decorated-h2 > a {
 display: block;
 flex: auto;
 padding-right: 20px;
 padding-left: 20px;
}

.decorated-h1::after, .decorated-h::before,
.decorated-h2::after,
.decorated-h2::before {
 content: "";
 display: block;
 flex: 100;
 border-bottom: 3px solid;
 transform: translateY(-10px);
}

.decorated-h1::before,
.decorated-h2::before {
 flex: 20px;
 width: 20px;
 min-width: 20px;
}

.decorated-h2::after, .decorated-h2::before {
 border-bottom-color: #555;
}

.decorated-h3 {
 display: flex;
}

.decorated-h3 > span,
.decorated-h3 > a {
 display: block;
 flex: auto;
 padding-right: 20px;
}

.decorated-h3::after {
 content: "";
 display: block;
 flex: 100;
 transform: translateY(-4px);
}

#achievement {
 padding-top: 25px;
}

.achievements {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
 width: 100%;
 text-align: center;
 background-color: #F7F7F7;
 background-image: url("/sm_full.aspx?guid=15953");
 background-position : center center;
 background-repeat : no-repeat;
 background-size : cover;
}

.achievement {
 padding: 20px;
}

.achievement .icon {
 font-size: 40px;
 margin: 0 auto 10px;
 display: block;
 color: #555;
}
        
.achievement .number {
 font-size: 24px;
 font-weight: bold;
 color: #FD643E;
}

.achievement .label {
 font-size: 16px;
 color: #555;
 font-weight: bold;
}

@media (max-width: 768px) {
 .achievements {
  grid-template-columns: repeat(2, 1fr);
 }
}

@media (max-width: 480px) {
 .achievements {
  grid-template-columns: 1fr;
 }
}

.menu-toggle {
 position: fixed;
 top: 10px;
 left: 10px;
 background: #333;
 color: white;
 padding: 10px 14px;
 cursor: pointer;
 border: none;
 border-radius: 5px;
 z-index: 1000;
 font-size: 18px;
 display: none;
}

@media screen and (max-width: 1200px) {
 .menu-toggle {
  display: inline-block;
 }
}

.mobile-menu {
 position: fixed;
 top: 0;
 left: 0;
 width: 250px;
 height: 200%;
 background: #1e1e1e;
 box-shadow: 2px 0 5px rgba(0,0,0,0.5);
 transform: translateX(-100%);
 transition: transform 0.3s ease-in-out;
 z-index: 9999;
}

.mobile-menu.open {
 transform: translateX(0);
}

.mobile-menu ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

.mobile-menu li {
 border-bottom: 1px solid #333;
}

.mobile-menu a {
 display: block;
 text-decoration: none;
 color: white;
 padding: 15px;
 background: #1e1e1e;
}

.mobile-menu a:hover {
 background: #333;
}

.menu-close {
 display: block;
 text-align: right;
 padding: 10px;
 text-decoration: none;
 color: white;
 font-size: 20px;
 cursor: pointer;
}

.slick-dots {
 position: relative !important;
 bottom: 0 !important;
}

.table {
 border: 1px solid #ccc;
 width: 100%;
 margin:0;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
}
 
.table tr {
 border: 1px solid #ddd;
 padding: 5px;
}
 
.table th, .table td {
 padding: 10px;
 text-align: center;
 border-right: 1px solid #ddd;
}
 
.table th {
 color: #fff;
 background-color: #444;
 text-transform: uppercase;
 font-size: 14px;
 letter-spacing: 1px;
}


@media screen and (max-width: 600px) {
	
 .table {
  border: 0;
 }
 
 .table thead {
  display: none;
 }
 
 .table tr {
  margin-bottom: 10px;
  display: block;
  border-bottom: 2px solid #ddd;
 }

 .table td {
  display: block;
  text-align: right;
  font-size: 13px;
  border-bottom: 1px dotted #ccc;
  border-right: 1px solid transparent;
 }

 .table td:last-child {
  border-bottom: 0;
 }

 .table td:before {
  content: attr(data-label);
  float: left;
  text-transform: uppercase;
  font-weight: bold;
 }
 
}

hr {
 width: 100%;
 border: 0;
 border-top: 1px solid #eee;
}

.fotorama {
 background-color: #000;
}

.ArxiwMap {
 background-color: #F7F7F7;
 padding: 10px;
}

.timer {
 background-color: #073D63;
}

.accessibility-bar {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 padding: 10px;
 background: #707070;
 color: white;
 justify-content: center;
 align-items: center;
 top: 0;
 left: 0;
 right: 0;
 z-index: 1000;
}

.accessibility-bar div {
 padding: 8px 12px;
 border: none;
 cursor: pointer;
 font-size: 16px;
 background: #444;
 color: white;
 border-radius: 5px;
 transition: background 0.3s ease;
 text-align: center;
}

.accessibility-bar div:hover {
 background: #555;
}

.color-btn { 
 width: 30px; 
 height: 30px; 
 border: 1px solid #fff;
 cursor: pointer; 
 border-radius: 50%;
}

.hidden {
 display: none !important;
}

img.monochrome {
 filter: grayscale(100%);
}

@media (max-width: 600px) {

 .accessibility-bar {
  flex-direction: column;
  align-items: stretch;
  padding: 15px;
 }
 
 .accessibility-bar div {
  width: 100%;
 }
 
}

.color-dark .dark {
 background-color: #000000 !important;
}

.color-dark .dark * {
 background-color: #000000 !important;
 color: #ffffff !important;
 border-color: #ffffff !important;
}

.color-dark footer, .color-dark #copyright {
 background-color: #000000 !important;
}

.color-dark footer *, .color-dark #copyright * {
 background-color: #000000 !important;
 color: #ffffff !important;
 border-color: #ffffff !important;
}

.color-dark .white {
 background-color: #000000 !important;
}

.color-dark .white * {
 background-color: #000000 !important;
 color: #ffffff !important;
 border-color: #ffffff !important;
}

.color-dark .header-bg {
 background-image: none !important;
 background-color: #000000 !important;
}

.color-dark .header-bg * {
 background-color: #000000 !important;
 color: #ffffff !important;
 border-color: #ffffff !important;
}

.color-dark .header-bg video {
 display: none;
}

.color-dark a:hover {
 background-color: #ffffff !important;
 color: #000000 !important;
}

.color-dark .achievements {
 background-image: none !important;
}

.color-white .dark {
 background-color: #ffffff !important;
}

.color-white .dark * {
 background-color: #ffffff !important;
 color: #000000 !important;
 border-color: #000000 !important;
}

.color-white footer, .color-white #copyright {
 background-color: #ffffff !important;
}

.color-white footer *, .color-white #copyright * {
 background-color: #ffffff !important;
 color: #000000 !important;
 border-color: #000000 !important;
}

.color-white .white {
 background-color: #ffffff !important;
}

.color-white .white * {
 background-color: #ffffff !important;
 color: #000000 !important;
 border-color: #000000 !important;
}

.color-white .header-bg {
 background-image: none !important;
 background-color: #ffffff !important;
}

.color-white .header-bg * {
 background-color: #ffffff !important;
 color: #000000 !important;
 border-color: #000000 !important;
}

.color-white .header-bg video {
 display: none;
}

.color-white a:hover {
 background-color: #000000 !important;
 color: #ffffff !important;
}

.color-white .achievements {
 background-image: none !important;
}

.color-beige .dark {
 background-color: #f4e3d7 !important;
}

.color-beige .dark * {
 background-color: #f4e3d7 !important;
 color: #4a2f26 !important;
 border-color: #4a2f26 !important;
}

.color-beige footer, .color-beige #copyright {
 background-color: #f4e3d7 !important;
}

.color-beige footer *, .color-beige #copyright * {
 background-color: #f4e3d7 !important;
 color: #4a2f26 !important;
 border-color: #4a2f26 !important;
}

.color-beige .white {
 background-color: #f4e3d7 !important;
}

.color-beige .white * {
 background-color: #f4e3d7 !important;
 color: #4a2f26 !important;
 border-color: #4a2f26 !important;
}

.color-beige .header-bg {
 background-image: none !important;
 background-color: #f4e3d7 !important;
}

.color-beige .header-bg * {
 background-color: #f4e3d7 !important;
 color: #4a2f26 !important;
 border-color: #4a2f26 !important;
}

.color-beige .header-bg video {
 display: none;
}

.color-beige a:hover {
 background-color: #4a2f26 !important;
 color: #f4e3d7 !important;
}

.color-beige .achievements {
 background-image: none !important;
}

.color-green .dark {
 background-color: #d1e8d1 !important;
}

.color-green .dark * {
 background-color: #d1e8d1 !important;
 color: #215423 !important;
 border-color: #215423 !important;
}

.color-green footer, .color-green #copyright {
 background-color: #d1e8d1 !important;
}

.color-green footer *, .color-green #copyright * {
 background-color: #d1e8d1 !important;
 color: #215423 !important;
 border-color: #215423 !important;
}

.color-green .white {
 background-color: #d1e8d1 !important;
}

.color-green .white * {
 background-color: #d1e8d1 !important;
 color: #215423 !important;
 border-color: #215423 !important;
}

.color-green .header-bg {
 background-image: none !important;
 background-color: #d1e8d1 !important;
}

.color-green .header-bg * {
 background-color: #d1e8d1 !important;
 color: #215423 !important;
 border-color: #215423 !important;
}

.color-green .header-bg video {
 display: none;
}

.color-green a:hover {
 background-color: #215423 !important;
 color: #d1e8d1 !important;
}

.color-green .achievements {
 background-image: none !important;
}

.color-lavender .dark {
 background-color: #e6e6fa !important;
}

.color-lavender .dark * {
 background-color: #e6e6fa !important;
 color: #2d1b5a !important;
 border-color: #2d1b5a !important;
}

.color-lavender footer, .color-lavender #copyright {
 background-color: #e6e6fa !important;
}

.color-lavender footer *, .color-lavender #copyright * {
 background-color: #e6e6fa !important;
 color: #2d1b5a !important;
 border-color: #2d1b5a !important;
}

.color-lavender .white {
 background-color: #e6e6fa !important;
}

.color-lavender .white * {
 background-color: #e6e6fa !important;
 color: #2d1b5a !important;
 border-color: #2d1b5a !important;
}

.color-lavender .header-bg {
 background-image: none !important;
 background-color: #e6e6fa !important;
}

.color-lavender .header-bg * {
 background-color: #e6e6fa !important;
 color: #2d1b5a !important;
 border-color: #2d1b5a !important;
}

.color-lavender .header-bg video {
 display: none;
}

.color-lavender a:hover {
 background-color: #2d1b5a !important;
 color: #e6e6fa !important;
}

.color-lavender .achievements {
 background-image: none !important;
}

time {
 font-size: 13px;
 color: #333333;
}

.card {
 background: white;
 padding: 20px;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 width: 100%;
 border: 1px solid #ccc;
 display: flex;
 align-items: center;
 gap: 30px;
 box-sizing: border-box;
}

.card img {
 width: 200px;
 height: 200px;
 border-radius: 50%;
 border: 3px solid gold;
 object-fit: cover;
 flex-shrink: 0;
}

.card-content {
 display: flex;
 flex-direction: column;
 text-align: left;
}

.card h2 {
 font-size: 18px;
 margin: 0 0 6px;
 color: #333;
}

.card p {
 margin: 4px 0;
 color: #555;
 font-size: 14px;
}

.card p strong {
 margin-right: 8px;
}

.card a {
 display: inline-block;
 margin-top: 8px;
 padding: 6px 10px;
 background: #007bff;
 color: white;
 text-decoration: none;
 border-radius: 4px;
 font-size: 14px;
 transition: background 0.3s;
 max-width: 250px;
}

.card a:hover {
 background: #0056b3;
}

@media (max-width: 600px) {

 .card {
     flex-direction: column;
     text-align: center;
     align-items: center;
 }
 
 .card-content {
     text-align: center;
 }
 
}

div.accordeon{
  position: relative;
  margin-bottom: 5px;
}
.accordeon input{
  position: absolute;
  left: 0;
  top: 0;
  opacity:0;
  visibility: 0;
}
.accordeon h4{
  background: #6b9cc5;
  color:white;
  padding:1em;
  position: relative;
  font-size: 16px;
}
.accordeon label::before{
  content:"";
  display: inline-block;
  border: 7px solid transparent;
  border-left:10px solid white;
}
.accordeon label{
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.accordeon div.accordeon-body {
  max-height:0px;
  overflow: hidden;
  transition:max-height 0.3s;
  background-color: white;
  box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #F7F7F7;
}
.accordeon div.accordeon-body > div {
  padding: 0 15px 15px 15px;
}
.accordeon div.accordeon-body > div:first-child {
 padding-top: 15px;
}
.accordeon div.accordeon-body b {
  margin-right: 7px;
}
.accordeon input:checked ~ h4 label::before{
  border-left:7px solid transparent;
  border-top:10px solid white;
  margin-top:2px;
  margin-right:10px;
}
.accordeon input:checked ~ h4 ~ div.accordeon-body {
  max-height:1000px;
}