/*
/*
	Project: PnykaCMS 7.0 - Content Management System
	Copyright: ISTOGRAMMA (www.istogramma.gr), all rights reserved
*/

html {
	font-size: 1em; /* This value controls all font sizes (1em = 16px) */
}

p { 
	line-height: 1.8rem;
	margin-bottom: 1rem;
}

img {
	/* Responsive fluid images (equivalent to .img-fluid bootstrap style) */
	height: auto;
	max-width: 100%;
}

a i,
a {
	/* Link color transition */
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
}

a,
a:link,
a:active,
a:visited {
	font-family: inherit;
	font-weight: inherit;
	text-decoration: none;
	color: RoyalBlue;
}

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

ul, ol {
	margin-left: 0rem;
	padding-left: 1rem;
}

li {
	list-style: square;
	padding-left: 1rem;
	line-height: 1.5rem;
	margin: 0.3rem 0 0.3rem 0;
}

hr {
	color: #c0c0c0;
	height: 1px;
}

dt {
	font-weight: bold;
	margin: 0.5rem 0 0 0;
}

dd {
	margin: 0 0 0.5rem 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 1px #808080;
	margin-bottom: 1.0rem;
	color: black;
}

h1 { font-size: 1.6rem; }

h2 { font-size: 1.4rem; }

h3 { font-size: 1.3rem; }

h4 { font-size: 1.2rem; }

h5 { font-size: 1.1rem; }

h6 { font-size: 1.0rem; }

h1, h1 a, h1 a:link, h1 a:focus, h1 a:hover, h1 a:active, h1 a:visited {}

h2, h2 a, h2 a:link, h2 a:focus, h2 a:hover, h2 a:active, h2 a:visited {}

h3, h3 a, h3 a:link, h3 a:focus, h3 a:hover, h3 a:active, h3 a:visited {}

h4, h4 a, h4 a:link, h4 a:focus, h4 a:hover, h4 a:active, h4 a:visited {}

h5, h5 a, h5 a:link, h5 a:focus, h5 a:hover, h5 a:active, h5 a:visited {}

h6, h6 a, h6 a:link, h6 a:focus, h6 a:hover, h6 a:active, h6 a:visited {}

.t-nav-hom::before,
.t-nav-cli::before,
.t-nav-art::before,
.t-nav-mou::before,
.t-nav-hik::before,
.t-nav-env::before,
.t-nav-saf::before,
.t-nav-for::before,
.t-nav-lng::before,
.t-nav-grk::before,
.t-nav-eng::before {
	font-family: 'icons' !important;
	font-weight: normal;
	display: inline;
	margin-right: 0.5rem;
}
.t-nav-hom::before { content: "\e903"; }
.t-nav-cli::before { content: "\e900"; }
.t-nav-art::before { content: "\e904"; }
.t-nav-mou::before { content: "\e902"; }
.t-nav-hik::before { content: "\e901"; }
.t-nav-env::before { content: "\e905"; }
.t-nav-saf::before { content: "\e922"; }
.t-nav-for::before { content: "\e906"; }
.t-nav-lng::before { content: "\e90a"; }
.t-nav-grk::before { content: "\e90d"; }
.t-nav-eng::before { content: "\e90c"; }

.t-title {
	margin: 0rem;
	padding: 0rem;
	background-color: #00b3fe;
	min-height: 7rem;
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	/* align-items-center */
	-ms-flex-align: center !important;
	align-items: center !important;
}

.t-title:after {
/*
	This is a workaround for a IE11 bug:
	When setting min-height, align-items-center with flexbox does not work
*/
	content: '';
	font-size: 0;
	min-height: inherit;
}

.t-title h1,
.t-title h4 {
	color: white;
	margin: 0;
	padding: 0;
}

.t-quote {
	background-color: Khaki;
	font-weight: normal;
	font-size: 1rem;
	text-align: inherit;
	margin: 1rem 0 1rem 0;
	padding: 1rem 1.5rem 1rem 1.5rem;
	border-left: 4px solid gold;
	border-right: 4px solid gold;
	border-radius: 0.25rem !important;
}

