.slide-content {	
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0px;
}
.slide-content.centered {
	text-align: center;
}
.live-video {
	border: 4px solid #FFFFFF;
	padding: 4px;
}









.slide-content h1 {
	font-family: 'Clarke Medium', sans-serif;
	font-size: 96px;
	line-height: 89px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.slide-content h1 span {
	font-family: 'Clarke Black', sans-serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	display: block;
}
.slide-content h2 {
	font-family: 'Clarke Medium', sans-serif;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 4px 0 3px 0;
	padding: 0;
}
.slide-content.on-green h2 {
	color: #ffffff;
}
.slide-content.on-white h2 {
	color: #abcd37;
}
.sub-head {
	font-size: 26px;
	line-height: 32px;
	font-family: 'Clarke Medium', sans-serif;
	color: #bbbbbb;
	text-align: center;
}










.slide-content.on-green {
	color: #333821;
}
.slide-content.on-white {
	color: #999999;
}
.slide-content.on-grey {
	color: #ffffff;
}
.slide-content.on-green h1 {
	color: #ffffff;
}
.slide-content.on-white h1 {
	color: #abcd37;
}
.slide-content.on-grey h1 {
	color: #abcd37;
}
.slide-content.on-green h1 span {
	color: #6f8f0f;
}
.slide-content.on-white h1 span {
	color: #bbbbbb;
}
.slide-content.on-grey h1 span {
	color: #ffffff;
}

.site-links {
	padding-top: 60px;
	text-align: center;
}

.site-links p {
	color: #ffffff;
	font-family: 'Clarke Medium', sans-serif;
	font-size: 20px;
}

.site-links a {
	text-decoration: none;
	color: #abcd37;
}
















.divider {
	width: 100px;
	height: 4px;
	margin: 30px auto 50px auto;
	overflow: hidden;
}
.divider.dark {
	background-color: #6f8f0f;
}
.divider.white {
	background-color: #ffffff;
}
.divider.green {
	background-color: #abcd37;
}
.divider.grey {
	background-color: #bbbbbb;
}
.slide-content.right .divider {
	margin: 30px 0px 50px auto;
}






.module {
	min-height: 100px;
	font-size: 14px !important;
	line-height: 20px !important;
	margin-bottom: 35px;
}
.module h2 {
	font-family: 'Clarke Medium', sans-serif !important;
	font-size: 24px !important;
	text-transform: uppercase;
	color: #abcd37;
}

.module h4 {
	font-family: 'Clarke Medium', sans-serif !important;
	font-size: 20px !important;
	text-transform: uppercase;
	color: #abcd37;
	margin-bottom: 0px;
}

.module h4 {
	font-family: 'Clarke Medium', sans-serif !important;
	font-size: 20px !important;
	margin-bottom: 0px;
}

.module img.module-small {
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
}
.module img.module-large {
	float: left;
	margin-right: 40px;
}


.fnr_title { 
	text-transform: uppercase;
	font-family: 'Clarke Medium', sans-serif !important;
	font-size: 96px !important;
	line-height: 89px;
	letter-spacing: 3px;
} 
#fnr_bootstraped.fnr_bootstraped {
	 background: url('../../uploads/graphite-bg-plain.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#fnr_bootstraped .fnr_fieldIcon {
	font-size: 18px !important;
	width: 18px !important;
	top: -8px !important;
	color: #abcd37 !important;
}
#fnr_bootstraped.fnr_bootstraped .fnr_field input:focus, #fnr_bootstraped.fnr_bootstraped .fnr_btn:hover {
	box-shadow: none !important;
}
#fnr_bootstraped.fnr_bootstraped .fnr_field input:focus {
	border: 3px solid #abcd37 !important;
}
#fnr_bootstraped .fnr_btn {
	text-transform: uppercase;
	font-family: 'Clarke Medium', sans-serif !important;
	border: 3px solid #ffffff !important;
	background-color: transparent !important;
	margin: 0px 11px 0px 0px !important;
	color: #FFFFFF !important;
}
#fnr_bootstraped .fnr_btn:hover {
	background-color: #ffffff !important;
	color: #abcd37 !important;
	border: 3px solid #ffffff !important;
}
#fnr_bootstraped.fnr_bootstraped .fnr_btn.fnr_btnPrimary {
	text-transform: uppercase;
	font-family: 'Clarke Medium', sans-serif !important;
	border: 3px solid #abcd37 !important;
	background-color: transparent !important;
	margin: 0px 11px 0px 0px !important;
	color: #FFFFFF !important;
}
#fnr_bootstraped.fnr_bootstraped .fnr_btn.fnr_btnPrimary:hover {
	background-color: #abcd37 !important;
	color: #ffffff !important;
	border: 3px solid #abcd37 !important;
}

