/*loading-roboto font for bonus number*/
@font-face {
    font-family: Roboto Black;
    src: url(../font/Roboto-Black.ttf);
}


@font-face {
    font-family: Helvetica Neue Thin;
	src: url('../font/HelveticaNeueLTStd_Th/HelveticaNeueLTStd_Th.otf');
    src: url('../font/HelveticaNeueLTStd_Th/HelveticaNeueLTStd_Th.eot');
    src: url('../font/HelveticaNeueLTStd_Th/HelveticaNeueLTStd_Th.eot?#iefix') format('embedded-opentype'),
         url('../font/HelveticaNeueLTStd_Th/HelveticaNeueLTStd_Th.woff') format('woff'),
         url('../font/HelveticaNeueLTStd_Th/HelveticaNeueLTStd_Th.ttf') format('truetype'),
		 url('../font/HelveticaNeueLTStd_Th/HelveticaNeueLTStd_Th.svg#HelveticaNeueLTStd_Th') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Helvetica Neue Medium;
	src: url('../font/HelveticaNeueLTStd_Md/HelveticaNeueLTStd_Md.otf');
    src: url('../font/HelveticaNeueLTStd_Md/HelveticaNeueLTStd_Md.eot');
    src: url('../font/HelveticaNeueLTStd_Md/HelveticaNeueLTStd_Md.eot?#iefix') format('embedded-opentype'),
         url('../font/HelveticaNeueLTStd_Md/HelveticaNeueLTStd_Md.woff') format('woff'),
         url('../font/HelveticaNeueLTStd_Md/HelveticaNeueLTStd_Md.ttf') format('truetype'),
		 url('../font/HelveticaNeueLTStd_Md/HelveticaNeueLTStd_Md.svg#HelveticaNeueLTStd_Md') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Helvetica Neue Bold;
	src: url('../font/HelveticaNeueLTStd_Bd/HelveticaNeueLTStd_Bd.otf');
    src: url('../font/HelveticaNeueLTStd_Bd/HelveticaNeueLTStd_Bd.eot');
    src: url('../font/HelveticaNeueLTStd_Bd/HelveticaNeueLTStd_Bd.eot?#iefix') format('embedded-opentype'),
         url('../font/HelveticaNeueLTStd_Bd/HelveticaNeueLTStd_Bd.woff') format('woff'),
         url('../font/HelveticaNeueLTStd_Bd/HelveticaNeueLTStd_Bd.ttf') format('truetype'),
		 url('../font/HelveticaNeueLTStd_Bd/HelveticaNeueLTStd_Bd.svg#HelveticaNeueLTStd_Bd') format('svg');
    font-weight: normal;
    font-style: normal;
}







