:root{
	--body-font-weight:300;
}

.com-content-article__body .fw-bold{
	font-weight: 400 !important;
}

.font_condensed{
	font-family: 'Open Sans Condensed', sans-serif;
}

.font_condensed_bold{
	font-family: 'Open Sans Condensed SemiBold', sans-serif;
}

/* text logo */
.bodyline-text-logo,.bdl,.bodyline-text-logo-small,.bdlsml{
	font-weight: 900; color: var(--link-color);
}

.bodyline-text-logo,.bdl{
	font-size: 75px;
}

.subtitle-text{
	font-size:45px;
	font-weight: 600;
	color: #424242;
}

@media screen and (max-width: 992px) {
	.bodyline-text-logo,.bdl{
		font-size: 55px;
	}

	.subtitle-text{
		font-size:35px;
	}
}

/* make articles and category full screen also */
body.com_content.view-article.wrapper-fluid .site-grid,
body.com_content.view-category.wrapper-fluid .site-grid .container-component {
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,25%)) [main-end] minmax(0,1fr) [full-end];
  grid-gap: 0;
  grid-column: full-start/full-end
}

body.com_content.view-article .site-grid main,
body.com_content.view-category .site-grid main{
	margin-top: 0;
}

/* limit article and category content */
body.com_content.view-article.wrapper-fluid .site-grid .com-content-article__body,
body.com_content.view-category.wrapper-fluid .site-grid .blog-items{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 15px !important;
}

main{
	margin-top: 0 !important;
}
/*******************
 *
 * HEADER CSS
 *
 ********************/

.header-line2-outer{
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.28);
	padding: 0;
}

.header-line1-inner, .header-line2-inner{
	max-width: 1400px;
	margin: 0 auto;
}

@media screen and (max-width: 992px) {
	.header-line1-inner{flex-direction: column;}
	.header-line1-left-inner,.header-line1-right-inner{justify-content: center;}
	.header-line1-left-inner{margin-bottom: 10px;}

	.header-line2-outer{box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);}
}

/*******************
 *
 * END OF HEADER CSS
 *
 ********************/


/*******************
 *
 * MENU CSS
 *
 ********************/
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
	display: none;
}

.main-top-menu li a,
.main-top-menu-offcanvas li a{
	display: block;
	padding: 6px 20px;
	margin: 0 !important;
	font-family: 'Open Sans Condensed', sans-serif;
}

.main-top-menu li,
.main-top-menu-offcanvas li a{
	font-size: 26px;
	font-weight: 100;
	margin: 0 !important;
}

.main-top-menu li,.main-top-menu-offcanvas li {
  padding: 0 !important;
}

/* item 107 einai oi prosfores me id 107 apo to menu tou joomla */
.main-top-menu .nav-item.current.active,
.main-top-menu-offcanvas .nav-item.current.active,
.main-top-menu .nav-item:hover,
.main-top-menu li.nav-item.item-107,
.main-top-menu li.nav-item.item-143,
.main-top-menu-offcanvas li.nav-item.item-107,
.main-top-menu-offcanvas li.nav-item.item-143{
  background: #e72116;
}

.main-top-menu .nav-item.current.active a,
.main-top-menu-offcanvas .nav-item.current.active a,
.main-top-menu .nav-item:hover a,
.main-top-menu li.nav-item.item-107 a,
.main-top-menu li.nav-item.item-143 a,
.main-top-menu-offcanvas li.nav-item.item-107 a,
.main-top-menu-offcanvas li.nav-item.item-143 a{
	color: #ffffff;
}

.main-top-menu li.nav-item.item-107,
.main-top-menu li.nav-item.item-143{margin-left: auto !important;}
/*li.nav-item a.offers{margin-left: auto !important;}*/

.object-fit-cover{
	object-fit: cover;
}


.com-content-article__body h2 {
/*  font-family: sans-serif, Roboto;*/
  font-size: 32px;
  font-weight: 300;
  color: #999;
}

@media screen and (max-width: 992px) {
	.main-top-menu .nav-item:not(.item-107) {   display: none; }
}
/*******************
 *
 * END OF MENU CSS
 *
 ********************/

/*******************
 *
 * MAIN BANNER CSS
 *
 ********************/
.container-banner{margin: 0}

.services-page:not(.view-categories) .main-banner{display: none;}

