@charset "utf-8";
/* CSS Document */

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.fade-in {
	-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-in-bottom {
	display:inline-flex!important;
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


/* Div layer for the entire container. */
#dc_container {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: auto;
  font-size: 0;
  top: 0;
  left: 0;
  z-index: 999999999999;
}
#dc_content {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 100;
}
#info {
  position: absolute;
  display: block;
  display: none;
  /*bottom: 0.75%;*/
  top:0.75%;	
  z-index: 999;
  left: 1.25%;
  width: 20px;
  height: 20px;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none
}
#info img {
  position: inherit;
  width: 100%
}
/* Invisible button for background clickthrough. */
#dc_background_exit {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  left: 10px;
  z-index: 998;
  cursor: pointer;
  opacity: 0;
}
#dc_bgImage {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#dc_expand_logo {
  position: absolute;
  left: 5px;
  top: 5px;
}
#dc_btnClose {
  display: block;
  display: none;
  position: absolute;
  width: 25px;
  height: auto;
  top: 1.5%;
  /*left: 3%;*/ right: 3%;
  z-index: 999;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none
}
#dc_content img, #dc_content svg, #dc_content object {
  width: 100%;
  height: auto
}


/* SCENE 1 */


.hb-jun-24-wrap{display:flex; flex-wrap:nowrap; align-items:flex-start; justify-content:center; position:relative; width:100%; height:100%; background-color:#000; z-index:40; background-image: url("//richmedia.ad-sphere.eu/HB-MyHome/img/hb-jun-24-bg.webp"); background-repeat:no-repeat; background-position:bottom right; background-size:100% auto}

.hb-jun-24-wrap:after{content:""; position:absolute; top:0; left:0; width:58.2%; height:100%; background:linear-gradient(to right, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1)); mix-blend-mode:multiply; pointer-events:none; z-index:41}

.hb-my-home-rewards{position:absolute; z-index:42; display:none; flex-wrap:nowrap; justify-content:center; align-items:center; width:47.85%; overflow:visible;  bottom:240px; left:4.95%}

.hb-my-home-rewards svg{overflow:visible!important}

.hb-my-home-rewards svg > g > g:nth-of-type(1) > g:nth-of-type(1){filter:drop-shadow(0.5px 0.5px 0px #fff)}
.hb-my-home-rewards svg > g > g:nth-of-type(1) > g:nth-of-type(2) #eNGPz4v16BT19{filter:drop-shadow(0.5px 0.5px 0px #fff)}
.hb-my-home-rewards svg > g > g:nth-of-type(1) > g:nth-of-type(2) #eNGPz4v16BT22{filter:drop-shadow(0.5px 0.5px 0px #fff)}
.hb-my-home-rewards svg > g > g:nth-of-type(1) > g:nth-of-type(2) #eNGPz4v16BT27{filter:drop-shadow(0.5px 0.5px 0px #fff)}

.hb-my-home-rewards svg > g > g:nth-of-type(2){filter:drop-shadow(0.5px 0.5px 0px #fff)}

.hb-my-home-rewards svg > g > g:nth-of-type(3) > g:last-of-type{filter:drop-shadow(0.5px 0.5px 0px #fff)}

.hb-press-here{position:absolute; z-index:100; display:inline-flex; flex-wrap:nowrap; justify-content:center; align-items:center; width:50%; bottom:calc(20px + 18px + 40px); left:4.95%}

.hb-press-here svg{overflow:visible!important}

.hb-press-here svg #ebBKcl2a8Dx4_to{filter:drop-shadow(0.5px 0.5px 0px #fff)} 
.hb-press-here svg #ebBKcl2a8Dx43_to{filter:drop-shadow(0.5px 0.5px 0px #fff)}
.hb-press-here svg #ebBKcl2a8Dx59_to{filter:drop-shadow(0.5px 0.5px 0px #fff)}
.hb-press-here svg #ebBKcl2a8Dx29_ts > g > g{filter: drop-shadow(0.5px 0.5px 0px #fff)}

.hb-hellenic-bank-logo{position:absolute; z-index:43; display:inline-flex; flex-wrap:nowrap; justify-content:center; align-items:center; width:37.5%; bottom:20px; right:4.5%}

.hb-hellenic-bank-logo svg > g > g > path{filter:drop-shadow(0.5px 0.5px 0px #fff)}
.hb-hellenic-bank-logo svg > g > g > path:last-of-type{filter:drop-shadow(0.5px 0.5px 0px #f59120)}
.hb-hellenic-bank-logo svg > g > g > g{filter:drop-shadow(0.5px 0.5px 0px #fff)}

.hb-appear{display:inline-flex!important}

@media all and (max-width: 432px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */	
	
.hb-press-here{bottom:calc(20px + 17px + 40px)}	
	
} 

@media all and (max-width: 414px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */	
	
.hb-press-here{bottom:calc(20px + 16.4px + 40px)}		
	
} 

@media all and (max-width: 394px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */	
	
.hb-press-here{bottom:calc(20px + 15.6px + 40px)}			
	
} 


@media all and (max-width: 384px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */		
	
.hb-press-here{bottom:calc(20px + 15.3px + 40px)}			
	
} 


@media all and (max-width: 375px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */		
	
.hb-press-here{bottom:calc(20px + 14.9px + 40px)}		
	
} 

@media all and (max-width: 360px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */		
	
.hb-press-here{bottom:calc(20px + 14.3px + 40px)}	

} 

@media all and (max-width: 320px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */		
	
.hb-press-here{bottom:calc(20px + 12.7px + 40px)}		
	
}