@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Didact+Gothic|Roboto+Condensed:300,400,700&display=swap&subset=greek');
html body {
	font-family: 'Didact Gothic', sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: 'Comfortaa', sans-serif;
}
p {
	font-family: 'Didact Gothic', sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: 'Didact Gothic', sans-serif;
}
.topbar ul.left-links a {
	font-family: 'Didact Gothic', sans-serif;
}
.slide-content-box h1, .slider-caption strong {
	font-family: 'Didact Gothic', sans-serif;
}
.slide-content-box a, .slider-caption a {
	font-family: 'Didact Gothic', sans-serif;
}
.slide-content-box h1, .slider-caption strong {
	font-family: 'Comfortaa', sans-serif;
}
.slide-content-box a, .slider-caption a {
	font-family: 'Comfortaa', sans-serif;
}
.local-service-box a {
	font-family: 'Comfortaa', sans-serif;
}
.Mayor-text span, .Mayor-text p {
	font-family: 'Didact Gothic', serif;
}
.title-style-2 a {
	font-family: 'Didact Gothic', sans-serif;
}
.latest-updates ul li strong {
	font-family: 'Didact Gothic', sans-serif;
}
a.see-more {
	font-family: 'Didact Gothic', sans-serif;
}
.fact-box span {
	font-family: 'Didact Gothic', sans-serif;
}
.stay-connected input[type="submit"] {
	font-family: 'Didact Gothic', sans-serif;
}
.call2action a {
	font-family: 'Didact Gothic', sans-serif;
}
.h2-Mayor-msg .Mayor-txt a {
	font-family: 'Didact Gothic', sans-serif;
}
.h2-Mayor-msg .Mayor-txt strong {
	font-family: 'Didact Gothic', sans-serif;
}
.Mayor-text a {
	font-family: 'Comfortaa', sans-serif;
}
.widget .archives a, .widget .categories a {
    font-family: 'Didact Gothic', sans-serif;
    color: #006371;
}
.title-style-2 a {
	font-family: 'Comfortaa', sans-serif;
}
.latest-updates ul li strong {
	font-family: 'Comfortaa', sans-serif;
}
a.see-more {
	font-family: 'Comfortaa', sans-serif;
}
.fact-box span {
	font-family: 'Comfortaa', sans-serif;
}
.fact-box span {
	font-family: 'Comfortaa', sans-serif;
}
.stay-connected input[type="submit"] {
	font-family: 'Comfortaa', sans-serif;
}
.call2action a {
	font-family: 'Comfortaa', sans-serif;
}
.h2-Mayor-msg .Mayor-txt a {
	font-family: 'Comfortaa', sans-serif;
}
.h2-Mayor-msg .Mayor-txt strong {
	font-family: 'Comfortaa', sans-serif;
}
.city-tour strong {
	font-family: 'Didact Gothic', sans-serif;
}
.local-box a {
	font-family: 'Didact Gothic', sans-serif;
}
.newsletter-form button {
	font-family: 'Didact Gothic', sans-serif;
}

