@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,100&subset=latin,greek);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,greek-ext);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700&subset=latin,greek-ext);
*{

margin:0;
padding:0;
border:none;
outline:none;
text-decoration:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .25s ease-out;
   -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out;

}

a:hover, a:focus{ text-decoration: none; color: inherit;}

p, ul, h1,h2{ margin: 0; padding: 0;}

body{font-family: 'Roboto', sans-serif;}

.fixedHeader{ position: fixed; top: -100px; width: 100%; z-index: 9999; background: #fff; box-shadow: 0 0 10px -3px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 10px -3px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 10px -3px rgba(0,0,0,0.4);-webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
     -o-transition: all .5s ease-out;
        transition: all .5s ease-out;}

.fixedHeader .menu ul li{ line-height: 47px;}

.fixedHeader .logo{ line-height: 90px;}

.fixedHeader .logo img{ width: 125px;}

.fixedHeader.sticky{ top: 0;}

.fixedHeader .menuTrigger{ line-height: 60px;}

.fixedHeader.mainHeader span{ margin-top: 0;}

.closeTrigger{ border-radius: 50%; color: #fff; font-size: 16px !important; margin: 20px 10px 20px 0px; background: #36363d; width: 30px; height: 30px; line-height: 30px; text-align: center;}

.closeTrigger:hover{ color: #fff; }

.activeMenu{ right: 0 !important;}

.menuTrigger{ display: inline-block; font-size: 28px; padding-top: 14px; color: #424242; line-height: 90px;}

.topPart{ width: 100%; background: #dd0b0e; padding: 8px 0px; position: relative;}

.topPart .container{ position: relative; z-index: 1;}

.topPart p{ font-size: 13px; padding-top: 2px; color: #fff; margin-right: 20px; font-weight: 300;}

.topSocial a{ width: 25px; height: 25px; text-align: center; line-height: 23px; border-radius: 50%; border: 1px solid #fff; background: transparent; color: #fff; font-size: 13px;display: block; float: left; margin-left: 5px;}

.logo{ line-height: 115px;}

.logo img{ width: 200px;}

.mainHeader span{ color: #333; background: #eee; font-size: 14px; font-weight: 300; padding: 5px 17px; border-radius: 20px; margin-left: 10px;}

.mainHeader span i{ margin-right: 5px; vertical-align: middle;}

.menu ul li{ float: left; list-style: none; line-height: 65px;}

.menu ul li.active a{ background:#dd0b0e; color: #fff;}

.menu ul li a{ color: #7b8a97; font-size: 14px; font-weight: 300; padding: 5px 17px; border-radius: 20px; }

.menu ul li a:hover{ background:#dd0b0e; color: #fff; }

.galleryContainer{ width: 100%; height: 500px;}

.galleryContainerMobile{ width: 100%;}

.galleryContainerMobile .carousel-caption{ width: 100%; position: relative; bottom: auto; top: 0; text-align: center;background: #f9f9f9; padding-top: 20px; padding-bottom: 20px; max-height: 250px;}

.carousel, .carousel-inner, .item{ width: 100%; height: 100%;}

.carousel-indicators .active{ background: #DD0B0E; border: 1px solid #DD0B0E;}

.carousel-indicators li{ border: 1px solid #f9f9f9; background: #f9f9f9;}

.carousel-control.left{ background: transparent;}

.carousel-control:focus, .carousel-control:hover{ color: #000;}

.carousel-control.right{ background: transparent;}

.carousel-control{ width: 7%; color: #000;}

.carousel-caption{ width: 100%; padding: 0; text-align: left; bottom: auto; top: 23%; left: 0; right: auto; z-index: 0;}

.carousel-caption h1{ text-shadow:none; font-size: 37px; color: #606676; margin-bottom: 20px; font-family: 'Source Sans Pro', sans-serif;}

.carousel-caption h2{ font-size: 18px; text-shadow:none; font-style: italic; color: #b4b4b4; margin-bottom: 20px; line-height: 24px; font-family: 'Source Sans Pro', sans-serif;}

.carousel-caption p{ font-size: 17px; line-height: 24px; text-shadow:none; color: #7b8a97; font-family: 'Source Sans Pro', sans-serif;}

section{ width: 100%; padding: 60px 0px;}

section.background{ width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7b7b7+0,676767+100 */
background: #b7b7b7; /* Old browsers */
background: -moz-linear-gradient(top,  #b7b7b7 0%, #676767 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#676767)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b7b7b7 0%,#676767 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b7b7b7 0%,#676767 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b7b7b7 0%,#676767 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b7b7b7 0%,#676767 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#676767',GradientType=0 ); /* IE6-9 */
}

section.grey{ background: #f7f7f7;}


section.backgroundImage .container{ position: relative;}

section.backgroundImage .mainTitle h1{ color: #fff; font-size: 35px;}

section.backgroundImage{ width: 100%; background: url(../images/bg_parallax.jpg) no-repeat center center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover; position: relative; padding: 100px 0px;
}

.backgroundLayer{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 0;}

.mainTitle{ width: 100%; margin-bottom: 40px;}

.mainTitle h1{ color: #606676; font-weight: 300; text-transform: uppercase; font-size: 30px; margin-bottom: 5px; font-family: 'Roboto Condensed', sans-serif;}

.mainTitle h2{ color: #dd0b0e; font-weight: 300; font-size: 22px; margin-bottom: 5px; margin-top: 10px;}

.mainTitle span{ display: inline-block; height: 3px; width: 60px; background: #dd0b0e;}

.featureThumb{ width: 100%; margin-bottom: 20px; text-align: center;}

.featureThumb a{ display: block; width: 100%; position: relative;}

.featureThumb a{ background:rgba(178, 10, 10, 0.5); visibility: hidden; opacity: 0; width: 180px; height: 180px; display: block; z-index: 1; border-radius: 50%; position: absolute; top: 0; left: 50%; transform:translateX(-50%); }

.featureThumb img{ width: 130px; height:130px; border: 8px solid #fff; }

.featuresWrapper .col-sm-3, .featuresWrapper .col-sm-6{ cursor: pointer;}

.featuresWrapper .col-sm-3:hover img, .featuresWrapper .col-sm-6:hover img{ border: 8px solid #dd0b0e;}

.featureThumb:hover a{ visibility: visible; opacity: 1;}

.featuresWrapper{ width: 100%;}

.featuresWrapper h1{ font-size: 26px; line-height: 33px; margin-bottom: 20px; color: #606676; font-family: 'Roboto Condensed', sans-serif;}

.featuresWrapper p{ font-size: 15px; font-weight: 300; line-height: 26px; color: #7b8a97;}

.featuresWrapper a.more{ display: block; font-size: 16px; color: #dd0b0e; font-weight: 300; margin-top: 20px;}

.featuresWrapper a.more i{ vertical-align: middle; margin-left: 10px;}

.featuresWrapper a.more:hover{ color:#606676; }

.homeContent{ width: 100%; color: #fff;}

.homeContent h1{ font-size: 36px; font-weight: 300; color: #fff; margin-bottom: 5px;}

.homeContent h2{ font-size: 27px; font-weight: 300; color: #fff; margin-bottom: 20px;font-family: 'Noto Serif', serif; font-style: italic;}

.homeContent p{ font-size: 15px; font-weight: 300; line-height: 25px; margin-bottom: 20px;}

.homeContent a{ display: inline-block; padding: 10px 20px; background: #dd0b0e; color: #fff; font-size: 14px; font-weight: 300; border-radius: 20px;}

.homeContent a:hover{ background: #c10909;}

.imageSection{ width: 100%;}

.imageSection h1{ font-size: 33px; font-weight: 300; color: #606676; margin-bottom: 20px;}

.imageSection p{ color: #fff; font-size: 15px; font-weight: 300; line-height: 25px;}

.imageSection ul{ margin: 20px 0 20px 20px;}

.imageSection ul li{ color: #7b8a97; padding-left: 10px; font-size: 15px; font-weight: 300; line-height: 25px; margin-bottom: 5px;}

.fa-li{ color: #dd0b0e; font-size: 7px; display: inline-block; padding-top: 9px;}

.homeForm{ width: 60%; margin: 0 auto; text-align: center;}

.homeForm .row{ margin-bottom: 20px;}

.homeForm .row:last-child{ margin-bottom: 0;}

.homeForm input[type="text"]{ width: 100%; padding: 10px; background: transparent; border-bottom: 1px solid #ccc; color: #333; font-weight: 300;}

.homeForm textarea{ width: 100%; padding: 10px; background: transparent; border-bottom: 1px solid #ccc; color: #333; font-weight: 300;}

.homeForm textarea:focus, .homeForm input[type="text"]:focus{ border-bottom: 1px solid #dd0b0e; }

.homeForm a{ display: inline-block; padding: 15px 55px; background: #dd0b0e; color: #fff; font-size: 17px; font-weight: 300; border-radius: 30px; position: relative; margin-top: 20px; }

.homeForm a i{ display: inline-block; position: absolute; top: 18px; right: 35px; visibility: hidden; opacity: 0;}

.homeForm a:hover i{ right: 20px; visibility: visible; opacity: 1;}

footer{ width: 100%; padding: 40px 0px; background: #f7f2f2; text-align: center;}

footer ul{ margin-bottom: 20px;}

footer ul li{ list-style: none; display: inline-block; padding: 0px 10px;}

footer ul li a{ display: block; font-size: 14px; color: #7b8a97;}

footer ul li a:hover{ color: #dd0b0e;}

footer p{ font-size: 14px; color: #b4b4b4;}

footer p a{ color: #dd0b0e}

.pageTitle{ width: 100%; text-align: center; padding: 40px 0px; background: url(../images/agsquare.png) repeat; box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.6);-moz-box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.6);-webkit-box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.6);}

.pageTitle h1{ font-size: 32px; font-weight: 300; color: #6a6a6a;}

.pageTitle small { padding: 0 30px;}

.sideMenu{ width: 100%;}

.sideMenu ul li{ list-style: none;}

.sideMenu ul li a{ display: block; background: transparent !important; padding: 10px; border-bottom: 1px solid #eee; color: #000; font-weight: 300;}

.sideMenu ul li a:before, .sideMenu ul li a:after{ background: #dd0b0e}

.callmebackContainer{ width: 100%; padding: 20px; margin-top: 40px; background: #eee;}

.callmebackContainer h1{ font-size: 22px; font-weight: 300; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px;}

.callmebackContainer input[type="text"]{ width: 100%; padding: 8px; border: 1px solid #ddd; background: #fff; border-radius: 3px; margin-bottom: 10px; color: #333; font-size: 13px;}

.callmebackContainer textarea{ width: 100%; padding: 8px; border: 1px solid #ddd; background: #fff; border-radius: 3px; margin-bottom: 10px; color: #333; font-size: 13px;}

.callmebackContainer input[type="submit"]{ display: block; width: 100%; text-align: center; background: #a7a7a7; color: #fff; padding: 5px 20px; border-radius: 3px;}

.callmebackContainer input[type="submit"]:hover{ background:#dd0b0e; }


/* ================ The Timeline ================ */

.timeline {
  position: relative;
  width: 660px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(80,80,80);
  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);

  z-index: 5;
}

.timeline li {
  padding: 1em 0;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 300px;
  float: left;
  text-align: right;
}

.direction-r {
  position: relative;
  width: 300px;
  float: right;
}

.flag-wrapper {
  position: relative;
  display: inline-block;

  text-align: center;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(248,248,248);
  padding: 6px 10px;
  border-radius: 5px;

  font-weight: 600;
  text-align: left;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -40px;
  content: ' ';
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 10px solid rgb(255,80,80);
  z-index: 10;
}

.direction-r .flag:before {
  left: -40px;
}

.direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: inline;
  line-height: 1em;
  font-size: 1em;
  color: #202020;
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
  margin: 10px 5px 0 5px;
  font-size: 0.77777em;
  font-style: italic;
  line-height: 1.5em;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

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

.timeline {
 	width: 100%;
	padding: 4em 0 1em 0;
}

.timeline li {
	padding: 2em 0;
}

.direction-l,
.direction-r {
	float: none;
	width: 100%;

	text-align: center;
}

.flag-wrapper {
	text-align: center;
}

.flag {
	background: rgb(255,255,255);
	z-index: 15;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: -30px;
	left: 50%;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-left: -9px;
	background: #fff;
	border-radius: 10px;
	border: 10px solid rgb(255,80,80);
	z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -8px;
	height: 0;
	width: 0;
	margin-left: -8px;
	border: solid transparent;
	border-bottom-color: rgb(255,255,255);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	z-index: 14;
}

.direction-l .time-wrapper {
	float: none;
}

.direction-r .time-wrapper {
	float: none;
}

.desc {
	position: relative;
	margin: 10px 0 0 0;
	padding: 10px;
	background: rgb(245,245,245);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 1px rgba(0,0,0,0.20);

  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
	position: relative;
	margin: 10px 10px 0 10px;
	padding: 10px;

  z-index: 15;
}

}

@media screen and (min-width: 400px ?? max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
	margin: 10px 10px 0 10px;
}

}

.timeline-image{
  margin: 10px 0 0 0;
  padding: 10px;
  z-index: 9;
}

#carousel-section .item img{
  width: 100%!important; max-width: 100%; padding: 0 40px;
}

.topPart .pull-left a { color:#fff;}

.topPart .pull-left{
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.col-sm-3 ul.mainmenu li.a a, .col-sm-3 ul.mainmenu li.b a, .col-sm-3 .selectedCat{
  color: #fff!important;
  background: #DD0B0E!important
}

#content_parts_container ul.list li span{
  margin-left: 5px;
}

#content_parts_container ul.list li:before{
  font-family: FontAwesome; font-weight: normal;
  content: "\f046";
  color: #DD0B0E;
}

.asterisk{
  position: absolute; margin-top: 5px; font-size: 10px; right: 40px; color: #FF5050
}

.asterisk-full{
  position: absolute; margin-top: 5px; font-size: 10px; right: 20px; color: #FF5050
}
/* Static conversion: keep phone/email links inheriting parent color */
a[href^="tel:"], a[href^="mailto:"] { color: inherit; text-decoration: none; }
a[href^="tel:"]:hover, a[href^="mailto:"]:hover { text-decoration: underline; }

/* Static conversion: force gallery grid to flex (fallback if Masonry JS fails) */
.grid { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.grid::after, .grid::before { content: none !important; }