.t-footnote {
	background-color: LightBlue;
	font-weight: normal;
	font-size: 0.9rem;
	text-align: inherit;
	margin: 1rem 0 1rem 0;
	padding: 1rem 1.5rem 1rem 1.5rem;
	border-left: 4px solid RoyalBlue;
	border-right: 4px solid RoyalBlue;
	border-radius: 0.25rem !important;
}

.t-quote p,
.t-footnote p {
	margin-bottom: 0.4rem;
}

.t-quote p:last-child,
.t-footnote p:last-child {
	margin-bottom: 0;
}

.t-lst-all,
.t-lst-spo,
.t-lst-are,
.t-lst-loc,
.t-lst-inf,
.t-lst-pan,
.t-lst-rou {
	margin-bottom: 1.5rem;
}

.t-lst-all h5,
.t-lst-spo h5,
.t-lst-are h5,
.t-lst-loc h5,
.t-lst-inf h5,
.t-lst-pan h5,
.t-lst-rou h5 {
	padding: 1rem 1rem 1rem 1rem;
	margin-bottom: 1rem;
	border-radius: 0.25rem;
	background-color: #cce5ff;
	border: 2px solid #b8daff;
}

/* Make only .jpg images 100% wide by using attribute selectors */
/* This is a temporary solution until all images will be resized manually in order to be larger than their container */
.t-top-sec-box img[src$=".jpg"],
.t-sid-sec-box img[src$=".jpg"],
.t-bot-sec-box img[src$=".jpg"] {
	width: 100%;
	height: auto;
}

.t-top-sec-box div,
.t-sid-sec-box div,
.t-bot-sec-box div {
	text-align: center;
	border-bottom: 1px solid gray;
	margin: 0 0 1.5rem 0;
	padding: 0.5rem 0 0.5rem 0;
}

.t-top-sec-box div img,
.t-sid-sec-box div img,
.t-bot-sec-box div img {
	border-radius: 0.25rem !important;
	margin: 0 0 1.5rem 0;
}

.t-top-sec-box div p,
.t-sid-sec-box div p,
.t-bot-sec-box div p {
	text-align: center;
	color: black;
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin: 0 0 0.5rem 0;
	padding: 0;
}

.t-top-sec-box div p a,
.t-sid-sec-box div p a,
.t-bot-sec-box div p a {
	font-size: 0.9rem;
}