.e-numbers .em-box strong.em-deprt {
	font-family: 'Didact Gothic', sans-serif;
}
.community-box a.see-more {
	font-family: 'Didact Gothic', sans-serif;
}
.some-facts span {
	font-family: 'Didact Gothic', sans-serif;
}
.team-heading a {
	font-family: 'Didact Gothic', sans-serif;
}
.h3-slider-caption strong {
	font-family: 'Didact Gothic', sans-serif;
}
.h3-slider-caption a {
	font-family: 'Didact Gothic', sans-serif;
}
.new-thumb .cat {
	font-family: 'Didact Gothic', sans-serif;
}
.news-details blockquote p {
	font-family: 'Didact Gothic', sans-serif;
}
a.jobs-link {
	font-family: 'Didact Gothic', sans-serif;
}
ul.reports a {
	font-family: 'Didact Gothic', sans-serif;
}
.recent-events .nav-tabs>li>a {
	font-family: 'Didact Gothic', sans-serif;
}
.recent-events .nav-tabs>li>a {
	font-family: 'Didact Gothic', sans-serif;
}
.share-post-single strong {
	font-family: 'Didact Gothic', sans-serif;
}
.post-comments-form input[type="submit"] {
	font-family: 'Didact Gothic', sans-serif;
}
.serbox-cap .rm {
	font-family: 'Didact Gothic', sans-serif;
}
.city-updates ul li strong {
	font-family: 'Didact Gothic', sans-serif;
}
.department-links li a {
	font-family: 'Didact Gothic', sans-serif;
}
.event-counter li.first-col strong {
	font-family: 'Didact Gothic', sans-serif;
}
.event-details blockquote p {
	font-family: 'Didact Gothic', sans-serif;
}
a.dbutton {
	font-family: 'Didact Gothic', sans-serif;
}
ul.funds li strong {
	font-family: 'Didact Gothic', sans-serif;
}
.dn-btn {
	font-family: 'Didact Gothic', sans-serif;
}
li.form-submit button {
	font-family: 'Didact Gothic', sans-serif;
}
.your-comments .form-check-label {
	font-family: 'Didact Gothic', sans-serif;
}
.donator-details input[type="submit"] {
	font-family: 'Didact Gothic', sans-serif;
}
.tuser strong {
	font-family: 'Didact Gothic', sans-serif;
}
.cs-txt p {
	font-family: 'Didact Gothic', sans-serif;
}
.cs-txt .countdown-amount {
	font-family: 'Didact Gothic', sans-serif;
}
.cs-txt .countdown-period {
	font-family: 'Didact Gothic', sans-serif;
}
.cs-newsletter-form button.subscribe {
	font-family: 'Didact Gothic', sans-serif;
}
.wrap-404 strong.title-404 {
	font-family: 'Didact Gothic', sans-serif;
}
.wrap-404 .search strong {
	font-family: 'Didact Gothic', sans-serif;
}
.font {
	font-family: 'Comfortaa', sans-serif;
	font-family: 'Didact Gothic', sans-serif;
}
.city-tour strong {
	font-family: 'Comfortaa', sans-serif;
}
.local-box a {
	font-family: 'Comfortaa', sans-serif;
}
.newsletter-form button {
	font-family: 'Comfortaa', sans-serif;
}
.e-numbers .em-box strong.em-deprt {
	font-family: 'Comfortaa', sans-serif;
}
.community-box a.see-more {
	font-family: 'Comfortaa', sans-serif;
}
.some-facts span {
	font-family: 'Comfortaa', sans-serif;
}
.team-heading a {
	font-family: 'Comfortaa', sans-serif;
}
.h3-slider-caption strong {
	font-family: 'Comfortaa', sans-serif;
}
.h3-slider-caption a {
	font-family: 'Comfortaa', sans-serif;
}
.new-thumb .cat {
	font-family: 'Comfortaa', sans-serif;
}
.news-details blockquote p {
/*	font-family: 'Comfortaa', sans-serif;*/
}
a.jobs-link {
	font-family: 'Comfortaa', sans-serif;
}
ul.reports a {
	font-family: 'Comfortaa', sans-serif;
}
.recent-events .nav-tabs>li>a {
	font-family: 'Comfortaa', sans-serif;
}
.recent-events .nav-tabs>li>a {
	font-family: 'Comfortaa', sans-serif;
}
.newsletter-style2 button {
	font-family: 'Comfortaa', sans-serif;
}
.share-post-single strong {
	font-family: 'Comfortaa', sans-serif;
}
.post-comments-form input[type="submit"] {
	font-family: 'Comfortaa', sans-serif;
}
.serbox-cap .rm {
	font-family: 'Comfortaa', sans-serif;
}
.city-updates ul li strong {
	font-family: 'Comfortaa', sans-serif;
}
.department-links li a {
	font-family: 'Comfortaa', sans-serif;
}
a.dbutton {
	font-family: 'Comfortaa', sans-serif;
}
ul.funds li strong {
	font-family: 'Comfortaa', sans-serif;
}
.dn-btn {
	font-family: 'Comfortaa', sans-serif;
}
li.form-submit button {
	font-family: 'Comfortaa', sans-serif;
}
.your-comments .form-check-label {
	font-family: 'Comfortaa', sans-serif;
}
.donator-details input[type="submit"] {
	font-family: 'Comfortaa', sans-serif;
}
.tuser strong {
	font-family: 'Comfortaa', sans-serif;
}
.cs-txt .countdown-amount {
	font-family: 'Comfortaa', sans-serif;
}
.cs-txt .countdown-period {
	font-family: 'Comfortaa', sans-serif;
}
.cs-newsletter-form button.subscribe {
	font-family: 'Comfortaa', sans-serif;
}
.wrap-404 strong.title-404 {
	font-family: 'Comfortaa', sans-serif;
}
.wrap-404 .search strong {
	font-family: 'Comfortaa', sans-serif;
}

.curvt {
  float: left;
  margin-right: 10px;
  display: inline;
  text-align: center;
 }