#fnr_bootstraped.fnr_bootstraped .fnr_field input {
	background-color:  transparent !important;
	font-size: 16px !important;
}
.fnr_container input {
	border: 3px solid #FFFFFF !important; 
} 
.fnr_arrowScroll {
	display: none !important;
}
#fnr_bootstraped .fnr_text {
	font-size: 18px !important;
}






.flex-boxes {
	align-items: stretch;
  	clear: both;
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
}

.flex-box {
	align-self: stretch;
	display: block;
    	flex: 2 2 25em;
   	padding: 2em 2em 3em 2em;
    	text-decoration: none;
    	transition: all 0.2s ease-in-out;
}

.flex-box h1 {
	font-family: 'Clarke Medium', sans-serif;
}
.flex-box-big {
	flex: 1 1 40em;
}
.sub-module {
	padding: 2em 2em 3em 2em;
	margin: auto;	
}
.sub-module h1 {
	font-size: 40px;
	font-family: 'Clarke Medium', sans-serif;
}
.module-img {
	text-align: center;
}
.module-img img {
	width: 40%;
}





.soicons {
	margin-top: 50px;
}
.logo-img {
	max-width:    55px;
	margin-top:   70px;
	margin-right: 70px;
	margin-left:  70px;
}

/* ======================================================================================================= */
/* NOT-SO-EPIC Responsive Adjustments - This is where I normally have the urge to hang myself.              */
/* ======================================================================================================= */

/* Portrait Phones */
@media only screen and (max-width : 414px) {
.cover-headline img {
	max-width: 95%;
}
.slide-content h1 {
	font-family: 'Clarke Medium', sans-serif;
	font-size: 76px;
	line-height: 60px;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: center !important;
	margin: 0;
}
.slide-content h1 span {
	font-family: 'Clarke Black', sans-serif;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	padding: 0px 0px 5px 0px;
	display: block;
	text-align: center !important;
}
.divider {
	width: 100px;
	height: 4px;
	margin: 30px auto 0px auto;
	overflow: hidden;
}
.module..module-large {
	text-align: center;
}
.module img.module-large {
	float: none;
	margin-right: 0px;
	width: 300px !important;
	height: 254px !important;
	margin: 20px auto 20px auto;
}
div.mc-sub-content-container {
	padding: 0px 10px 0px 10px !important;
}
div.mc-content-container {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
div.masonry-span5.masonry-item.remove-gutter-1, div.masonry-span7.masonry-item.remove-gutter-1, div.masonry-span6.masonry-item.remove-gutter-1 {
	position: relative !important;
	top: 0px !important;
	padding-top: 30px !important;
}
div.masonry-span12.masonry-item.remove-gutter-1 {
	position: relative !important;
	top: 0px !important;
	padding-top: 80px !important;
}
#content_tw2hkbdru div.masonry-span12.masonry-item.remove-gutter-1 {
	position: relative !important;
	top: 0px !important;
	padding-top: 0px !important;
}
#content_tw2hkbdru div.mc-sub-content-container {
	padding: 0px 0px 0px 0px !important;
}
#content_tw2hkbdru .slide-content {
	padding: 80px 0px 15px 0px !important;
}
.fnr_title { 
	text-transform: uppercase;
	font-family: 'Clarke Medium', sans-serif !important;
	font-size: 66px !important;
	line-height: 50px;
	letter-spacing: 2px;
} 
#fnr_bootstraped.fnr_bootstraped .fnr_btn.fnr_btnPrimary {
	margin: 0px 0px 15px 0px !important;	
}

}

@media only screen and (max-width : 667px) {
.cover-headline img {
	max-width: 90%;
}
.module-img img {
	width: 90%;
}
}

/* Landscape Phones */
@media only screen and (min-width : 667px) and (max-width : 767px) {
.slide-content h1 {
	font-family: 'Clarke Medium', sans-serif;
	font-size: 76px;
	line-height: 60px;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: center !important;
}
.slide-content h1 span {
	font-family: 'Clarke Black', sans-serif;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	padding: 0px 0px 5px 0px;
	display: block;
	text-align: center !important;
}
.divider {
	width: 100px;
	height: 4px;
	margin: 30px auto 0px auto;
	overflow: hidden;
}
.fnr_title { 
	text-transform: uppercase;
	font-family: 'Clarke Medium', sans-serif !important;
	font-size: 66px !important;
	line-height: 50px;
	letter-spacing: 2px;
} 
}


/* Portrait Tablets */
 @media only screen and (min-width : 768px) and (max-width : 979px) { 

		
}

/* Landscape Tablets */
@media only screen and (min-width : 980px) and (max-width : 1100px) {
	
} 





