/* CONTACT CSS */

#mainContact{
	float:left;
	width:100%;
	margin:20px 0;
}

/* CAT PAGE CSS */
.categoryText{
	float:left;
	width:100%;
	margin: 30px 0 0 0;
	padding-left: 25px;
}

.spaceReturn {
	float: left;
	width: 100%;
	margin-top: 25px;
}
.blogsContainer{
	float:left;
	width:100%;
	padding: 0;
	margin: 0 0 30px 0;
	border-top: 1px dashed #ccc;
}

@media (min-width: 950px) {
	/* HALF PAGE BLOGCAT */
	.categoryText.halfPage{
		width:49%;
	}

	.blogsContainer.halfPage{
		float:right;
		width:49%;
	}

	.blogsContainer.halfPage a .blogOverviewImage{
		min-height:100px;
	}

	/* 2/3 PAGE BLOGCAT */
	.categoryText.twoThirdPage{
		width:69%;
	}

	.blogsContainer.twoThirdPage{
		float:right;
		width:29%;
	}

	.categoryText.twoThirdPage{
		width:69%;
	}

	.blogsContainer.twoThirdPage a .shortText{
		width:100%;
		padding:0;
	}

	.blogsContainer.twoThirdPage a .blogOverviewImage{
		width:100%;
		min-height:100px;
	}

	.blogsContainer.twoThirdPage.noText a .shortText .text{
		display:none;
	}

	.blogsContainer.twoThirdPage.noImage a .blogOverviewImage{
		display:none;
	}
	
	.categoryText.ticketLeft{
		float:right;
		width:39%;
	}
	
	.blogsContainer.ticketLeft{
		float:left;
		width:59%;
		border:none;
	}
	.blogsContainer.ticketLeft .blogOverviewBlog{
		float:left;
		padding:0;
		margin:1px 0 20px 0;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	}
	.blogsContainer.ticketLeft .shortText{
		float:right;
		padding: 20px 3% 0 !important;
		width:59%;
	}
	.blogsContainer.ticketLeft .blogOverviewImage{
		float:left;
		height:200px;
		width:40%;
		margin:-1px 0;
	
	}
	.blogsContainer.ticketLeft .readMore{
		float:right;
		margin:-40px 0 0;

	}
}

/* DEFAULT BLOG PAGE */
.blogsContainer a{
	float:left;
	width:100%;
	padding: 30px;
	border-bottom: 1px dashed #ccc;
	transition: background 0.3s;
	color:#444;
}

.blogsContainer a:hover{
	background:#eee;
}

@media (max-width: 950px) {
	.blogsContainer a .blogOverviewImage{
		min-height: 100px;
	}
}

.blogsContainer a .blogOverviewImage{
	float:right;
	width:20%;
}
.displayFlex{
	display:flex;
}
.blogsContainer a .shortText{
	float:left;
	width:80%;
	padding: 0 30px 0 0;
}

.blogsContainer a .title{
	float:left;
	width:100%;
	font-size: 1.5em;
	text-transform:uppercase;
	font-weight: bold;
	overflow:hidden;
	margin: 0 0 15px 0;
}

.blogsContainer a .readMore{
	float:left;
	padding: 8px 15px;
	color:#FFF;
	background: #4F4F4F;
	margin: 20px 0 0 0;
	clear:left;
}

/* BLOG PAGE CSS */
.blogImage{
	float:right;
	margin: 0 0 20px 20px;
	width: 35%;
}

@media (min-width: 500px) {
	.blockOne{
		width: 50%;
		border-right: 1px solid #fff;
	}
	
	.blockOne:nth-of-type(2n){
		border-right: 0px solid #fff;
	}
	
	.blockOne:nth-of-type(3n){
		display:none;
	}
	
	.blockOne:nth-of-type(4n){
		display:none;
	}
	
	.blockTwo{
		width: 50%;
		padding: 0 2% 0 0;
	}
	
	.blockTwo:nth-of-type(2n){
		padding: 0 0 0 2%;
	}
	
	.blockTwo:nth-of-type(3n){
		display:none;
	}
}