.curfew {
background-color: #BD2426;
font-size:35px;
color:#fff;
text-align: center;
line-height: 1.2em;
padding: 15px 0 15px 15px;
}

.curfewtext {
color: #BD2426;
font-size:30px;
text-align: center;
margin:20px 0;
text-shadow: 1px 1px 2px #fff, 0 0 25px #000, 2px 2px 5px #fff;
line-height: 1.2em;
font-weight: bold;
}

#time-elapsed {
    font-size:60px;
}

 @media (min-width: 1650px) and (max-width: 1919px) {
.curfew {
font-size:30px;
}

.curfewtext {
font-size:25px;
}

#time-elapsed {
    font-size:55px;
} 
}


@media (min-width: 1439px) and (max-width: 1649px) {
.curfew {
font-size:25px;
}

.curfewtext {
font-size:25px;
}

#time-elapsed {
    font-size:45px;
} 
}


 @media (min-width: 1200px) and (max-width: 1439px) {
.curfew {
font-size:21px;
}

.curfewtext {
font-size:20px;
}

#time-elapsed {
    font-size:40px;
} 
}

 @media (min-width: 992px) and (max-width: 1199px) {
.curfew {
font-size:16px;
}

.curfewtext {
font-size:16px;
}

#time-elapsed {
    font-size:30px;
} 
}


 @media (min-width: 480px) and (max-width: 991px) {
 .curfew {
font-size:40px;
}

.curfewtext {
font-size:30px;
}

#time-elapsed {
    font-size:70px;
} 
}

@media (max-width: 479px) {
 .curfew {
font-size:25px;
}

.curfewtext {
font-size:22px;
}

#time-elapsed {
    font-size:45px;
} 
}

@media (max-width: 1441px) {
.subheader {
    padding: 40px 0;
}
}


@media (max-width: 990px) {
.tblsm {
    font-size:12px;
}
}


@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}


audio { max-width: 100%;}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.row.display-flex [class*='col-'] {
/*    background-color: #ddd; */
}

.panel-default > .panel-heading {
    padding:10px;
}

.panel-body > audio {
    width:100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shadow {
    -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

#buttonz {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border:2px solid #000;
  border-radius: 25px;
  position: fixed;
  bottom: 0px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  font-size: 30px;
   color:#000;
}
/*
#buttonz::after {
  content: "\f077";
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 40px;
  color: #000;
}
*/
#buttonz:hover {
  cursor: pointer;
  background-color: #333;
  color:#fff;
}
/*
#buttonz:hover::after {
  color: #fff;
}
*/
#buttonz:active {
  background-color: #555;
}
#buttonz.show {
  opacity: 1;
  visibility: visible;
}


@media (min-width: 500px) {
	
  #buttonz {
    margin: 30px;
  }
}


.implinks {
    width: 100%;
    height:100%;
    border: 1px solid #fff;
/*    background-color: #A6FF4D; */
    padding: 5px 10px;
    display: block;
    text-align:center;
    color:#333;
	-webkit-box-shadow:  0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow:  0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	border: 1px solid #eee;
}

.implinks:hover {
    width: 100%;
    height:100%;
    background-color: #006371; 
    padding: 5px 10px;
    display: block;
    text-align:center;
    color:#fff;
}


#container_buttons {
padding: 8px 30px 8px 0;    
    
}

.a_demo_three {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:8px 20px;
	border-left:solid 1px #2ab7ec;
	margin-left:35px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    width: 100%;
    display: block;
    font-weight: bold;
}

.a_demo_three:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.a_demo_three::before {
	background-color:#2561b4;
	content:"1";
	width:35px;
	height:100%;
	position:absolute;
	display:block;
	padding:8px 0 10px;
    text-align: center;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.a_demo_three:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}

.button2::before {
	content:"2";
}

.button3::before {
	content:"3";
}

.button4::before {
	content:"4";
}

.button5::before {
	content:"5";
}

.button6::before {
	content:"6";
}

.button7::before {
	content:"7";
}

.button8::before {
	content:"8";
}

.button9::before {
	content:"9";
}

.button10::before {
	content:"10";
}

.button11::before {
	content:"11";
}

.button12::before {
	content:"12";
}

.onsidebar {
    display: block;
}

.onsidebar-xs {
    display: none;
}


@media (max-width: 991px) {
    
.onsidebar {
    display: none;
}

.onsidebar-xs {
    display: block;
}

    
}
    
@media (max-width: 767px) {
.topbar ul {
    text-align: center;
}
}