@import url("reset.css");

html, body{height:100%; width:100%; }
img{vertical-align: top;   }
strong{font-weight:900;}
em{font-style:italic;}	
td{vertical-align:top;}
.clear{float:none; clear:both;}
p{margin-top:15px;}
p:first-child{margin-top:0px;}

.table{display:table}
.tr{display:table-row}
.td{display:table-cell}

input, textarea{
	color: #2E3192;
	font-family: 'Ikaros Sans', sans-serif;
	}
	
body{
	color: #2E3192;
	font-family: 'Ikaros Sans', sans-serif;
	}

a{
	color: #666;
	}

.noscroll{
	overflow:hidden;
	}


.loading{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:#FFF;
	z-index:1001;
	opacity: 1;
	}	
	
.loading img{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin:auto;}	

	
	
.scrollin{
	
	-webkit-transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
	}
	
.scrollin1{
	-ms-transform: translateY(0px) translateX(-100px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(-100px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(-100px) translateZ(0px) scale(1);
	opacity:0;
	}	
	
.scrollin1.startani{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
	}
	
.scrollin2{
	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
	}	
	
.scrollin2.startani{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
	}	
	

.scrollin3{
	opacity:0;
	}	
	
.scrollin3.onscreen{
	opacity:1;
	}	
	

/* content */


.full_col_wrapper{
	position: absolute;
    top: 0px;
    left: 0px;
	width:100%;
	height:100%;
}

.full_col{
	height:100%;
	float: left;
}

.col6{
	width:50%;
}

.full_table{
	width:100%;
	height:100%;
	table-layout: fixed;
}

.content_wrapper{
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	margin: auto;
	background-color: #000;
	padding: 45px;
	padding-bottom: 0px;
	overflow: auto
}

.body2 .content_wrapper{
	background-color: #fff;
}

.bg2{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image: url(images/bg.jpg);
	background-size: auto 100%;
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #000;
	
}


.content_wrapper table{
	width:100%;
	height:100%;
	position: relative;
	z-index: 1;
}



.content_wrapper table td+td{
	text-align: right;
}


.content_wrapper table tr+tr td{
	vertical-align: top;
	padding-bottom: 45px;
}

.content_wrapper table tr+tr td+td{
	vertical-align: middle;
}

.content_wrapper table tr + tr td.text_wrapper_td{
	vertical-align: bottom;
	padding-bottom: 90px;
}

.share_btn{
	z-index: 10;
}

.share_btn img{
	width:30px;
}


.top_logo{
	padding-bottom: 20px;
	padding-right: 20px;
	z-index: 10;
	display: inline-block;
}
	
.top_logo img{
	width:300px;
	display: block;
}

.bg_wrapper{
	width:55%;
}

.bg{
	width:100%;
}

.text_wrapper{
	position: relative;
	z-index: 1;
	padding-right: 90px;
	color: #fff;
}

.center_text{
	text-align:center;
	}	
	
.float_right{
	float:right;
	}	


.text1{
	font-size: 18px;
	line-height: 1.4em;
	color: #fff;
}
.text2{
	font-size: 14px;
	line-height: 1.4em;
	position: relative;
	padding-left: 100px;
}
.text2::before{
	content:"";
	position: absolute;
	left:0px;
	top:7px;
	border-top:3px solid #fff;
	width:80px;
}

.text_wrapper a{
	color: #fff;
	border-bottom:1px solid #fff;
}


/* mobile */
.mobile_show{
	display:none;
	}
	

@media screen and (max-width: 1599px) { 
	
.content_wrapper {
    position: absolute;
}	
	
.top_logo img {
    width: 300px;
    display: block;
}
	
.share_btn img {
    width: 20px;
}
	
.text1{
	font-size: 18px;
	line-height: 1.4em;
}
.text2{
	font-size: 14px;
	line-height: 1.4em;
	position: relative;
	padding-left: 100px;
}

}


@media screen and (max-width: 1439px) { 
	
.top_logo img {
    width: 260px;
    display: block;
}
	
.share_btn img {
    width: 20px;
}	
	
.text1{
	font-size: 14px;
	line-height: 1.4em;
}
.text2{
	font-size: 12px;
	line-height: 1.4em;
	position: relative;
	padding-left: 100px;
}
	
.text_wrapper{
	padding-right: 45px;
	padding-left: 0px;
}

	
	
}


@media screen and (max-width: 1279px) { 
.top_logo img {
    width: 240px;
    display: block;
}
}

@media screen and (max-width: 1023px) { 
	
	

	.content_wrapper table tr + tr td.text_wrapper_td{
		vertical-align: bottom;
		padding-bottom: 30px;
	}
	
	
	.content_wrapper table tr + tr td.bg_wrapper{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.full_img_wrapper{
		margin: -15px;
		margin-top: auto;
	}
	
	.full_img{
		width:100%;
	}
	
	.bg2 {
		background-size: auto 100%;
		background-position: top center;
	}
	
	.top_logo img {
    width: 150px;
    display: block;
}
	.content_wrapper{
		position: absolute;
		padding: 15px;
		padding-bottom: 0px;
	}


	.share_btn{
		position: absolute;
		top: 0px;
		right: 0px;	
	}
	
	.content_wrapper td{
		display: block;
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	.text_wrapper{
		padding-right: 0px;
	}	
	
	
	
	.bg_wrapper{
		width:auto;
	}
	
	.text_wrapper{
		margin-right: auto;
	}

	.bg2{
		background-image: url(images/bg2.jpg);
		background-size: cover;

	}
	
	
	.text1{
		font-size: 12px;
		line-height: 1.4em;
	}
	.text2{
		font-size: 12px;
		line-height: 1.4em;
	}

/* mobile */
.mobile_hide{
	display:none;
	}
	
.mobile_show{
	display:block;
	}	
	
}

@media screen and (max-width: 640px) { 


}


@media screen and (max-width: 480px) { 


/* mobile */

.mobile_hide2{
	display:none;
	}
	
.mobile_show2{
	display:block;
	}	

}