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

/* 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%;
	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{width:100%; height:auto}

.hellenic-bank-xmas22-wrap{display:flex; /*flex-direction:column;*/ align-items:flex-start; justify-content:center; position:relative; width:100%; height:100%; background-color:#012042; background-image:url("img/hb-xmas22-bg.jpg"); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; z-index:40}

.hb-xmas-22-video-wrap{display:flex; width:100%; height:auto}

a.exit_link{position:absolute; z-index:900; width:100%; height:100%; touch-action:manipulation; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-callout:none}