/* ==================================================
   Reset CSS + Clearfix
================================================== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}

/* ==================================================
   Images
================================================== */

img
{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	
	outline: 1px solid transparent;
}

/* ==================================================
   Flexbox Grid System
================================================== */

.row
{
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}

.row.reverse
{
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}

.col.reverse
{
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12
{
	box-sizing: border-box;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs
{
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	max-width: 100%;
}

.col-xs-1
{
	-ms-flex-preferred-size: 8.333%;
	-webkit-flex-basis: 8.333%;
	flex-basis: 8.333%;
	max-width: 8.333%;
}

.col-xs-2
{
	-ms-flex-preferred-size: 16.667%;
	-webkit-flex-basis: 16.667%;
	flex-basis: 16.667%;
	max-width: 16.667%;
}

.col-xs-3
{
	-ms-flex-preferred-size: 25%;
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}

.col-xs-4
{
	-ms-flex-preferred-size: 33.333%;
	-webkit-flex-basis: 33.333%;
	flex-basis: 33.333%;
	max-width: 33.333%;
}

.col-xs-5
{
	-ms-flex-preferred-size: 41.667%;
	-webkit-flex-basis: 41.667%;
	flex-basis: 41.667%;
	max-width: 41.667%;
}

.col-xs-6
{
	-ms-flex-preferred-size: 50%;
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}

.col-xs-7
{
	-ms-flex-preferred-size: 58.333%;
	-webkit-flex-basis: 58.333%;
	flex-basis: 58.333%;
	max-width: 58.333%;
}

.col-xs-8
{
	-ms-flex-preferred-size: 66.667%;
	-webkit-flex-basis: 66.667%;
	flex-basis: 66.667%;
	max-width: 66.667%;
}

.col-xs-9
{
	-ms-flex-preferred-size: 75%;
	-webkit-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%;
}

.col-xs-10
{
	-ms-flex-preferred-size: 83.333%;
	-webkit-flex-basis: 83.333%;
	flex-basis: 83.333%;
	max-width: 83.333%;
}

.col-xs-11
{
	-ms-flex-preferred-size: 91.667%;
	-webkit-flex-basis: 91.667%;
	flex-basis: 91.667%;
	max-width: 91.667%;
}

.col-xs-12
{
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}

.col-xs-offset-1
{
	margin-left: 8.333%;
}

.col-xs-offset-2
{
	margin-left: 16.667%;
}

.col-xs-offset-3
{
	margin-left: 25%;
}

.col-xs-offset-4
{
	margin-left: 33.333%;
}

.col-xs-offset-5
{
	margin-left: 41.667%;
}

.col-xs-offset-6
{
	margin-left: 50%;
}

.col-xs-offset-7
{
	margin-left: 58.333%;
}

.col-xs-offset-8
{
	margin-left: 66.667%;
}

.col-xs-offset-9
{
	margin-left: 75%;
}

.col-xs-offset-10
{
	margin-left: 83.333%;
}

.col-xs-offset-11
{
	margin-left: 91.667%;
}

.start-xs
{
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	text-align: start;
}

.center-xs
{
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
}

.end-xs
{
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	text-align: end;
}

.top-xs
{
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
}

.middle-xs
{
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.bottom-xs
{
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	-webkit-box-align: end;
	align-items: flex-end;
}

.around-xs
{
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.between-xs
{
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.first-xs
{
	-webkit-order: -1;
	-ms-flex-order: -1;
	-webkit-box-ordinal-group: 0;
	order: -1;
}

.last-xs
{
	-webkit-order: 1;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
}

@media only screen and (min-width: 480px)
{

	.col-sm,
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12
	{
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-sm
	{
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}

	.col-sm-1
	{
		-ms-flex-preferred-size: 8.333%;
		-webkit-flex-basis: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%;
	}

	.col-sm-2
	{
		-ms-flex-preferred-size: 16.667%;
		-webkit-flex-basis: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%;
	}

	.col-sm-3
	{
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.col-sm-4
	{
		-ms-flex-preferred-size: 33.333%;
		-webkit-flex-basis: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
	}

	.col-sm-5
	{
		-ms-flex-preferred-size: 41.667%;
		-webkit-flex-basis: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%;
	}

	.col-sm-6
	{
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.col-sm-7
	{
		-ms-flex-preferred-size: 58.333%;
		-webkit-flex-basis: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%;
	}

	.col-sm-8
	{
		-ms-flex-preferred-size: 66.667%;
		-webkit-flex-basis: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%;
	}

	.col-sm-9
	{
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.col-sm-10
	{
		-ms-flex-preferred-size: 83.333%;
		-webkit-flex-basis: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%;
	}

	.col-sm-11
	{
		-ms-flex-preferred-size: 91.667%;
		-webkit-flex-basis: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%;
	}

	.col-sm-12
	{
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

	.col-sm-offset-1
	{
		margin-left: 8.333%;
	}

	.col-sm-offset-2
	{
		margin-left: 16.667%;
	}

	.col-sm-offset-3
	{
		margin-left: 25%;
	}

	.col-sm-offset-4
	{
		margin-left: 33.333%;
	}

	.col-sm-offset-5
	{
		margin-left: 41.667%;
	}

	.col-sm-offset-6
	{
		margin-left: 50%;
	}

	.col-sm-offset-7
	{
		margin-left: 58.333%;
	}

	.col-sm-offset-8
	{
		margin-left: 66.667%;
	}

	.col-sm-offset-9
	{
		margin-left: 75%;
	}

	.col-sm-offset-10
	{
		margin-left: 83.333%;
	}

	.col-sm-offset-11
	{
		margin-left: 91.667%;
	}

	.start-sm
	{
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		text-align: start;
	}

	.center-sm
	{
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center;
	}

	.end-sm
	{
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		text-align: end;
	}

	.top-sm
	{
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
	}

	.middle-sm
	{
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
	}

	.bottom-sm
	{
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	.around-sm
	{
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.between-sm
	{
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}

	.first-sm
	{
		-webkit-order: -1;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		order: -1;
	}

	.last-sm
	{
		-webkit-order: 1;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
  
}

@media only screen and (min-width: 768px)
{

	.col-md,
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12
	{
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-md
	{
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}

	.col-md-1
	{
		-ms-flex-preferred-size: 8.333%;
		-webkit-flex-basis: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%;
	}

	.col-md-2
	{
		-ms-flex-preferred-size: 16.667%;
		-webkit-flex-basis: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%;
	}

	.col-md-3
	{
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.col-md-4
	{
		-ms-flex-preferred-size: 33.333%;
		-webkit-flex-basis: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
	}

	.col-md-5
	{
		-ms-flex-preferred-size: 41.667%;
		-webkit-flex-basis: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%;
	}

	.col-md-6
	{
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.col-md-7
	{
		-ms-flex-preferred-size: 58.333%;
		-webkit-flex-basis: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%;
	}

	.col-md-8
	{
		-ms-flex-preferred-size: 66.667%;
		-webkit-flex-basis: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%;
	}

	.col-md-9
	{
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.col-md-10
	{
		-ms-flex-preferred-size: 83.333%;
		-webkit-flex-basis: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%;
	}

	.col-md-11
	{
		-ms-flex-preferred-size: 91.667%;
		-webkit-flex-basis: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%;
	}

	.col-md-12
	{
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

	.col-md-offset-1
	{
		margin-left: 8.333%;
	}

	.col-md-offset-2
	{
		margin-left: 16.667%;
	}

	.col-md-offset-3
	{
		margin-left: 25%;
	}

	.col-md-offset-4
	{
		margin-left: 33.333%;
	}

	.col-md-offset-5
	{
		margin-left: 41.667%;
	}

	.col-md-offset-6
	{
		margin-left: 50%;
	}

	.col-md-offset-7
	{
		margin-left: 58.333%;
	}

	.col-md-offset-8
	{
		margin-left: 66.667%;
	}

	.col-md-offset-9
	{
		margin-left: 75%;
	}

	.col-md-offset-10
	{
		margin-left: 83.333%;
	}

	.col-md-offset-11
	{
		margin-left: 91.667%;
	}

	.start-md
	{
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		text-align: start;
	}

	.center-md
	{
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center;
	}

	.end-md
	{
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		text-align: end;
	}

	.top-md
	{
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
	}

	.middle-md
	{
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
	}

	.bottom-md
	{
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	.around-md
	{
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.between-md
	{
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}

	.first-md
	{
		-webkit-order: -1;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		order: -1;
	}

	.last-md
	{
		-webkit-order: 1;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
  
}

@media only screen and (min-width: 960px)
{

	.col-lg,
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12
	{
		box-sizing: border-box;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-lg
	{
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		-webkit-box-flex: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}

	.col-lg-1
	{
		-ms-flex-preferred-size: 8.333%;
		-webkit-flex-basis: 8.333%;
		flex-basis: 8.333%;
		max-width: 8.333%;
	}

	.col-lg-2
	{
		-ms-flex-preferred-size: 16.667%;
		-webkit-flex-basis: 16.667%;
		flex-basis: 16.667%;
		max-width: 16.667%;
	}

	.col-lg-3
	{
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}

	.col-lg-4
	{
		-ms-flex-preferred-size: 33.333%;
		-webkit-flex-basis: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
	}

	.col-lg-5
	{
		-ms-flex-preferred-size: 41.667%;
		-webkit-flex-basis: 41.667%;
		flex-basis: 41.667%;
		max-width: 41.667%;
	}

	.col-lg-6
	{
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	.col-lg-7
	{
		-ms-flex-preferred-size: 58.333%;
		-webkit-flex-basis: 58.333%;
		flex-basis: 58.333%;
		max-width: 58.333%;
	}

	.col-lg-8
	{
		-ms-flex-preferred-size: 66.667%;
		-webkit-flex-basis: 66.667%;
		flex-basis: 66.667%;
		max-width: 66.667%;
	}

	.col-lg-9
	{
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}

	.col-lg-10
	{
		-ms-flex-preferred-size: 83.333%;
		-webkit-flex-basis: 83.333%;
		flex-basis: 83.333%;
		max-width: 83.333%;
	}

	.col-lg-11
	{
		-ms-flex-preferred-size: 91.667%;
		-webkit-flex-basis: 91.667%;
		flex-basis: 91.667%;
		max-width: 91.667%;
	}

	.col-lg-12
	{
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

	.col-lg-offset-1
	{
		margin-left: 8.333%;
	}

	.col-lg-offset-2
	{
		margin-left: 16.667%;
	}

	.col-lg-offset-3
	{
		margin-left: 25%;
	}

	.col-lg-offset-4
	{
		margin-left: 33.333%;
	}

	.col-lg-offset-5
	{
		margin-left: 41.667%;
	}

	.col-lg-offset-6
	{
		margin-left: 50%;
	}

	.col-lg-offset-7
	{
		margin-left: 58.333%;
	}

	.col-lg-offset-8
	{
		margin-left: 66.667%;
	}

	.col-lg-offset-9
	{
		margin-left: 75%;
	}

	.col-lg-offset-10
	{
		margin-left: 83.333%;
	}

	.col-lg-offset-11
	{
		margin-left: 91.667%;
	}

	.start-lg
	{
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		text-align: start;
	}

	.center-lg
	{
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center;
	}

	.end-lg
	{
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
		text-align: end;
	}

	.top-lg
	{
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
	}

	.middle-lg
	{
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
	}

	.bottom-lg
	{
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	.around-lg
	{
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.between-lg
	{
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		justify-content: space-between;
	}

	.first-lg
	{
		-webkit-order: -1;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		order: -1;
	}

	.last-lg
	{
		-webkit-order: 1;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
  
}

/**

<div class="row top-xs">

	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consequat urna et rhoncus rhoncus. In hac habitasse platea dictumst. Donec eu dolor dui. Praesent id finibus sapien. Nullam pellentesque consequat magna in laoreet. Fusce lacinia lectus id nunc egestas mattis. Aenean tincidunt eu eros non eleifend. In sagittis massa vitae lorem venenatis, sit amet consectetur urna tristique.</p>
	</div>
	
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consequat urna et rhoncus rhoncus. In hac habitasse platea dictumst. Donec eu dolor dui. Praesent id finibus sapien. Nullam pellentesque consequat magna in laoreet. Fusce lacinia lectus id nunc egestas mattis. Aenean tincidunt eu eros non eleifend. In sagittis massa vitae lorem venenatis, sit amet consectetur urna tristique.</p>
	</div>
	
</div>

**/


/* ==================================================
   Typography
================================================== */

p
{
	margin: 0 0 20px 0;
}

	p.highlight
	{
		font-weight: 600;
		font-size: 1.3em;
	}

strong, b
{
	font-weight: 700;
}

em, i
{
	font-style: italic;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 20px 0;
	font-weight: 700;
	font-family: "Roboto Condensed";
	letter-spacing: -0.8px;
	line-height: 1;
}

	h1
	{
		font-size: 2.4em;
	}
	
	h2
	{
		font-size: 2.2em;
	}
	
	h3
	{
		font-size: 2em;
	}
	
	h4
	{
		font-size: 1.9em;
	}
	
	h5
	{
		font-size: 1.6em;
	}
	
	h6
	{
		font-size: 1.4em;
	}

ul
{
	margin: 0 0 20px 25px;
	list-style-type: square;
}

	ul li
	{
		padding: 0;
	}

		ul ul
		{
			margin: 0 0 0 20px;
		}
		
ol
{
	margin: 0 0 20px 25px;
	list-style-type: decimal;
}

	ol li
	{
		padding: 0;
	}

		ol ol
		{
			margin: 0 0 0 20px;
		}

hr
{
	clear: both;
	border: 0;
	height: 0;
	margin: 0 0 25px 0;
	border-top: 1px dotted #CCC;
}

/* ==================================================
   Images
================================================== */

img
{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	
	outline: 1px solid transparent;
}

.imgleftdiv
{
    float: left;
    max-width: 280px;
    margin: 0 20px 15px 0;
}
        
    .imgleftdiv img
    {
        width: 100%;
        display: block;
        margin: 0 0 8px 0;
    }
        
.imgrightdiv
{
    float: right;
    margin: 0 0 15px 20px;
}
        
    .imgrightdiv img
    {
        width: 100%;
        display: block;
        margin: 0 0 8px 0;
    }

.imgfull
{
	width: 100%;
}

@media only screen and (max-width: 960px)
{
	
	.imgleftdiv
	{
		float: none;
		margin: 0 0 20px 0;
	}
	
	.imgrightdiv
	{
		float: none;
		margin: 0 0 20px 0;
	}
	
}

/**

<div class="imgrightdiv" style="max-width:400px">
	<img src="https://unsplash.it/600/400/?random" alt="" />
</div>

**/

/* ==================================================
   Buttons
================================================== */

.button
{
	color: #FFF;
	border: 0;
	box-shadow: inset 0 0 0 0 #549D2A;
	background: #63b931;
	line-height: 1.2em;
	font-size: 1em !important;
	padding: 12px 25px !important;
	font-family: "Roboto Condensed";
	display: inline-block;
	letter-spacing: 1px;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 700;
	text-decoration: none !important;
	
	-webkit-transition: ease-out 0.2s;
	-moz-transition: ease-out 0.2s;
	transition: ease-out 0.2s;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.button.fullbutton
	{
		width: 100%;
	}

	.button:hover
	{
		box-shadow: inset 0 100px 0 0 #549D2A;
		color: #FFF;
	}

/* ==================================================
   Search Box
================================================== */

.sb-search
{
	position: relative;
	width: 100%;
	min-width: 100px;
	height: 50px;
	overflow: hidden;
	
	-webkit-backface-visibility: hidden;
}

	.sb-search .sb-search-input
	{
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		outline: none;
		background: #EEE;
		width: 100%;
		height: 44px;
		color: #444 !important;
		margin: 0;
		z-index: 10;
		padding: 0 65px 0 15px;
		font-family: inherit;
		font-size: inherit;
		font-style: normal;
		color: inherit;
		font-weight: inherit;
		
		-webkit-appearance: none;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

button.formbutton, .sb-search-submit 
{
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

	.sb-search-submit
	{
		background: #FFF; /* IE needs this */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
		filter: alpha(opacity=0); /* IE 5-7 */
		opacity: 0;
		color: transparent;
		border: none;
		outline: none;
		z-index: -1;
	}
	
	button.formbutton
	{
		color: #FFF;
		background: #1098F7;
		z-index: 90;
		border: 0;
		height: 44px;
	}
	
	button.formbutton span
	{
		font-size: 19px;
	}
	
		button.formbutton:hover
		{
			background: #1098F7;
		}