@charset "UTF-8";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

.header img {
	width: 100vw;	
}

.header {
	position: relative;
  	text-align: center;
}

.logo_main {
	position: absolute;
  	top: 15%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.logo_main img {
	width: 15vw;	
}

p#StartMsg {
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 2vw;
	color: #30318c;
	border-radius: 25px;
	width: 40vw;
	height: 6vw;
	background: #b0dfdb;
}

.location {
	position: absolute;
  	top: 88%;
	left: 22%;
  	transform: translate(-50%, -50%);
	border-radius: 25px;
	width: 18vw;
	height: 2.4vw;
  	background: #FFF;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1.2vw;
	color: #30318c;
}

.location_GR {
	position: absolute;
  	top: 88%;
	left: 22%;
  	transform: translate(-50%, -50%);
	border-radius: 25px;
	width: 20vw;
	height: 2.4vw;
  	background: #FFF;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1.2vw;
	color: #30318c;
}

.location p {
	margin-top: 0.3vw;
}

.location img {
	float:left;
	width: 1.3vw;	
	margin-left: 1vw;
	margin-top: 0.45vw;
}

.location_GR p {
	margin-top: 0.3vw;
}

.location_GR img {
	float:left;
	width: 1.3vw;	
	margin-left: 1vw;
	margin-top: 0.45vw;
}

.LOC_GR_SEL {
	position: absolute;
  	top: 88%;
	right: 22%;
  	transform: translate(-50%, -50%);
	border-radius: 25px;
	width: 4vw;
	height: 2.4vw;
  	background: #30318c;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1.2vw;
	color: #FFF;
}

.LOC_EN {
	position: absolute;
  	top: 88%;
	right: 17%;
  	transform: translate(-50%, -50%);
	border-radius: 25px;
	width: 4vw;
	height: 2.4vw;
  	background: #FFF;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1.2vw;
	color: #30318c;
}

.LOC_GR {
	position: absolute;
  	top: 88%;
	right: 22%;
  	transform: translate(-50%, -50%);
	border-radius: 25px;
	width: 4vw;
	height: 2.4vw;
  	background: #FFF;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1.2vw;
	color: #30318c;
}

.LOC_EN_SEL {
	position: absolute;
  	top: 88%;
	right: 17%;
  	transform: translate(-50%, -50%);
	border-radius: 25px;
	width: 4vw;
	height: 2.4vw;
  	background: #30318c;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1.2vw;
	color: #FFF;
}

.LOC_GR_SEL p {
	margin-top: 0.3vw;
}

.LOC_EN p {
	margin-top: 0.3vw;
}

.LOC_EN_SEL p {
	margin-top: 0.3vw;
}

.LOC_GR p {
	margin-top: 0.3vw;
}

.slogan {
	position: relative;
	overflow: hidden;
	margin-left: 13vw;
	margin-right: 13vw;
	margin-bottom: 4vw;
}

.slogan_main {
	float:left;
  	text-align: left;
	width: 50%;
	margin-top: 3vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 2.5vw;
	color: #30318c;
}

.slogan_descr {
    float: left;
    text-align: left;
    width: 48%;
    margin-top: 3vw;
    margin-left : 2%;
    font-family: 'Manrope', sans-serif;
    font-weight: 200;
    font-size: 1.3vw;
    color: #000;
}

.apartment_descr {
	float:left;
  	text-align: left;
	width: 100%;
	margin-top: 3vw;
	margin-left : 2%;
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1.3vw;
	color: #000;
}

.emph {
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
}

hr.theline {
	clear:left;
	margin-left: 13vw;
	margin-right: 13vw;
	border-style: solid;
  	border-width: 1px;
	border-color: #b0dfdb;
}

.apartments {
	position: relative;
	margin-left: 13vw;
	margin-right: 13vw;
	margin-bottom: 5vw;
	height:auto;
	overflow:hidden;
}

.apartments_main {
	float:left;
	width: 50%;
	margin-top: 5vw;
}

.apartments_main_alt {
	float: left;
	width: 49%;
	margin-top: 2vw;
}

.apartments_main img {
	width: 100%;
	border-radius: 2vw;
}

.apartments_main_alt img {
	width: 100%;
	border-radius: 2vw;
}

.apartments_descr_top {
	float:left;
  	text-align: left;
	width: 100%;
	margin-top: 0.5vw;
	margin-left : 2%;
}

.apartments_descr {
	float:left;
  	text-align: left;
	width: 48%;
	margin-top: 4.5vw;
	margin-left : 2%;
}

