.fragment.IntroboxesAndTextblock {
	/*    background-color: #f5f5f5;*/
}

.fragment.IntroboxesAndTextblock .Textarea {
	background-color: #fff;
}

.fragment.IntroboxesAndTextblock.col1 .Textarea {
	margin-bottom: 20px;
}

.fragment.IntroboxesAndTextblock .Textarea .title {
	font-size: 25px;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height: 30px;
	padding: 15px 18px 15px 20px;
	background-color: #cccccc;
	color: #3a4149;
	margin: 0 0 20px 0;
}

.fragment.IntroboxesAndTextblock .Textarea .description {
	padding: 0 17px 5px;
}

.fragment.IntroboxesAndTextblock .Textarea .description * {
	font-family: 'Myriad Pro',Arial;
	font-size: 14px;
	line-height: 16px;
	color: #3a4149;
}

.fragment.IntroboxesAndTextblock .Textarea .description *:first-child {
	margin-top: 0;
}

.fragment.IntroboxesAndTextblock.col2 .Textarea .description *:last-child {
	margin-bottom: 0;
}

.fragment.IntroboxesAndTextblock .Textarea .description a {
	color: #000;
	text-decoration: none;
}


.fragment.IntroboxesAndTextblock.col2 .Textarea {
	width: 31.9%;
	float: left;
	padding-bottom: 0;
	min-height: 380px;
}

.fragment.IntroboxesAndTextblock.col2 .Hoverboxes {
	width: 66%;
	float: right;
}




.Hoverboxes {
	overflow: hidden;
}

.Hoverbox {
	overflow: hidden;
	width: 100%;
	height: 180px;
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
}

.Hoverbox a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 61;
}

.Hoverbox .img {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}



.Hoverbox .overlays {
	height: 200%;
	z-index: 60;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.Hoverbox .overlays > div {
	height: 50%;
}

.Hoverbox .maintitle {
	z-index: 51;
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	padding: 14px 13px 16px 17px;
	font-family: 'Ubuntu Condensed', sans-serif;
	background-color: rgba(82, 170, 226, .7);
}

.Hoverbox .flop .relative {
	width: 100%;
	height: 50%;
}

.Hoverbox .flop .relative {
	position: absolute;
	z-index: 9;
	bottom: 0;
	background-color: #52aae2;
	background-color: rgba(82, 170, 226, .7);
}

.Hoverbox .flop .maintitle {
	z-index: 10;
	background-color: transparent;
}

.Hoverbox .flop .textholder {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.Hoverbox .flop .text {
	line-height: 19px;
	font-family: 'Ubuntu', sans-serif;
	padding-bottom: 21px;
	font-size: 16px;
	margin: 0 13px 28px 17px;
	color: #fff;
}

.Hoverbox .flop .darker {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(82, 170, 226, .7);
}

.Hoverbox .flop .readmore {
	font-family: 'Ubuntu Condensed', sans-serif;
	background: transparent url('/images/readmorearrowred.png') no-repeat scroll left center;
	float: right;
	padding: 0 0 0 25px;
	margin: 0 24px 0 17px;
	text-align: right;
	line-height: 28px;
	font-size: 14px;
	color: #b3174a;
}





.Hoverboxes.col2 .Hoverbox {
	width: 48.4%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
}

.Hoverboxes.col2 .Hoverbox:nth-child(2n+1) {
	clear: left;
	margin-right: 3.2%;
}


.Hoverboxes.col2 .Hoverbox:nth-child(3), .Hoverboxes.col2 .Hoverbox:nth-child(4) {
	margin-bottom: 0;
}