@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Lato:300,400');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400');



body,html {
	font-family: "Lato",Geneva, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 15px;
	line-height: 20px;
	color:#333333;	
	text-decoration: none;
margin:0px;
padding:0px;
}

.actual_container{
max-width:980px;
}
.text_11px {
	font-family: "Lato", Geneva, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
	line-height: 15px;
}

.text_13px {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 13px;
	line-height: 18px;
	}

.text_13px_white {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
}

.text_14px {
	font-family: "Lato",Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 14px;
	line-height: 20px;
}


.text_14px_white {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
}


.text_16px {
	font-family: "Lato",Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 16px;
	line-height: 20px;
}
.text_18px {
	font-family: "Lato",Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 18px;
	line-height: 22px;
	white-space: normal;
}

.text_18px_orange {
	font-family: "Lato",Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 18px;
	line-height: 20px;
	color:#FF7D01;
	font-weight:300;
}

.text_18px_white {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
}

.text_20px {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 20px;
	line-height:18px;
	color: #333333;
}

.text_24px {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 24px;
	line-height:24px;
	color: #333333;
}

.text_24px_white {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 24px;
	line-height:24px;
	color: #FFFFFF;
	font-weight: 300;
}

.page_title {
	font-family: "Lato",Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
}

a:link{
	text-decoration:none;
	color:inherit;
}

.dual_column {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 15px;
	line-height: 22px;
	color: #333333;
	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
	column-count: 2;
	
	-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}

.one_column {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 15px;
	line-height: 22px;
	color: #333333;	
	}


hr{
height: 1px; color: #999999; background: #C4C4C4;
border:none;
border-top:1px solid #FFFFFF;
}

.field {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 14px;
	line-height: 20px;
	color: #B79766;
	display:inline-block;
	width:130px;
	padding-bottom:8px;
}

.data {
	font-family: "Lato", Tahoma, Geneva, Arial, Helvetica, simhei;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	font-weight: bold;
	display:inline-block;
	vertical-align:top;
	border: none;
}

.content_wrapper{
	max-width:1000px;
	margin:0 auto;
	text-align:justify;
	padding:20px;
}


#subcontent_section{
	display:flex;
	justify-content: center;
	gap:10px;
	flex-wrap: wrap;
	
}

.subcontent_item{
	flex-basis: 100%;
	padding:10px;
	flex-grow: 1;
	flex-basis: 300px;
	}

.sc_title{font-size:1.2em;color:white;line-height:1.2em}

.sc_brief{font-size:1em;color:white;line-height:1.2em; max-width:65ch;}

@media only screen and (max-width: 768px){
	
	img{
		max-width:100%;
		height:auto;
	}
	
	.dual_column {
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
	column-count: 1;
	
	-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}
	
	
	#subcontent_section{
	display:flex;
	justify-content: center;
	gap:10px;
	flex-wrap: wrap;
	}
	
	.subcontent_item{
	flex-basis: 100%;
	padding:10px;
	flex-grow:2;
	flex-basis: 200px;
	}
	
}


@media screen and (max-width:450px){
	.page_title{
		font-size:1.25em;
		text-align:left;
	}
	
	.one_column{}
	
	#subcontent_section{
	display:flex;
	justify-content: center;
	gap:10px;
	flex-wrap: wrap;
	}
}