body, p, a,  h2,  h4, h5{font-family: Helvetica Neue Medium, sans-serif; color: #ffffff;}
h1{ font-family: Helvetica Neue Bold, sans-serif; font-size: 70px; text-transform: uppercase;}
h2{font-family: Helvetica Neue Bold, sans-serif; font-size:30px;}
h3{font-family: Helvetica Neue Medium, sans-serif;}
h4{font-weight: 700;  font-size:16px; text-transform: uppercase; }
h5{font-weight: 700; font-size:35px;}

p{font-family: Helvetica Neue Thin,sans-serif;  font-size:18px; }
a{font-family: Helvetica Neue Thin,sans-serif;  font-size:14px;  }

.light{font-family: Helvetica Neue Thin, sans-serif;  }
.black{color: #000000;}
strong, .bold{font-family: Helvetica Neue Bold, sans-serif;  }


.custom_normalized p{ font-family: Helvetica Neue Bold, sans-serif;  margin:0 auto; padding-bottom:10px;}

/*overriting bootstrap styles*/
a:focus{ color: #ffffff; text-decoration: none; outline: none; outline-offset: none; }
a:hover{text-decoration: none; color: #ffffff;  } 



.footer, .footer a{font-family: Helvetica Neue Light, sans-serif; }

.custom-text-padding{padding-top: 40px; padding-bottom: 60px; color: #ffffff;}
.no-padding, .no-padding .col-sm-12{ padding: 0 !important;}


body{overflow-x:hidden;}

/*mobile switcher*/
.mobile-version{display: none !important;}
@media screen and (max-width: 767px) {
	.mobile-version{display: block !important;}
	.desktop-version{display: none !important;}
}



/*header*/
.header-container {position: absolute; width: 100%; z-index: 12;}
.container-fluid .container{position: relative;}
.header-container .first-logo img{ height: 110px;}
.header-container .first-logo { padding-right:35px;}



/*custom flip slider*/
.custom-flip-slider{padding:0px; position:relative; background-color: #000000;}
.custom-flip-slider{padding:0px; position:relative;}
.custom-flip-slider #card .front{background: url(../img/background_01.jpg) no-repeat center top / cover;}
.custom-flip-slider #card .back{background: url(../img/background_02.jpg) no-repeat center top / cover;}
.custom-flip-slider .custom-right-panel{height:100%; width: 180px; background-color: rgba(0, 0, 0, .5); position: absolute; right: 0;top: 0; z-index:12;}
.custom-flip-slider .custom-right-panel .custom-slider-trigger{ cursor: pointer;/* background: url(../img/icon_trigger.svg) no-repeat center top / auto 50px; */ width:100%; height: 50px; margin-top: 65px;}
.custom-flip-slider .custom-right-panel .custom-focus-icon{ opacity: 0.4; position:absolute; background: url(../img/icon_focus.svg) no-repeat center top / auto 97px; width:100%; height: 97px;}
.custom-flip-slider .custom-right-panel .custom-flash-icon{ opacity: 0.4; position:absolute; bottom: 0; background: url(../img/icon_flash.svg) no-repeat center top / auto 85px; width:100%; height: 85px; margin-bottom: 65px;}
.custom-flip-slider .title-ipad-version{display:none;}

/*ipad and mobile slider*/
@media screen and (max-width: 1024px) {
	.custom-flip-slider .custom-right-panel{display: none;}
	.custom-flip-slider #card .front{display:none;}
	.custom-flip-slider #card .back{transform:none !important;}
	.custom-flip-slider .title-ipad-version{display:block;}
	.custom-flip-slider .title-desktop-version{display:none;}
}
@media screen and (max-width: 767px) {
	.custom-flip-slider #card{min-height:450px;}
	
}

/*caption*/
.custom-caption{position: absolute; top: 250px;  left:0px; right:0px;}
.custom-caption .custom-caption-text{font-size: 36px; line-height: 1.2em; margin:20px 0px; }
@media screen and (max-width: 767px) {
	.custom-caption{top: 150px; } 
}


/*bottom lang nav*/
.bottom-nav{position:fixed; bottom:0; right:0; width:100%; height:60px; /*background: url(../img/bottom-nav.jpg) repeat-x center bottom / auto 100%;*/ background-color: #e30613; z-index: 13;}
.bottom-nav a{font-size:13px; text-align:center; opacity: 0.7;  display:inline-block;border: 2px solid #ffffff; border-radius: 25px; }
.bottom-nav a:hover{color:#ffffff; text-decoration: none; opacity:1;}
.bottom-nav .lang-switcher a.actual-lang{display:none;}
.bottom-nav .lang-switcher{right:0; top:15px; position: absolute; padding-right:35px;}
.bottom-nav .lang-switcher a{width: 33px; margin-left: 5px; padding:5px; }


.bottom-nav .left-menu {left:0; top:10px; position: absolute; padding-left:35px;}
.bottom-nav .left-menu a{ margin-right: 5px; padding: 10px 20px;}
/*until the Gold and Reload page aren't ready, it should be hidden*/
.bottom-nav .left-menu{display: none;}

.bottom-nav .central-menu{text-align:center; margin-top:10px; }
.bottom-nav .central-menu a{opacity:1; font-size:12px; /*font-family: Helvetica Neue Medium, sans-serif;*/ padding: 10px 30px;}

.bottom-nav-central-button{ position:fixed; bottom:0; right:0; left: 0; margin: 0 auto; width:600px;  background: url(../img/background_button.png) no-repeat center bottom / auto 100%; height:86px; z-index:13;}
.bottom-nav-central-button .central-menu{text-align:center; margin-top:22px;}
.bottom-nav-central-button .central-menu a{font-size:15px; text-align:center; opacity:1; /*font-family: Helvetica Neue Medium, sans-serif;*/ padding: 10px 40px; display:inline-block;border: 2px solid #ffffff; border-radius: 25px; }

.bottom-nav-central-button .central-menu a:hover, .bottom-nav .central-menu a:hover{border-color:#e30613; color:#e30613; background-color: #ffffff; }
@media screen and (max-width: 1024px) {
	.bottom-nav-central-button{display: none;}
}



@media screen and (max-width: 767px) {
	.lang-switcher.mobile-version { background-color: #000000; margin: 0 auto;position: absolute; text-align: center;top: 0;width: 100%; padding: 7px 0px;}
	.lang-switcher.mobile-version a { /*border: 1px solid #fff;border-radius: 25px;*/display: inline-block;padding: 5px;text-align: center;width: 33px;}
	header{margin-top:42px;}
}

.custom-pdf-download, .bottom-nav a, .bottom-nav-central-button a{font-family: Arial, sans-serif;}


/*arrow to bottom*/
.arrow-down a{ display: block; opacity:0.7;/*background: url(../img/arrow-down.svg) no-repeat scroll center center / auto 50px;*/ min-height:70px; margin-top: -160px;}
.arrow-down a:hover{opacity:1;}
.arrow-down canvas {/*padding-left: 48px; */ left: 0;margin: 0 auto; margin-top:-134px;  position: absolute;right: 0; transform: scale(0.17); -ms-transform: scale(0.17); -webkit-transform: scale(0.17);}
@media screen and (max-width: 1024px) {
	.arrow-down a{margin-top:-140px;}
}

.custom-slider-trigger canvas {margin-left: -48px;margin-top: -69px;padding: 0;transform: scale(0.3);}


.clear{	clear: both;}



.first-container-underlayer{margin-top:-1px; background: #01489a url(../img/background_first.jpg) no-repeat right top / cover; padding-left:0px; padding-right:0px; min-height: 625px; height:auto;}
.first-container  img{max-width: 835px; width: 100%; margin-bottom: 0px; margin-top:80px; margin-bottom:50px;}
.first-container  h1{margin:0px; line-height:1em; }
.first-container .big{font-size:26px; margin-top:20px; margin-bottom: 60px;}
.first-container .custom-pdf-download{opacity:0.7;margin-bottom:60px;display: inline-block; text-transform: uppercase; padding:13px 44px; border: 1px solid #ffffff; border-radius: 25px;}
.first-container .custom-pdf-download:hover{opacity:1;}
.first-container-testimonial{ background-color: rgba(0, 0, 0, .5); }
.first-container-testimonial img{float:left; max-width: 153px; width: 100%; margin:35px 40px 35px 0px;}
.first-container-testimonial p{font-style: italic; }
@media screen and (max-width: 768px) {
	.first-container-underlayer{ background: #01489a url(../img/background_first.jpg) no-repeat center bottom / 100% auto;}
	.first-container img{margin-bottom: 20px;}	
}
@media screen and (max-width: 767px) {
	.first-container .big{font-size:20px; }
	.first-container-testimonial img{float:none; margin:35px 0px 35px 0px;}
	.first-container-testimonial p{padding-bottom: 40px;}
	.first-container-testimonial{text-align:center;}
}
@media screen and (max-width: 767px) {
	
}


.second-container .container{padding-top: 50px; padding-bottom:50px;}
.second-container{background: url(../img/background_second.jpg) no-repeat center top / cover;  padding-left:0px; padding-right:0px; min-height: 625px; height:auto;}
.second-container h2{padding:20px 0px 20px 0px; margin: 0 auto;}
.second-container .second-title{padding:30px 15px 50px 15px;}
.second-container .classic-icons > div{ padding-top:140px; }
.second-container .classic-icons .first{background: url(../img/icon_contactless.svg) no-repeat center top; background-size: 120px auto;}
.second-container .classic-icons .second{background: url(../img/icon_emotions.svg) no-repeat center top; background-size: 120px auto;}
.second-container .classic-icons .third{background: url(../img/icon_helpline.svg) no-repeat center top; background-size:120px auto;}
.second-container .classic-icons > div{margin-bottom:55px;}

.instant-container .container{padding-top: 50px; padding-bottom:50px;}
.instant-container{background: url(../img/cba_instant_background.jpg) no-repeat center bottom / cover;  padding-left:0px; padding-right:0px;  height:auto;}
.instant-container h2{padding:30px 0px 20px 0px; margin: 0 auto;}
.instant-container img{width:100%; max-width:415px;}
.instant-container .custom-padded{padding-bottom:30px;}
.custom-instant-section > div{padding-bottom:20px;}
.custom-instant-section{padding-top:20px;}
 


.footer-container { background: #ffffff;}
.footer-container .footer{padding-top:30px;}
.footer-container .container{text-align:center;}
.footer-container a{color:#004899; margin-right:20px; font-size:14px; text-decoration: underline; display: inline-block;} 
.footer-container .custom-address{ color:#004899;  margin-bottom:140px; font-size:14px; }

.footer-container .custom-address{opacity: 0.7;}
.footer-container .container > div:first-child{padding-bottom: 0px; padding-top: 40px;}
.footer-container .custom-copyright-section{padding-top: 20px;}


@media screen and (max-width: 1024px) {
	/*fonts*/
	/*h1{font-size:30px; }*/
	h1{font-size:45px; }
	h3{font-size:14px; }
	p{font-size:16px; }
	a.custom-pdf, a.custom-info{font-size:13px; margin: 20px 0px 30px 0px; }
	a.custom-button{font-size:13px;}
	h4{font-size:14px;  }
	h6{font-size:40px; }
	h2{font-size:24px; }
	h5{font-weight: 700; font-size:20px;}
	.banner-text{font-size:28px;}
	h2.description{font-size:13px !important; padding-top:5px;}
	/*end of fonts*/
	
	
	.custom-text-padding{padding-top: 20px; padding-bottom: 30px; }
}
@media screen and (max-width: 768px) {
	.header-container .first-logo img{ height: 90px;}
	/*normalize container fluid and container widths, for some reason bootstrap doesn't maintain these on Ipad vertical.*/
	.container-fluid,.container-fluid .container {width: 100%; }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
	/*erasing lateral paddings only on Ipad, this to align the inner background image*/
	/*.third-container{padding-left:0px; padding-right:0px;}*/
}
@media screen and (max-width: 767px) {
	h1{ font-size: 30px;}
	p{font-family: Helvetica Neue Reg,sans-serif;}
	.custom-caption .custom-caption-text{font-size: 20px;}
	
	.header-container .first-logo {padding-right: 16px;}
	.header-container .first-logo img{ height: 70px;}

	.arrow-down a{display: none;}
	
	.blue-square-top{ background-image: none;}	
	
	.header-container .first-logo{height: auto !important;}
	.first-container .container, .first-container-testimonial .container, .second-container .container{padding:0px;}
}