/*##################################### HEADER #####################################*/

.aio_container_all .aio_header{
	padding-left:50px;
	padding-right:50px;
}

.aio_container_all .aio_header ul.divider{
	left:292px;
}

.aio_container_all .aio_header ul.award{
	left:307px;
}

.aio_container_all .aio_header ul.language{
	right:66px;
}

.aio_container_all .aio_header ul.social{
	right:50px;
}

.aio_container_all .aio_sections .section .scroll_down, .aio_container_all .aio_sections .section .scroll_up{
	display:none;
}

/*##################################### SECTIONS #####################################*/

.aio_container_all .aio_sections .section{
	min-height:0px;
	height:auto !important;	
}

.aio_container_all .aio_sections .section .bg{
	top:0px !important;
	margin:auto !important;
	padding-bottom:0px !important;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-size:100% auto;
}

.aio_container_all .aio_sections .section .bg .bg_container{
	margin:auto !important;
	top:0px !important;
	left:auto !important;
	width:100%;
	height:100%;	
}

.aio_container_all .aio_sections .section .bg .bg_container > img{
	display:none;
}

.aio_container_all .aio_sections .section .contents{
	height:auto;
	left:auto;
	right:auto;
	top:auto;
	right:auto;	
	padding:50px 50px 300px 50px;
	text-align:center;
}

.aio_container_all .aio_sections .section .contents [data-inview-animation]{
	transform:none !important;
	-webkit-transform:none !important;	
}

.aio_container_all .aio_sections .section .contents .valign{
	display:none;
}

.aio_container_all .aio_sections .section .contents .copy{
	display:block;
	position:relative !important;
	left:auto !important;
	margin:auto !important;
	top:auto !important;
	right:auto !important;
	width:auto !important;
	max-width:none !important;
}


/*##################################### SECTION: INTRO #####################################*/

.aio_container_all .aio_sections .section.intro{
	height:600px !important;
}


.aio_container_all .aio_sections .section.intro .bg{
	bottom:250px;
	height:auto;
	background-image:url(/iwov-resources/images/creditcards/aio/zh/intro/bg.jpg);
	background-position:50% 50%;
	background-size:cover;
}


.aio_container_all .aio_sections .section.intro .contents{
	bottom:250px;
}

/*----------------- SHORT CUTS ---------------*/

.aio_container_all .aio_sections .section.intro .shortcuts li{
	float:none;
	width:100%;
	height:65px;
	border:none;
	border-bottom:1px solid #d0bb99;
	
	
}

/* ICONS */
.aio_container_all .aio_sections .section.intro .shortcuts li .ico{
	display:inline-block;
	vertical-align:middle;
	background-size:128px auto;
	background-image:url(/iwov-resources/images/creditcards/aio/zh/spritesheet_2x.png);
	margin-top:2px;
}

.aio_container_all .aio_sections .section.intro .shortcuts li .ico.call_us{
	width:9px;
	height:11px;
	background-position:-75px -22px;
}

.aio_container_all .aio_sections .section.intro .shortcuts li a:hover .ico.call_us{
	width:9px;
	height:11px;
	background-position:-75px -34px;
}

.aio_container_all .aio_sections .section.intro .shortcuts li .ico.open_account{
	width:8px;
	height:11px;
	margin-top:3px;
	background-position:-85px -22px;
}

.desktop .aio_container_all .aio_sections .section.intro .shortcuts li a:hover .ico.open_account{
	background-position:-85px -34px;
}

.aio_container_all .aio_sections .section.intro .shortcuts li .ico.contact_me{
	width:10px;
	height:11px;
	background-position:-95px -22px;
}

.desktop .aio_container_all .aio_sections .section.intro .shortcuts li a:hover .ico.contact_me{
	background-position:-95px -34px;
}

.aio_container_all .aio_sections .section.intro .shortcuts li .ico.make_an_appointment{
	width:11px;
	height:11px;
	background-position:-107px -22px;
}

.desktop .aio_container_all .aio_sections .section.intro .shortcuts li a:hover .ico.make_an_appointment{
	background-position:-107px -34px;
}

.aio_container_all .aio_sections .section.intro .shortcuts li .ico.branches_and_atms{
	width:11px;
	height:15px;
	background-position:-118px -21px;
}

.desktop .aio_container_all .aio_sections .section.intro .shortcuts li a:hover .ico.branches_and_atms{
	background-position:-118px -34px;
}

.aio_container_all .aio_sections .section.intro .shortcuts li .ico.ugoigo{
	width:40px;
	height:8px;
	background-position:-25px -93px;
}

.desktop .aio_container_all .aio_sections .section.intro .shortcuts li a:hover .ico.ugoigo{
	background-position:-67px -93px;
}









/*##################################### SECTION: EMINENT #####################################*/


.aio_container_all .aio_sections .section.emi .bg{
	background-image:url(/iwov-resources/images/creditcards/aio/zh/emi/mobile_bg.jpg);
	background-color:#000;
}

.aio_container_all .aio_sections .section.emi .contents{
	padding-bottom:768px;
	padding-bottom:92vw;
}





/*##################################### SECTION: COMPASS #####################################*/


.aio_container_all .aio_sections .section.compass .bg{
	background-image:url(/iwov-resources/images/creditcards/aio/zh/compass/mobile_bg.jpg);
	background-color:#000;
}

.aio_container_all .aio_sections .section.compass .contents{
	padding-bottom:800px;
	padding-bottom:65vw;
}




/*##################################### SECTION: BLACK CARD #####################################*/

.aio_container_all .aio_sections .section.blackcard .bg{
	background-image:url(/iwov-resources/images/creditcards/aio/zh/blackcard/tablet_bg.jpg);
	background-color:#75C7EF;
}

.aio_container_all .aio_sections .section.blackcard .contents{
	padding-bottom:300px;
	padding-bottom:78vw;
}

.aio_container_all .aio_sections .section.blackcard .contents .copy h2{
	color:white;
}

.aio_container_all .aio_sections .section.blackcard .contents .links{
	color:white;
}

.aio_container_all .aio_sections .section.blackcard .contents .copy{
	color:white;
}


.aio_container_all .aio_sections .section.blackcard .bg .bg_container .magnified{
	opacity:1 !important;
	width:231px !important;
	height:524px !important;
	background-size:100% auto !important;
	left:55%;
	bottom:5%;
}



/*##################################### FOOTER #####################################*/

.aio_container_all .footer{
	padding:20px;
	text-align:center;
}

.aio_container_all .footer .links{
	float:none;
}

.aio_container_all .footer .links li{
	display:block;
	margin:0px auto 5px auto;
}

.aio_container_all .footer .legal{
	float:none;
	margin-top:10px;
}