/* a.iconPost time:before, */
/* .bottomLinks a:before, */
.homeCatTitle:before {
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-variant: normal;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

main {
	padding: 0 0 8rem 0rem;
	background: url(../images/main.jpg) center center repeat;
	position: relative;
}

main .col-sm {
	min-width: 50%;
	padding-bottom: 2rem;
}

header.masterHeader {
	position: absolute !important;
	width: 100%;
}

/* .frmSearch {
	position: absolute;
	top: 21rem;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	z-index: 5;
} */
main::before {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/conmee-Icon.png) left bottom no-repeat;
	width: 386px;
	height: 471px;
	bottom: -6rem;
	background-size: cover;
}
main h3 {
	padding-bottom: 2rem;
	text-transform: uppercase;
	color: #48484a;
	font-family: "Open Sans", serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2.5rem;
	margin: 0;
	letter-spacing: 1px;
}
main h3 span {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.25rem;
	color: #2466a4;
}
.homeCatTitle {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0.2rem;
}

.homeCatTitle:before {
	content: "\f01c";
	margin-right: 0.3rem;
}


.empty i,
.empty span.i {
	font-size: 5rem;
	color: #dedbda;
	margin: 1rem 0;
}

.empty p a,
.empty p a:link {
	font-weight: 700;
}

.empty a,
.empty a:link {
	color: #2466a4;
	display: inline-block;
}

.empty a:visited {
	color: #2466a4;
}

.empty a:hover {
	color: #1c4f80;
}

.empty a:active {
	color: #1c4f80;
}

.empty a:focus {
	color: #1c4f80;
}


/******* Highlights *******/

ul.homeCol3,
ul.homeCol3 > li {
	list-style: none;
	margin: 0;
}

ul.homeCol3 {
	margin: 0;
	padding: 0;
}

.post {
	position: relative;
	/*left: 7%;*/
	width: 100%;
}

main .post {
	margin: 2.5em 0;
}

ul.homeCol3 > li {
	position: relative;
	float: left;
	height: auto;
	min-height: 12em;
	margin-right: 1em;
	width: 32.4%;
}

ul.homeCol3 > li:last-child {
	margin-right: 0;
}

ul.homeCol3 > li a {
	display: block;
}

main .post h2 {
	font: normal 700 1.375em "Open Sans", serif;
	text-transform: uppercase;
	margin: 1em 0 0;
	letter-spacing: 2px;
}

.post p {
	font: normal 700 1.063em "Open Sans", sans-serif;
	color: #002341;
}

.post .post-1 h2 {
	color: #239c7b;
}

.post .post-2 h2 {
	color: #004986;
}

.post .post-3 h2 {
	color: #0094da;
}

.post .post-1 figure {
	background: #239c7b;
	max-width: 416px;
}

.post .post-2 figure {
	background: #004986;
	max-width: 416px;
}


/******* End *******/

/******* MEDIA QUERY *******/

@media only screen and (max-width: 1680px) {
	main h3 {
		font-size: 2rem;
	}
	main h3 span {
		font-size: 1rem;
	}
	.empty i,
	.empty span.i {
		font-size: 4rem;
	}
	main::before {
		width: 430px;
		height: 586px;
	}
}

@media only screen and (max-width: 1400px) {
	
	main h3 {
		font-size: 1.7rem;
	}
	main h3 span {
		font-size: 0.85rem;
	}
	main::before {
		width: 376px;
		height: 512px;
	}
}

@media only screen and (max-width: 1190px) {
	main h3 {
		font-size: 1.5rem;
		padding-bottom: 1.5rem;
	}
	main h3 span {
		font-size: 0.75rem;
	}
	
	main::before {
		width: 340px;
		height: 463px;
	}
}
@media only screen and (max-width: 1023px) {
	.socialMedia{
		 top: 50%; 
	}
}
@media only screen and (max-width: 991px) {
	.container {
		max-width: 100%;
	}
	
	main .col-sm {
		flex-basis: auto;
	}
	main::before {
		bottom: auto;

		top: 14rem;
		left: -2rem;
	}
}

@media only screen and (max-width: 850px) {
	.empty i,
	.empty span.i {
		font-size: 3rem;
	}

	.empty p {
		font-size: 0.85rem;
	}
}

@media only screen and (max-width: 785px) {
	.socialMedia{
		 top: 18rem; 
	}
}

@media only screen and (max-width: 600px) {
	
}

@media only screen and (max-width: 580px) {
	
	main::before {
		width: 303px;
		height: 412px;
		top: 19rem;
	}
}

@media only screen and (max-width: 400px) {
}