@font-face{
	font-family:'Manrope-Regular';
    src:url(fonts-manrope/Manrope-Regular.woff2) format('woff2'); 
    font-display: swap;
}
@font-face{font-family:'Manrope-Medium';src:url(fonts-manrope/Manrope-Medium.woff2) format('woff2'); font-display: swap;}
@font-face{font-family:'Manrope-Bold';src:url(fonts-manrope/Manrope-Bold.woff2) format('woff2'); font-display: swap;}
@font-face{font-family:'Manrope-SemiBold';src:url(fonts-manrope/Manrope-SemiBold.woff2) format('woff2'); font-display: swap;}
font-face{font-family:'Manrope-ExtraBold';src:url(fonts-manrope/Manrope-ExtraBold.woff2) format('woff2'); font-display: swap;}
@font-face{font-family:'Manrope-Light';src:url(fonts-manrope/Manrope-Light.woff2) format('woff2'); font-display: swap;}
@font-face{font-family:'Manrope-ExtraLight';src:url(fonts-manrope/Manrope-ExtraLight.woff2) format('woff2'); font-display: swap;}

/*general*/
:root {
	/*  
    --fontRegular: Roboto-Regular;
	--fontBold: Roboto-Bold;
	--fontLight: Roboto-Light;
	--fontBoldItalic: Roboto-BoldItalic;	
	--fontLightItalic: Roboto-LightItalic; 
	--fontMedium: Roboto-Medium; 
	*/
	
	--fontRegular: Manrope-Regular;
	--fontBold: Manrope-Bold;
	--fontLight: Manrope-Light;
	--fontMedium: Manrope-Medium; 
		
	--fontBoldItalic: Manrope-Bold;	
	--fontLightItalic: Manrope-Light; 
	
	--colMainLight:#B1AB9D; /* κύριο χρώμα (αρχική αναζήτησή, επικοινωνία, κεφαλίδα στην σελίδα αγγελίας) και στην αρχική κάτω από το βίντεο εκεί στο τετράγωνο*/
	
	--colMainDark:#7E7A71; /*  κουμπί ανάθεση, Καθαρισμός, πιο σκούρα απόχρωση του βασικού χρώματος (πχ στο hover στις κατηγορίες) και στην σελίδα των αγγελιών μέσα στα χαρακτηριστικά στα εικονίδια*/
	
	--colMainBth:#9F998C; /* κουμπιά*/
	--grayBlack:#676767;
	 
	
   /* --grayDark: #736e5d;	
    --grayLight:#a3987e; */ 
	 
	--greyVeryLight:#c8c8c8;
	
	--topMenyCol:#262626;
	
	--contentWidth:1440px; 
	--contentWidthSm:990px; 
	
	--textColor:#2b2b2b;
	
	--rndCornerBig:25px; 
	--rndCornerPad: 40px;
	
	--dvBigPad:40px;
	
	--bgBlockGray:#f0f0f0;
	--bgBlockDarkGray:#626262;
	--bgBlockLightGray:#6e6e6e;
	--bgBlockBlack:#2f2f2f;
	
	--bgContIns:#EAEAEA;
}

