.xf_cont {
	
	margin-top: -1px;
	
}


.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 .big_bg_3 {
	
	background-color: #353c45;
	background-image: url(../images/daf_xf_safety_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 630px;
	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: 250px;
	cursor: pointer;
	
}





.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 .big_descr h1 {
	
	font-size: 3.5rem;
	font-weight: 900;
	color: #323232;
	margin-top: 3rem;
	
}

.xf_cont .big_descr p {
	
	color: #666666;
	margin-top: 1.5rem;
	font-weight: 700;
	font-size: 1.2rem;
	
}

.xf_cont .big_descr .row h3 {	
	
	font-size: 0.9rem;
	color: #000000;
	width: 90%;
	font-weight: normal;
	
}

.xf_cont .big_descr .row p {

	margin-top: 0.5rem;	
	font-size: 0.9rem;
	width: 90%;
	font-weight: normal;
	color: #999999;
	margin-bottom: 2rem;
	
}

.xf_cont .big_descr img {
	
	float: right;
	max-width: 90%;
	
}

.xf_cont .videos {
	
	margin-top: 3rem;
	padding-bottom: 3rem;
	
}

.xf_cont .videos h1 {
	
	font-size: 2rem;
	font-weight: 100;
	margin-bottom: 2rem;
	
}

.xf_cont .videos .photo {
	
	width: 96%;
	height: 267px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;	
	cursor: pointer;	
	
}

.xf_cont .videos iframe {
	
	max-width: 96%;
	
}

.xf_cont .videos .photo .icon {
	
	width: 96%;
	height: 267px;
	background-image: url(../images/video.png);
	background-repeat: no-repeat;
	background-position: center center;	
	position: absolute;	
	opacity: 0.6;
	filter: alpha(opacity=60);	
	
}

.xf_cont .videos .photo .icon:hover {	

	opacity: 1;
	filter: alpha(opacity=100);	
	
}

.xf_cont .videos .photo h3 {
	
	position: absolute;	
	color: #ffffff;
	font-size: 3rem;
	font-weight: 900;
	margin-top: 3rem;
	margin-left: 3rem;
	
}

.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;	
	
}