.main-banner{margin:0 0 2rem;}
.main-banner .d-flex > div{flex: 1;}

.main-banner .d-flex > div:hover{cursor: pointer;}

.main-banner img{
	filter:grayscale(1);
	width: 100%;
}

.main-banner .d-flex > div:hover img{
	filter:grayscale(0);
}

.banner-text{
	font-size:33px;
	color:#e72116;
	font-weight: 550;
	font-family: 'Open Sans Condensed SemiBold', sans-serif;
}

.banner-item{
	height: 515px;
}

@media screen and (max-width: 992px) {
	.banner-item{height: 275px;}
	.main-banner .d-flex{height: auto !important}
}
/*******************
 *
 * END OF MAIN BANNER CSS
 *
 ********************/


/*******************
 *
 * HOME PAGE CSS
 *
 ********************/


/*middle section*/
.homepage-middle-section{
	position: relative;
}

.homepage-middle-section-text{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	padding: 0 0 0 165px;
}

.homepage-middle-section-text-inner{
/*	width: 35%;*/
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.homepage-middle-section{
  position: relative;
  width: 100%;
  height: 750px;
}

/* to achieve parallax effect on img */
.homepage-middle-section-bg-image{
	position: absolute;
	clip: rect(0, 100vw, 750px, 0);
	width: 100%;
}

.homepage-middle-section-bg-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	position: fixed;
	top: 0;
}
/* end of to achieve parallax effect on img */

.homepage-middle-section::before,
.homepage-middle-section::after {
  content: "";
  width: 100%;
  position: absolute;
  height: 65px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 130' preserveAspectRatio='none'%3E%3Cpath fill='RGBA(255,255,255,1)' duration='1' ease='easeInOutQuint' d='M0,0L0,132L1920,132L1920,110z' to-d='M0,0L0,132L1920,132L1920,110z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 100% 100%;
  z-index: 1;
}

.homepage-middle-section::before{
	top: 0;
	transform: scaleY(-1);
/*	transform: rotate(180deg);*/
}

.homepage-middle-section::after{
	bottom: 0;
	transform: scaleX(-1);
}

a.homepage-middle-section-text-btn{
	margin-top: 10px;
	padding: 15px 60px;
	background: var(--link-color);
	color: #ffffff !important;
	font-size: 20px;
	letter-spacing: 3px;


}

/* homepage end section */
.homepage-end-section{
	margin: 0 auto;
	width: 100%;
	padding: 50px 0;
}


@media screen and (max-width: 992px) {
	.homepage-middle-section-text{
		padding: 0;
	}

}
/*******************
 *
 * END OF HOME PAGE CSS
 *
 ********************/

/*******************
 *
 * SERVICES PAGE CSS
 *
 ********************/

/* services page categories css */
.services-page .com-content-categories__items{
	max-width: 1200px;
	margin: 0 auto;
}

.services-page .com-content-categories__items > .com-content-categories__item > .com-content-categories__item-title-wrapper{
	cursor: pointer;
}

.services-page .com-content-categories__items > .com-content-categories__item .com-content-categories__item-title a,
.services-page .com-content-categories__items > .com-content-categories__item > .com-content-categories__item-title-wrapper > button{
	pointer-events: none;
}
.services-page .categories-list > .com-content-categories__items > .com-content-categories__item > img{display: none;}

.services-page .com-content-categories__children{
	padding-inline-start: 0;
}


.services-page .com-content-categories__children .com-content-categories__items{
	display: flex;
	flex-wrap: wrap;
}

.services-page .com-content-categories__children .com-content-categories__items .com-content-categories__item{
	width: 32%;
	margin: 0.5%;
	cursor: pointer;
}


@media screen and (max-width: 992px) {
	.services-page .com-content-categories__children .com-content-categories__items .com-content-categories__item{
		width: 99%;
	}
}

.services-page .com-content-categories__children .com-content-categories__items .com-content-categories__item img,
.services-page .com-content-category-blog__child .category-img img,
.services-page .blog-items .blog-item .item-image{
	filter: grayscale(1);
}

.services-page .com-content-categories__children .com-content-categories__items .com-content-categories__item:hover img,
.services-page .com-content-category-blog__child:hover .category-img img,
.services-page .blog-items .blog-item:hover .item-image{
	filter: grayscale(0);
}