/* ======================================================================================================= */
/* EPIC Button (Basic) - Epic yet understated. Pure simplicity. The highest form of sophistication.        */
/* ======================================================================================================= */
.epic-button, .wysiwyg-ce a.epic-button, .cover-headline a.epic-button, a.readmore, .wpmchimpa-subs-button {
	/* Font Styling */
	font-size: 22px;
	font-family: 'Clarke Black', sans-serif;
	font-style: normal;
	line-height: 50px;
	letter-spacing: 2px;
	
	/* Colourings */
	border-color: #ffffff;
	background-color: transparent;
	color: #FFFFFF !important;
	
	/* Appearance */
	height: 50px;
	width: auto;
	margin: 0 0px 0 0px;
	padding: 0px 15px 0px 15px;
	position: relative;
	display: inline-block;
	text-align: center;
	text-transform: uppercase !important;

	/* Styling */
	border-style: solid;
	border-width: 3px;
	text-decoration: none;
	white-space: nowrap;
	outline: none;
	text-shadow: none;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: border-box;
	
	/* Functionality */
	-webkit-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-moz-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-ms-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	-o-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
	transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;	
	cursor: pointer;
	
}
.epic-button:hover, .cover-headline a.epic-button:hover /* , .wysiwyg-ce a.epic-button:hover */ {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #abcd37 !important;
	text-decoration: none;
}

a.readmore {
 color: #abcd37!important;
 border-color: #abcd37!important;
 background: transparent!important;
}



/*========================================
These are the style rules for the financing section
=========================================*/
img.contain {
 max-width: 100%;
 width: 50%;
 padding-top: 10%;
 padding-bottom: 1%;
}

.img-contain:hover {
 background: rgba(20,20,20,0.5);
}

.financing {
 text-align: center;
}

.financing > p {
 padding-top: 10px;
 padding-bottom: 1px;
}

.financing > h2 {
 text-align: center;
}

div.mc-content-container {
 background-size: cover;
}

.blogs-button {
 width: 20%;
 text-align: center;
 color: #abcd37;
 border: 1px solid #abcd37;
 padding: 14px 136px;
 text-transform: uppercase;
 font-size: 16px;
 font-family: 'playfair display', serif;
}

a.blogs-button:hover {
 color: white;
 background-color: #abcd37;
}

/*=====================================
These are the style rules for the blog page
=====================================*/

#navbar {
 background: rgb(20,20,20);
}

img.logo-image {
 width: 50%;
 height: auto;
 padding: 3px;
}

body.page-id-100 {
 background-image: url(../../uploads/bg-white-pattern.jpg);
 background-position: center;
 background-size: cover;
}

.blog-post {
 padding: 1%;
 background:rgba(200,200,200,0.2);
 width: 90%;
 margin: 0 auto;
 border-radius: 15px;
}

.post-divider {
 margin-top: 50px!important;
 margin-bottom: 0px!important;
}

.post-heading > p {
 display: none;
}

h2.custom_one {
 font-size: 3em;
 line-height: 1;
}

li.widget {
 list-style: none;
 margin-bottom: 30px;
}

div.comment {
 display: none;
}

div.share-box {
 background: rgba(240,240,240,0.6)!important;
 padding-top: 26px;
 padding-bottom: 26px;
}

h2.title {
 text-transform: uppercase;
 margin-bottom: 10px!important;
}

li.widget > ul {
 list-style: none;
 margin-left: 0px;
}

h2.title > a, h2.widgettitle {
 font-family: "clarke medium", sans-serif;
 font-size: 46px;
 line-height: 39px;
 letter-spacing: 3px;
 text-transform: uppercase;
 margin-bottom: 5px;
}

h2.widgettitle {
 font-size: 36px;
}

@media (max-width: 1000px) {
h2.widgettitle {
 font-size: 26px;
}
}

div.post-content {
 padding-bottom: 3%;
}

div.post-content > p {
 margin-bottom: 20px;
 font-family: 'clarke medium', sans-serif;
 color: rgba(40,40,40,0.7);
}

a.post-thumb.alignleft {
 margin: 0px!important;
 width: 100%;
}

a.post-thumb.alignleft > img {
 width: 100%;
}

.wp_widget_plugin_box > h2 {
 font-size: 29px;
 letter-spacing: 1px;
 padding-bottom: 20px;
}

/*header, #navbar-bg, #navbar {
 max-height: 100px;
 height: 100px;
}*/

section#blog {
 background-image: url(../../uploads/bg-white-pattern.jpg);
 background-repeat: repeat;
 margin-top: 100px!important;
}

div.add_posts_content {
 margin-bottom: 40px;
}

.tagcloud > a {
 font-size: 100%!important;
}

div.featured {
 display: none;
}

div#post {
 width: 90%!important;
 margin: 0 auto;
}

div#post > div.offset2 {
 margin: 0 auto;
 width: 100%;
}

.centered-title {
 text-align: center;
}

div.meta {
 clear: both!important;
}

div.footer {
 background-color: rgba(240,240,240,0.6);
}

.wysiwyg-ce p {
 margin-bottom: 4px!important;
 font-family: 'Clarke Medium', sans-serif!important;
 color: rgb(240,240,240);
 line-height: 14px;
}

#footer-holder {
 padding-bottom: 20px;
}