.apartments_descr_alt {
	float: left;
	text-align: left;
	width: 48%;
	margin-top: 2vw;
	margin-left: 2%;
}

.title_small {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1.7vw;	
	color: #30318c;
}

.CTA {
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1.5vw;	
	color: #30318c;
}


.apartments_descr p {
	margin-top: 1vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1.2vw;
	color: #000;	
}

.contact_button {
  	position: relative;
	border-radius: 25px;
	width: 9vw;
	height: 2.6vw;
	transition-duration: 0.4s;
  	background: #30318c;
	margin-top: 1vw;
}

.contact_button:hover {
	transition-duration: 0.4s;
  	background: #b0dfdb;
}

.contact_button p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #FFF;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.contact_button p:hover {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.contact_button img {
	position: absolute!important;
	top: 15%!important;
	right: 5%!important;
	width: 1.8vw!important;
	margin-top: 0!important;
	margin-right: 0!important;
}

.contact_button_GR {
  	position: relative;
	border-radius: 25px;
	width: 10vw;
	height: 2.6vw;
	transition-duration: 0.4s;
  	background: #30318c;
	margin-top: 1vw;
}

.contact_button_GR:hover {
	transition-duration: 0.4s;
  	background: #b0dfdb;
}

.contact_button_GR p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #FFF;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.contact_button_GR p:hover {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.contact_button_GR img {
	position: absolute!important;
	top: 15%!important;
	right: 5%!important;
	width: 1.8vw!important;
	margin-top: 0!important;
	margin-right: 0!important;
}

.bookerty_button {
  	position: relative;
	border-radius: 25px;
	width: 9vw;
	height: 2.6vw;
	transition-duration: 0.4s;
  	background: #ff701f;
	margin-top: 1vw;
	margin-left: .5vw;
}

.bookerty_button:hover {
	transition-duration: 0.4s;
  	background: #b0dfdb;
}

.bookerty_button p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #FFF;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.bookerty_button p:hover {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.bookerty_button img {
	position: absolute!important;
	top: 15%!important;
	right: 5%!important;
	width: 1.8vw!important;
	margin-top: 0!important;
	margin-right: 0!important;
}

.booking_button {
  	position: relative;
	border-radius: 25px;
	width: 9vw;
	height: 2.6vw;
	transition-duration: 0.4s;
  	background: #30318c;
	margin-top: 1vw;
	margin-left: .5vw;
}

.booking_button:hover {
	transition-duration: 0.4s;
  	background: #b0dfdb;
}

.booking_button p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #FFF;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.booking_button p:hover {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.airbnb_button {
  	position: relative;
	border-radius: 25px;
	width: 9vw;
	height: 2.6vw;
	transition-duration: 0.4s;
  	background: #f4797f;
	margin-top: 1vw;
	margin-left: .5vw;
}

.airbnb_button:hover {
	transition-duration: 0.4s;
  	background: #b0dfdb;
}

.airbnb_button p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #FFF;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.airbnb_button p:hover {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.airbnb_button img {
	position: absolute!important;
	top: 15%!important;
	right: 5%!important;
	width: 1.8vw!important;
	margin-top: 0!important;
	margin-right: 0!important;
}

.apartments_descr img {
	width: 44%;
	border-radius: 2vw;
	margin-right: 4%;
	margin-top: 1.8vw;
}

.apartments_descr_alt img {
	width: 47%;
	border-radius: 2vw;
	margin-right: 3%;
	margin-bottom: 5%;
}

.add_serv {
	position: relative;
	margin-left: 13vw;
	margin-right: 13vw;
	margin-bottom: 1vw;
	height:auto;
	overflow:hidden;
}

.add_serv_descr {
	float:left;
  	text-align: left;
	width: 50%;
	margin-top: 2vw;
}

.the_text {
  	text-align: left;
	width: 42%;
}

.the_text p {
	margin-top: 1vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color: #000;	
}

.img_cars {
	float: right;
	width: 54%;	
}

.img_cars img {
	width: 100%;
	border-radius: 2vw;
}

.add_serv_list {
	float:left;
  	text-align: left;
	width: 48%;
	margin-left : 2%;
}

.add_serv_list p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1.8vw;
	color: #000;	
	margin-top: 1vw;
}

hr.theline_inner {
	clear:left;
	border-style: solid;
  	border-width: 1px;
	border-color: #b0dfdb;
	margin-top: 1.5vw;
}

