* {margin: 0;padding: 0;box-sizing: content-box;}
body, html {height: 100%;width:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	
	}
html {min-width: 1200px;scroll-behavior: smooth;}
body {background-color: #ffffff;color: #000000;text-align:left;font-family: Helvetica, Arial, sans-serif;font-weight: normal;background: url("../images/bg2.jpg") no-repeat center center fixed; 
  background-size:100% 100%;letter-spacing:1px;
    line-height: 1.3;
  }
  
  

  
  
  
  
  

article, aside, figure, footer, header, hgroup, nav, section {display:block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}


p {font-size: 110%;font-weight: 400;color: #FFFFFF;}
img {border: 0;vertical-align: middle;max-width: 100%;height: auto;}
h1, h2, h3, h4, h5, h6 {color: #FFFFFF;}
h1 {font-size: 240%;}
h2 {font-size: 200%;}
h3 {font-size: 160%;}
h4 {font-size: 130%;}
h5 {font-size: 100%;}
h6 {font-size: 80%;}
a, a:hover {outline: none;text-decoration: underline;color: #B30303;}
a:hover {text-decoration: none;}
blockquote {border: 1px solid #E5E5DB;background: #FFF;}
ol {margin: 0;}
ol li {margin: 0;}
table tr th, table tr td {background: #BBB;color: #FFF;padding: 7px 4px;text-align: left;}
table tr td {background: #DDD;color: #444;border-top: 1px solid #FFF;}
.hrstyle2 {height: 12px;border: 0;box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}
.minWidth {min-width: 1200px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear: both;height: 0 !important;width: 0 !important;}
.emboss {color:#d9d9d9;text-shadow:#2e2e2e 0 4px 5px;}
.separator {border: 1px #D9D9D9 inset;}
.text_Shadow {text-shadow:  #FFF 1px 1px;color: #444;}

 

  hr.s1   {
		width:900px;
		margin-left: auto;
		margin-right: auto;
		margin-top:50px;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}



#wrapper1200, #wrapper1100, #container, #logo, #site_content, #copyright, #cold_extracted, #main_content {margin-left: auto;margin-right: auto;}
#wrapper1200 {width: 1200px;}
#wrapper1100 {

  margin-top:40px;
  width: 1100px;
 -webkit-box-shadow: -1px -1px 43px 5px rgba(255,255,255,1);
-moz-box-shadow: -1px -1px 43px 5px rgba(255,255,255,1);
box-shadow: -1px -1px 43px 5px rgba(255,255,255,1);
  background: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 1); 
  
 }




.header {width:1100px;margin-left: auto;margin-right: auto;}
.header img {height: 100%;width: 100%;}




.header-container {background: transparent;height: auto;width:1100px;margin-left: auto;margin-right: auto;}

.lefteq {float:left;width:100px;margin-left:15px;}
.lefteq img {height: 100%;width: 100%;}
.mynav {float:left;width:836px;background-color:black;margin-top:16px;margin-left:16px;border-color: white;border-style: solid;border-width: 1px; -webkit-box-shadow: 0px 0px 16px 1px #FFFFFF;-moz-box-shadow: 0px 0px 16px 1px #FFFFFF;
box-shadow: 0px 0px 16px 1px #FFFFFF;}
.topnav {text-align:center;}
.topnav ul {padding: 10px 0 10px 0;margin: 0px;}
.topnav li:first-child {margin-left: 0;}

.topnav li {display: inline-block;margin-left: 72px;list-style-type: none;}
.topnav a {color: #FFFFFF;text-decoration: none;font-size: 140%;}
.topnav a.active {color: #0cc;text-decoration: none;}
.topnav a:hover {color: #0126af;text-decoration: none;}
.righteq {float:right;width:100px;margin-right:15px;}
.righteq  img {height: 100%;width: 100%;}

.anim {width:890px;margin-left: auto;margin-right: auto;margin-top:80px;border-color: white;border-style: solid;border-width: 5px;}
.anim1 {width:890px;height:300px;}	
.anim1 img {height: 100%;width: 100%;}
 




.main-container {width:900px;margin-left: auto;margin-right: auto;}
.main-container h2 {text-align:center;text-shadow: 1px 1px 1px blue,2px 2px 1px blue;text-decoration: underline;margin-top:80px;}

.title h3 {text-align:center;text-decoration: none;margin-top:80px;}
.main-container p {margin-top:20px;color:#ffffff;font-size: 130%;text-align:justify;}


.main-container p:first-of-type::first-letter {font-weight: bold;color: white;font-size:180%;}

.main-container a {outline: none;text-decoration: none;color: white;}
.main-container a:hover {outline: none;text-decoration: none;color: blue;font-size: 140%;}


p.hxos { 
  background: yellow;
  color:green;
}


b.keywords { 
  font-size: 110%;text-shadow:  #FFF 1px 1px;color: black;font-weight:bold;}




.slogan-container {width:900px;margin-left: auto;margin-right: auto;}
.slogan-container p {margin-top:30px;font-style: normal;color:red;text-decoration: underline;font-size: 170%;}
 
.speaker {width:300px;margin-left: auto;margin-right: auto;margin-top:30px;}	
.speaker img {height: 100%;width: 100%;}
 
.epikinonia {
    
    width:600px;
	margin-left:auto;
    margin-right:auto;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
	background-color:blue;
	padding:50px;
	margin-top:40px;

}
 
 
.googlemaps {margin-left: auto;margin-right: auto;width:804px;height:354px;margin-top:67px;}
.mapouter{position:relative;text-align:right;height:350px;width:800px;margin-left: auto;margin-right: auto;}
.gmap_canvas {overflow:hidden;background:none!important;height:350px;width:800px;}
 
 
 
 
 .footer-container {margin-left: auto;margin-right: auto;width:900px;margin-top:40px;}

 .my-container {margin-left: auto;margin-right: auto;width:900px;margin-top:40px;}
.my-container h2 {font-size: 120%;}
.my-container  p{font-size: 100%;font-weight: 400;}


.yphresies {margin-left: auto;margin-right: auto;width:522px;margin-top:70px;}
.yphresies1, .yphresies2, .yphresies3, .yphresies4 {}
.yphresies1{float:left;margin-left:0;}
.yphresies2, .yphresies3, .yphresies4, .yphresies5 {float:left;margin-left:18px;}

.yphresiestext {margin-top:10px;}
.yphresiestext p{font-size: 100%;font-style:italic;font-weight: 400;color:white;text-align:center;}

.laserline {margin-left: auto;margin-right: auto;width:500px;margin-top:40px;margin-bottom:40px;}
.laserline img {height: 100%;width: 100%;}


.yphresiesicons {margin-left: auto;margin-right: auto;width:90px;}
.yphresiesicons img {height: 100%;width: 100%;}
.yphresiesicons:hover img {-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);}
.footer_nav {margin-top:100px;float:left;width:600px;}
.footer_nav ul {padding: 10px 0 10px 0;margin: 0px;}
.footer_nav li {display: inline-block;padding-left: 35px;list-style-type: none;}
.footer_nav a {color: white;text-decoration: none;font-size: 120%;}
.footer_nav a.active {color: #0cc;text-decoration: none;}
.footer_nav a:hover {color: blue;text-decoration: none;}


.social {margin-top:92px;float:right;margin-bottom: 10px;margin-right: 23px;}

.facebook {width:55px;float:left;}
.instagram, .youtube   {width:55px;float:left;margin-left:7px;}
.facebook img {height: 100%;width: 100%;}
.instagram img {height: 100%;width: 100%;}
.youtube img {height: 100%;width: 100%;}
.facebook:hover img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.instagram:hover img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.youtube:hover img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}




.textcolorchange {margin-top:70px;}

.awesome {
  width:800px;margin-left: auto;margin-right: auto;margin-top:5px;font-size: 160%;border: 1px dotted white;text-align:center;background-color: black;padding-top:8px;padding-bottom:8px;
 -moz-box-shadow: rgb(19 18 18 / 93%) 1px 7px 10px 0px;
 box-shadow: rgb(19 18 18 / 93%) 1px 7px 10px 0px;
  -webkit-animation: colorchange 20s infinite alternate;
}

@-webkit-keyframes colorchange {
  0% {
    color: white;
  }
  10% {
    color: white;
  }
  20% {
    color: red;
  }
  30% {
    color: red;
  }
  40% {
    color: green;
  }
  50% {
    color: green;
  }
  60% {
    color: blue;
  }
  70% {
    color: blue;
  }
  80% {
    color: cyan;
  }
  90% {
    color: yellow;
  }
  100% {
    color: lavender;
  }
}





.box {margin-left:20px;width:30%;-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;}
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  border: 1px solid #eee;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;}
.box  img {height: 100%;width: 100%;}


#copyright  {padding: 10px 0;}
#copyright p {color: #fff;text-align: center;}
#copyright a {color: #fff;text-decoration: none;}
#copyright a:hover {color: #2a5af6;text-decoration: underline;}



.main-figure  {margin-top:60px;margin-left: auto;margin-right: auto;width:900px;}

figure {
  border: 1px #ffffff solid;
  padding: 4px;
  margin-left:59px;
  width:250px;
  float:left;
  background-color: black;
  }

figure img{
 width:250px;
  height:140.63px;
  }

figcaption {
  background-color: #9a0729;
  color: white;
  font-style: italic;
  padding: 5px;
  text-align: center;
  margin-top:4px;
}
figure:first-child {margin-left:0px;}

  
  figure img:hover {
  
  transform: scale(2,2);
  -webkit-transform: scale(2,2);
  -moz-transform: scale(2,2);
  -ms-transform: scale(2,2);
  -o-transform: scale(2,2);
  border-color: white;border-style: solid;border-width: 3px;
  opacity: 0.7;
   background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  
  }
  








/* Slideshow container */
.slideshow-container {
  max-width: 1100px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.8s;
  animation-name: fade;
  animation-duration: 1.8s;
}

@-webkit-keyframes fade {
  from {opacity: .8}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .8}
  to {opacity: 1}
}


.buttoncontainer {margin-left:auto;margin-right:auto;width:320px;}
.buttonlight {float:left;width:50px;background-color: #FFFFFF;border-color: red;border-style: solid;border-width: 1px;}
  
  
 
.buttondark  {float:left;width:50px;background-color: #000000;border-color: red;border-style: solid;border-width: 1px;}


.button {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}