/* category css */
.services-page .com-content-category-blog__children.cat-children >h3{
	display: none;
}
.services-page .com-content-category-blog__children.cat-children{
	display: flex;
  	flex-wrap: wrap;
 	max-width: 1400px;
	margin: 0 auto;
  	font-size: 20px;
}

.services-page .com-content-category-blog__child{
	width: 33%;
}

@media screen and (max-width: 992px) {
	.services-page .com-content-category-blog__child{
		width: 100%;
	}
}

.services-page .category-blog-item-inner a{
	display: block;
	margin: 0 8px;
}

.services-page .category-img,
.com-content-categories__children .com-content-categories__items .com-content-categories__item{
	position: relative;
}

.services-page .category-img img,
.com-content-categories__children .com-content-categories__items .com-content-categories__item img{
	height: 215px;
	object-fit: cover;
}

.services-page .category-title,
.com-content-categories__children .com-content-categories__items .com-content-categories__item .com-content-categories__item-title-wrapper{
	position: absolute;
	right: 0;
	bottom: 0;
	background: var(--link-color);
	color: #fff;
	font-weight: 500;
	padding: 8px 15px;
	z-index: 1;
	font-family: 'Open Sans Condensed', sans-serif;
}

.services-page .category-desc{
	text-align: center;
}

.services-page .category-desc ul.fields-container{
	padding: 0 15px !important;
	list-style:none;
	max-width: 1400px;
	margin: 0 auto;
	text-align: initial;
	margin-top: 15px;
}
.com-content-categories__item-title {
  font-size: 20px !important;
  font-weight: 400;
}
/* services page blog css */
.view-category:not(.services-page) .main-category-title-outer{
	display: none;
}

.view-category .main-category-title-outer{
	display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom:40px;
}

