/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}

.select {
    position: relative;
    display: flex;
    /* width: 20em; */
    text-align-last: center;
    font-size: 75%;
    height: 2em;
    /*line-height: 3;*/
    background: #2c3e50;
    overflow: hidden;
}

#date{
	-webkit-appearance: none;	
	border:0px;
}

select {
    flex: 1;
    /*padding: 0 .5em;*/
    color: #fff;
    cursor: pointer;
    background: #2c3e50;
}

div.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
font-size: 25px;
z-index: 1000;
}

.languageSelection{
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -182px;
	top:2px;
	display: contents;
}

#greek{
	background: url(/img/GreeceFlag.png) no-repeat;
	float: left;
	width: 30px;
	height: 24px;
	margin-top: 3px;
	margin-right: 2px;
	cursor: pointer;
	border: 2px solid black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#english{
	background: url(/img/EnglishFlag.png) no-repeat;
	float: right;
	width: 30px;
	height: 24px;
	margin-top: 3px;
	margin-left: 2px;
	cursor: pointer;
	border: 2px solid black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/*-------------------------
	General Styles
--------------------------*/


body{
	/* Workaround for some mobile browsers */
	min-height:90%;
	font:14px/1.3 'Segoe UI',Arial, sans-serif;
}

section{
	display: block;
}

.h1, h1 {
    text-align: center;
}

/*---- Months Duration CSS --*/
.switch {
  width: 100%;
  height: 40px;
  /*border: 0px solid #2c3e50;*/
  color: #fff;
  font-size: 75%;
  /*border-radius: 5px;*/
}

.quality {
  position: relative;
  display: inline-block;
  width: 25.0%;
  height: 100%;
  line-height: 40px;
}

/*.quality:first-child label {
  border-radius: 5px 0 0 5px;
}
.quality:last-child label {
  border-radius: 0 5px 5px 0;
}*/

.quality label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-style: italic;
  text-align: center;
  transition: transform 0.4s, color 0.4s, background-color 0.4s;
}
.quality input[type="radio"] {
  appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
}
.quality input[type="radio"]:focus {
  outline: 0;
  outline-offset: 0;
}
.quality input[type="radio"]:checked ~ label {
  background-color: #45f;
  color: #fff;
}
.quality input[type="radio"]:active ~ label {
  transform: scale(1.05);
}

.fixed-bottom-footer {
    position: relative;
	background: #2c3e50;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 4rem !important;
}