body {  margin:0; font-family: var(--fontRegular);  font-size:12pt; color: var(--textColor);}
* {box-sizing: border-box;}
a:link, a:visited, a:active {text-decoration: none; color:#757575;}
a:hover {}
input {font-family: var(--fontRegular);  font-size:100% !important;}
.dvCntr { width: var(--contentWidth); margin:0 auto; } 
.dvCntrSm { width: var(--contentWidthSm); margin:0 auto; } 
.dvLogo { margin-right:30px; }
.flxTop { display:flex;align-items:center; justify-content: space-between; margin:20px 0 } /* two layers left - right */
.flxMenuTop { display:flex; }
.dvTopMen {  padding:20px;  }
.dvTopMen a:link , .dvTopMen a:visited , .dvTopMen a:active { color: var(--topMenyCol); padding:10px; font-size:12pt;  }
.dvTopMen a:hover  { color: var(--grayBlack); text-decoration:none;}
a.lnkBtnDark:link ,  a.lnkBtnDark:visited , a.lnkBtnDark:active ,
a.lnkBtnLight:link,  a.lnkBtnLight:visited , a.lnkBtnLight:active   { display: inline-block; padding:10px 15px; margin:10px 5px; border-radius: 5px; color:white }
a.lnkBtnDark:hover , 
a.lnkBtnLight:hover { background-color: var(--grayBlack)}
.lnkBtnDark  { background-color: var(--colMainDark) ; } /*ανάθεση button*/
.lnkBtnLight { background-color: var(--colMainBth); } /*contact button*/
.lnkBthArrow{ background-image:url(imgs/icon_btn-arrow.svg); background-repeat:no-repeat; background-position:96% ; padding-right:45px !important;}
.dvLangs {  padding:20px 0 20px 20px;}
.lnkLang, a.lnkLang, a.lnkLang:link ,  a.lnkLang:visited , a.lnkLang:active { color: var(--greyVeryLight);   padding:0 8px !important; }
a.lnkLang:hover  { color: var(--textColor)!important; } 
.lnkLngActiv, a.lnkLngActiv:link ,  a.lnkLngActiv:visited , a.lnkLngActiv:active, a.lnkLngActiv:hover {  color: var(--textColor) !important; padding:0 8px !important; } 
.flx-2Itm, .flx-3Itm, .flx-4Itm, .flx-6Itm { display:flex;  justify-content:space-around; flex-wrap:wrap; }
.dv-2Itm, .dv-3Itm, .dv-4Itm, .dv-6Itm {  padding:10px; text-align:center; }
.dv-2Itm  { width: calc(50% - 20px);} 
.dv-3Itm  { width:33.3%; padding:0} 
.dv-2ItmIndx  { width: calc(50% - 20px); padding:10px; text-align:center;} 
.dv-3ItmIndx  { width: calc(33.3% - 20px); padding:10px; text-align:center;} 
.dv-4ItmIndx  { width: calc(25% - 20px); padding:10px; text-align:center;} 
.dv-4Itm  { width: calc(25% - 50px); padding:25px;  } 
.dv-6Itm  { width: calc(16.6% - 20px) ;   }
.dv-indxCatFlx { display:flex;  justify-content:space-around; flex-wrap:nowrap; }
.dv-indxCatItm { width:230px;  padding:10px; text-align:center; }
.dvInxBgWhite { background-color:white;
display:flex;flex-flow: column;justify-content: space-between;  align-items: stretch; width:100%; height:100%; border-radius:30px; }
.dvInxTxtWhite { text-align:left; padding:5px 15px;flex: 1; position:relative; padding-bottom:65px; }
.dvInxTitleWhite { font-family:var(--fontBold);  font-size:15pt;margin-top:10px }
.dvInxDescWhite { margin-top:10px;}
.dvInxPontWhite { font-size:11pt; }
.dvInxPriceWhite { color:#A3987E; font-size:15.5pt; font-family:var(--fontLightr);   position:absolute; bottom:20px; }
.spExlPrcTit { font-size:11.5pt; font-weight:normal}
.exInxcCat { display:inline-block; position:absolute; left:15px; bottom:15px; padding:6px 12px; background-color:#ffffff; border-radius:15px; opacity:0.8; font-size:10pt;}
a.lnkCatIcons:link {   margin:25px 10px;  display:inline-block; width:85%; height:75%; border-radius:15px; color:var(--textColor);  box-shadow: 0 0 10px 10px #efefef;}
a.lnkCatIcons:visited , a.lnkCatIcons:active , a.lnkCatIcons:hover  { color:#000; }
a.lnkCatIcons:hover { background-color: var(--colMainLight)} 
.catimgmaincont { width:60%; margin:auto; padding:20px}
.cattextmain { font-family: var(--fontBold);   padding-bottom:20px;}
.catimgmain { width:100%;   }
.subTitBig{ font-size:20pt;  padding:var(--dvBigPad) 0;}
.blockGrey { background-color: var(--bgBlockGray); padding: var(--dvBigPad) 0;}
.blockDarkGrey {   background-color: var(--bgBlockDarkGray);  padding: var(--dvBigPad) 0; }
.blockLightGrey {   background-color: var(--bgBlockLightGray);  padding: var(--dvBigPad) 0; color:white;}
.blockBlack {   background-color: var(--bgBlockBlack);  padding: var(--dvBigPad) 0; color:white;}
.flxIndxVideo, .flxIndxVideo2 {  flex: 1 1 0px;}
.flxIndxVideo {	width:calc(30%-40px);}
.flxIndxVideo2 {	width:calc(70%-20px);  }
.dvBoxWhite { background-color:white; padding:20px; margin:0 40px 40px 0; }
.bgRetangle { background-image:url(imgs/bg_rectangle.svg); background-repeat:no-repeat; background-position:right bottom; padding-bottom:100px; padding-right:140px }
.dvSpecText { width:760px; margin:35px auto 60px auto }
.video-container { overflow: hidden; position: relative; width:100%;}
.video-container::after { padding-top: 76.25%; display: block; content: '';}
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.icInxTit { font-family:var(--fontBold); padding:15px 0; font-size:13pt}
.icInxDesc { font-family:var(--fontLight); font-size:11.5pt; text-align:left; padding-bottom:50px;  }
.back-to-top { position: fixed; bottom: 8em; right: 20px; text-decoration: none; color: #000000;  background-color:var(--colMainBth); font-size: 12px; padding: 1em; display: none; }
.back-to-top:hover {  background-color: var(--colMainDark); }
/*search form*/
.inxSrcCont {	background-image:url(imgs/bg-search2.jpg); background-position:bottom;  background-size: 100%; border-radius: var(--rndCornerBig);	margin-bottom:var(--dvBigPad);	}
.inxBgSrc { background-color: var(--colMainLight);	border-radius: var(--rndCornerBig); padding: var(--rndCornerPad);	background-image:url(imgs/bg-search-half3.jpg); background-position:right; background-size: 50%; background-repeat:no-repeat;}
.pad-20 { padding:20px; }
.pad-30 { padding:30px; }
.pad-40 { padding:40px; }
.mrgBot-30 { margin-bottom:30px; }
.title-18 { font-size:18pt; margin:30px 0 20px 0; font-weight:bold;}
.txtLeft { text-align:left;}
.tx-13 {  font-size:13pt;}
/* insidde pages*/
.dvContRound{  background-color: var(--colMainLight);	border-radius: var(--rndCornerBig); }
.dvContGrey {	background-color: var(--bgContIns);	border-radius: var(--rndCornerBig); padding:40px; }
.dvUnderFiltra { padding-top:140px;}
.flxPropTitle { display:flex; justify-content:space-between;  color:white; padding:20px 30px;}
.PropTitle { font-size:14pt; }
.dvContWhite { background-color: white;	border-radius: var(--rndCornerBig); padding:20px; }
.frmWhite {padding:40px; margin:30px;}
.pagTitle { font-size:15pt; text-align:center;}
.horLineGrey { margin:20px 0; border-bottom:#ebebeb 1px solid; }
.brdcrm {  margin: 0 0 20px 0;  color: #676767; font-weight: bold; }
.excIndxImg { height:230px; background-color:#d1cbbd; text-align:center;position:relative;border-radius:30px; }
.lstImgCateg { width:30%; margin:30px auto 0; height:auto !important; }
.lstImgAsk { font-style:italic; padding-top:10px; color:#686868; }
/* .imExc { max-height:230px; margin:0; } */
.excPropImg{  background-size:cover; height:230px; background-color:#FFF;position:relative;border-radius: 30px; }
.excPropImgNews{  background-size:cover; background-color:#FFF;position:relative;border-radius: 30px; }
/*.excPropCatImg{  background-size:40%; background-position:50% 50%; background-repeat:no-repeat; height:230px; background-color:#FFF}*/
.propNoImg {padding:50px 20px; text-align:center; background-color: #d1cbbd;  border-radius:25px;}
.imgPropCategBig { width:100%; max-width:150px;  }
/*nnewsletter*/
.nlInput { padding:10px; background-color:white; border:none; font-family:Ronoto-Light; font-size:13pt; width:280px; outline: none; margin-left:20px;}
.nlBtn { background-color: var(--colMainBth);  font-family: var(--fontRegular); font-size:12pt; letter-spacing:0.1em; padding:10px;  border:none; color:white; cursor:pointer}
.flxNlet { display: flex; justify-content:center;}
div.mce_inline_error {  margin: 5px 0 0 20px;   z-index: 1; color:#f3abab !important;}
/*footer*/
.dvCpright {  display:flex;margin:35px 0 0 0;align-items:center;  justify-content: space-between;padding-top:5px;
border-top: 2px solid #757575;   color: #757575; font-size:10.5pt;  }
.cpright {font-size: 11pt; color: #757575;}
.cpright a { color: #757575; }
.cpright a:hover { color:white; }
.eled {float: right;}
.fooLnk a:link, .fooLnk a:visited, .fooLnk a:active { color:white;} 
.fooLnk a:hover { color:#dddddd;} 
/*FORMS contact,  Σας παρέχουμε, ακόμη περισσότερες επιλογές.  AND FOLLOW US*/
.chcFlx {display:flex;justify-content:space-between;}
.chcFlxItem-30 {  width:32%;}
.chcFlxItem-50 {  width:49%;}
.chcInpt {background-color: #f5f5f5;padding: 8px 18px;border-radius: 15px;width: 100%;border: none;outline: none;margin: 4px 0;font-size: 12pt;font-family: var(--fontRegular); }
.chc-lab { display:block; color:#b0b0b0; margin-top:10px; padding-left:10px;}
.chc-submit{background-color:var(--colMainBth);padding: 12px 34px;border-radius: 15px; border: none;outline: none; font-size: 12pt;font-family: var(--fontRegular);color:white;cursor:pointer;margin:10px 20px;cursor:pointer;}
.labInline { display:inline-block !important;}
.follCont{ font-size:16pt; margin:40px 0; display:flex; justify-content:center; align-items:center; }
.follIcon { width:40px; }
/*END FORM Σας παρέχουμε, ακόμη περισσότερες επιλογές. */
 .socFrm {  background-color: #757575;  height: 40px; width: 40px; border-radius: 40px;  line-height: 40px;  display: inline-block;  text-align: center;  vertical-align: middle;}
.dvContact { width: 990px; margin: 0 auto; color:white;}
.labWh { color:white !important;}
.pgContTitle { font-size:20pt; font-weight:bold; padding:30px 0 10px 40px; color:white; letter-spacing:0.1em;  display: inline-block;  position: relative; }
.pgContTitle:before{    content: "";  position: absolute;  width: 42%; height: 7px; bottom: 0; left: 40px; border-bottom: 7px solid white;}
.flxCont { display:flex; justify-content: space-between; margin:30px 0 40px 0; flex-flow: wrap;}
.itmCont { margin: 10px 0; }
.labWh a:link { color:white;}
.btnPaging {border: none; outline: none; margin:2px;background-color:#fff; border-radius:4px; cursor: pointer; font-size: 10.5pt; width:34px; height:32px; text-align:center;}
/* Style the active class, and buttons on mouse-over */
.btnPagingActiv, .btnPaging:hover { background-color: var(--bgBlockLightGray); color: white;}
.dvSelPgNum {  text-align:right;} 
.selPgNum {  padding: 3px; background: var(--bgBlockLightGray); border-radius: 7px; border: 1px solid #eeeeee; color: white; font-size:11pt;}
.labShoePging { font-weight:normal; font-size:11pt}	


.spSocFoo { display:inline-block; width:15px; height:15px;background-repeat:no-repeat; }
.spIn { background: url(imgs/foo_soc.png) 0 0;}
.spFb { background: url(imgs/foo_soc.png) 45px 0;}
.spInst { background: url(imgs/foo_soc.png) 30px 0;}
.spYou { background: url(imgs/foo_soc.png) 15px 0;}


/*tooltip*/
 #plot-tooltip { position:absolute; top:7px; right:7px; z-index:1000; display:none;}  

.tooltip {
  position: relative;
  display: inline-block; 
}

.tooltip .tooltiptext { 
  box-sizing: border-box; 
  width: 320px;
  padding: 0 10px 10px 10px;
  background-color: #57554F;  
  color: #fff;
  text-align: center;
  border-radius: 6px; 
  font-size:10pt;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1000;     
  top: -170px;
  right: 105%; 
}

.ttipClose {cursor:pointer; font-size:12.5pt; font-weight:bold}

#plotTooltip { display: none;}

@media all and (max-width: 380px) {
	 .frmCont { padding-top:20px; }
   .tooltip .tooltiptext {
	  width: 92vw;
	  top: 25px;
     right: -10px; 
   }
}


/*general RESPONSIVE */ 
@media all and (max-width: 1440px) { 
	.dvCntr   { width:98%;}
	.dv-indxCatFlx { flex-wrap: wrap; justify-content:flex-start;}
}

@media all and (max-width: 990px) {
	.dvCntrSm   { width:98%; }	
	.dvInxBgWhite {  width:96%;}
	 
	 .dv-4Itm, .dv-4ItmIndx   { width: calc(50% - 50px);} 
	 .dv-6Itm  { width: calc(33.3% - 20px);}
	 .bgRetangle { background-image:url(imgs/bg_rectangle.svg); background-size:50%;  padding-bottom:30px; padding-right:0px }
	 .dvSpecText { width:90%; text-align:center   }
	 .dvContact {   width: 90%;   }
	 .dv-indxCatFlx {  justify-content:center;}
}

 
@media all and (max-width: 800px) {
   .flxNlet { flex-direction:column; align-items:center; margin:10px;}
   .nlInput {margin:5px 0;}
   .dv-3ItmIndx { width:calc(100% - 40px); padding:20px;} 
}

 

@media all and (max-width: 768px) {
	.dv-2Itm  { width: calc(100% - 20px);}	
	.dv-3Itm   { width:calc(100% - 40px); padding:20px;} 
	.flxIndxVideo, .flxIndxVideo2 { width: calc(100% - 40px); padding:0 20px;  flex:none;}
	.dvCpright { flex-direction:column;  align-items: flex-start;}
	.dvCpright div{ margin:5px;}	 
	.chcFlx {flex-direction: column;}
	.chcFlxItem-30, .chcFlxItem-50 {  width: 100%;}
	.dvBoxWhite {margin: 0 0 40px 0;}
	.dvContGrey { padding:10px; }
}


@media all and (max-width: 480px) {
	.brdcrm {   /* margin: 20px 0 30px 25px; */ }
   .flxSocial {flex-direction: column;}
   .padMap {padding:10px;}
   .frmWhite { padding:10px; margin:0; }
   .dv-2Itm, .dv-3Itm, .dv-4Itm, .dv-4ItmIndx, .dv-6Itm { width:100%; }
}


@media all and (max-width: 1300px) {
   .dvUnderFiltra { padding-top:270px; }
}

@media all and (max-width: 1000px) {
   .dvUnderFiltra { padding-top:420px; }
}
@media all and (max-width: 760px) {
   .dvUnderFiltra { padding-top:500px; }
}
@media all and (max-width: 600px) {
   .dvUnderFiltra { padding-top:530px; }
}

@media all and (max-width: 500px) {
   .dvUnderFiltra { padding-top:630px; }
}

@media all and (max-width: 430px) {
   .dvUnderFiltra { padding-top:740px; }
}

/*-------------------------------------*/


/*MENU*/
.menuCont {position:relative; height:100px; padding-top:20px; z-index:1000 }
nav {  position:absolute; background-color:#FFF; width:100%; left:0;  }
.navShadow {  box-shadow: 0px 20px 10px -15px #999; border-radius:30px; }
 .menu { list-style-type: none;padding:0; margin:0;    }
.logo img{ width:190px; margin-right:20px;   }
.item { padding: 0px;}
.item.button { padding: 0; }
 .item:not(.button) a:hover,
.item a:hover::after {color: #ccc;}
/* Mobile menu */
.menu { display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; }
.menu li a { display: block; padding: 10px; font-weight:bold; color:#000; font-size:13pt;transition: 0.2s;}
.menu li { padding:0; margin:0; }
.lang a {  display: inline-block !important; }
 .toggle {  order: 1;  cursor:pointer;}
.item.button { order: 5;}
.item { order: 3;  width: 100%; text-align: center; display: none;}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.active .item { 
    display: block; 
	-webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}
#menuopenclose {margin-right:10px;}
/* Tablet menu */
@media all and (min-width: 700px) {
    .menu {
        justify-content: flex-start; 
    }
    .logo {
        flex: 1;
    }
    .item.button {
        width: auto;
        order: 1;
        display: block;
    }
    .toggle {
        flex: 1;
        text-align: right;
        order: 2;
    }
    /* Button up from tablet screen */
    .menu li.button a {
        padding: 10px 15px;
        margin: 5px 0;
    }
    .button a {
        /*background: #0080ff;
        border: 1px royalblue solid;*/
    }
   .item.button { padding: 9px 5px; }
}
/* Desktop menu */
@media all and (min-width: 1240px) {
    .menu {
        align-items: center;     
        flex-wrap: nowrap;
        background: none;
    }
    .logo {
        order: 0;
    }
    .item {
        order: 1;
        position: relative;
        display: block; 
        width: auto;
		 padding: 10px;
    }
    .button {
        order: 2;
    }
    .toggle {
        display: none;
    }
	.menu li a {    
      font-weight:normal;  padding: 15px 10px; color:#757575;
    }    
}

.eke_button {
    text-align: center;
    font-size: 12pt;
    letter-spacing: 1.2px;
    background-color: var(--colMainBth);
    border-radius: var(--inptRadius);
    border: none;
    cursor: pointer;
    margin: 0 auto 80px auto;
    padding: 12px;
    width: 300px;
    display:block;
}