.themap {
	position: relative;
	height: 15vw;
	margin-left: 13vw;
	margin-right: 13vw;
	margin-top: 5vw;
	z-index: 5;
}

.thefooter {
	position:relative;
	overflow:hidden;
	background: #b0dfdb;
	border-top-left-radius: 2vw;
	border-top-right-radius: 2vw;
	width: 100%;
	height: 30vw;
}

.thefooterAlt {
	position:relative;
	overflow:hidden;
	background: #b0dfdb;
	border-top-left-radius: 2vw;
	border-top-right-radius: 2vw;
	width: 100%;
	height: 18vw;
}

.footer_inner {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin-left: 13vw;
	margin-right: 13vw;	
	padding-top: 17vw;
}

.footer_innerAlt {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin-left: 13vw;
	margin-right: 13vw;	
	padding-top: 5vw;
}

.footer_left {
	float: left;
	overflow: hidden;
	width: 50%;	
}

.footer_inner img {
	float: left;
	width: 28%;	
}

.footer_innerAlt img {
	float: left;
	width: 28%;	
}

.footer_inner p {
	margin-left: 17vw;
	margin-top: 2vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color: #000;	
}

.email_button {
  	position: relative;
	border-radius: 25px;
	width: 12vw;
	height: 2.6vw;
	transition-duration: 0.4s;
	background: #FFF;
	margin-top: 1.5vw;
	margin-left: 16.8vw;
}

.email_button:hover {
	transition-duration: 0.4s;
  	background: #30318c;
}

.email_button p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	transition-duration: 0.4s;
	color: #30318c;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.email_button p:hover {
	transition-duration: 0.4s;
	color: #FFF;
}


.email_button img {
	position: absolute!important;
	top: 15%!important;
	right: 5%!important;
	width: 1.8vw!important;
	margin-top: 0!important;
	margin-right: 0!important;
}

.email_button_GR {
  	position: relative;
	border-radius: 25px;
	width: 13vw;
	height: 2.6vw;
	transition-duration: 0.4s;
	background: #FFF;
	margin-top: 1.5vw;
	margin-left: 16.8vw;
}

.email_button_GR:hover {
	transition-duration: 0.4s;
  	background: #30318c;
}

.email_button_GR p {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	transition-duration: 0.4s;
	color: #30318c;
	margin-left: 0.9vw;
	margin-top: 0vw;
	padding-top: 0.55vw;
	padding-bottom: 0.55vw;
	padding-right: 0.55vw;
}

.email_button_GR p:hover {
	transition-duration: 0.4s;
	color: #FFF;
}


.email_button_GR img {
	position: absolute!important;
	top: 15%!important;
	right: 5%!important;
	width: 1.8vw!important;
	margin-top: 0!important;
	margin-right: 0!important;
}

.footer_right_a {
	float: left;
	width: 24%;	
	margin-left: 2%;
}

.footer_right_a p {
	margin-left: 0vw;
	margin-top: 2vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;	
}

p.names {
	margin-left: 0vw!important;
	margin-top: 0.2vw!important;
	font-family: 'Manrope', sans-serif!important;
  	font-weight: 700!important;
  	font-size: 1vw!important;
	color: #000!important;
}

p.tels {
	margin-left: 0vw;
	margin-top: 0vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color: #000;	
}

.footer_right_b {
	float: left;
	width: 24%;	
}

.footer_right_b p {
	margin-left: 0vw;
	margin-top: 2vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;	
}

p.names span {
	margin-left: 0vw!important;
	margin-top: 0.2vw!important;
	font-family: 'Manrope', sans-serif!important;
  	font-weight: 200!important;
  	font-size: 1vw!important;
	color: #000!important;
}

.footer_right_b img {
	width: 2vw;
	margin-top: 2vw;
	margin-right: 0.5vw;
}

span.footer_copyright {
	margin-top: 2.8vw!important;
	margin-left: 0vw!important;
	float: right;
	font-family: 'Manrope', sans-serif!important;
  	font-weight: 200!important;
  	font-size: 1vw!important;
	color: #000!important;
}

.footer_end {
	clear:both;	
}

.disabled {
	pointer-events: none;
	color: #30318c;
}

a:link {
	text-decoration: none;
	color: #30318c;
}

a:visited {
	text-decoration: none;
	color: #30318c;
}

a:hover {
	text-decoration: none;
	color: #30318c;
}

a:active {
  text-decoration: none;
	color: #30318c;
}

ul {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;	
}