@charset "utf-8";
html, body {
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
	display:inline-block;
	min-height:100%;
	color:#FFF;
	width:100%;
	position:relative;
	height:100%;
	text-align:left;
}
a{
	color:#FFF;
	text-decoration:none;	
}
#background{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:inline-block;
	pointer-events:none;
	background-color:#051a36;
	text-align:left;
}
#background .green{
	display:inline-block;
	width:50%;
	height:100%;
	left:0px;
	top:0px;
	background: #3abf9d; /* Old browsers */
	background: -moz-linear-gradient(left,  #3abf9d 0%, #18bdc3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3abf9d 0%,#18bdc3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3abf9d 0%,#18bdc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3abf9d', endColorstr='#18bdc3',GradientType=1 ); /* IE6-9 */
}
#logo{
	position:absolute;
	display:inline-block;
	z-index:100;
	top:20px;
	left:20px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	width:110px;
	height:100px;	
	background-image:url(images/icon.svg);
}

#site_wrapper{
	display:inline-flex;
	position:relative;
	z-index:4;
	width:100%;
	height:100%;	
	text-align:center;
	
	align-content:center;
	align-items:center;
	justify-content:center;
}
#site_wrapper .main_content{
	display:inline-block;
	width:640px;
	position:relative;
	padding-right:680px;
	height:330px;	
	text-align:right;
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-content:center;
	align-items:stretch;
}
#site_wrapper .main_content .world{
	width:630px;
	position:absolute;
	z-index:2;
	height:340px;
	background-position:top left;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(images/world.svg);
	display:inline-block;
	right:0px;
	top:0px;
}
#site_wrapper .main_content h1{
	font-weight:400;
	font-size:24px;
	padding:0px;
	margin:0px;	
	display:block;
	width:100%;
}
#site_wrapper .main_content h2{
	padding-top:40px;
	font-size:18px;	
	display:block;
	width:100%;
	height:40px;
}
#site_wrapper .main_content a{
	text-decoration:none;
	font-size:18px;
	color:#FFF;
	font-weight:800;
	padding:10px;
	border:solid 4px #FFF;
	display:inline-flex;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	width:calc(25% - 40px);
	justify-content:center;
	align-items:center;
	align-content:center;
	margin-left:10px;
	margin-bottom:10px;
}
#site_wrapper .main_content a{
	transition:0.5s ease background-color, 0.5s ease border;	
}
#site_wrapper .main_content a:hover{
	background-color:#051a36;
	border:solid 4px #051a36;
}
#site_wrapper .main_content a:hover + .icon{
	width:40px;
	height:40px;
	transform:translate(7px,-7px);
}
#site_wrapper .main_content a:hover + .icon .hvr{
	opacity:1;	
}
#site_wrapper .main_content .icon .hvr{
	background-color:#FFF;
	width:100%;
	height:100%;
	opacity:0;
	transition:0.5s ease opacity;
	display:inline-block;
	z-index:9;
}
#site_wrapper .main_content a .text{
	padding:8px 14px;	
}
#site_wrapper .main_content a:first-child{
	margin-left:0px;	
}
#site_wrapper .main_content .icon{
	width:25px;
	height:25px;
	border-radius:40px;
	background: #3abf9d; /* Old browsers */
	background: -moz-linear-gradient(left,  #3abf9d 0%, #18bdc3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #3abf9d 0%,#18bdc3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #3abf9d 0%,#18bdc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3abf9d', endColorstr='#18bdc3',GradientType=1 ); /* IE6-9 */
	display:block;
	position:absolute;
	z-index:8;	
	top:0px;
	right:0px;
	transform:translate(0px,0px);
	transition:0.5s ease background, 0.5s ease width, 0.5s ease height, 0.5s ease transform;	
	overflow:hidden;
}
#site_wrapper .main_content .icon.aus{
    top: 251px;
    right: 73px;
}
#site_wrapper .main_content .icon.india{
    top: 150px;
    right: 192px;
}
#site_wrapper .main_content .icon.nz{
	top:280px;
	right:0px;	
}
#site_wrapper .main_content .icon.usa{
	top: 124px;
    right: 485px;	
}
#copyline{
	font-size:10px;
	color:#3cc5b8;
	display:inline-block;
	position:absolute;
	bottom:20px;
	left:calc(50% + 20px);
}