.xf_cont {
	
	margin-top: -1px;
	font-family: Arial;

}


.xf_cont .xf_menu {
	
	background-color: #e6e7e8;
	
}

.xf_cont .xf_menu a {
	
	color: #00529c;
	text-decoration: none;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.9rem;
	display: block;
	float: left;
	
}


.xf_cont .xf_menu a.active, .xf_cont .xf_menu a:hover {
	
	color: #00529c;
	background-color: #f1f1f1;
	
}


.xf_cont .descr h1 {
	
	font-size: 3.5rem;
	font-weight: bold;
	color: #353c45;
	margin-top: 3rem;
	line-height: 4rem;
	
}

.xf_cont .descr p {
	
	font-size: 1.1rem;
	font-weight: 700;
	margin-top: 1rem;
	color: #736b6f;
	
}

.xf_cont .m_descr {
	
	margin-top: 2rem;
	
}

.xf_cont .m_descr h3 {
	
	width: 90%;
	font-size: 1rem;
	font-weight: 700;
	
}

.xf_cont .m_descr p {
	
	width: 90%;
	font-size: 0.95rem;
	color: #999999;	
	
}

.xf_cont .m_descr img {
	
	width: 90%;
	margin-left: 10%;
	
}

.xf_cont .m2_descr {
	
	margin-top: 2rem;
	
}

.xf_cont .m2_descr h3 {	
	
	font-size: 1rem;
	font-weight: 700;
	
}

.xf_cont .m2_descr p {	
	
	font-size: 0.95rem;
	color: #999999;	
	
}

.xf_cont .m3_descr {
	
	margin-top: 2rem;
	
}

.xf_cont .m3_descr h3 {	
	
	font-size: 1rem;
	font-weight: 700;
	
}

.xf_cont .m3_descr p {	
	
	font-size: 0.95rem;
	color: #999999;	
	
}

.xf_cont .m3_descr img {
	
	width: 90%;	
	
}

