body{
	overflow-y: scroll;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;*/
	font-family: katarine-web;
	font-weight: 400;

}
body.scroll-lock{
	overflow: hidden;
}

.fill-viewport{
    min-height: 100vh !important;
	width: 100%;
}
.fill-viewport > div{
	display: table;
	width: 100%;
	height: 100vh;
}
.fill-viewport > div > div{
    display: table-row;
}
.fill-viewport > div > div > div{
    display: table-cell;
    vertical-align: middle;
}

.max500,
.max500ib,
.max640,
.max640ib,
.max1000,
.max1000ib{
	display:none !important;
}
@media all and (max-width: 1000px){
	.max1000{
		display:block !important
	}
	.max1000ib{
		display:inline-block !important
	}
	.min1000,.min1000ib{
		display:none !important;
	}
	.content{
	margin:auto;
	overflow: hidden; /* for margin collapse */
	padding: 40px 0 20px 0;
	}
}
@media all and (max-width: 640px){
	.max640{
		display:block !important
	}
	.max640ib{
		display:inline-block !important
	}
	.min640,.min640ib{
		display:none !important;
	}
	.content{
	margin:auto;
	overflow: hidden; /* for margin collapse */
	padding: 40px 0 20px 0;
	}
}
@media all and (max-width: 500px){
	.max500{
		display:block !important
	}
	.max500ib{
		display:inline-block !important
	}
	.min500,.min500ib{
		display:none !important;
	}
	.content{
	margin:auto;
	overflow: hidden; /* for margin collapse */
	padding: 40px 0 20px 0;
	}

}
.content{
	width:960px;
	margin:auto;
	overflow: hidden; /* for margin collapse */
	padding: 40px 0 20px 0;
}
.content.full-width{
	width: 100%;
}
.half-content-left{
	width: 480px;
}
.half-content-right{
	width: 480px;
	margin-left:520px;
}
@media all and (max-width:1000px){
	.half-content-left,
	.half-content-right
	{
		width:100%;
		margin: 0 30px;
	}
	.paragraphs .text {
		width: 100%;
	}
}
.third-content-right{
	width: 30%;
	margin-left: 67%;
}
/* TODO: RESPONSIVE */

.vertical-align-middle-container:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}
.vertical-align-middle{
	display: inline-block;
	vertical-align: middle;
}



.invert,
.invert h1,
.invert h2{
	color:white;
}
.invert a{
	color:#776d65 !important;
}

.pr{
    position: relative;
}
.oh{
    overflow: hidden;
}
.ov{
    overflow: visible;
}
.no-pointer-events{
	pointer-events: none;
}
.ib{
	display: inline-block;
	vertical-align: top;
}
.flr{
	float:right;
}

.w25,
.w33,
.half,
.w67,
.w75 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.w25{
	width:25%;
}
.w33{
	width:33%;
	display:none;
}
.half{
	width:50%;
}
.w67{
	width:100%;
}
.w75{
	width:75%;
}
@media all and (max-width: 999px){
	.half{
		width:100%;
	}
}

/** Cover **/
.background-container{
	width:100%;
	height: 360px;
	overflow:hidden;
	position: relative;
	background: none center center no-repeat;
	background-size: cover;
}
.background-position-0{
	background-position: top center;
}
.background-position-1{
	background-position: center center;
}
.background-position-2{
	background-position: bottom center;
}
.background-position-3{
	background-position: top left;
}
.background-position-4{
	background-position: center left;
}
.background-position-5{
	background-position: bottom left;
}
.background-position-6{
	background-position: top right;
}
.background-position-7{
	background-position: center right;
}
.background-position-8{
	background-position: bottom right;
}
@media all and (max-width:1000px){
	.background-container{
		height: 240px;
	}
}
@media all and (max-width:640px){
	.background-container{
		height: 240px;
	}
}
img.background{
	min-height:120%;
	min-width: 100%;
	position:relative;
}

.image-lazy-loading{
	opacity: 0;
}
.image-lazy-loaded{
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.columns-1{
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
.columns-2{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.columns-3{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.toggle-container{
	background: #fff;
	border: 1px solid #ccc;
}
.toggle-2,
.toggle-3{
	position: relative;
	opacity: 0.999;
}
.toggle-2:before,
.toggle-3:before{
	content:"";
	position: absolute;
	top: 0;
	height: 100%;
	z-index: -1;
	background: #007F3D;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;	

}
.toggle-2:before{
	width: 50%;
}
.toggle-3:before {
	width: 33.33%;
}
.toggle-2 > a{
	width: 50%;
}
.toggle-3 > a{
	width: 33.33%;
}
.toggle-2.active-0:before,
.toggle-3.active-0:before{
	left: 0;
}
.toggle-2.active-1:before{
	left: 50%;
}
.toggle-3.active-1:before{
	left: 33.33%;
}
.toggle-3.active-2:before{
	left: 66.66%;
}

.fourth,
.three-fourth,
.half{
	display:inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fourth{
	width:25%;
}
.three-fourth{
	width: 75%;
}
.half{
	width: 50%;
}
@media all and (max-width: 900px) {
	.half {
		width: 90%;
		margin: 0 auto !important;
		display: block;
		padding: 0 30px;
	}
}