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

@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes button_scale_in_loop {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1      
  }
  80%{
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1       
    }   
  90%{
  -webkit-transform:scale(1.1);
  transform:scale(1.1); 
  opacity:1      
    }    
  100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1       
  }
}
@keyframes button_scale_in_loop {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
  }
  80%{
  -webkit-transform:scale(1);
  transform:scale(1); 
  opacity:1      
    }   
  90%{
  -webkit-transform:scale(1.1);
  transform:scale(1.1); 
  opacity:1      
    }         
  100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1      
  }
}

.enimenosou-appear{display:flex!important}
.bounce-in-fwd {-webkit-animation:bounce-in-fwd 1.1s both; animation:bounce-in-fwd 1.1s both}
.enimerosou-flip{-webkit-animation:btn-flip 5s infinite both; animation:btn-flip 5s infinite both; transition-timing-function:ease}
.button_scale_in_loop{-webkit-animation:button_scale_in_loop 4s infinite both; animation:button_scale_in_loop 4s infinite 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%;
	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%;
	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-antifraud-wrap{display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; width:100%; height:100%; background-color:#00355a; z-index:40}

.hellenic-bank-head-wrap{display:flex; width:100%; align-items:center; justify-content:center; height:33.333%; height:calc(100% / 3)}
.hellenic-bank-logo-ani{display:flex; width:71.7%; align-items:center; justify-content:center}
.hellenic-bank-video-wrap{display:flex; align-items:center; justify-content:center; width:100%; height:33.333%; height:calc(100% / 3)}
.hellenic-bank-action-wrap{position:relative; display:flex; width:100%; align-items:center; justify-content:center; height:33.333%; height:calc(100% / 3)}
.hellenic-bank-action-btn{position:absolute; display:none; align-items:center; justify-content:center; width:45%; min-width:175px}

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}