@media (min-width: 750px) {
	.blockOne{
		width: 33.333333333%;
		border-bottom: 0px solid #fff;
		border-right: 1px solid #fff;
	}
	
	.rowOne{
		border-bottom: 1px solid #fff;
	}
	
	.blockOne:nth-of-type(2n){
		border-right: 1px solid #fff;
	}
	
	.blockOne:nth-of-type(3n){
		display:block;
	}
	
	.blockTwo{
		width: 33.333333333%;
	}
	
	.blockTwo:nth-of-type(2n){
		padding: 0 2% 0 0;
	}
	
	.blockTwo:nth-of-type(3n-1){
		padding: 0 1%;
	}
	
	.blockTwo:nth-of-type(3n){
		display:block;
		padding: 0 0 0 2%;
	}
}

@media (min-width: 1000px) {
	.blockOne{
		width:25%;
	}
	
	.blockOne:nth-of-type(4n){
		border-right: 0px;
		display:block;
	}
}

/* BLOG LAYOUT 2 */
#textfield{
	width:65%;
	float:left;
	margin:0 2% 0 0;
}
.containerblogs{
	float:left;
	width:32%;
	
}
.layoutTypeBlog2{
	float:left;
	width:100%;
	padding:20px 0;
	border-top:2px dashed #8995A1;
	font-size: 1em;
}
.layoutTypeBlog2:last-of-type{
	float:left;
	border-bottom:2px dashed #8995A1;
	
}
.layoutTypeBlog2 a{
	float:left;
	width:100%;
	text-decoration:none;
	
	color:#555555;}
.layoutTypeBlog2 .shortText{
	float:left;
	width:70%;
	padding:0 1% 0 0;
	
}
.layoutTypeBlog2 .shortText .title{
	float:left;
	width:100%;
	font-size:14px;	font-weight:normal;	color:#555555;	margin:0  0 10px 0;
}
 .layoutTypeBlog2 .blogImage{
	float:left;
	height: 96px;
	width: 30%;;
	padding:0;
	margin:0 !important;
	background-size:cover;
}
 .layoutTypeBlog2 .readMore{
	float:left;
	background:#B51F24;
	color:#fff;
	padding:2% 4.7%;
	margin:28px 0 0 0;
}
.layoutTypeBlog2 .readMore:hover{
	color:#fff;
	background:#4F4F4F;
}

.blogContainer.ticketLeft{
	float:left;
	width:49%;
}

#mainContact .formTitle{
	float:left;
	width:100%;
	text-align:center;
	font-size:22px;	font-weight:bold;	margin: 0 0 20px 0;
}

#mainContact input[type="text"]{
	float:left;
	width:100%;
	margin: 0 0 15px 0;
}

#mainContact textarea{
	float:left;
	width:100%;
	margin: 0 0 15px 0;
}

#mainContact select{
	float:left;
	width:100%;
	margin: 0 0 15px 0;
}

#mainContact label{
	cursor:pointer;
}

#mainContact label.checkbox{
	float:left;
	width:100%;
	margin: 0 0 15px 0;
	font-weight: normal;
}

#mainContact label.radioButton{
	float:left;
	width:20%;
	margin: 0 0 15px 0;
	font-weight: normal;
}

#mainContact input[type="checkbox"], #mainContact input[type="radio"]{
	margin: 0 8px 0 0;
}

#mainContact input[type="submit"]{
	float:left;
	width:100%;
	padding:15px 0;
	height: auto;
	margin:0;
	background: #4F4F4F;
	border:1px solid #4F4F4F;
	line-height: 1em;
	font-size: 1.2em;
	color:#fff;
	transition: box-shadow 0.1s;
}

#mainContact input[type="submit"]:hover{
	box-shadow: 0px 0px 0 2px rgba(255,255,255,0.5) inset;
}

#mainContact input[type="submit"]:active{
	box-shadow: 0px 0px 0 30px rgba(255,255,255,0.5) inset;
}