/* Logo start */
.navbar {
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar a.navbar-brand {
	color: #e77817; /* Override bootstrap color */
}
header a.t-logo,
footer a.t-logo {
	display: inline-block;
    padding: 10;
	margin: 0;
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	/* align-items-center */
	-ms-flex-align: center !important;
	align-items: center !important;
}
header a.t-logo {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	font-size: 1.5rem;
	color: #e77817;
    height: 62px;
	margin-left: 0;
}
footer a.t-logo {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	font-size: inherit;
	color: black;
    height: 31px;
	margin-left: 4px;
}
header a.t-logo:hover,
header a.t-logo:focus {
	color: white;
}
footer a.t-logo:hover,
footer a.t-logo:focus {
	color: #e77817;
}
header a.t-logo::before,
footer a.t-logo::before {
	font-family: 'icons' !important;
	font-weight: normal;
	content: "\e900";
}
header a.t-logo::before {
	font-size: 62px;
    margin-right: 8px;
}
footer a.t-logo::before {
	font-size: 31px;
    margin-right: 4px;
}
/* Logo end */

.t-mai-sec-box p {
	text-align: justify;
}

.t-content {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.t-left-box,
.t-right-box {
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	/* align-items-center */
	-ms-flex-align: center !important;
	align-items: center !important;
}

.t-left-box {
	/* justify-content-start */
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.t-right-box {
	/* justify-content-end */
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

/* Social buttons start */
.t-shr-row {
	margin: 0;
	padding: 0.5rem 0 0.5rem 0;
	background-color: #f0f0f0; /* #d0d0d0 */
/*	border: 2px solid #a0a0a0; */
}
.t-fol-box i {
	margin-right: 0.3rem;
	font-size: 2rem;
}
.t-shr-box {
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	/* align-items-center */
	-ms-flex-align: center !important;
	align-items: center !important;
	/* flex-wrap */
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
.t-shr-box i {
	font-size: 1rem;
}
.t-shr-box > span {
	color: #404040;
	text-shadow: 1px 1px 1px #404040;
	font-size: 0.7rem;
	font-weight: normal;
	margin-right: 0.4rem;
}
.t-shr-box a > span {
	color: #ffffff;
	text-shadow: 1px 1px 1px #404040;
	font-size: 0.7rem;
	font-weight: normal;
	padding-left: 0.4rem;
}
.t-shr-box a {
	background: gray;
	margin: 0.2rem 0.2rem 0.2rem 0;
	padding: 0.3rem 0.4rem 0.3rem 0.4rem;
	border-radius: 0.2rem;
	min-width: 2rem;
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	/* align-items-baseline */
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
	/* justify-content-center */
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.t-shr-box i {
	color: #ffffff;
	text-shadow: 1px 1px 1px #404040;
}
.t-shr-box a:hover,
.t-shr-box a:focus {
	opacity: 0.8;
}
.t-fol-box a:hover,
.t-fol-box a:focus {
}
.t-fol-box i.i-facebook-s:hover,
.t-fol-box i.i-facebook-s:focus { color: #3b5998; }
.t-fol-box i.i-twitter-s:hover,
.t-fol-box i.i-twitter-s:focus { color: #1da1f2; }
.t-fol-box i.i-linkedin-s:hover,
.t-fol-box i.i-linkedin-s:focus { color: #0077b5; }
.t-shr-box a.t-shr-facebook { background: #3b5998; }
.t-shr-box a.t-shr-twitter { background: #1da1f2; }
.t-shr-box a.t-shr-linkedin { background: #0077b5; }
.t-shr-box a.t-shr-whatsapp { background: #128c7e; }
.t-shr-box a.t-shr-viber { background: #665cac; }
.t-shr-box a.t-shr-sms { background: #2ecc71; }
.t-shr-box a.t-shr-mail { background: #f1c40f; }
.t-shr-box a.t-shr-print { background: #606060; }
/* Social buttons end */

.t-scroll-up i:hover,
.t-scroll-up i:focus {
	opacity: 1;
}

.t-typ-box {
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	/* align-items-center */
	-ms-flex-align: center !important;
	align-items: center !important;
}
.t-typ-box div {
	background: gray;
	margin: 0.2rem 0.2rem 0.2rem 0;
	padding: 0.3rem 0.4rem 0.3rem 0.4rem;
	border-radius: 0.2rem;
	color: #ffffff;
	text-shadow: 1px 1px 1px #404040;
	font-size: 0.8rem;
	font-weight: normal;
	min-width: 2rem;
}
.t-typ-box i {
	font-size: 1rem;
	margin-right: 0.5rem;
}

/* Info box start */
.t-inf-row {
	margin: 0;
	padding: 0.5rem 0 0.5rem 0;
	background-color: #808080; /* Gray #808080, Chocolate #d2691e */
/*	border: 2px solid #a0a0a0; */
}
.t-inf-ite {
	margin: 0.2rem 0 0.2rem 0;
	/* d-flex */
	display: -ms-flexbox !important;
	display: flex !important;
	/* align-items-start */
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}
.t-inf-ite i {
	color: white;
	font-size: 1rem;
	text-shadow: 1px 1px 1px black;
	line-height: 1.2rem;
	width: 0rem;
	display: inline-block;
}
.t-inf-ite span,
.t-inf-ite span a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	font-size: 0.90rem;
	color: white;
	text-shadow: 1px 1px 1px black;
	line-height: 1.2rem;
}
.t-inf-ite span a {
	color: #add8e6; /* LightBlue */
}
.t-inf-ite span a:hover,
.t-inf-ite span a:focus {
	color: #4169e1; /* RoyalBlue */
}
/* Info box end */

*.d-none {
	display: none !important;
}

.t-foo-top {
	margin: 0rem;
	padding: 1rem 0rem 0.4rem 0rem;
	background-color: #505050;
	border-top: 2px solid #a0a0a0;
}

.t-about-box,
.t-fol-box,
.t-host-box,
.t-links-box {
	margin-bottom: 1rem;
}

.t-foo-top h6,
.t-foo-top h6 a,
.t-foo-top h6 a:link,
.t-foo-top h6 a:focus,
.t-foo-top h6 a:hover,
.t-foo-top h6 a:active,
.t-foo-top h6 a:visited {
/*	Orange: #e77817 or #ffa500 */
	color: #ffa500;
	margin: 0.6rem 0 0.6rem 0;
	line-height: 1.5rem;
	border-bottom: 2px solid #ffa500;
	text-shadow: 1px 1px 1px black;
}

.t-foo-bot {
	margin: 0rem;
	padding: 1rem 0rem 1rem 0rem;
	background-color: #404040;
	border-top: 2px solid #a0a0a0;
}

.t-foo-top ul {
	margin-bottom: 0;
}

.t-foo-top li {
	padding-left: 0.5rem;
	line-height: 1.5rem;
	margin: 0;
}

.t-foo-top,
.t-foo-top a,
.t-foo-top a:link,
.t-foo-top a:focus,
.t-foo-top a:hover,
.t-foo-top a:active,
.t-foo-top a:visited {
	font-weight: normal;
	color: black;
	text-shadow: 1px 1px 1px gray;
}

.t-foo-top a:focus,
.t-foo-top a:hover {
	color: white;
	text-shadow: 1px 1px 1px gray;
}

.t-foo-top a.active {
	color: white;
	text-shadow: 1px 1px 1px gray;
}

.t-foo-bot {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	color: black;
}

a.t-scroll-up i {
	color: #202020;
	font-size: 2rem;
}

a:focus.t-scroll-up i,
a:hover.t-scroll-up i {
	color: #e77817;
}

/* "table1" class start */
/* Not aplicable when using bootstrap library */
.t-table1 {
	border-collapse: collapse;
	border: none;
	margin-bottom: 12px;
}
.t-table2 caption {
	caption-side: top;
}
.t-table1 caption,
.t-table1 th,
.t-table1 td {
	font-family: monospace;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.t-table1 caption {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: none;
}
.t-table1 th {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border: none;
}
.t-table1 td {
	text-align: left;
	vertical-align: top;
	border: none;
}
/* "table1" class end */

/* "table2" class start */
/* Not aplicable when using bootstrap library */
.t-table2 {
	border-collapse: collapse;
	border: 2px solid black;
	margin-bottom: 24px;
	width: 100%;
}
.t-table2 caption {
	caption-side: top;
}
.t-table2 caption,
.t-table2 th,
.t-table2 td {
	font-family: monospace;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.t-table2 caption {
	background: black;
	color: orange;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
}
.t-table2 th {
	background: #808080;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
	border-bottom: 2px solid black;
}
.t-table2 td {
	text-align: center;
	vertical-align: top;
	border: 1px solid #808080;
}
/* "table2" class end */

/* "table3" class start */
/* Responsive table using divs that will be converted to blocks in small viewports */
.t-table3 { display: table !important; }
.t-table3 div { display: table-row !important; }
.t-table3 span { display: table-cell !important; }
.t-table3 em { display: none !important; }
.t-table3 .t-caption3 { display: table-caption !important; }
.t-table3 .t-caption3 span { display: inline !important; }
.t-table3 {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid black !important;
	padding: 0 !important;
	margin: 0 0 1rem 0 !important;
}
.t-table3 span {
	color: black;
	font-style: normal;
	font-family: monospace;
	padding: 0.4em 0.8em 0.4em 0.8em;
	border: 1px solid gray;
	text-align: left;
	vertical-align: top;
}
.t-table3 em {
	padding-left: 0;
	padding-right: 0;
	padding: 0;
	margin: 0 0.5em 0 0;
}
.t-table3 .t-caption3 {
	width: 100%;
	caption-side: top;
	background-color: gray;
	vertical-align: middle;
	margin: 0;
	border: 2px solid black;
	border-bottom: none;
	text-align: center;
}
.t-table3 .t-caption3 span {
	color: white;
	font-weight: bold;
	vertical-align: middle;
}
.t-table3 .t-head3 {
	background-color: gray;
	border: 2px solid black;
}
.t-table3 .t-head3 span {
	color: white;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid black;
}
.t-table3 .t-caption3 em,
.t-table3 .t-head3 em {
	color: white;
	font-weight: bold;
}
@media (max-width: 575.98px) {
	.t-table3 { display: block !important; }
	.t-table3 div { display: block !important; }
	.t-table3 span { display: inline !important; }
	.t-table3 em { display: inline !important; }
	.t-table3 div.t-caption3 { display: block !important; }
	.t-table3 div {
		margin: 0;
		padding: 0.4em 0.8em 0.4em 0.8em;
		text-align: left;
	}
	.t-table3 span {
		margin: 0;
		padding: 0;
		border: none !important;
	}
	.t-table3 .t-caption3 {
		border-top: none;
		border-left: none;
		border-right: none;
	}
	.t-table3 .t-head3 {
		border-left: none;
		border-right: none;
	}
}
/* "table3" class end */

/* "table4" class start */
/* Responsive table using bootstrap styling */
.t-table4 * {
	font-style: normal;
	font-size: 0.9rem;
}
.t-table4 caption {
	caption-side: top;
	text-align: center;
}
/* "table4" class end */

/* Breadcrumbs class start */
.t-bread-row {
	margin: 0;
	padding: 0.5rem 0 0.5rem 0;
	background-color: #f0f0f0; /* #d0d0d0 */
}
.t-bread-box {
	background: gray;
	padding: 0.3rem 0.4rem 0 0.4rem;
	border-radius: 0.2rem;
}
.t-bread-box ol {
	margin: 0;
	padding: 0 0 0.3rem 0;
}
.t-bread-box li,
.t-bread-box a,
.t-bread-box i,
.t-bread-box span {
	-background: gray;
	-margin: 0.2rem 0.2rem 0.2rem 0;
	color: #ffffff;
	text-shadow: 1px 1px 1px #404040;
	font-size: 0.8rem;
	font-weight: normal;
	-min-width: 2rem;
}
li.t-breadcrumb-item {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
li.t-breadcrumb-item + li.t-breadcrumb-item::before {
	display: inline-block;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	content: ">";
}
li.t-breadcrumb-item.t-breadcrumb-active span {
	/*
	color: gray;
	*/
}
/* Breadcrumbs class end */

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 575.98px) {
	.t-foo-bot .t-left-box,
	.t-foo-bot .t-right-box {
		/* justify-content-center */
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.t-foo-bot .t-left-box {
		margin-bottom: 0.3rem;
	}
}

@media (max-width: 767.98px) {
	.t-shr-row .t-left-box,
	.t-shr-row .t-right-box {
		/* justify-content-center */
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.t-shr-row .t-left-box {
		margin-bottom: 0.3rem;
	}
	
	.t-shr-box > span {
		display: none !important;
	}
}

@media (max-width: 991.98px) {
	.t-nav-hom::before,
	.t-nav-cli::before,
	.t-nav-art::before,
	.t-nav-mou::before,
	.t-nav-hik::before,
	.t-nav-env::before,
	.t-nav-saf::before,
	.t-nav-for::before,
	.t-nav-lng::before,
	.t-nav-grk::before,
	.t-nav-eng::before {
		display: inline-block;
		width: 1.5rem;
	}
	.container { /* Expand common container to full width when < 992px */
		max-width: 100%;
	}
	.navbar > .container { /* Expand navbar container to full width when < 992px */
		padding-left: 0;
		padding-right: 0;
		max-width: 100%;
	}
}

@media (max-width: 1199.98px) {
}

@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media print {
	* {
		font-family: sans-serif;
		color: #000;
	}
	nav,
	header,
	div.t-bread-row,
	div.t-shr-box,
	div.t-foo-top,
	div.t-foo-bot .t-right-box {
		display: none !important;
	}
}