html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 30px;
	color: #000000;
	line-height: 1.26em;
	background: #2b59a1;
	min-width: 320px;
}
body{
	overflow-y: scroll;
}
html, body, A, input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
}
A{
	text-decoration: none;
	color: #000000;
	-webkit-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
	outline: none;
}
A:hover{
	text-decoration: underline;
}
img, object, iframe{ border: 0; vertical-align: top; }
header, nav, menu, main, aside, address, section, article, footer, figure, figcaption{ display: block; }
form, figure, menu{ margin: 0; padding: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea{
	height: 40px;
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
	color: #000000;
	border: 1px solid #dadada;
	background: #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
}
select{
	padding: 0 6px;
}
textarea{
	height: 160px;
	padding: 10px;
	resize: vertical;
}
input[type="submit"], input[type="reset"], input[type="button"]{ border: 0; }
input[type="image"], input[type="button"], input[type="submit"], label{ cursor: pointer; }
table{ width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }
input[type="checkbox"], input[type="radio"]{ position: relative; top: 2px; *top: 0; margin: 0 5px 0 0; padding: 0; height: auto; }
@media not all and (-webkit-min-device-pixel-ratio){ input[type="checkbox"], input[type="radio"] { top: 0; } }
.clear, .hr{ clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after{ content: "."; display: block; height: 0; visibility: hidden; }
.clearfix:after{ clear: both; }
.clearfix{ zoom: 1; }
.flexible{ overflow: hidden; zoom: 1; }
.text_center{ text-align: center !important; }
.text_left{ text-align: left !important; }
.text_right{ text-align: right !important; }
.fl_left{ float: left; }
.fl_right{ float: right; }
.cur, .active, .active > a{ cursor: default; }
@font-face{
	font-family: "icons-social";
	src:url(/icons-social.eot);
	src:url(/icons-social.eot?#iefix) format("embedded-opentype"),
		url(/icons-social.woff) format("woff"),
		url(/icons-social.ttf) format("truetype"),
		url(/icons-social.svg#icons-social) format("svg");
	font-weight: normal !important;
	font-style: normal !important;
}
[data-icon]:before{
	font-family: "icons-social" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before, [class*=" icon-"]:before{
	font-family: "icons-social" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-youtube:before{
	content: "\62";
}
.icon-twitter:before{
	content: "\61";
}
.icon-instagram:before{
	content: "\63";
}
.icon-facebook:before{
	content: "\64";
}

/* ----- header ----- */
.header{
	padding: 14px 20px 0 20px;
	text-align: center;
	background: #ffffff;
	position: relative;
	z-index: 3;
}
.logo{
	display: inline-block; *display: inline; vertical-align: top; zoom: 1;
	width: 325px;
	height: 60px;
	margin: 0 0 18px 0;
	background: url(/../images/new_cf_logo.png) left top no-repeat;
	-webkit-background-size: 325px 325px;
	        background-size: 325px;
}
.header_bnr{
	height: 440px;
	margin: 0 -20px;
	padding: 0 20px;
	color: #ffffff;
	background-color: #344f68;
	background-position: center top;
	background-repeat: no-repeat;
}
.header_bnr_bg_1{
	background-image: url(/images/bnr_img_1.jpg);
}
.header_bnr_bg_2{
	background-image: url(/images/bnr_img_2.jpg);
}
.header_bnr_bg_3{
	background-image: url(/images/bnr_img_3.jpg);
}
.header_bnr p{
	max-width: 460px;
	margin: 0 auto;
	padding: 100px 0 0 0;
	font-size: 36px;
	line-height: 60px;
	font-style: normal;
}

/* ----- footer ----- */
.footer{
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.26em;
	position: relative;
	z-index: 2;
}
.footer_left{
	float: left;
}
.footer_right{
	float: right;
}
.ul_socials{
	margin: 0;
	padding: 0;
	list-style: none;
}
.ul_socials li{
	display: inline-block; *display: inline; vertical-align: top; zoom: 1;
	margin: 0 0 0 17px;
	font-size: 20px;
}
.ul_socials a{
	text-decoration: none !important;
	color: #ffffff;
}
.ul_socials a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* ----- content ----- */
.content{
	padding: 30px 0;
	background: #ffffff;
	position: relative;
	z-index: 1;
}
.content_center{
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.button{
	display: inline-block;
*display: inline; 							vertical-align: top;
	zoom: 1;
	width: 250px;
	height: 60px;
	text-decoration: none !important;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffff;
	line-height: 60px;
	font-weight: normal;
	border: 4px solid #afefc9;
	background: #37d679;
}
.button:hover{
	border: 4px solid #37d679;
	background: #21c559;
}
.content_center > .button{
	margin: 0 0 42px 0;
}
.p_1, .p_2, .p_3, .p_4{
	margin: 0 0 50px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 42px;
}
.ico_1, .ico_2, .ico_3{
	margin: 0 0 22px 0;
}

@media screen and (max-width: 888px){
	.header_bnr{
		height: 300px;
		-webkit-background-size: cover !important;
		        background-size: cover !important;
	}
	.header_bnr p{
		padding: 70px 0 0 0;
		font-size: 34px;
		line-height: 56px;
	}
}
@media screen and (max-width: 680px){
	.p_1, .p_2, .p_3, .p_4{
		font-size: 20px;
		line-height: 36px;
	}
}
@media screen and (max-width: 440px){
	.logo{
		width: 280px;
		height: 50px;
		-webkit-background-size: cover !important;
		        background-size: cover !important;
	}
	.header_bnr p{
		font-size: 28px;
		line-height: 50px;
	}
	.footer{
		text-align: center;
	}
	.footer_left{
		float: none;
		margin: 0 0 20px 0;
	}
	.footer_right{
		float: none;
	}
	.ul_socials li{
		margin: 0 7px 0 10px;
	}
}