@import url("mobile_style.css");
body {
	margin:0 auto;
  	font-family: 'Comfortaa', cursive;
  	text-decoration: none;
 	font-weight:none;
 	font-size: 14px !important;
 	text-align:left;
	color:#333;
	padding:0px;
	background-color:#333;
}

/**************for css3 support in older browsers************
link documentation
css3pie.com/documentation/supported-css3-features/

write the css rule and add
behavior: url(plugins/css3pie/PIE.htc);
e.g
#myElement {
    behavior: url(plugins/css3pie/PIE.htc);
    border-radius: 10px;
/***********extra options for pie***********	
    -pie-watch-ancestors: 1;
	-pie-png-fix: true;
	-pie-lazy-init:true;
	-pie-poll:true;
	-pie-track-hover:false;
	-pie-track-active:false; 
}


/**********accordion content***************/
.embed-responsive {position:relative;display:block;height:0;padding:0;overflow:hidden;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {position:absolute;top:0;	bottom:0;left:0;width:100%;height:100%;border:0;}
.container{	}
h1 {
	font-size:24px;
}
h2, .h2{ font-size:20px; margin-bottom:20px; margin-top:5px;}
a {color:#444; transition: all 0.2s linear;}
a:hover{color:#222; text-decoration:none;}

.main_wrapper a{color:#ddf; transition: all 0.2s linear;}
.main_wrapper a:hover{color:#222;}
/*  */

.main_wrapper .mod_article .list_title a:hover{
	color:#fff;
}

/*  */

hr{ margin-top:5px; margin-bottom:10px;}

.accordion_head_in {text-decoration:none;font-size:20px;display:block;}
.accordion_content_in {display:none;}
.accordion_wrapper_in li {position:relative;overflow:hidden;}

.pagination li.inactive{ visibility:hidden;}
.pagination li { float:left; padding:8px}
.pagination_wrapper{ text-align:center;}

.float_image{ float:left;}

.empty_row_10{display:block; height:10px}
.empty_row_20{display:block; height:20px}
.empty_row_30{display:block; height:30px}
.empty_row_40{display:block; height:40px}
.empty_row_50{display:block; height:50px}
 
.alpha{ margin-left:0;}
.omega{ margin-right:0;}

.alphap{ padding-left:0;}
.omegap{ padding-right:0;}


.row-centered {
    text-align:center;
}
.col-centered {display:inline-block; float:none; 
	/* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
	zoom: 1;  
}
.ce_gallery h1{ font-size:18px;}
.ce_gallery ul{ list-style:none; padding-left:0; display:inline-block;}
.ce_gallery ul>li{ float:left; clear:none;}
.ce_gallery ul>li.col_first{ clear:left; float:left;}
.ce_gallery ul>li.col_last { clear:right; float:left;}
.ce_gallery ul li image_container{max-width:100%;}
.ce_gallery ul li img{max-width:100%;}

.white_header h3{ color:#f5f5f5; font-size:16px;}
.white_header a{color:#ededff;transition: all 0.2s linear;}
.white_header a:hover{color:#444;}
.list_title{ font-size:14px}
.list_subtitle{ font-size:22px}

.mod_myMenu{ background-color:#333333; border-color:#333333;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:#666666; color:#FFFFFF;	
}
.navbar-default .navbar-nav > li > a{
	background:#333; color:#FFFFFF;
	transition: all 0.2s linear;
}
@media(min-width:768px){
.mod_myMenu ul.lvl_4{width:20em !important; max-width:100% !important;}
.mod_myMenu ul.lvl_3 li{ display:contents;}
.mod_myMenu ul.lvl_3 li>a{ display:inline-block;}
}
/************************************************/
.black_bg{ background-color:#000000; padding:10px 0 5px;min-height:40px; color:#FFFFFF;}

.header_letter {
	font-family:Tahoma, Verdana, Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	color:#FFF;
}
.left-column .artistes ul{display:flex; flex-wrap: wrap;}

.letters {
	width:23px;
	text-align:center;
}
.artist a,.artist a:active,.artist a:link,.artist a:visited{
	font-size:11px;
	color:#FFF;
}
.artist_selected a,.artist_selected a:active,.artist_selected a:link,.artist_selected a:visited{
	font-size:11px;
	color:#381720;
}
.artist_selected a:hover,.artist a:hover{
	color:#381720;
}
.letters a,.letters a:active,.letters a:link,.letters a:visited {
	font-family:Tahoma, Verdana, Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:14px;
	color:#FFF;	
}
.letters a:hover {
	color:#FFC;
}

.list_element{ margin-bottom:20px;}
.mod_article:nth-child(even) .list_element{ background-color:#999999;}

/*  */
.artists_listing .mod_article:nth-child(even) .list_title,
.artists_listing .mod_article:nth-child(even) .list_title_image_wrapper {
    margin: 0;
	padding: .5rem 0 .5rem 1rem;
}
.artists_listing .mod_article:nth-child(odd) .list_title,
.artists_listing .mod_article:nth-child(odd) .list_title_image_wrapper{
    margin: 0;
	padding-left:1rem;
}
.artists_listing .mod_article .list_title a,
.artists_listing .mod_article .list_title_link{
	transition-timing-function: ease;
}
.artists_listing .mod_article .list_title a,
.artists_listing .mod_article .list_title a:link,
.artists_listing .mod_article .list_title a:active,
.artists_listing .mod_article .list_title_link a,
.artists_listing .mod_article .list_title_link a:link,
.artists_listing .mod_article .list_title_link a:active{
	text-decoration:none;
}



/*  */

.page_title{ font-size:18px; color:#FFFFFF; font-weight:700; padding-left:20px;}


ul.whiter_links{ display:flex;}
ul.whiter_links{ padding-left:15px;}
ul.whiter_links,ul.whiter_links_images{ list-style:none; margin:0; color:#FFFFFF;}
ul.whiter_links a{ color:#EFEFEF;transition: all 0.2s linear;}
ul.whiter_links a:hover{ color:#ffffff; background-color:#000000;}
ul.whiter_links>li{ float:left; line-height:40px; padding-left:3px; height:40px;}
ul.whiter_links_images>li{ float:left; line-height:40px; padding-left:10px; height:40px; min-width:40px;}

.ar_teaser{ max-width:100%; position:relative; display:inline-block; overflow-style:marquee-line;}
.ar_teaser img{ max-width:100%; max-height:inherit;}
.ar_title{font-size:14px;}

#srow_3{ }

.black_line_10{background-color:#000000; height:10px;}

#rotator .block{ position:relative;}
#rotator h1{ position:absolute; bottom:0px; background-color:rgba(255,255,255,0.6); width:100%; margin:0; padding:10px; font-size:14px;}

.main-content{ display:table}
.left-column{ background-color:#9C9C9C; display:table-cell; width:20%; vertical-align:top; padding-top:20px; padding-bottom:400px;}
.main-column{ background-color:#A7A7A7; display:table-cell; width:55%;vertical-align:top; padding-top:20px;}
.right-column{ background-color:#5693A8; display:table-cell; width:25%;vertical-align:top; }



#nav_3 ul>li{ list-style:none;}
#nav_3 ul>li{padding:5px;}
#nav_3 ul.nav_level_1>li{ padding:10px 3px;}
#nav_3 ul.nav_level_2>li{ padding:5px 3px;}
#nav_3 a{ color:#FFFFFF;transition: all 0.2s linear;}
#nav_3 a:hover,#nav_3 a:active{ color:#CCC;}
#nav_3 ul{padding-left:10px;}
.main_wrapper{ padding:12px;}

#nav_6>ul{ list-style:none; display:inline-block; padding-left:10px;}
#nav_6>ul>li{ float:left; display:inline-block;}
#nav_6>ul>li a{ color:#FFFFFF;font-size:16px;}
#nav_6 ul.nav_level_2{ padding:10px 0 0 0; list-style:none;}
#nav_6 ul.nav_level_2>li{ float:left; display:inline-block;}
#nav_6 ul.nav_level_2>li a{ padding:10px;}

#nav_11>ul{ list-style:none; display:inline-block; padding-left:10px;}
#nav_11>ul>li{ float:left; display:inline-block;}
#nav_11>ul>li a{ color:#FFFFFF;font-size:16px;}
#nav_11 ul.nav_level_1{ padding:10px 0 0 0; list-style:none;}
#nav_11 ul.nav_level_1>li{ float:left; display:inline-block;}
#nav_11 ul.nav_level_1>li a{ padding:10px;}

.nav_title,.nav_catTitle{ display:inline-block;}
ul.nav_level_1>li.trail>span{ background-color:#666666}
.artistes .active{ background-color:#666666}

/* exhibition and events page */
.rel_element_wrapper{
	margin-bottom:15px;
}
.rel_element_wrapper:nth-child(odd){
	background-color:#999;
}
/* --- */

.overlay {
	background:transparent;
	position:relative;
	width:100%; /* your iframe width */
	height:480px; /* your iframe height */
	top:480px; /* your iframe height */
	margin-top:-480px; /* your iframe height */
	}


.flex-rotator{
	display:flex;
	flex-wrap:wrap;
}

.rotator_sm{
	margin-bottom:30px;
}


#rel_col_0_5 { padding:5px;}
#rel_col_0_5 .rel_element_wrapper{ text-align:center; margin-bottom:10px;}
#rel_col_0_5 .rel_title{ background-color:#3C728A; color:#9dcddf;}
#rel_col_0_5 .rel_title>a{color:#9dcddf; padding:10px 0; display:inline-block;}
#rel_col_0_5 .rel_teaser a{color:#9dcddf;}
#rel_col_0_5 .rel_image img{ width:75%; height:auto;}



#rel_col_0_9 { padding:5px;}
#rel_col_0_9 .rel_element_wrapper{ text-align:center; margin-bottom:10px;}
#rel_col_0_9 .rel_title{ background-color:#3C728A; color:#9dcddf;}
#rel_col_0_9 .rel_title>a{color:#9dcddf; padding:10px 0; display:inline-block;}
#rel_col_0_9 .rel_teaser a{color:#9dcddf;}
#rel_col_0_9 .rel_image img{ width:75%; height:auto;}

.main_wrapper .ce_gallery{ max-width:100%;}

#istoriko-ektheseon .ar_teaser a{color:#555 transition: all 0.2s linear;}
#istoriko-ektheseon .ar_teaser a:hover{color:#ddd; text-decoration:none;}

/******landing page_ facebook campaign***************/

#iBl3j8qNb {list-style: none;}
#CDSWIDCOELOGO {width: 155px;}
#QM1u2DB {padding: 0px;}
#CDSWIDSSP {
	width: 293px !important;
}#CDSWIDSSP .widSSPData {padding: 21px 10px 20px !important; margin-left: 40px !important;}

/******landing page_ facebook campaign***************/

/***desktop************/
@media (min-width: 992px) {
@keyframes animatedBackground {
    0% { background-position: 0 bottom; }
    33% { background-position: -300px 90%; }
	66%{ background-position: 300px 95%; }
	100% { background-position: 0 bottom; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 bottom; }
    33% { background-position: -300px 90%; }
	66%{ background-position: 300px 95%; }
	100% { background-position: 0 bottom; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 bottom; }
    33% { background-position: -300px 90%; }
	66%{ background-position: 300px 95%; }
	100% { background-position: 0 bottom; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 bottom; }
    33% { background-position: -300px 90%; }
	66%{ background-position: 300px 95%; }
	100% { background-position: 0 bottom; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 bottom; }
    33% { background-position: -300px 90%; }
	66%{ background-position: 300px 95%; }
	100% { background-position: 0 bottom; }
}	
	.navbar-default .navbar-nav > li > a{
		background:#333; color:#969696;
		transition: all 0.2s linear;
		padding-top:10px;
		padding-bottom:10px;
		font-size:13px;
	}
	.float_rotator{ width:18%; float:left; margin:1%}
	.navbar{ margin:0}
	.left-column{background-image:url(../images/logo_big.png); background-position:bottom left; background-repeat:no-repeat;
    	 animation: animatedBackground 10s linear infinite;
    	-moz-animation: animatedBackground 10s linear infinite;
	    -webkit-animation: animatedBackground 10s linear infinite;
    	-ms-animation: animatedBackground 10s linear infinite;
	    -o-animation: animatedBackground 10s linear infinite; 
	}
	li.open>ul.dropdown-menu{ background-color:rgba(255,255,255,0.85);}
}
/********** Tablets ************/
@media (min-width: 768px) AND (max-width:992px) {
	.float_rotator{ width:18%; float:left; margin:1%}
	
}
@media only screen and (max-width: 991.98px){
    .left-column{padding-bottom:0;} 
}
/********** Mobile vertical and horizontal ************/
@media (max-width: 767px) {
	.main-content{ display:inline-block; width:100%}
	.left-column{ background-color:#9C9C9C;float:left;min-width:200px; width:100%;}
	.main-column{ background-color:#A7A7A7;float:left;min-width:200px; width:100%;}
	.right-column{ background-color:#5693A8;float:left;min-width:200px; width:100%;}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#CFCFCF;transition: all 0.2s linear;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#FFFFFF}
	.float_rotator{ width:98%; margin:0 auto;}

	#rotator h1{ visibility:hidden;}
	#rotator .block:hover h1{ visibility:visible;}
}
@media (max-width: 400px) {
	#nav_3 ul.nav_level_1>li{ padding:12px 3px;}
	.hidden-sm{ display:none;}	
}
.navbar-nav li.trail>a{ background-color:#000000; color:#fdfdfd}
.navbar-default .navbar-nav > li > a:active,.navbar-default .navbar-nav > li > a:hover{ color:#CFCFCF}
.hotsoft,.hotsoft a,.hotsoft a:link,.hotsoft a:active,.hotsoft a:visited{color:#666;font-family:Tahoma,Verdana,Helvetica,"Trebuchet MS",Arial,sans-serif;font-size:11px;font-weight:normal;    text-decoration:none;}

.ht_newsletter_wrapper{
	display: flex;
	justify-content: center;
}
.ht_newsletter{
	display: block;
	padding: 10px 15px;
	background: #333;
	margin-left: 5px;
	margin-right: 5px;
	color: #969696;
	text-align: center;
	text-transform: uppercase;
	margin: auto;
	border: 1px solid #969696;
	margin-bottom: 10px;
}
.ht_newsletter:hover{
	color: white;
	opacity: .9;
}