@charset "utf-8";
html, body{ min-height: 100%;}
body{
	margin: 0;
    padding: 0;
	font-family: Roboto, Arial, Helvetica;
	font-size: 100%;
	font-weight: 400;
	background: #e9ecee;
	width: 100%;
}
.adman-placeholder{
	outline: none !important;
}

.lazyloading,.lazyload{opacity:0}
.lazyloaded{opacity:1!important; display: block!important;
transition:all 500ms;
}

::selection {
	background: #C2E4FE;
}

.alertBar{
	display:table; width:100%; padding: 10px 20px; text-align: center; position: relative;
	background: #ff0004; color: #fff; font-weight: 700; font-family: "Roboto Condensed", "Arial Narrow", "Helvetica LT Condensed", Arial; font-size: 15px;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.15);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4); box-sizing: border-box;
	transition: 0.2s;
}
.alertBar i{ font-size: 18px; }
a.alertBar:hover{ text-decoration: underline; background:#cc0003}

.section-title{
	display: block;
	margin: 5px 10px 20px 10px;
	padding: 0;
	box-sizing: border-box;
	border-top: 1px solid #ff0004;
}
.section-title:after{ display:table; width:100%; content:' '}

.section-title .t1{
	font-family: 'Ubuntu'; font-weight: 900; font-size: 26px; color: #333;
	border-top: 5px solid #ff0004;
	text-transform: uppercase;
	margin:0 40px 0 0; padding:0;
	float:left;
}
.boxed-title .t1:hover{ color: #000; }

.section-title.news{ margin: 5px 10px 9px 10px; border-top: none; }
.section-title.news .t1{ }

.section-title.viral{ border-top: 1px solid #b8618e; }
.section-title.viral .t1{ border-top: 5px solid #b8618e; color: #b8618e; }
.section-title.viral .t2:hover, .section-title.viral .t3:hover{ color: #b8618e; }

.section-title.themata{ border-top: 1px solid #0991ae; }
.section-title.themata .t1{ border-top: 5px solid #0991ae; color: #0991ae; }
.section-title.themata .t2:hover, .section-title.themata .t3:hover{ color: #0991ae; }

.section-title.life{ border-top: 1px solid #09ae72; }
.section-title.life .t1{ border-top: 5px solid #09ae72; color: #09ae72; }
.section-title.life .t2:hover, .section-title.life .t3:hover{ color: #09ae72; }

.section-title.eagenda{ border-top: 1px solid #7c63f8; }
.section-title.eagenda .t1{ border-top: 5px solid #7c63f8; color: #7c63f8; }
.section-title.eagenda .t2:hover, .section-title.eagenda .t3:hover{ color: #7c63f8; }

.section-title.popculture{ border-top: 1px solid #000; }
.section-title.popculture .t1{ border-top: 5px solid #000; color: #000; background: #fff000; }
.section-title.popculture .t2:hover, .section-title.popculture .t3:hover{ color: #fff000; }

.section-title.videos{ border-top: 1px solid #ef4351; }
.section-title.videos .t1{ border-top: 5px solid #ef4351; color: #ef4351; }
.section-title.videos .t2:hover, .section-title.eagenda .t3:hover{ color: #ef4351; }

.section-title.xmas{ border-top: 1px solid #ef4351; }
.section-title.xmas .t1{ border-top: 5px solid #ef4351; color: #ef4351; }
.section-title.xmas .t2:hover, .section-title.eagenda .t3:hover{ color: #ef4351; }

.section-title.related{ border-top: none; }
.section-title.related .t1{ border-top: 5px solid #fff; color: #676767; }
.section-title.related .t2:hover, .section-title.related .t3:hover{ color: #b8618e; }

.section-title.topiclist{ border-top: none; margin: 20px 0 0 0; text-align: center}
.section-title.topiclist .t1{ float: left; font-size:56px; border-top: none; color: #fff; margin:0; }
.section-title.topiclist .t2{ float: right; font-weight: 900; margin: 30px 0 0 0; font-size: 18px; font-weight: 500; color: #797979; }

.section-title .t2{
	font-family: 'Ubuntu'; font-weight: 500; font-size: 16px;
	text-transform: uppercase; margin:15px 20px 0 0; padding:0;
	float:left;
}
.section-title a.t2{ color: #797979;}
.section-title .t3{
	font-family: 'Ubuntu'; font-weight: 700; font-size: 16px;
	text-transform: uppercase; margin:15px 0 0 0; padding:0;
	float:right;
}
.section-title a.t3{ color: #797979;}


.boxed-title{
	display:block; margin: 15px 0 12px 0; padding: 0 10px;
}
.boxed-title:after{ display:table; width:100%; content:' '}

.boxed-title .t1{
	font-family: 'Ubuntu'; font-weight: 900; font-size: 20px;
	text-transform: uppercase; color: #797979; margin:0; padding:0;
}
.boxed-title .t1:hover{ color: #000; }


.section-topic{
	margin: 5px 0 30px 0; padding: 0; box-sizing: border-box; background: #fff; border-radius: 12px; overflow: hidden; display: block;
}
.section-topic:after{ display:table; width:100%; content:' '}

.section-topic .tBg{ background-size: cover; padding: 0; box-sizing: border-box; transition: ease-out 0.5s; }

.section-topic .t0{
	border-top: 1px solid rgba(255,255,255,0.6);
    display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex;
    -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    -moz-flex-grow: .5; -ms-flex-grow: .5; -webkit-box-flex: .5; -ms-flex-positive: .5; flex-grow: .5;
    position: relative; padding: 0 65px 15px 65px; box-sizing: border-box;
	transition: 0.3s;
}
.section-topic .t1{
	font-family: 'Ubuntu'; font-weight: 500; font-size: 18px; color: #fff;
	text-transform: uppercase; text-align: center; height: 18px; letter-spacing: 2px;
	padding:4px 20px 12px 20px; margin: 0 auto 15px auto;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.section-topic .tBg:hover .t0{ border-top: 1px solid #ff0004; background: rgba(0,0,0, 0.4);}
.section-topic .tBg:hover .t2{ background: rgba(0,0,0, 0.4);}

.section-topic .t2{
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color:#fff;
	font-weight: 900; font-size: 36px; letter-spacing: -1px;
	display: block;	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	padding: 45px 65px 10px 65px; box-sizing: border-box;
}
.section-topic .items{ padding: 0 10px;	}
.section-topic .items .tiles{ padding: 10px 15px !important; box-sizing: border-box;}
.section-topic .items .tiles h1{ font-size: 20px !important; }
.section-topic .items .tiles .subtitle{ font-size: 16px !important; }
.section-topic .items .tiles .item{ height: 300px !important; }

.smallnote{
	color: #767676; font-size: 0.9em; font-weight:400; font-family: Arial, Helvetica, sans-serif;
}

#readmore-carousel{
	padding:0; max-width:100%; position: relative; overflow: auto;
}

.white.carousel{ padding: 0 20px 0 20px; background: #cdcfd1; display:block;}
.black.carousel{ padding: 0 20px 0 20px; background: #281e1e; display:block;}

.white.carousel .section-title{ border-top: none; }
.white.carousel .section-title .t1{ border-top: 5px solid #ff0004; }

.black.carousel .section-title{ border-top: none; }
.black.carousel .section-title .t1{ border-top: 5px solid #ff0004; color: #fff; }

.white .section-title{ margin-bottom: 5px;}
.black .section-title{ margin-bottom: 5px;}

.white.carousel .section-title .t1{ font-size: 20px !important; }
.black.carousel .section-title .t1{ font-size: 20px !important; }

.eventplace{display:block; padding-top: 5px; font-family: 'Ubuntu', Arial, sans-serif; font-weight: 400; }
.eventcities{display:block; padding-top: 5px; font-family: 'Ubuntu', Arial, sans-serif; font-weight: 400; }
.eventdates{display:block; font-family: 'Ubuntu', Arial, sans-serif; font-weight: 400; }
.eventprice{display: none;}

.EVENTPLACE{display:block; padding-top: 5px; font-family: 'Ubuntu', Arial, sans-serif; font-weight: 400; font-size: 0.857em;}
.EVENTCITIES{display:block; padding-top: 5px; font-family: 'Ubuntu', Arial, sans-serif; font-weight: 400; font-size: 0.857em;}
.EVENTDATES{display:block; font-family: 'Ubuntu', Arial, sans-serif; font-weight: 400; font-size: 0.857em;}
.EVENTPRICE{display: none;}

a.buyTicket, a.buyTicket2{
	display:block; margin: 0 auto;
	background: #7D64F9; border-radius: 2px; color: #fff !important; padding: 14px 0 16px 0; text-align:center;
	font-family: 'Ubuntu', 'Arial Black', Gadget, sans-serif; border: 1px solid #7D64F9; box-sizing: border-box;
	font-weight: 500; letter-spacing: 0.05em;
	font-size: 16px; transition: ease-out 0.2s;
}
a.buyTicket2{ display: inline-block; padding: 3px 6px 3px 6px !important; margin-top: 10px; font-size: 10px; !important}
a.buyTicket i{font-size: 24px;}
a.buyTicket2 i{font-size: 12px;}

a.buyTicket:hover, a.buyTicket2:hover{
	background: #fff; color: #7D64F9 !important;
}

@media only screen and (max-width: 979px){
.section-title .t2{ display: none;}
.section-title .t3{ font-size: 14px}
}

@media only screen and (min-width: 980px) and (max-width: 1259px){
.section-title .t2{ font-size: 14px}
.section-title .t3{ font-size: 14px}
}

@media only screen and (min-width: 980px){
.fixedAd{
	position: fixed;
	bottom: 20px;
}
}
@media only screen and (min-width: 980px) and (min-height: 768px){
.fixedAd{
	position: fixed;
	bottom: 20px;
}
}


a{ color: #0079ff; text-decoration: none; outline-width: medium; outline-style: none; outline-color: -moz-use-text-color; }
a:hover{ text-decoration: none }
a.publisher-anchor-color{ color: #0079ff !important;}


.addcomment{
	display: inline-block;
	float: right;
    border: #6f6f6f solid 1px;
    font-weight: 500;
    font-size: 0.75em;
    color: #6f6f6f; padding:1em; margin: 1em 1m 0 0;
	border-radius: 10px;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
.addcomment:hover{ background: #fff;}

.postTags {
	display: block; margin: 1em 0; padding: 1em 0; overflow: hidden;
	border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2;
	color: #000; font-family: 'Ubuntu', Arial, sans-serif; font-size: 0.75em; font-weight: 400;
}
.postTags a { color: #000; }
.postTags a:hover { color: #fff; background: #0079ff; }

.absolute-center {
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;

}

/* --------------------------------------------------------- */

.mainTitle {
	color:#000;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-weight: 400; font-size: 2em; margin-bottom:0.9375em;
}
.mainTitle a{color:#676767;}
.mainTitle a:hover{color:#0079ff;}

/* --------------------------------------------------------- */

.media{	
	display:block; float:right; position:relative; 
	color: #646464; font-size: 1.25em; width: 1.125em; padding: 0.125em 0 0 0;
}

.feed{
	display:block;
	position:absolute; top:-10px; left:-10px; 
	z-index: 9999;
	width:52px; height:52px;
	overflow:hidden;
}
.feed img{ width:52px; height:52px;}

.bg100{background: #60a3b9;}
.bg107{background: #38ab89;}
.bg103{background: #60a3b9;}
.bg102{background: #7D64F9;}
.bg20{background: #d78b29;}

/*-------------------- */

a.facebook{color:#7f7f7f !important}
a.twitter{color:#7f7f7f !important}
a.instagram{color:#7f7f7f !important}
a.youtube{color:#7f7f7f !important}
a.gplus{color:#7f7f7f !important}
a.rss{color:#7f7f7f !important}
a.comment{color: #7f7f7f !important}
a.search{color: #7f7f7f !important}

a.facebook:hover{color:#3b5998 !important}
a.twitter:hover{color:#55acee !important}
a.instagram:hover{color:#833ab4 !important}
a.youtube:hover{color:#e52d27 !important}
a.gplus:hover{color:#dd4b39 !important}
a.rss:hover{color:#f26522 !important}
a.comment:hover{color: #3C6 !important}
a.search:hover{color: #ff0004 !important}

/*-------------------- */

form{ color: #000033; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; }
input, textarea, label, select{ border: #7f7f7f 2px inset; padding: 5px; color: #000033; font-family: 'Ubuntu', Arial, Helvetica, sans-serif;}


input::-webkit-input-placeholder, label::-webkit-input-placeholder, select::-webkit-input-placeholder, input::-moz-placeholder, label::-moz-placeholder, select::-moz-placeholder, input:-moz-placeholder, label:-moz-placeholder, select:-moz-placeholder, input:-ms-input-placeholder, label:-ms-input-placeholder, select:-ms-input-placeholder { font-style: italic; letter-spacing: 0.05em; }

textarea:hover { border-color: silver; }

input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover { border-color: silver; }

select[multiple=multiple]:hover { border-color: silver; }

textarea:focus { border-color: #27C4FF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(13, 189, 255, 0.7); outline: none; }

input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus { border-color: #27C4FF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(13, 189, 255, 0.7); outline: none; }

input[type="search"]:focus { border: 1px inset #969696 !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); outline: none; }


select[multiple=multiple]:focus { border-color: #27C4FF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(13, 189, 255, 0.7); outline: none; }

textarea { resize: vertical; }

/******************************************************\
*
*  Arrows
*
\******************************************************/
.swiper-button-next-mywhite {
	background: url('/_img/next.png') right center no-repeat;
}
.swiper-button-prev-mywhite {
	background: url('/_img/previous.png') left center no-repeat;
}

.swiper-button-next-mydark {
	background: url('/_img/next_dark.png') right center no-repeat;
}
.swiper-button-prev-mydark {
	background: url('/_img/previous_dark.png') left center no-repeat;
}
.swiper-button-out-next{ right: -30px; top:55% }
.swiper-button-out-prev{ left: -30px;  top:55% }

.swiper-button-next-myblue {
	background: url('/_img/next_blue.png') right center no-repeat;
}
.swiper-button-prev-myblue {
	background: url('/_img/previous_blue.png') left center no-repeat;
}

/******************************************************\
*
*  Right Boxes
*
\******************************************************/
.postEntries { }
.postEntries a{ display:table; width:100%; position:relative; padding: 10px 0 10px 0; border-bottom: solid 1px #CCCCCC; text-align:left; list-style:none }

.postEntries .cropimg {	width: 80px; height: 80px; overflow:hidden; display: block; float:right; position:relative;}
.postEntries .cropimg img{ width:auto; height:80px; margin-left: -20px }

.postEntries a:hover h3{ text-decoration: none; color: #ff0004}
.postEntries a:hover h4{ text-decoration: none; color: #646464}
.postEntries a:hover .media{ background: #ff0004}

.postEntries h3{
	font-size: 0.95em; font-weight: 400; color: #000; letter-spacing: -0.04em; line-height:1em;
	margin:5px 0 5px 0; padding:0;
}
.postEntries h4{
	padding:0; margin:0;
	font-size: 0.75em; font-weight: 400;
	line-height: 1.125em; color: #666;
}

.postEntries .category{
	color: #ff0004; display:inline-block; margin-right: 4px; font-size: 0.75em; font-family: 'Ubuntu', Arial, sans-serif;
}
.postEntries .when{
	color: #666; display:inline-block; margin-right: 4px; font-size: 0.75em; 	font-family: 'Ubuntu', Arial, sans-serif;
}
.postEntries .alert{
	background: #ff0004; color: #fff; display:inline-block;  padding: 2px 4px 2px 4px; margin-right: 4px; font-size: 0.625em; font-family: 'Ubuntu', Arial, sans-serif;
}

.postEntries .media{
	position:absolute; left:0; top:0; background:#000; color: #fff; padding: 0.25em 0.15em 0.25em 0.25em; margin:0;
}

.postEntries.noimg .cropimg{display:none;}

.postEntries.small h3{ font-size: 13px; }
.postEntries.small h4, .postEntries.small .category, .postEntries.small .when{ font-size: 11px; }
.postEntries.small .cropimg { width: 60px; height: 60px; margin-left: 10px; overflow:hidden; display: block; float:right; position:relative; }
.postEntries.small .cropimg img{ width:auto; height:60px; margin-left: -15px; }

/******************************************************\
*
*  Tabs & Scrollbars
*
\******************************************************/

.postsRedHeader {
	font-family: 'Ubuntu', Arial;
	font-size: 20px;
	font-weight: 700;
	color: #6f6f6f;
	padding: 0;
	border-bottom: 2px solid #ff0004;
}
.postsRedHeader a {	color: #ff0004; }
.postsRedHeader a:hover { color: #ff0004; }

.etabs { margin: 0 0 0.75em 0; padding: 0; background: #FF6B5B }
.tab { display: inline-block; zoom:1; *display:inline; box-sizing: border-box; }
.tab a { font-size: 0.75em; font-family: 'Ubuntu', Arial; font-weight:600; line-height: 2em; display: block; padding: 0.5em 1.25em; outline: none; color:#FFF0F0 }
.tab a:hover { text-decoration: none; color:#fff; }

.tab.active { background: #ff0004; position: relative;}
.tab.active::after {
content: "";
position: absolute;
bottom: -9px;
left: 50%;
margin-left: -9px;
border-width: 9px 9px 0;
border-style: solid;
border-color: #ff0004 transparent;
display: block;
width: 0;
}

.tab a.active { color:#fff; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

.mCSB_inside > .mCSB_container{margin-right:15px;}
.mCSB_scrollTools{ width:8px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.4);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(0,0,0,0.05);}

.stuck {
  position:fixed;
  top: 70px;
  width: 300px;
}
.stuck-end {
  position: absolute;
  bottom: 10px;
  width: 300px;
}

#fixedRight{ padding-bottom:30px; background: #e9ecee;}
#fixedRight.stuck #fixedRight_hide{	display: none; }
#fixedRight.stuck-end #fixedRight_hide{	display: none; }

/******************************************************/

.headerDesign{
	display: block; height:180px;
	border-top: 1px solid #ced3d6; padding: 60px 0 40px;
	background: repeat-x center center;

}
.headerText{
	height:140px; padding: 80px 0 40px;
	text-align: center;
	font-family: 'Ubuntu', Verdana, Helvetica;
	font-weight: 900; color: #fff; text-shadow: 1px 1px 12px #000;
	font-size: 4em;  letter-spacing: 0.3em;
}

.eagenda .etabs { margin: 0 0 0.75em 0; padding: 0; background: #8080C0 }
.eagenda .tab a { color:#FFF0F0 }
.eagenda .tab a:hover { color:#fff; }

.eagenda .tab.active { background: #7D64F9; }
.eagenda .tab.active::after { border-color: #7D64F9 transparent; }

.eagenda .boxHeader{color: #7D64F9}
.eagenda a{color: #7D64F9}
.eagenda .postEntries h4{ font-size: 0.875em; }
.eagenda .postEntries .category{ padding: 0 4px 1px 4px; margin: 0 4px 0 0; font-size: 0.625em; font-weight: 500;}
.eagenda .postEntries .alert{ background-color:: #7D64F9}
.eagenda .postEntries .when{ display:none; }

.eagenda .postEntries a:hover h3{ text-decoration: none; color: #7D64F9}
.eagenda .postEntries a:hover .category{ text-decoration: none; color: #7D64F9}
.eagenda .postEntries a:hover .media{ background-color: #7D64F9}

.eventCategory.category130{ background: #7d64f9; color:#fff !important; }
.eventCategory.category131{ background: #7d64f9; color:#fff !important; Μουσική}
.eventCategory.category132{ background: #6487f9; color:#fff !important; Nighlife}
.eventCategory.category133{ background: #64b5f9; color:#fff !important; Φεστιβάλ}
.eventCategory.category134{ background: #46e278; color:#fff !important; Θέατρο}
.eventCategory.category135{ background: #f97264; color:#fff !important; Εικαστικά}
.eventCategory.category136{ background: #a064f9; color:#fff !important; Σινεμά}
.eventCategory.category137{ background: #98d943; color:#fff !important; Χορός}
.eventCategory.category138{ background: #f964ae; color:#fff !important; Shows}
.eventCategory.category139{ background: #f9ae64; color:#fff !important; Εκδηλώσεις}
.eventCategory.category140{ background: #64d8f9; color:#fff !important; Παιδικά}

.eventCategory.category130{ background: #418BBD; color:#fff !important;}
.eventCategory.category131{ background: #85005d; color:#fff !important;}
.eventCategory.category132{ background: #ff7c2a; color:#fff !important;}
.eventCategory.category133{ background: #1eaaf2; color:#fff !important;}
.eventCategory.category134{ background: #4d8544; color:#fff !important;}
.eventCategory.category135{ background: #066dcc; color:#fff !important;}
.eventCategory.category136{ background: #f45b5b; color:#fff !important;}
.eventCategory.category137{ background: #cd1212; color:#fff !important;}
.eventCategory.category138{ background: #4d8544; color:#fff !important;}
.eventCategory.category139{ background: #d79c36; color:#fff !important;}
.eventCategory.category140{ background: #17b0c2; color:#fff !important;}

.eventCategory.category130{ background: #98b5bf !important; color:#fff !important; }
.eventCategory.category131{ background: #98b5bf !important; color:#fff !important; Μουσική}
.eventCategory.category132{ background: #939fc5 !important; color:#fff !important; Nighlife}
.eventCategory.category133{ background: #c5b0dd !important; color:#fff !important; Φεστιβάλ}
.eventCategory.category134{ background: #b3bf98 !important; color:#fff !important; Θέατρο}
.eventCategory.category135{ background: #cf8e7b !important; color:#fff !important; Εικαστικά}
.eventCategory.category136{ background: #d3b581 !important; color:#fff !important; Σινεμά}
.eventCategory.category137{ background: #b0ddb6 !important; color:#fff !important; Χορός}
.eventCategory.category138{ background: #ddb0c2 !important; color:#fff !important; Shows}
.eventCategory.category139{ background: #aa98bf !important; color:#fff !important; Εκδηλώσεις}
.eventCategory.category140{ background: #bf98a7 !important; color:#fff !important; Παιδικά}

/* --------------------------------------------------------- */

.category130 { color: #b0d2dd !important; }
.category131 { color: #b0d2dd !important; Μουσική}
.category132 { color: #aab8e4 !important; Nighlife}
.category133 { color: #c5b0dd !important; Φεστιβάλ}
.category134 { color: #cfddb0 !important; Θέατρο}
.category135 { color: #f0a58f !important; Εικαστικά}
.category136 { color: #f4d296 !important; Σινεμά}
.category137 { color: #b0ddb6 !important; Χορός}
.category138 { color: #ddb0c2 !important; Shows}
.category139 { color: #f4d296 !important; Εκδηλώσεις}
.category140 { color: #ddb0c2 !important; Παιδικά}

/******************************************************/
/************ SEARCH BOX               ****************/
/******************************************************/

#q{
	display:block; float:left; width:88%;
	padding: 6px;
	
	background: #7f7f7f;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	font-size: 14px;
	color: #fff;
}


/******************************************************/
/************ Background Plyr          ****************/
/******************************************************/

.backplyr {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	
	.backplyr-paused &,
	.backplyr-playing & {
		opacity: 1;
		transform: opacity 0.2s linear 0.5s;
	}
}

.backplyr-added-button {
	position: absolute;
  z-index: 10;
	left: 50%;
	right: 50%;
	top: 0;
	margin-left: -50vw;
	margin-right: -50vw;
	
	button {
		position: relative;
		background: transparent;
		color: #fff;
		border: currentColor 1px solid;
		margin: 5px 12px;
		opacity: 0.7;
		transition: opacity 0.2s ease, transform 0.2s ease;
		outline: none;
		width: 46px;
		height: 46px;
		line-height: 46px;
		border-radius: 23px;
		text-align: center;
		
		i,
		&::after {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		
		i {
			z-index: -1;
			top: 5px;
		}
		
		.icono-play {
			left: 8px;
		}
		
		.icono-pause {
			left: 5px;
		}
		
		.icono-volume {
			left: 2px;
		}
		
		.icono-volumeHigh {
			left: 3px;
		}
		
		&::after {
			content: '';
			opacity: 0.5;
			z-index: -2;
			background: #000;
			transition: opacity 0.2s ease;
			border-radius: 23px;
		}
			
		&:hover {
			opacity: 0.8;
			
			&::after {
				opacity: 1;
			}
		}
		
		&:active {
			opacity: 1;
			transform: translateY(2px);
		}
	}
}

.backplyr-toggle-play-active {
	display: none;
}

.backplyr-playing {
	.backplyr-toggle-play-active {
		display: block;
	}
	
	.backplyr-toggle-play-inactive {
		display: none;
	}
}

.backplyr-toggle-mute-active {
	display: none;
}

.backplyr-muted {
	.backplyr-toggle-mute-active {
		display: block;
	}
	
	.backplyr-toggle-mute-inactive {
		display: none;
	}
}