.view-category .main-category-title {
  color:#555;
  font-size: 38px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.view-category .main-category-title-seperator {
  height: 2px;
  background: var(--link-color);
  width: 125%;
  margin: 10px 0;
}

.view-category .main-category-subtitle {
  font-size: 20px;
  font-weight: 600;
  color: #555;
}

.services-page.view-category .blog{
	display: flex;
	flex-direction: column;
}

.services-page .blog-category-desc{
	position: relative;
	margin-bottom: 25px;
}

.services-page .blog-category-desc img{
	height: 515px;
	width: 100%;
	object-fit: cover;
}

.services-page .blog-category-title{
	position: absolute;
	right: 80px;
	top: 370px;
	font-size: 48px;
	font-weight: 700;
	color: #3d474d;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}

@media screen and (max-width: 992px) {
	.services-page .blog-category-title {
	  position: unset;
	  padding: 10px 15px 0;
	}
}

.services-page .category-desc-content{
	padding: 25px 0;
	background: #f6f6f6;
	text-align: center;
	font-style: italic;
	font-size: 30px;
	font-weight: 100;
}

.services-page .blog-items .blog-item .page-header a,
.services-page .blog-items .blog-item .page-header a:hover{
font-size: 24px;
color: var(--link-color);
font-weight: 700;
}

.service-bottom-form-outer-category{
	margin: 25px 0;
	order: 5;
}

.services-page .service-bottom-form-img-category{
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.services-page .service-bottom-form-img-category img{
	width: 600px;
}


/* services page article css */
.services-page.view-article .com-content-article{
	display: flex;
	flex-direction: column;
}

.services-page.view-article .item-image{
	height: 500px;
	display: flex;
	order: -1;
	margin-bottom: 10px;
}

.services-page.view-article .item-image img{
	width: 100%;
	object-fit: cover;
}

.services-page.view-article .page-header h1{
	font-size: 33px;
	font-weight: 300;
	text-align: center;
}

.services-page .service-bottom-form-outer{
	margin-top: 15px;
}

.services-page .service-bottom-form-outer .service-bottom-form{
	background: #f6f6f6;
}

.services-page .service-bottom-form-outer .service-bottom-form-img{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.services-page .service-bottom-form-outer .service-bottom-form-img img {
  width: 300px;
  margin-top: 150px;
}

/*******************
 *
 * END OF SERVICES PAGE CSS
 *
 ********************/


/*******************
 *
 * OFFERS PAGE CSS
 *
 ********************/
/* offers css category view*/

.offers-page.view-category .blog-item .item-image{
	margin: 0;
}

.offers_module{
	max-width: 2000px;
	margin: 0 auto;
}

.offers_module .newsflash-image {
  overflow: visible;
}

.offers-page.view-category .blog-item .item-image img,
.offers_module .mod-articlesnews .mod-articlesnews__item .newsflash-image img{
	height: 350px;
	max-height: 350px;
	min-height: 350px;
	object-fit: cover;
}

.offers_module .mod-articlesnews .mod-articlesnews__item .newsflash-image {
	margin: 0;
}

.offers-page.view-category .blog-item,
.offers_module .mod-articlesnews .mod-articlesnews__item{
	position: relative;
} 

.offers-page.view-category .item-content{
	position: absolute;
	width: 100%;
	height: 100%;
}

.offers-page.view-category .item-content > p:not(.readmore),
.offers_module .mod-articlesnews .mod-articlesnews__item  > p:not(.readmore){
	display: none;
}

.offers-page.view-category .item-content .page-header ,
.offers_module .mod-articlesnews .mod-articlesnews__item .newsflash-title{
	/*  padding: 12px 20px; // before*/
  padding: 8px 20px;
  background-color: var(--link-color);
  top: 15px;
  position: absolute;
  right: 10px;
  color: #fff;
}

.offers-page.view-category .item-content .page-header h2,
.offers_module .mod-articlesnews .mod-articlesnews__item .newsflash-title a{
	font-size: initial;
	display: flex;
	margin: 0;
}

.offers-page.view-category .item-content .fields-container,
.offers_module .mod-articlesnews .mod-articlesnews__item  .fields-container{
	list-style:none;
	padding: 0;
	margin: 0;
  height: 100%;
  position: relative;
  width: 100%;
  display: block;
}

/*to be clickable from eveywhere kanoume to readmore na pianei olo to platos k ipsos*/
.offers-page.view-category .item-content .readmore,
.offers-page.view-category .item-content .readmore a,
.offers_module .mod-articlesnews .mod-articlesnews__item .readmore,
.offers_module .mod-articlesnews .mod-articlesnews__item .readmore a{
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	margin: 0;
	padding: 0;
}

.offers-page.view-category .field-entry.timi-prosforas,
.offers_module .mod-articlesnews .mod-articlesnews__item  .fields-container .field-entry.timi-prosforas{
  position: absolute;
  right: 10px;
  bottom: 75px;
  background: var(--link-color);
  color: #fff;
  font-weight: 700;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
 }

 .offers-page.view-category .field-entry.timi-prosforas .field-value,
 .offers_module .mod-articlesnews .mod-articlesnews__item  .fields-container .field-entry.timi-prosforas .field-value{
  padding: 0 10px;
	}

.offers-page.view-category .field-entry.syntomi-perigrafi-prosforas ,
.offers_module .mod-articlesnews .mod-articlesnews__item  .fields-container .field-entry.syntomi-perigrafi-prosforas{
  bottom: 10px;
  position: absolute;
  background: #fff;
  padding: 8px 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.offers-page.view-category .field-entry.etiketa-prosforas ,
.offers_module .mod-articlesnews .mod-articlesnews__item  .fields-container .field-entry.etiketa-prosforas{
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	background-color: #ffffffd6;
	padding: 5px 12px;
	right: 10px;
	top: 85px;
}

/* offers css article view */

.offers-page.view-article .fields-container{
	display: none;
}

.offer-header-outer{ height:522px;overflow: hidden;width: 100%;margin: 0; }
.offer-header-left .item-image{height: 100%;display: flex;margin: 0;pointer-events: none;}
.offer-header-left{padding-left:0; }
.offer-header-left .item-image img{object-fit: cover;width: 100%;}
.offer-header-right{
	background: #f8f3f2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 50px 30px;
}

.offer-title{
	color: #2b2b2b;
	font-size: 60px;
	font-weight: 100;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.35);
	font-family: 'Open Sans Condensed', sans-serif;
}

.offer-small-description,.offer-after-header-left{
	font-size: 35px;
	font-weight: 50;
	margin-top: 20px;
  color: #a6a5a5;
}

.offer-double-button{
	display: flex;
	margin-top: 40px;
}

.offer-double-button-first,.offer-double-button-second{
	padding: 20px 35px;
	border-radius: 50px;
	color: #fff;
	font-weight:900;
}

.offer-double-button-first{
	position: relative;
	background: var(--link-color);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.offer-double-button-second{
	background: #edab89;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.offer-double-button-img{
	position: absolute;
	top: 50%;
	left: 100%;
	width: 30px;
	height: 30px;
	transform: translate(-50%,-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 50%;
	box-shadow:rgba(255, 255, 255, 0.3) 0px 0px 0px 5px;
}

.offer-double-button-img img{ 
	width:18px;
	height:18px;
	/* black image to gray with filter */
	filter: invert(33%) sepia(0%) saturate(200%) hue-rotate(223deg) brightness(94%) contrast(91%);
} 

.offer-after-header-outer{
	display: flex;
	justify-content: center;
	background: #f6f6f6;
	padding: 35px 0;
	margin:10px 0 25px;
}

.offer-after-header-right,.offer-after-header-left{
	display: flex;
	align-items: center;
	padding: 30px;
}

.offer-after-header-left{
	border-right:4px solid var(--link-color);
	font-size: 36px;
}

.offer-after-header-right a,.offers-form-after-content a{
	background: var(--link-color);
	padding: 25px 50px;
	color: #fff !important;
}

.offers-form-after-content{display: flex;justify-content: center;}

@media screen and (max-width: 992px) {
	.offer-header-outer{ height:auto; }
	.offer-header-left{padding: 0;}
	.offer-after-header-left{border-right:unset;}
}
/*******************
 *
 * END OF OFFERS PAGE CSS
 *
 ********************/


/*******************
 *
 * SPOTS CSS
 *
 ********************/
.spots > div{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
}

.spot,
.spot:before{
  width: 30px;
  height: 30px;
  content: "";
  background: #e72116;
  display: block;
  margin-bottom: 5px;
  border-radius: 50%;
 }

 .spot:before{
 	animation: 2s infinite spot-expand;
 }

 .spot ~ span,.spot ~ a{
 	text-decoration: none;
 	color: #333 !important;
 	background: #e8e8e8e0;
 	padding: 8px;
 	font-size: 16px;
 }

@media screen and (max-width: 992px) {
	.spot,.spot:before{
  	width: 20px;
  	height: 20px;
  }

	.spot ~ span,.spot ~ a{
		padding: 4px 3px;
		font-size: 12px;
	}
}

@keyframes spot-expand {
 0% {
  -webkit-transform:scale(.5);
  transform:scale(.5);
  opacity:1
 }
 to {
  -webkit-transform:scale(1.7);
  transform:scale(1.7);
  opacity:0
 }
}
/*******************
 *
 * END OF SPOTS CSS
 *
 ********************/

/*******************
 *
 * OTHER CSS
 *
 ********************/

/* KEEN SLIDER CSS */

.navigation-wrapper .arrow{
	background: #000;
	width: 40px;
	height: 40px;
	padding: 7px;
	opacity: 0.85;
}

.arrow--left-img,.arrow--right-img{
	filter: brightness(0) invert(1);
}

.arrow--disabled.arrow--left .arrow--left-img,
.arrow--disabled.arrow--right .arrow--right-img{
	opacity: 0.65;
}


/* footer katastimata */
.footer-katastimata .d-flex.flex-column > span:nth-of-type(2){
	font-size: 14px;
	color: #8c8c8c;
	font-weight: 300;
}

/* baform*/
.ba-form-submit-title {
  color: white !important;
}
.ba-phone-selected-country{
	z-index: 9 !important;
}

.istoriko_gallery img {
  width: 24%;
  margin: .5%;
}
@media only screen and (max-width: 767px)  {
  .istoriko_gallery img {
	  width: 48%;
	  margin: .1%;
	}
}

/* kentrarisma katw minimatos formas */
#ba-forms-notification {
  right: calc( 50% - 200px ) !important;
  width: 100% !important;
  max-width: 400px !important;
  text-align: center !important;
}

#ba-forms-notification p {
  font-size: 20px !important;
  padding: 10px 20px !important;
}
/* evgaine lefki i epilogi katastimatos sti forma */
.ba-form-page select:focus, .ba-form-page input:focus {
    color: #333333!important;
}

.full img, .contain img{
	object-fit: contain !important;
}