/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}



html {height:100%;}
body {line-height: 1.3;font-family:'Noto Serif',serif;font-size:16px;font-weight:400;background-color:#fdfdfd;height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;font-family:'Noto Serif';}

/* BASIC PAGE SETUP ============================================================================= */
body { margin : 0 auto;padding : 0;font-weight:normal;color:#000;text-align: left;}
button, input, select, textarea { color : #202020; }

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight:400;font-weight:400;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.3; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight:400;font-weight:400; }
b, strong { font-weight:700; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
/*a { color : #787200;}//-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-decoration: underline;}
*/
ul a {text-decoration:none;}
/*a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}*/
	/*a:visited { color : #ee3344; }*/
/*a:focus { color : rgb(0,0,0); }*/
a:hover, a:active { outline : 0; }
a.backtotop {z-index:100;margin:0 auto 56px auto;padding:0;display:block;
    background:url(/images/footer_top.png) no-repeat;background-size:contain;
    width:52px;height:67px;text-indent:-9000px;text-align:left;}
a#backtotop {position:fixed;z-index:100;bottom:5px;right:5px;margin:0;
background-image:url(/images/backtotop.png);width:36px;height:36px;}


/* IMAGES ============================================================================= */
img {
border : 0;}/*max-width: 100%;}*/

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;width : 100%; }
th, td, caption { padding : 0; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight:400;font-weight:400;font-family: monospace;font-size: 1.2em;}
div.sql {font-size:11px;padding:15px 5px;display:block;color:#f00;white-space: pre;}


div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#fff #fff transparent transparent;
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}

/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:0px;}
div.clearright {clear:right;height:0px;}
div.clearleft {clear:left;height:0px;}
span.icon {font-family:icons;}

/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}