.xf_cont .big_bg_3 {
	
	background-color: #353c45;
	background-image: url(../images/daf_cf_d_7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 550px;
	color: #ffffff;	
	
}

.xf_cont .big_bg_3 .top {
	
	font-size: 3rem;
	line-height: 3.2rem;
	font-weight: 900;
	margin-top: 250px;
	
}

.xf_cont .big_bg_3 iframe {
	
	display: none;
	
}

.xf_cont .big_bg_3 .video {
	
	position: absolute;
	z-index: 9;
	left: 50%;
	margin-top: 225px;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
	
}

.xf_cont .big_bg_3 .video:hover {
		
	opacity: 1;
	filter: alpha(opacity=100);
		
}






.xf_cont .big_bg_4 {
	
	background-image: url(../images/daf_xf_7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 430px;
	color: #ffffff;
	
}

.xf_cont .big_bg_4 .top {
	
	font-size: 2rem;
	font-weight: 900;
	margin-top: 2rem;
	
}


.xf_cont .big_bg_4 .bottom {
	
	font-size: 1rem;
	line-height: 1.6rem;	
	margin-top: 1rem;
	padding-bottom: 3rem;
	
}

.xf_cont .big_bg_4 a.conf {
	
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-radius: 4px;
	border: solid 1px #ffffff;
	color: #ffffff;
	text-decoration: none;
	
}

.xf_cont .big_bg_4 a.conf:hover {
	
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-radius: 4px;
	border: solid 1px #014784;
	color: #ffffff;
	text-decoration: none;
	background: #014784;
	background: -webkit-linear-gradient(bottom, #014784, #215E95);
	background: -moz-linear-gradient(bottom, #014784, #215E95);
	background: linear-gradient(to top, #014784, #215E95);
	
}


.xf_cont .pages {
	
	padding-bottom: 5rem;
	
}

.xf_cont .pages h3 {
	
	margin-top: 2rem;
	font-weight: 100;
	font-size: 2rem;
	color: #666666;
	text-align: center;
	margin-bottom: 2rem;
	
}

.xf_cont .pages .page {
	
	width: 90%;
	
}

.xf_cont .pages .photo {
	
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
}

.xf_cont .pages .body {
	
	min-height: 270px;
	
}

.xf_cont .pages .head {
	
	font-size: 1.3rem;
	color: #333333;
	margin-top: 1rem;
	
}

.xf_cont .pages .anons {
	
	font-size: 0.9rem;
	line-height: 1.5rem;
	color: #999999;
	margin-top: 0.5rem;
	
}

.xf_cont .pages .link a {	
	
	font-size: 1rem;
	color: #00539c;
	width: 90%;	
	margin-top: 0.5rem;	
	padding-right: 1rem;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	background-position: right 0.3rem;
	font-weight: 700;
	
}

.xf_cont .pages .link a:hover {	

	color: #00539c;
	text-decoration: none;

}

.xf_cont .net_cont {
	
	background-color: #f1f1f1;
	padding-top: 3rem;
	padding-bottom: 3rem;

}

.xf_cont .net {	
	
	margin-top: 3rem;
	margin-bottom: 3rem;
	
}

.xf_cont .net .right {
	
	text-align: right;
	
}

.xf_cont .net img {
	
	max-width: 90%;
	
}


.xf_cont .net h3 {
	
	font-size: 1.5rem;
	line-height: 2rem;	
	
}

.xf_cont .net p {
	
	font-size: 1rem;
	color: #666666;
	margin-top: 1rem;
	
}


.xf_cont .materials {
	
	background-color: #f1f1f1;
	padding-top: 3rem;
	padding-bottom: 3rem;
	
}


.xf_cont .materials h3 {
	
	font-size: 3rem;
	font-weight: 100;
	
}

.xf_cont .materials .center .mat {	
	
	margin-left: 2%;
	
}

.xf_cont .materials .right .mat {
	
	margin-left: 4%;
	
}

.xf_cont .materials .mat {
	
	margin-top: 2rem;
	width: 96%;
	background-color: #ffffff;
	padding-bottom: 0.5rem;
	
}

.xf_cont .materials .mat:hover {
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.75);
	
}

.xf_cont .materials .mat .photo {
	
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
}

.xf_cont .materials .mat .head {
	
	margin-left: 1.2rem;
	margin-right: 1.2rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: solid 1px #eeeeee;
	font-weight: 900;
	
}

.xf_cont .materials .mat .more {
	
	margin-left: 1.2rem;
	margin-right: 1.2rem;
	font-size: 0.9rem;
	color: #00539c;		
	padding-right: 1rem;	
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	background-position: right 0.25rem;	
	text-decoration: none;
	
}

.xf_cont .materials .mat a.more:hover {	

	color: #00539c;
	text-decoration: underline;

}

.xf_cont .materials .mat .mask {
	
	display: none;
	
}

.xf_cont .materials .mat .photo:hover .mask {
	
	display: block;
	position: absolute;
	height: 200px;
	width: 96%;
	background-color: #00529c;
	opacity: 0.5;
	filter: alpha(opacity=50);
	
}

.xf_cont .materials .mat .icon {
	
	display: none;
	
}

.xf_cont .materials .mat .photo:hover .icon {
	
	display: block;
	position: absolute;
	height: 200px;
	width: 96%;
	background-image: url(../images/photo.png);
	background-repeat: no-repeat;
	background-position: center center;	
	
}

.xf_cont .plates {
	
	margin-top: 5rem;
	margin-bottom: 5rem;
	
}

.xf_cont .plates .page {
	
	width: 92%;
	margin-left: 8%;
	min-height: 33rem;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	padding: 3rem;
	
}

.xf_cont .plates .page .head {
	
	margin-top: 10rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	margin-bottom: 1rem;
	
}

.xf_cont .plates .page p {
	
	font-size: 1rem;
	
}

.xf_cont .plates .page a {
	
	position: absolute;
	bottom: -19px;
	width: 40px;
	height: 40px;
	background-color: #085ca4;
	background-image: url(../images/blue_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 20px;	
	
}