/* GRAVITY.GR CSS  ============================================================================= */
.wrapperIn {width:90%;margin:0 auto;max-width:1140px;}
.bannerinside {width:100%;margin:0 auto;max-width:1200px;}
.notresponsive .wrapperIn {width:960px;}
.relative {position:relative;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

@media only screen and (max-width:600px){
/*.wrapperIn {width:95%;}*/
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*body {background-color:#F1F1F1;}*/
div.left {float:left;display:block;}
div.right {float:right;display:block;}

div.mapwrapper {display:block;padding:30px 0 0 0;}

/* #E31624 */
div.footer {padding-bottom:20px;}
div.footer ul {display:block;margin:100px 0 20px 0;position:relative;
    list-style:none;
    height:44px;text-align:center;}
    div.footer ul:before {content:"";position:absolute;top:21px;left:0;right:0;height:2px;
        background-color:#E31624;}
    div.footer ul li {display:inline-block;width:44px;height:44px;padding:0;margin:0 2px;
    position:relative;z-index:10;text-indent:-9000px;}
    div.footer ul li a {display:block;width:44px;height:44px;}
    div.footer ul li.facebook a {background-image:url(/images/footer_facebook.png);}
    div.footer ul li.instagram a {background-image:url(/images/footer_instagram.png);}

div.footer p {float:left;padding:12px 0 12px 85px;box-sizing: border-box;
    background:url(/images/footer_logo.png) no-repeat 0 50%;font-size:15px;}
div.footer a {color:#000;}
div.footer a:hover {color:#E31624;}
div.footer a.gravity {float:right;font-size:15px;padding:12px 0 12px 0;}


@media only screen and (max-width:850px){
    div.footer p {max-width:50%;padding:2px 0 2px 85px;}
}
@media only screen and (max-width:580px){
    div.footer p {max-width:100%;float:none;padding:65px 0 0;margin:0;text-align:center;
        background-position:50% 0;}
    div.footer a.gravity {float:none;display:block;width:150px;clear:both;text-align:center;margin:30px auto 20px;}
}

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

}


div.header {padding:0;display:flex;flex-wrap:0; margin:0 0 30px;}
div.header h1 {width:165px;height:101px;flex-grow:0;text-indent:-9000px;
        background:url(/images/header_logo.png);}
div.header nav {flex-grow:1;display:flex;}
div.header nav ul.social {flex-grow:0;width:50px;border-left:0;}
div.header nav ul.social li {flex-grow:0;height:49px;width:50px;border:1px solid #E1E1E1;border-left:0;
    text-indent:-9000px;margin:0;}
    div.header nav ul.social li a {background-position:50%;background-repeat: no-repeat;}
    div.header nav ul.social li.facebook a {background-image:url(/images/header_facebook.png);}
    div.header nav ul.social li.instagram a {background-image:url(/images/header_instagram.png);}
div.header nav ul.social li:last-child{border-top:0;}
div.header nav ul.mainmenu {flex-grow:1;display:flex;list-style:none;height:101px;}
div.header nav ul.mainmenu li {flex-grow:1;border:1px solid #E1E1E1;border-left:0;/*width:20%;*/box-sizing:border-box;
    line-height:100px;}
div.header nav ul li {position:relative;}
div.header nav ul li a {position:absolute;left:0;right:0;bottom:0;top:0;text-align:center;font-size:14px;color:#000;}
div.header nav ul li a span {padding:0 6px 0 6px;background-color:#fff;}
div.header nav ul.mainmenu li a:hover:before,div.header nav ul.mainmenu li.selected a:before {content:"";display:block;height:5px;
    right:50%;
    position:absolute;left:0;top:48px;background-color:#E31624;z-index:-1;}


div.mobileheader {display:none;padding:20px 0 10px;position:relative;}
div.mobileheader h1 {width:165px;height:101px;margin:0 auto;text-indent:-9000px;
        background:url(/images/header_logo.png);}

div.mobileheader a.mobile {display:block;position:absolute;top:20px;right:22px;
        background:url(/images/mobile.png);width:22px;height:15px;z-index:100;}



div.anarticle {padding:100px 0;}
div.anarticle header .h {position:relative;margin:0 0 50px;text-align:center;}
div.anarticle header .h:after {display:block;content:"";position:absolute;top:calc(50% - 1px);
    left:0;right:0;background-color:#E31624;z-index:-1;height:2px;}
div.anarticle header .h h1 {font-size:32px;padding:0 20px;background-color:#fff;
    display:inline;}

@media only screen and (max-width:650px){
    div.anarticle header .h {padding-bottom:10px;}
    div.anarticle header .h:after {display:block;content:"";position:absolute;top:100%;
        left:0;right:0;background-color:#E31624;z-index:-1;height:2px;}
    div.anarticle header .h h1 {padding:0 0;background-color:#fff;}
}
@media only screen and (max-width:550px){
    div.anarticle header .h h1 {font-size:25px;}
}


div.anarticle .maintext {font-size:19px;;}
div.anarticle .maintext .textwrap {padding-bottom:40px;}
div.anarticle .maintext .mainpic {float:right;width:500px;margin:0 0 5% 5%;}
div.anarticle .maintext .mainpic img {width:100%;}

div.anarticle .maintext a {color:#000;text-decoration:underline;}
div.anarticle .maintext a:hover {color:#E31624;text-decoration:underline;}

div.contactwrapper div.anarticle div.maintext {font-size:0.92em;}
div.contactwrapper div.anarticle {padding-bottom:0;}
div.contactwrapper  .inpage_social {margin-top:0;}


div.anarticle .maintext h2 {padding:10px 0 10px;margin:55px 0 15px;position:relative;font-size:1.1em;}
div.anarticle .maintext h2:after {display:block;content:"";position:absolute;bottom:0px;
    left:0;width:200px;background-color:#E31624;z-index:-1;height:1px;}


div.anarticle ul.photos {list-style:none;margin:0 0 40px;padding:0;}
div.anarticle ul.photos li {display:block;float:left;width:32%;max-width:180px;margin:5px;
    position:relative;box-sizing:border-box;}
div.anarticle ul.photos li.video:after {content:"";pointer-events:none;
    top:0;left:0;right:0;bottom:0;position:absolute;background:url(/images/videostransparent.png) no-repeat 50%;}
div.anarticle ul.photos li a {display:block;width:100%;height:0;padding-top:100%;
    background-size:cover;background-position: 50%;border-radius:50%;}
div.anarticle ul.photos li a img {display:none;}

div.extraswrap {max-width:500px;font-size:0.92em;margin:80px 0 0 0;}
div.extraswrap div.extra {margin:0 0 30px;}
div.extraswrap h3 {font-weight:700;position:relative;}
div.extraswrap h3 span {padding-right:20px;background-color:#fff;}
div.extraswrap h3:after {display:block;content:"";position:absolute;top:calc(50% - 1px);
    left:0;right:0;background-color:#E31624;z-index:-1;height:1px;}
div.extraswrap div.extra ul {list-style:none;}
div.extraswrap div.extra ul li {display:block;margin:5px 0;padding:0;}
div.extraswrap div.extra ul li a {color:#000;}
div.extraswrap div.extra ul li a:hover {color:#E31624;}


@media only screen and (max-width:950px){
    div.anarticle .maintext .mainpic {float:none;width:100%;max-width:500px;margin:0 auto 50px;}
}
@media only screen and (max-width:650px){
    div.anarticle ul.photos li {width:31%;margin:1%;}
}

ul.news {list-style:none;margin:20px 0;padding:0;}
ul.news li {list-style:none;margin:0;padding:0;float:left;width:50%;}
ul.news li a {display:block;}
ul.news li:nth-child(2n+1) {clear:both;}
ul.news li a div.image {width:100%;height:0;padding-top:67%;margin:0;
    background-size:cover;background-position: 50%;background-repeat: no-repeat;
    background-image:url(/images/nophoto1.jpg);}
ul.news li a div.dataWrap {position:relative;min-height:135px;padding:0;margin:0;}
ul.news li a div.dataWrap div.data {}
ul.news li a div.dataWrap div.data span.date {height:23px;line-height:23px;
        box-sizing:border-box;padding:0 10px;font-size:11px;color:#fff;
        min-width:170px;background-color:#E31624;display:block;float:left;}
ul.news li a div.dataWrap div.data h3 {margin:0 0 0 0;padding:15px 0 0 0;clear:both;
    font-size:22px;color:#000;}

@media only screen and (max-width:900px){
    ul.news li a div.dataWrap div.data h3 {font-size:17px;}
}
@media only screen and (max-width:650px){
    ul.news li {float:none;width:100%;}
    ul.news li a div.dataWrap {min-height:0;padding-bottom:30px;}
}

ul.news li a div.image {width:100%;height:0;padding-top:75%;margin:0;
    background-size:cover;background-position: 50%;background-repeat: no-repeat;
    background-image:url(/images/nophoto2.jpg);}



/*
<li class="">
        <a href="/el/news/?nid=32370">
            <div class="image" style="background-image:url('//www.thesemio.gr/pictures/b/b_24153_semiotheatre.jpg');"></div>
            <div class="dataWrap">
                <div class="data">
                    <span class="date">27.09.2018</span>
                    <h3>Το πρόγραμμα της περιόδου 2018-2019</h3>
                </div>
            </div>
        </a>
    </li>
*/
/*<div class='anarticle'>
<article>

<header>
<div class='articleheader hasheaderpic'>
<div class='absolute'>
<div class='h'>
<h1><a href='//www.thesemio.gr/el/1'>ΘΕΑΤΡΟ</a></h1>
</div>

<!--<ul class='inpage_social'>
<li class='facebook'><a href='https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.thesemio.gr%2Fel%2F1&title=ΘΕΑΤΡΟ - Θέατρο Σημείο' target='_blank'>Share on facebook</a></li><li class='twitter'><a href='https://twitter.com/share?text=ΘΕΑΤΡΟ - Θέατρο Σημείο&url=https%3A%2F%2Fwww.thesemio.gr%2Fel%2F1' target='_blank'>Twitter</a></li><li class='google'><a href='https://plus.google.com/share?url=https%3A%2F%2Fwww.thesemio.gr%2Fel%2F1' target='_blank'>google</a></li>
<li class='edit'><a target='_blank' href='/newcms/index.php?menuid=103&edit=article&articleid=32364'>CMS</a></li>
</ul><div class='clear'></div>-->
</div>
</div>
</header>

<section>
<div class='maintext'>
<div class='mainpic'>*/


div.contact {padding:35px 0 55px 0;color:#000;font-size:16px;font-weight:300;
    background:url(/images/praxi_logo.png) no-repeat bottom left;}
div.contact a {color:#000;}
div.contact a:hover {text-decoration:underline;}
div.contact header {padding-bottom:5px;}
div.contact h1 {font-size:22px;font-weight:400;margin:0;padding:0;}
div.contact h2 {font-size:16px;font-weight:700;margin:0;padding:0;}
div.contact img {margin-top:10px;}

p.gravity {padding:27px 0;font-size:13px;font-weight:300;text-align:center;}
p.gravity a {color:#000;}

/*@media only screen and (max-width:950px){*/

.cmsOptions {position:fixed;top:2px;right:2px;background-color:#CB0044;
    padding:2px 8px;z-index:100;font-size:9px;border-radius:3px;z-index:99;line-height:1.4;}
    .cmsOptions a {color:#fff;}




ul.pages {float:right;list-style:none;margin:10px 0 10px;padding:0;height:38px;clear:both;}
ul.pages li {display:inline-block;margin:0;padding:0;border-left:1px solid #000;}
ul.pages li:first-child {border-left:0;}
ul.pages li a {display:block;width:33px;height:33px;color: #000;font-family: "Noto Serif", serif;font-size: 12px;font-weight: 400;
    text-align:center;line-height:33px;}
ul.pages li a.sel,ul.pages li a:hover {color:#CB0044;}
/*
ul.news {list-style:none;margin:10px 0 0;padding:0;}
ul.news li {float:left;display:block;width:23.5%;margin:0 0 2% 2%;transition:0.5s;}
ul.news li:nth-child(4n+1) {margin-left:0;}
*/

ul.homeBanners {list-style:none;margin:10px 0 54px 0;padding:0;}
ul.homeBanners li {list-style:none;margin:0 0 padding:0;position:relative;background-color:#000;}
ul.homeBanners li>a {display:block;background-color:#000;
    width:100%;height:0px;
    position:relative;padding:55% 0 0 0;color:#fff;}
ul.homeBanners li>a div.dataWrap {position:absolute;background-color:#E31624;
    bottom:80px;right:0;width:50%;max-width:310px;box-sizing:border-box;z-index:2;}
ul.homeBanners li>a div.dataWrap div.data {padding:15px 33px;}
ul.homeBanners li>a div.dataWrap div.data header {padding:0;text-align:left;}
ul.homeBanners li>a div.dataWrap div.data header h2 {color:#fff;font-size:36px;margin:0;}
ul.homeBanners li>a div.dataWrap div.data header h3 {color:#000;font-size:19px;margin:0 0 20px 0;}
ul.homeBanners li>a div.dataWrap div.data div.date {color:#fff;font-size:12px;}

ul.homeBanners li>a div.image {position:absolute;top:0;left:0;right:0;bottom:0;
    top:0;bottom:0;right:0;background-size:cover;background-position:50%;z-index:1;}
    ul.homeBanners li>a div.image>div.image.in {width:100%;left:0;}
     ul.homeBanners li>a div.image img {display:none;}

ul.homeBanners li>ul.insidelick/* {position:absolute;
    bottom:80px;right:0;width:50%;max-width:310px;box-sizing:border-box;
    list-style:none;z-index:9;max-height:686px;overflow-y:hidden}
ul.homeBanners li>ul.insidelick a {height:686px;display:block;vertical-align:middle;
    background-size:cover;background-position:50%;}
ul.homeBanners li>ul.insidelick a*/  img {display:none;}

a.back {display:block;width:35px;height:15px;text-indent: -9000px;
background: url(/images/back.png) no-repeat;margin:0 0 20px;}

@media only screen and (max-width:900px){
/*    ul.homeBanners {list-style:none;margin:10px 0 54px 0;padding:0;}
    ul.homeBanners li {list-style:none;margin:0 0 10px;padding:0;position:relative;background-color:#000;}
    ul.homeBanners li>a {display:block;background-color:#000;
        position:relative;padding:0;color:#fff;}
    ul.homeBanners li>a div.dataWrap {height:auto;width:100%;float:none;position:relative;}
    ul.homeBanners li>a div.dataWrap div.data {box-sizing: border-box;
            position:relative;bottom:auto;left:auto;right:auto;padding:15px 20px 15px;}
    ul.homeBanners li>a div.dataWrap div.data header {}
    ul.homeBanners li>a div.dataWrap div.data header h2 {display:inline-block;margin:0 5px 5px 0;font-size:26px;}
    ul.homeBanners li>a div.dataWrap div.data header h3 {display:inline-block;margin-bottom:5px;font-size:14px;}
    ul.homeBanners li>a div.dataWrap div.data div.date {padding:0px 0 0;}
    ul.homeBanners li>a div.image {position:relative;width:100%;top:auto;bottom:auto;right:auto;}
        ul.homeBanners li>a div.image img {display:block;width:100%;}

    ul.homeBanners li>ul.insidelick {position:relative;width:100%;top:auto;bottom:auto;right:auto;}
    ul.homeBanners li>ul.insidelick a {height:auto;}
    ul.homeBanners li>ul.insidelick a  img {display:block;width:100%;}*/

ul.homeBanners li>a div.dataWrap {position:absolute;background-color:#E31624;
    bottom:50px;right:0;width:50%;max-width:50%;box-sizing:border-box;z-index:2;}
ul.homeBanners li>a div.dataWrap div.data {padding:10px 15px;}
ul.homeBanners li>a div.dataWrap div.data header {padding:0;text-align:left;}
ul.homeBanners li>a div.dataWrap div.data header h2 {color:#fff;font-size:22px;margin:0;}
ul.homeBanners li>a div.dataWrap div.data header h3 {color:#000;font-size:16px;margin:0 0 10px 0;}
ul.homeBanners li>a div.dataWrap div.data div.date {color:#fff;font-size:12px;}
/*ul.homeBanners {min-height:300px;}
ul.homeBanners li.slick-slide {min-height:300px;}*/
ul.homeBanners li>a.haspic {min-height:430px;padding-top:0;}
/*ul.homeBanners li>a div.image {min-height:300px;}*/
}

a.mobile {display:none;}
@media only screen and (min-width:950px){
    div.mobilemenu {display:none;}
}

div.mobile {display:none;}
div.desktop {display:block;}
div.mobileheader {display:none;}


@media only screen and (min-width:400px){
    div.mobilemenu {border-left:1px solid #E1E1E1;}

}
@media only screen and (max-width:950px){
    body>header div.mainmenu {display:none;}
    .mobile {display:block;}
    .desktop {display:none;}
    div.header {display:none;}
    div.mobileheader {display:block;}
    a.mobile {display:block;float:right;width:27px;height:27px;
            position:absolute;top:45px;right:20px;text-indent:-9000px;
            background:url(/images/mobile_menu_link.png) no-repeat 50%;
            z-index:1000;}
    .mobilemenu a.mobile {background-image:url(/images/mobile_menu_link_open.png);}

    div.mobilemenu ul.social {padding-right:0;float:left;}
    div.mobilemenu {position:absolute;
        background-color:#fff;
        max-width:400px;
        width:0px;z-index:50;top:0;right:0;
        overflow:hidden;
        transition:0.5s;height:auto;
        padding: 00 0 0;margin:0;}

    div.mobilemenu ul {float:none;display:block;margin:0;padding:0;clear:left;}
    div.mobilemenu ul.mainmenu {}
    div.mobilemenu ul.mainmenu li {display:block;position:relative;border-bottom:1px solid #E1E1E1;
            ;}
    /*div.mobilemenu ul.mainmenu>li:first-child {border-top:1px solid #45413E;}*/
    div.mobilemenu ul.mainmenu li a {display:block;color:#000;padding:18px 30px}
    div.mobilemenu ul.mainmenu>li>a {border:0;font-size:17px;font-weight:400;color:#000;padding:18px 30px;
        line-height:32px;text-align:left;}

    div.mobilemenu ul.social {display:block;padding:0;margin:0;border-bottom:1px solid #E1E1E1;float:none;}
    div.mobilemenu ul.social li {display:block;width:50%;box-sizing:border-box;border-left:1px solid #E1E1E1;float:left;border-top:0;}
    div.mobilemenu ul.social li:first-child {border-left:0;}
    div.mobilemenu ul.social li a {display:block;padding:0;height:69px;text-indent:-9000px;
            background-position:50%;background-repeat: no-repeat;}
    div.mobilemenu nav ul.social li.facebook a {background-image:url(/images/header_facebook.png);}
    div.mobilemenu nav ul.social li.instagram a {background-image:url(/images/header_instagram.png);}
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


ul.slick-dots {list-style:none;position:absolute;bottom:7px;text-align:center;
left:0;right:0;}
ul.slick-dots li {display:inline-block;margin:4px 5px;background-color:transparent;}
ul.slick-dots li button {display:block;background-color:#fff;border:0;
    width:21px;height:21px;box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer;
    position:relative;border-radius:50%;text-indent:-9000px;text-align:left;}
ul.slick-dots li.slick-active:after {position:absolute;display:block;content:"";
    background-color:#E31624;z-index:12;
    width:7px;height:7px;left:7px;top:7px;border-radius:50%;}

.slick-arrow {display:none;cursor:pointer;width:20px;height:33px;
    position:absolute;bottom:10px;/*top:calc(50% - 16px)*/;z-index:11;border:0;text-indent:-9000px;}
div.slider-nav .slick-arrow {display:inline-block;}
.slick-arrow.slick-next {right:10px;background:url(/images/arrow_banner_right.png);}
.slick-arrow.slick-prev {left:10px;background:url(/images/arrow_banner_left.png);}

ul.events {list-style:none;}
ul.events li {border-bottom:1px solid #E31624;padding:10px 0;position:relative;box-sizing: border-box;
    min-height:155px;font-size:16px;}
ul.events li.guest {font-size:14px;}
ul.events li.guest:after {display:block;position:absolute;top:0;left:0;
    background-color:#ed1b23;;
    font-size: 11px;
    padding: 3px 8px;
    color: #fff}
.el ul.events li.guest:after {content:"Φιλοξενούμενη παράσταση";}
.en ul.events li.guest:after {content:"Guest event";}
ul.events li.guest div.data {padding-top:20px;padding-left:20px;}


ul.events li:last-child {border-bottom:0;}
ul.events li a {display:block;color:#000;font-size:1.33em;font-weight: 400;position:relative;}
ul.events li div.image {float:right;width:134px;height:134px;
    border-radius:50%;margin:0 0 0 20px;background-size: cover;background-position: 50%;}
ul.events li div.dataWrap {width:calc(100% - 154px);box-sizing: border-box;}
/*ul.events li div.dataWrap div.data {padding-bottom:20px;}*/
ul.events li h2 {margin:0 0 5px 0;padding:0;color: #000;font-size:1em;font-weight: 400;}
ul.events li h2 span {color:#ed1b23;font-size:0.85em;}
ul.events li h3 {margin:0 0 15px 0;padding:0;color: #ed1b23;font-size: 0.90em;font-weight: 400;}
ul.events li a.tickets {position:absolute;bottom:10px;left:0;color:#fff;}
ul.events li span.date {font-size:0.85em;}

a.onlinetickets {width:218px;height:52px;line-height:52px;
        text-align:center;color:#fff;font-size:14px;
        display:block;background:url(/images/buy_tickets.png) no-repeat;
}


div.anarticle.event header .h {text-align:left;}
div.anarticle.event header .h.withtickets {margin-bottom:70px;}
div.anarticle.event header .h h1 {padding:0 50px 0 0;}
div.anarticle.event header .h h3 {padding:8px 0 0 0;color:#666;}
div.anarticle.event header .h h1 span {font-size:50%;color:#ed1b23;}
div.anarticle.event header .h a.onlinetickets {right:0;top:100%;position:absolute;}

div.maindetails {margin:20px 0;}
div.maindetails div.mainpicmobile {width:40%;float:right;margin:0 0 20px 10%;}
div.maindetails div.mainpicmobile img {width:100%;}
div.maindetails div.details {width:50%;float:left;}

@media only screen and (max-width:730px){
    div.maindetails div.mainpicmobile {width:100%;max-width:500px;margin:10px auto;float:none;}
    div.maindetails div.details {width:100%;max-width:500px;margin:10px auto;float:none;}

    div.anarticle ul.photos {width:100%;max-width:500px;margin:0 auto;}
    div.anarticle ul.photos {margin-bottom:30px;}
    div.anarticle ul.photos li {width:31%;}
}

/*div.details {border-bottom:1px solid #ed1b23;}*/
div.details div.dates {font-size:14px;}
div.details h3 {font-size:20px;color:#666;margin:0 0 20px;}


div.det {padding:10px 0 20px;font-size:16px;}
div.det h4 {margin:0 0 10px;padding:0 0 3px;position:relative;font-size:14px;}
div.det h4:after {content:"";width:130px;background-color:#ed1b23;height:1px;
    position:absolute;bottom:0;left:0;}
div.det p {}


div.eventdetails_wrap {margin:20px 0;padding:20px 0;border-top:1px solid #E8E8E8;
    border-bottom:1px solid #E8E8E8;}
div.detailsinside {padding:10px 0;font-size:14px;width:49%;float:left;}
div.detailsinside h2 {font-size:14px;font-weight:700;margin:0 0 10px 0;padding:0;}
div.detailsinside p {}
div.detailsinside a.onlinetickets {margin-top:10px;}

ul.inpage_social {list-style:none;margin:50px 0 0 0;}
ul.inpage_social li {list-style:none;margin:0 0 3px;}
ul.inpage_social li a {display:inline-block;}
ul.inpage_social li a img {vertical-align: middle}
ul.inpage_social li.edit a {width:196px;height:29px;background-color:#999;color:#fff;
    line-height:30px;box-sizing: border-box;padding:0 0 0 46px;font-family:"Arial";font-size:12.5px;font-weight: bold;}


.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    width:100% !important;
    margin:50px 0;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}