/* --------------------------------------------------------------------------------- */
/* CSS Reset
/* --------------------------------------------------------------------------------- */

/* Presets */

	* {
		margin: 0;
		padding: 0;
		position: relative;
		-webkit-box-sizing:border-box;  
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	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, font, 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 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	body {
		line-height: 1;
	}

	html, 
	body {
		height:100%;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, 
	q {
		quotes: none;
	}

	blockquote:before, 
	blockquote:after, 
	q:before, 
	q:after {
		content: '';
		content: none;
	}

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}

	del {
		text-decoration: line-through;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* --------------------------------------------------------------------------------- */
/* General CSS
/* --------------------------------------------------------------------------------- */


/* Styleguide styles - ignore */
	

	.example {
		border: 2px solid #f9f9f9;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 1rem 1.5rem;
		margin: 1rem -1.5rem;
	}

	.colors li {
		display: inline-block;
		height: 100px;
		width: 100px;
		text-align: center;
		line-height: 160px;
		margin-right: 30px;
	}

		.colors li:nth-child(5n+5) {
		    margin-right: 0; 
		  }

	.example-grid .col {
		border: 1px solid rgba(0,0,0,.15);
		padding: 1rem;
	}

	.example-grid .row {
		margin-bottom: 2.15em
	}


/* Typography */
	
	html {
		font-size: 1.25em;
	}

	body {
		font-family: 'Dosis', sans-serif;
		letter-spacing: 0.09em;
		-webkit-font-smoothing: antialiased; 
	}

	h1, h2, h3, h4 {
	  margin: 1.414em 0 0.5em;
	  font-weight: inherit;
	  line-height: 1.2;
	}

	h1 {
	  margin-top: 0;
	  font-size: 1.602em;
	}

		h1:first-child, 
		h2:first-child, 
		h3:first-child, 
		h4:first-child, 
		h5:first-child, 
		h6:first-child {
			margin-top: 0; 
		}

		h1, 
		h2,
		h3 {
			font-weight: 800;
		}

		h5, 
		h6 {
			font-weight: 700;
		}


	h1 {
		font-size: 3.998em;
	}

	h2 {
		font-size: 2.827em; 
	}

	h3 {
		font-size: 1.999em;
	}

	h4 {
		font-size: 1.414em;
		font-weight: 300; 
	}

	h5 {
		font-size: 1em;
		letter-spacing: 1px;
		text-transform: uppercase; 
	}

	h6 {
		font-size: 0.667em; 
	}

	p {
		line-height: 1.45;
		margin-bottom: 1.3em;
	 	/*max-width: 34em; */
	}

		p:last-child {
			margin-bottom: 0; 
		}

	strong {
		font-weight: 600; 
	}

	em {
		font-style: italic; 
	}

	a {
		text-decoration: none;t; 
	}

	small, .font-small {
		font-size: 0.75em;
	}

	.lead {
		font-size: 1.55em;
		line-height: 1.8;
		font-weight: 500;					 
		letter-spacing: 2px;
		font-family: 'Libre Baskerville', serif;
		font-style: italic;
	}

	.hushed {
		font-size: .9em;
		opacity: .8;
	}

	address {
		line-height: 1.3;
	}

	ul {
		list-style: circle;
	}

	ul li {
		line-height: 1.3
	}

/* Color */

	body {
		background-color: #fff;
		color: #666;
	}

	a {
		color: #6bb071;
	}

	a:hover {
		color: #e0404b;
	}

	.bg-black {
		background-color: #333;
		color: #fff;
	}

	.bg-muted {
		background-color: #ccc;
		color: #fff;
	}

	.bg-primary {
		background-color: #6bb071;
		color: #fff;
	}

	.bg-secondary {
		background-color: #e0404b;
		color: #fff;
	}

	.bg-light {
		background-color: #F9F6E5; 
	}

		.bg-primary h1,
		.bg-primary h2,
		.bg-primary h3,
		.bg-primary h4,
		.bg-primary h5,
		.bg-primary h6,
		.bg-primary span,
		.bg-primary address,
		.bg-primary strong,
		.bg-primary abbr,
		.bg-primary ul,
		.bg-primary p,
		.bg-black h1,
		.bg-black h2,
		.bg-black h3,
		.bg-black h4,
		.bg-black h5,
		.bg-black h6,
		.bg-black span,
		.bg-black address,
		.bg-black strong,
		.bg-black abbr,
		.bg-black ul,
		.bg-black p,
		.bg-secondary h1,
		.bg-secondary h2,
		.bg-secondary h3,
		.bg-secondary h4,
		.bg-secondary h5,
		.bg-secondary h6,
		.bg-secondary span,
		.bg-secondary address,
		.bg-secondary strong,
		.bg-secondary abbr,
		.bg-secondary ul,
		.bg-secondary p {
			color: #fff;
		}

		.bg-primary a,
		.bg-secondry a,
		.bg-black a {
			color: #F9F6E5; 
		}

		.bg-primary a:hover,
		.bg-secondry a:hover,
		.bg-black a:hover,
		.bg-primary a.scale:hover,
		.bg-secondary a.scale:hover
		.bg-black a.scale:hover {
			color: #fff;
		}


	.black {
		color: #333;
	}

	.muted {
		color: #ccc;
	}

	.primary {
		color: #6bb071;
	}

	.secondary {
		color: #e0404b;
	}

	h1, 
	h2, 
	h3, 
	h4 {
		color: #333; 
	}

	h5 {
		color: #6bb071;
	}

/* Inline Anchor Styles */

	/* Text scale */
	a.scale {
		padding: 0 0.25em;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
	}

	a.scale:hover {
		color: #d04c3f;
	}

	a.scale::before,
	a.scale::after {
		position: absolute;
		top: -1px;
		font-size: 150%;
		line-height: 1;
		opacity: 0;
		-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
		transition: opacity 0.2s, transform 0.2s;
	}

	a.scale::before {
		left: -0.2em;
		content: '[';
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	a.scale::after {
		right: -0.2em;
		content: ']';
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	a.scale:hover::before,
	a.scale:hover::after {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

/*

/*
    
  Kindling Grid
  A responsive grid system, with some trace elements of style and markup.

*/

/* Grid System */
	
	.main {
		min-height: 560px;
		z-index: 1;
	}

	.row:after,
	.col:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	.container {
		width: 90%;
		margin: 0 auto;
		max-width: 1440px;
	}

	.col {
		display:block;
		float:left;
		width:100%;
		margin-right:2%;
	}

	.col:last-child {
		margin-right:0;
	}

	.col img {
		max-width:100%;
		height:auto;
	}

	.span-1 {
		width:6.5%;
	}

	.span-2 {
		width:15.0%;
	}

	.span-3 {
		width:23.5%;
	}

	.span-4 {
		width:32.0%;
	}

	.span-5 {
		width:40.5%;
	}

	.span-6 {
		width:49.0%;
	}

	.span-7 {
		width:57.5%;
	}

	.span-8 {
		width:66.0%;
	}

	.span-9 {
		width:74.5%;
	}

	.span-10 {
		width:83.0%;
	}

	.span-11 {
		width:91.5%;
	}

	.span-12 {
		width:100%;
	}

	/* Offsets */
    
		.offset-1 {
			margin-left:6.5%;
		}

		.offset-2 {
			margin-left:17.0%;
		}

		.offset-3 {
			margin-left:25.5%;
		}

		.offset-4 {
			margin-left:34.0%;
		}

		.offset-5 {
			margin-left:42.5%;
		}

		.offset-6 {
			margin-left:51.0%;
		}

		.offset-7 {
			margin-left:59.5%;
		}

		.offset-8 {
			margin-left:68.0%;
		}

		.offset-9 {
			margin-left:76.5%;
		}

		.offset-10 {
			margin-left:85.0%;
		}

		.offset-11 {
			margin-left:93.5%;
		}

/* Forms */

	form > div,
	fieldset {
		margin-bottom: 1rem; 
	}
 
	legend, 
	.input-container label {
		color: #333;
		display: block;
		font-size: .75em;
		font-weight: 600;
		margin-bottom: .55rem; 
		z-index: 1
	}

	.input-container {
		position: relative; 
	}

		.input-container label {
			position: absolute;
			left: .85rem;
			top: .95rem; 
		}

		.input-container.input-container-error label {
			color: #ff797c; 
		}

	input[type="text"],
	input[type="email"], 
	textarea, 
	.option-container label {
		border: 2px solid #cccccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
		padding: .5rem .7rem;
		width: 100%; 
	}

	input[type="text"], 
	input[type="email"], 
	textarea {
		font-size: 1rem;
		padding-top: 2.5rem;
		-webkit-font-smoothing: antialiased; 
	}

		input[type="text"]:focus,
		input[type="email"]:focus,  
		textarea:focus {
			border-color: #6bb071;
			outline: 0; 
		}

	.input-container-valid input[type="text"], 
	.input-container-valid input[type="email"], 
	.input-container-valid textarea {
		border-color: #a6a6a6; 
	}

	.input-container-valid input[type="text"]:focus, 
	.input-container-valid input[type="email"]:focus,
	.input-container-valid textarea:focus {
		border-color: #6bb071; 
	}

	.input-container-error input[type="text"], 
	.input-container-error input[type="email"],
	.input-container-error textarea {
		border-color: #ff797c; 
	}

	.input-container-error input[type="text"]:focus,
	.input-container-error input[type="email"]:focus, 
	.input-container-error textarea:focus {
		border-color: #e0404b; 
	}

	.option-container {
		position: relative;
		width: 100%; 
	}

		.option-container input {
			display: none; 
		}

		.option-container label {
			display: block;
			font-size: 1rem;
			padding-top: 1.2rem;
			padding-bottom: 1.2rem;
			padding-left: 2.4rem;
			margin-bottom: .55rem; 
		}

		.option-container label:before {
			background-color: linear-gradient(white 0%, white 30%, #fafafa 70%, #fafafa 100%);
			border: 1px solid #bfbfbf;
			box-shadow: 0 0 1px #bfbfbf, 0 0 1px #fff inset;
			content: '';
			display: block;
			position: absolute;
			top: 1.30em;
			left: .80em;
			height: 16px;
			width: 16px; 
		}

		.option-container input:checked + label:after {
			background-color: #6bb071;
			content: '';
			display: block;
			width: 10px;
			height: 10px;
			position: absolute;
			top: 1.5em;
			left: 1em; 
		}

		.option-container label:before {
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}

		.option-container input[type="radio"] + label:before {
			b-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			border-radius: 9px;
		}

		.option-container:hover label {
			background-color: #f2f2f2;
			cursor: pointer; 
		}

		.option-container:last-of-type label {
			margin-bottom: 0; 
		}

		.option-container input:checked + label {
			border-color: #6bb071; 
		}

		.option-container input:checked + label:after {
			border-radius: 1px; 
		}

		.option-container input[type="radio"]:checked + label:after {
			-webkit-border-radius: 1px;
			-moz-border-radius: 1px;
			border-radius: 1px;
		}

	textarea {
		display: block;
		max-width: 100%; 
	}

	/* Form - Placeholder color */
	input::-webkit-input-placeholder {
		color: #ababab; 
	}

	input:focus::-webkit-input-placeholder {
		color: #cccccc; 
	}

	input::-moz-placeholder {
		color: #ababab; 
	}

	input:focus::-moz-placeholder {
		color: #cccccc; 
	}

	input:-ms-input-placeholder {
		olor: #ababab; 
	}

	input:focus:-ms-input-placeholder {
		color: #cccccc; 
	}

/* Buttons */
	.btn, 
	.btn-secondary,
	.btn-muted,
	.btn-light {
		background-color: #6bb071;
		border: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 600;
		line-height: 2.2;
		padding: 0 1em;
		-webkit-font-smoothing: antialiased; 

		-webkit-transition-property: background;
		-moz-transition-property: background;
		-o-transition-property: background;
		transition-property: background;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
	}

	.btn:hover, 
	.btn-secondary:hover, 
	.btn-muted:hover {
		color: #fff; 
	}

	.btn:not(.btn-disabled):hover, 
	.btn-secondary:not(.btn-disabled):hover,  
	.btn-muted:not(.btn-disabled):hover {
		background-color: #476e4d; 
		color: #fff;
	}

	.btn-secondary {
		background-color: #e0404b;
	}

	.btn-secondary:not(.btn-disabled):hover {
		background-color: #c62b35;
	}

	.btn-light,
	a.btn-light {
		background-color: #F9F6E5;
		color: #333
	}

	.btn-light:not(.btn-disabled):hover {
		background-color: #eeead6;
		color: #333
	}

	.btn-light:hover,
	.btn-light:not(.btn-disabled):hover {
		color: #333
	}

	.btn-muted {
		background-color: #cccccc;
	}

	.btn-muted:not(.btn-disabled):hover {
		background-color: #bfbfbf; 
	}

	.btn-disabled {
		opacity: .5;
		cursor: default; 
	}

	.btn-container li {
		display: inline-block;
	}

	/* Sizes */
		.btn-small {
			padding: .5em .75em;
			font-weight: 600;
			font-size: 0.75em;
			line-height: 1.8;
		}
		.btn-large {
			padding: 0 2em;
			font-weight: 600;
			font-size: 1.25em;
			line-height: 3;
			text-transform: uppercase;
		}


/* Alert */

	.alert {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #46c4d7;
		color: #fefefe;
		padding: 1.06rem .9rem 1.22rem;
		position: relative;
		max-width: 100%; 
	}

		.alert-success {
			background-color: #82c451; 
		}

		.alert-error {
			background-color: #ff797c; 
		}

			.alert_close:hover {
				color: #fefefe; 
			}


/* Utility */

	/* Margin */

		.at-margin {
			margin: 1em;
		}

		.at-margin-top {
			margin-top: 1em;
		}

		.at-margin-bottom {
			margin-bottom: 1em;
		}

		.at-margin-left {
			margin-left: 1em;
		}

		.at-margin-right {
			margin-right: 1em;
		}


	/* Larger Margin */
	
		.at-margin-large {
			margin: 2.15em;
		}

		.at-margin-large-top {
			margin-top: 2.15em;
		}

		.at-margin-large-bottom {
			margin-bottom: 2.15em;
		}

		.at-margin-large-left {
			margin-left: 2.15em;
		}

		.at-margin-large-right {
			margin-right: 2.15em;
		}


	/* Smaller Margin */
	
		.at-margin-small {
			margin: .5em;
		}

		.at-margin-small-top {
			margin-top: 1.5em;
		}

		.at-margin-small-bottom {
			margin-bottom: .5em;
		}

		.at-margin-small-left {
			margin-left: .5em;
		}

		.at-margin-small-right {
			margin-right: .5em;
		}

	/* Remove Margin */

		.at-margin-remove {
			margin: 0;
		}

		.at-margin-top-remove {
			margin-top: 0;
		}

		.at-margin-bottom-remove {
			margin-bottom: 0;
		}

	/* Padding */

		.at-padding {
			padding: 1em;
		}

		.at-padding-top {
			padding-top: 1em;
		}

		.at-padding-bottom {
			padding-bottom: 1em;
		}

		.at-padding-left {
			padding-left: 1em;
		}

		.at-padding-right {
			padding-right: 1em;
		}


	/* Larger padding */
	
		.at-padding-large {
			padding: 2.15em;
		}

		.at-padding-large-top {
			padding-top: 2.15em;
		}

		.at-padding-large-bottom {
			padding-bottom: 2.15em;
		}

		.at-padding-large-left {
			padding-left: 2.15em;
		}

		.at-padding-large-right {
			padding-right: 2.15em;
		}


	/* Smaller padding */
	
		.at-padding-small {
			padding: .5em;
		}

		.at-padding-small-top {
			padding-top: .5em;
		}

		.at-padding-small-bottom {
			padding-bottom: .5em;
		}

		.at-padding-small-left {
			padding-left: .5em;
		}

		.at-padding-small-right {
			padding-right: .5em;
		}

	/* Remove padding */

		.at-padding-remove {
			padding: 0;
		}

		.at-padding-top-remove {
			padding-top: 0;
		}

		.at-padding-bottom-remove {
			padding-bottom: 0;
		}

	/* line */

		.line {
			width: 100px;
			height: 8px;
			background: #4a4a4a;
			margin-bottom: 1em  ;
			margin-top: 1em ;
			display: block;
		}

	/* Alignment of block elements */
		
		.at-float-left { 
			float: left; 
		}
		.at-float-right { 
			float: right; 
		}


/* --------------------------------------------------------------------------------- */
/* Header
/* --------------------------------------------------------------------------------- */

	.header {
		background-color: #FFFFFF;
		-moz-box-shadow:    0px 0px 2px 0px rgba(0,0,0,0.50);
		box-shadow:         0px 0px 2px 0px rgba(0,0,0,0.50);
	}

		/* Logo */
			
			#logo {
				width: 200px;
				height: 40px;
			}

		/* Navigation */

			.navigation-btn {
				float: right;
			}

	/* Animated header */

		.cbp-af-header {
			width: 100%;
			z-index: 90;
			
			-webkit-transition: height 0.3s;
			-moz-transition: height 0.3s;
			transition: height 0.3s;

			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

		.cbp-af-header.cbp-af-header-shrink {
			position: fixed;
			top: 0;
			left: 0;
			padding: 1em 0;
			background-color: #fff;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

/* --------------------------------------------------------------------------------- */
/* Off Canvas
/* --------------------------------------------------------------------------------- */

	.off-canvas-container {
		position: relative;
		overflow: hidden;
	}

		.off-canvas-pusher {
			position: relative;
			left: 0;
			z-index: 99;
			height: 100%;
			-webkit-transition: -webkit-transform 0.5s;
			transition: transform 0.5s;
		}

		.off-canvas-pusher::after {
			position: absolute;
			top: 0;
			right: 0;
			width: 0;
			height: 0;
			background: rgba(0,0,0,0.1);
			content: '';
			opacity: 0;
			-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
			transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		}

		.off-canvas-menu-open .off-canvas-pusher::after {
			width: 100%;
			height: 100%;
			opacity: 1;
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
		}

			.off-canvas-content,
			.off-canvas-content-inner {
				position: relative;
			}
	
	.off-canvas-menu {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
		visibility: hidden;
		width: 240px;
		height: 100%;
		background-color: #6bb071;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 100
	}

	.off-canvas-menu::after {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.1);
		content: '';
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.off-canvas-menu-open .off-canvas-menu::after {
		width: 0;
		height: 0;
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}

		.off-canvas-menu .login-signup {
			background-color: #e0404b;
			padding: 2em 1em 2em 1em;
			text-align: center;
		}

			.off-canvas-menu .login-signup .cd-signin {
				border: 1px solid #ff797c
			}

			.off-canvas-menu .login-signup .cd-signup {
				border: 1px solid #fff;
		 		padding: 9px;
			}

			.off-canvas-menu .login-signup  a {
		 		padding: 10px;
		 		border-radius: 4px;
		 		font-weight: 700;
		 		text-transform: uppercase;
		 		font-size: 0.75em;
		 		color: #F9F6E5 ;
		 		-webkit-transition-property: background;
				-moz-transition-property: background;
				-o-transition-property: background;
				transition-property: background;
				-webkit-transition-duration: 0.4s;
				-moz-transition-duration: 0.4s;
				-o-transition-duration: 0.4s;
				transition-duration: 0.4s;
				-webkit-transition-timing-function: linear;
				-moz-transition-timing-function: linear;
				-o-transition-timing-function: linear;
				transition-timing-function: linear;
			}

			.off-canvas-menu .login-signup  .cd-signup:hover {
				color: #fff;
				background-color: #6bb071;
				border-color: #6bb071;
			}

			.off-canvas-menu .login-signup  .cd-signin:hover {
				color: #666;
				background-color: #F9F6E5;
				border-color: #F9F6E5
			}

	/* content off-style */

		.off-canvas-menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.off-canvas-menu h3 {
			margin: 0;
			padding: 1em 2em;
			color: #F9F6E5;
			text-transform: uppercase;
			font-size: 1em
		}

		.off-canvas-menu ul li a {
			display: block;
			padding: 1em 2em 1em 2em;
			outline: none;
			box-shadow: inset 0 -1px rgba(0,0,0,0.1);
			color: #fff;
			font-weight: 500;
			-webkit-transition: background 0.3s, box-shadow 0.3s;
			transition: background 0.3s, box-shadow 0.3s;
		}

		.off-canvas-menu ul li:first-child a {
			box-shadow: inset 0 -1px rgba(0,0,0,0.1), inset 0 1px rgba(0,0,0,0.1);
		}

		.off-canvas-menu ul li a:hover {
			background: rgba(0,0,0,0.1);
			box-shadow: inset 0 -1px rgba(0,0,0,0);
			color: #fff;
		}

	/* Individual effects */
		
		.off-canvas-effect.off-canvas-menu {
			visibility: visible;
			-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
		}

		.off-canvas-effect.off-canvas-menu-open .off-canvas-effect.off-canvas-menu {
			visibility: visible;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}

		.off-canvas-effect.off-canvas-menu::after {
			display: none;
		}

	/* Off Canvas Menu Fix */
		
		.canvas-menu-fix{ 
			width: 240px;
			position: fixed; 
		}

/* --------------------------------------------------------------------------------- */
/* Sign in Sign Up Popup
/* --------------------------------------------------------------------------------- */

	.cd-user-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(52, 54, 66, 0.9);
		z-index: 101;
		overflow-y: auto;
		cursor: pointer;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
		-moz-transition: opacity 0.3s 0, visibility 0 0.3s;
		transition: opacity 0.3s 0, visibility 0 0.3s;
	}

		.cd-user-modal.is-visible {
			visibility: visible;
			opacity: 1;
			-webkit-transition: opacity 0.3s 0, visibility 0 0;
			-moz-transition: opacity 0.3s 0, visibility 0 0;
			transition: opacity 0.3s 0, visibility 0 0;
		}

		.cd-user-modal.is-visible .cd-user-modal-container {
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
		}

		.cd-user-modal-container {
			position: relative;
			width: 90%;
			max-width: 600px;
			background: #FFF;
			margin: 3em auto 4em;
			cursor: auto;
			border-radius: 0.25em;
			-webkit-transform: translateY(-30px);
			-moz-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			-o-transform: translateY(-30px);
			transform: translateY(-30px);
			-webkit-transition-property: -webkit-transform;
			-moz-transition-property: -moz-transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			transition-duration: 0.3s;
		}

		.cd-user-modal-container .cd-switcher:after {
			content: "";
			display: table;
			clear: both;
		}

		.cd-user-modal-container .cd-switcher li {
			width: 50%;
			float: left;
			text-align: center;
			list-style: none;
			font-weight: 800;
			text-transform: uppercase;
		}

			.cd-user-modal-container .cd-switcher li:first-child a {
				border-radius: 4px 0 0 0;
			}

			.cd-user-modal-container .cd-switcher li:last-child a {
				border-radius: 0 4px 0 0;
			}

			.cd-user-modal-container .cd-switcher a {
				display: block;
				width: 100%;
				height: 50px;
				line-height: 50px;
				background: #F9F6E5;
				color: #666;
			}

			.cd-user-modal-container .cd-switcher a.selected {
				background: #FFF;
				color: #333;
			}

	.cd-form {
		padding: 1.4em;
	}

	.cd-form .fieldset {
		position: relative;
		margin: 1.4em 0;
	}

	.cd-form .fieldset:first-child {
		margin-top: 0;
	}

	.cd-form .fieldset:last-child {
		margin-bottom: 0;
	}

	.cd-form label {
	}

	.cd-form label.image-replace {
		/* replace text with an icon */
		display: inline-block;
		position: absolute;
		left: 15px;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		height: 20px;
		width: 20px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		color: transparent;
		text-shadow: none;
		background-repeat: no-repeat;
		background-position: 50% 0;
		z-index: 1;
	}

	.cd-form label.cd-username {
		background-image: url("../img/popup-icon-username.svg");
	}

	.cd-form label.cd-email {
		background-image: url("../img/popup-icon-email.svg");
	}

	.cd-form label.cd-password {
		background-image: url("../img/popup-icon-password.svg");
	}

	.cd-form label.cd-message {
		background-image: url("../img/popup-icon-message.svg");
		top: 10%;
	}


	.cd-form textarea {
		padding: 0.5em 1em 1em 2.30em
	}

	.cd-form input.full-width {
		width: 100%;
	}

	.cd-form input.has-padding {
		padding: 12px 20px 12px 50px;
	}

	.cd-form input.has-border {
		border: 1px solid #d2d8d8;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}

	.cd-form input.has-border:focus {
		border-color: #6bb071;
		outline: none;
	}

	.cd-form input.has-error {
		border: 1px solid #d76666;
	}

	.cd-form input[type=password] {
		/* space left for the HIDE button */
		padding-right: 65px;
	}

	.cd-form input[type=submit] {
		text-transform: uppercase;
	}

	.no-touch .cd-form input[type=submit]:hover, 
	.no-touch .cd-form input[type=submit]:focus {
		background: #6bb071;
		outline: none;
	}

	.cd-form .hide-password {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 6px 15px;
		border-left: 1px solid #d2d8d8;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #343642;
	}

	.cd-form .cd-error-message {
		display: inline-block;
		position: absolute;
		left: -5px;
		bottom: -35px;
		background: rgba(215, 102, 102, 0.9);
		padding: .8em;
		z-index: 2;
		color: #FFF;
		border-radius: 0.25em;
		/* prevent click and touch events */
		pointer-events: none;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
		-moz-transition: opacity 0.2s 0, visibility 0 0.2s;
		transition: opacity 0.2s 0, visibility 0 0.2s;
	}

	.cd-form .cd-error-message::after {
		/* triangle */
		content: '';
		position: absolute;
		left: 22px;
		bottom: 100%;
		height: 0;
		width: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid rgba(215, 102, 102, 0.9);
	}

	.cd-form .cd-error-message.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.2s 0, visibility 0 0;
		-moz-transition: opacity 0.2s 0, visibility 0 0;
		transition: opacity 0.2s 0, visibility 0 0;
	}

	.cd-form-message {
		padding: 1.4em 1.4em 0;
		text-align: center;
	}

	.cd-form-bottom-message {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: -50px;
		text-align: center;
	}

	.cd-form-bottom-message a {
		color: #FFF;
	}

	.cd-close-form {
	/* form X button on top right */
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		right: 0;
		top: -40px;
		background: url("../img/popup-icon-close.svg") no-repeat center center;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#cd-login, 
	#cd-signup, 
	#cd-reset-password {
		display: none;
	}

	#cd-login.is-selected, 
	#cd-signup.is-selected, 
	#cd-reset-password.is-selected {
		display: block;
	}

/* --------------------------------------------------------------------------------- */
/* Intro - Main Slider
/* --------------------------------------------------------------------------------- */

	.main-slider {
		margin: 0 auto;
		position: relative;
		margin-bottom: 40px;
		max-width: 100%;
		overflow: hidden;
	}

		.main-slider > ul {
			width: 100%;
			max-width: 100%;
			height: 100%;
			position: relative;
			list-style: none;
			padding: 0;
			margin: 0 auto;
			z-index: 1;
		}

			.main-slider li {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				pointer-events: none;
				opacity: 0;
				z-index: 999;
			}

				.main-slider li img {
					display: block;
					max-width: 100%;
				}

		.main-slider .current {
			opacity: 1;
			pointer-events: auto;
			z-index: 1000;
		}

		.main-slider nav a {
			position: relative;
			display: block;
			width: 60px;
			height: 60px;
			line-height: 60px;
			font-size: 28px;
			color: #333;
			outline: none;
			overflow: hidden;
			text-align: center;
			z-index: 2;
			cursor: pointer;
		}

			.main-slider nav a::before {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				font-family: 'fontawesome';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				opacity: 0.5;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

			.main-slider nav a:hover::before {
				opacity: 1;
			}

			.main-slider nav a.prev::before {
				content: "\f104";
			}

			.main-slider nav a.next::before {
				content: "\f105";
			}

	.main-slider-fullwidth {
		width: 100%;
		height: 775px;
		margin-bottom: 0;
		background-color: #333;
	}

		.main-slider-fullwidth > ul {
			overflow: hidden;
		}

			.main-slider-fullwidth li {
				overflow: hidden;
			}

				.main-slider-fullwidth li img {
					min-width: 100%;
					max-width: none;
					position: absolute;
					left: 50%;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
				}

				.main-slider-fullwidth .slider-content {
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%,-50%);
					-moz-transform: translate(-50%,-50%);
					-ms-transform: translate(-50%,-50%);
					-o-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
					width: 100%;
					max-width: 900px;

					text-align: center;
				}
					.main-slider-fullwidth .slider-content .title {
						font-weight: 800;
						letter-spacing: 2px;
						text-transform: uppercase;
						margin:0 0 0;
					}

					.main-slider-fullwidth .slider-content .line {
						margin-left: auto;
						margin-right: auto;
					}

		
		.main-slider-fullwidth nav {
			position: absolute;
			bottom: -100%;
			right: 0;
			-webkit-transition-property: bottom;
			-moz-transition-property: bottom;
			-o-transition-property: bottom;
			transition-property: bottom;
			-webkit-transition-duration: 3s;
			-moz-transition-duration: 3s;
			-o-transition-duration: 3s;
			transition-duration: 3s;
			-webkit-transition-timing-function: ease-in;
			-moz-transition-timing-function: ease-in;
			-o-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
 
		}

		.main-slider-fullwidth:hover nav {
			bottom: 40%;
 			-webkit-transition-duration: 0.4s;
			-moz-transition-duration: 0.4s;
			-o-transition-duration: 0.4s;
			transition-duration: 0.4s;

		}

			.main-slider-fullwidth nav a.prev,
			.main-slider-fullwidth nav a.next {
				background-color: #F9F6E5;
			}

				.main-slider-fullwidth nav a.prev:hover,
				.main-slider-fullwidth nav a.next:hover {
					background-color: #6BB071;
					color: #F9F6E5;
					-webkit-transition-property:background;
					-moz-transition-property:background;
					-o-transition-property:background;
					transition-property:background;
					-webkit-transition-duration: 0.6s;
					-moz-transition-duration: 0.6s;
					-o-transition-duration: 0.6s;
					transition-duration: 0.6s;
					-webkit-transition-timing-function: ease-in;
					-moz-transition-timing-function: ease-in;
					-o-transition-timing-function: ease-in;
					transition-timing-function: ease-in;
				}

/* --------------------------------------------------------------------------------- */
/* Services
/* --------------------------------------------------------------------------------- */

	.services .services-left {
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		left: 0;
		top: 0;
		bottom: 0;
		min-height: 760px;
		border-right: 1px solid #F9F6E5;
	}

		.services .services-left .our-services {
			padding-left: 0;
			padding-right: 4.3em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: table;
			width: 100%;
			height: 100%;
			min-height: 760px;
		}

		.services .services-left .middle .title {
			text-transform: uppercase;
		} 

		.services .services-left .middle {
			display: table-cell;
			vertical-align: middle;
		}

		.services .services-left .middle .intro-text {
			font-weight: 500;
			font-size: 20px;
			color: #4A4A4A;
			line-height: 30px;
			letter-spacing: 2px;
			margin-bottom: 1em;
			font-family: 'Libre Baskerville', serif;
			font-style: italic;
		}

		.services .services-left .middle .line {
			background-color: #6bb071
		}

	.services-right {
	    background-color: #fff;

	}

	/* General grid styles */
		.services-grid {
			list-style: none;
			padding: 0 0  0;
			margin: 0;
		}

			/* Clear floats */
			.services-grid:before, 
			.services-grid:after { 
				content: " "; 
				display: table; 
			}

			.services-grid:after { 
				clear: both; 
			}

			.services .services-right .services-item  {
				padding-left: 10%;
				padding-right: 10%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				display: table;
				width: 100%;
				height: 100%;
			}

			.services .services-right .middle {
				display: table-cell;
				vertical-align: middle;
			}

		/* grid item */
		.services-grid li {
			width: 25%;
			float: left;
			height: 380px;
			text-align: center;
			border-top: 1px solid #F9F6E5;
		}

		/* we are using a combination of borders and box shadows to control the grid lines */
		.services-grid li:nth-child(-n+4){
			border-top: none;
		}

		.services-grid li:nth-child(2n-1),
		.services-grid li:nth-child(2n-2) {
			box-shadow: 1px 0 0 #F9F6E5;
		}

		/* anchor style */
		.services-grid li > a {
			display: block;
			height: 100%;
			color: #6BB071;
			-webkit-transition: background 0.2s;
			-moz-transition: background 0.2s;
			transition: background 0.2s;
		}

		/* the icon with pseudo class for icon font */
		.services .services-right .fa {
			padding: 0 0 20px;
			display: block;
			font-size: 3em;
			line-height: 1;
			-webkit-transition: -webkit-transform 0.4s;
			transition: -moz-transform 0.4s;
			transition: transform 0.4s;
			-webkit-font-smoothing: antialiased;
		}

		/* title element */
		.services-grid .services-title {
			margin: 0;
			padding:  0 0 0px;
			font-size: 1em;
			font-weight: 700;
			text-transform: uppercase;
			position: relative;
			-webkit-transition: -webkit-transform 0.4s;
			-moz-transition: -moz-transform 0.4s;
			transition: transform 0.4s;
		}

		.services-grid .services-intro-text {
			display: inline-block;
			color: #4a4a4a;
			-webkit-transform: translateY(-40px);
			-moz-transform: -moz-translateY(-40px);
			-ms-transform: -ms-translateY(-40px);
			transform: translateY(-40px);
			opacity: 0;
			-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
			-moz-transition: -moz-transform 0.4s, opacity 0.2s;
			-webkit-transition: transform 0.4s, opacity 0.2s;
		}

		.services-grid li:hover .services-intro-text,
		.touch .services-grid li .services-intro-text {
			opacity: 1;
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
		}

		/* Hover styles */

		.services-grid li > a:hover {
			/*background-color: #6BB071;*/
			background-color: #F9F6E5;
		}

		.services-grid li > a:hover .fa {
			-webkit-transform: translateY(-40px);
			-moz-transform: translateY(-40px);
			-ms-transform: translateY(-40px);
			transform: translateY(-40px);
		}

		.services-grid li > a:hover .fa,
		.services-grid li > a:hover .services-title {
			color: #4a4a4a;
		}

		.services-grid li > a:hover .services-title {
			-webkit-transform: translateY(-30px);
			-moz-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			transform: translateY(-30px);
		}

		.services-grid li > a:hover .services-title:before {
			background: #fff;
		}

/* --------------------------------------------------------------------------------- */
/* Latest Works
/* --------------------------------------------------------------------------------- */
	#portfolios {
		background-image: url(../img/parallax-1.jpg); 
		background-position: 0% 0;
	}

	.portfolios .title {
		text-align: center;
		text-transform: uppercase;	
	}

	.portfolios .line {
		background-color: #6bb071;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2.15em;
	}

	.portfolios .row {
		margin-bottom: 2%
	}

	.portfolios-box {
	 	width: 338px;
		height:338px;
		position: relative;                        
	}

	.portfolios-box-content {
		display:block;
		padding: 2.15em;
		width: 100%;
		height: 100%;
		background-color: #6bb071;
		color:#ffffff;
	 	z-index: 9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;  
	}

	.portfolios-box-overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;	
	 	z-index: 10;
		-moz-box-shadow:    0px 4px 4px 0px rgba(71,110,77,0.35);
		box-shadow:         0px 4px 4px 0px rgba(71,110,77,0.35);


	}

	.portfolios-box-overlay img {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;  
	}

	.portfolio-back {
		z-index: 1;
	}

	/* custom css styling */
	.portfolios-box-content .portfolios-box-wrapper  {
		width: 100%;
		height: 100%;
		display:block;
		padding:0;
		text-align:center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	.portfolios-box-content h4 {
		color: #F9F6E5;
	}

	.portfolios-box-content div {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.portfolios-box-content .icons a {
		font-size: 0.75em;
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-border-radius: 100%;
		-moz-border-radius:100%;
		border-radius: 100%;
		background: #F9F6E5;
		display: inline-block;
		cursor: pointer;
		
	}

	/* portfolios page */

		.portfolios-page .portfolios-box-overlay {
			-moz-box-shadow:    0px 0 0 0px rgba(71,110,77,0.35);
			box-shadow:         0px 0 0 0px rgba(71,110,77,0.35);
		}

	/* portfolios item */

		.portfolios-item h2 {
			margin-top: 0
		}

		.portfolios-item img {
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;  
		}

		.portfolio-item {
			margin: 0 auto;
			position: relative;
			margin-bottom: 4.30em;
			max-width: 100%;
			display: block;
		}

		.portfolio-item-small {
			height: 300px;
		}

		.portfolio-item > ul {
			width: 100%;
			max-width: 100%;
			height: 100%;
			position: relative;
			list-style: none;
			padding: 0;
			margin: 0 auto;
		}

		.portfolio-item li {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			pointer-events: none;
			opacity: 0;
			z-index: 999;
		}

		.portfolio-item .current {
			opacity: 1;
			pointer-events: auto;
			z-index: 1000;
		}

		.portfolio-item li img {
			display: block;
			max-width: 100%;
		}

		.portfolio-item nav a {
			position: absolute;
			width: 60px;
			height: 60px;
			color: #333;
			outline: none;
			overflow: hidden;
			text-align: center;
			line-height: 200px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		.portfolio-item-small nav a.prev {
			left: -80px;
		}

		.portfolio-item-small nav a.next {
			right: -80px;
		}

		.portfolio-item nav a::before {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			line-height: 60px;
			height: 100%;
			font-family: 'fontawesome';
			font-size: 60px;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			opacity: 0.5;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.portfolio-item nav a:hover::before {
			opacity: 1;
		}

		.portfolio-item a.prev::before {
			content: "\f104";
		}

		.portfolio-item a.next::before {
			content: "\f105";
		}
 
/* --------------------------------------------------------------------------------- */
/* Video Block
/* --------------------------------------------------------------------------------- */	
	
	.video-block .title {
		text-transform: uppercase;
	}

	.video-block .line {
		background-color: #6bb071
	}

	.video-block img {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;  
	}

					

/* --------------------------------------------------------------------------------- */
/* Latest News
/* --------------------------------------------------------------------------------- */

	.latest-news {
		z-index: 80;
	}

	.latest-news .title {
		text-align: center;	
		text-transform: uppercase;
	}

	.latest-news .line {
		background-color: #6bb071;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2.15em;
	}

	.grid-wrap {
		clear: both;
	}

	.news-grid {
		margin: 12px auto;
		padding: 0;
		list-style: none;
	}

	.js .news-grid {
		background: url(../img/loading.gif) no-repeat 50% 100px;
	}

	.js .news-grid.loaded {
		background: none;
	}

	.news-grid li {
		display: inline-block;
		overflow: hidden;
		width: 360px;
		text-align: left;
		vertical-align: top;
	}

	.js .news-grid li {
		display: none;
		float: left;
	}

	.js .news-grid.loaded li {
		display: block;
	}

	/* Anchor and image */
		.news-grid li > a,
		.news-grid li img {
			display: block;
			outline: none;
			border: none;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;  
		}

		.news-grid li > a {
			position: relative;
			overflow: hidden;
			margin: 10px;
		}

	/* Curtain element */
		.news-grid .curtain {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			width: 100%;
			height: 100%;
			background: #6bb071;
		}

		.news-grid.swipe-rotate .curtain {
			width: 200%;
			height: 200%;
			-webkit-transform: rotate3d(0,0,1,90deg);
			transform: rotate3d(0,0,1,90deg);
			-webkit-transform-origin: top left;
			transform-origin: top left;
		}

	/* Shadow */
		.news-grid .curtain::after {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,1);
			content: '';
		}

	.news-grid.swipe-rotate .curtain::after {
		left: -100%;
	}

	/* Title */
		.news-grid li h3 {
			position: absolute;
			bottom: 0;
			left: 0;
			margin: 0;
			padding: 10px 20px 15px 20px;
			width: 100%;
			background-color: #fff;
			color: #6bb071;
			text-align: right;
			font-size: 1em;
			font-weight: 700;

			-webkit-transition-duration: 1.2s;
			-moz-transition-duration: 1.2s;
			-o-transition-duration: 1.2s;
			transition-duration: 1.2s;

			-webkit-transition-timing-function: ease-in;
			-moz-transition-timing-function: ease-in;
			-o-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
		}

	/* Hover effects */
		.news-grid li.shown:hover h3 {
			background-color: #6bb071;
			color: #F9F6E5;
			text-align: left;
			-webkit-transform: translate3d(0,-30px,0);
			transform: translate3d(0,-30px,0);

			-webkit-transition-duration: 0.4s;
			-moz-transition-duration: 0.4s;
			-o-transition-duration: 0.4s;
			transition-duration: 0.4s;
		}

	/* Animations */

		/* Swipe rotate */
			.news-grid.swipe-rotate li.animate .curtain {
				-webkit-animation: swipeRotate 1.5s ease forwards;
				animation: swipeRotate 1.5s ease forwards;
			}

			@-webkit-keyframes swipeRotate {
				0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
				50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); }
				100% { -webkit-transform: rotate3d(0,0,1,-90deg); }
			}

			@keyframes swipeRotate {
				0% {}
				50%, 60% { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); }
				100% { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); }
			}

	/* Shadow */
		.news-grid li.animate .curtain::after {
			-webkit-animation: fadeOut 1.5s ease forwards;
			animation: fadeOut 1.5s ease forwards;
			-webkit-animation-delay: inherit;
			animation-delay: inherit;
		}

		@-webkit-keyframes fadeOut {
			0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
			50%, 60% { opacity: 1; }
			100% { opacity: 0; }
		}

		@keyframes fadeOut {
			0% {}
			50%, 60% { opacity: 1; }
			100% { opacity: 0; }
		}

	/* Hide image and title and show at half time */
		.js .news-grid li img,
		.js .news-grid li h3 {
			visibility: hidden;
		}

		.news-grid li.animate img,
		.news-grid li.animate h3 {
			-webkit-animation: showMe 1.5s step-end forwards;
			animation: showMe 1.5s step-end forwards;
		}

		@-webkit-keyframes showMe {
			from { visibility: hidden; }
			60%, 100% { visibility: visible; }
		}

		@keyframes showMe {
			from { visibility: hidden; }
			60%, 100% { visibility: visible; }
		}

		.news-grid li.shown img,
		.news-grid li.shown h3 {
			visibility: visible;
		}

/* --------------------------------------------------------------------------------- */
/* Testimonials
/* --------------------------------------------------------------------------------- */

	.testimonials {
		text-align: center;
	}

		.testimonials .title {
			color: #6bb071;
		}

		.quote-author {
			margin-bottom: 2.15em;
			display: block;
		}


		/* 
		 * 	Core Owl Carousel CSS File
		 *	v1.3.3
		 */

		/* clearfix */
		.owl-carousel .owl-wrapper:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		/* display none until init */
		.owl-carousel{
			display: none;
			position: relative;
			width: 100%;
			-ms-touch-action: pan-y;
		}
		.owl-carousel .owl-wrapper{
			display: none;
			position: relative;
			-webkit-transform: translate3d(0px, 0px, 0px);
		}
		.owl-carousel .owl-wrapper-outer{
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		.owl-carousel .owl-wrapper-outer.autoHeight{
			-webkit-transition: height 500ms ease-in-out;
			-moz-transition: height 500ms ease-in-out;
			-ms-transition: height 500ms ease-in-out;
			-o-transition: height 500ms ease-in-out;
			transition: height 500ms ease-in-out;
		}
			
		.owl-carousel .owl-item{
			float: left;
		}
		.owl-controls .owl-page,
		.owl-controls .owl-buttons div{
			cursor: pointer;
		}
		.owl-controls {
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}

		/* mouse grab icon */

		.grabbing { 
		    cursor:url(../img/grabbing.png) 8 8, move;
		}

		/* fix */
		.owl-carousel  .owl-wrapper,
		.owl-carousel  .owl-item{
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility:    hidden;
			-ms-backface-visibility:     hidden;
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
		}

		/*
		* 	Owl Carousel Owl Quote Theme 
		*	v1.3.3
		*/

		.owl-theme .owl-controls{
			margin-top: 10px;
			text-align: center;
		}

		/* Styling Next and Prev buttons */

		.owl-theme .owl-controls .owl-buttons div{
			color: #FFF;
			display: inline-block;
			zoom: 1;
			*display: inline;/*IE7 life-saver */
			margin: 5px;
			padding: 3px 10px;
			font-size: 12px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			background: #869791;
			filter: Alpha(Opacity=50);/*IE7 fix*/
			opacity: 0.5;
		}

		/* Clickable class fix problem with hover on touch devices */
		/* Use it for non-touch hover action */
		.owl-theme .owl-controls.clickable .owl-buttons div:hover{
			filter: Alpha(Opacity=100);/*IE7 fix*/
			opacity: 1;
			text-decoration: none;
		}

		/* Styling Pagination*/

		.owl-theme .owl-controls .owl-page{
			display: inline-block;
			zoom: 1;
			*display: inline;/*IE7 life-saver */
		}
		.owl-theme .owl-controls .owl-page span{
			display: block;
			width: 12px;
			height: 12px;
			margin: 5px 7px;
			filter: Alpha(Opacity=50);/*IE7 fix*/
			opacity: 0.5;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			border: 1px solid #6bb071;
		}

		.owl-theme .owl-controls .owl-page.active span,
		.owl-theme .owl-controls.clickable .owl-page:hover span{
			filter: Alpha(Opacity=100);/*IE7 fix*/
			opacity: 1;
			background: #6bb071;
		}

		/* preloading images */
		.owl-item.loading{
			min-height: 150px;
			background: url(../img/AjaxLoader.gif) no-repeat center center
		}


/* --------------------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------------------- */
	.footer {
		margin-top: 4.30em;
		padding-top: 4.30em
	}

		.footer .title {
			font-weight: 400;
			margin-bottom: 2.15em;
		}

	/* footer logo */

		.footer-logo {
			position: absolute;
			top:-45px;
			left: 47.5%;
			width: 90px;
			height: 90px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background: #F9F6E5;
			border: 5px solid #FFFFFF;
			-moz-box-shadow:    0px 1px 5px 0px rgba(0,0,0,0.20);
			box-shadow:         0px 1px 5px 0px rgba(0,0,0,0.20);
			text-align: center;
		}
		.footer-logo img {
			margin-top: 20px;
		}

	/* social links */

		.social-links {
			display: block;
			margin-bottom: 2.15em;
			overflow: hidden;
			border-top: 1px solid #7EBF84;
			border-bottom: 1px solid #7EBF84;
			
			text-align: center;
			color: #fff;
			font-size: 1.25em
		}	

			.social-links .col {
				padding: 1em 0;
				border-right: 1px solid #7EBF84;
			}

				.social-links  a {
						color: #fff;
						text-decoration: none;
					}

					.social-links  a:hover {
						color: #F9F6E5
					}

			.social-links .col:nth-last-child(1) {
				border-right: none;
			}

	 

	/* modules */

		.footer .module-title {
			color: #F9F6E5;
			text-transform: uppercase;
			font-size: 1em;
			margin-bottom: 1em;
		}

 	
/* --------------------------------------------------------------------------------- */
/* Copyright
/* --------------------------------------------------------------------------------- */

	.copyright small i {
		font-size: 1.25em
	}


/* --------------------------------------------------------------------------------- */
/* Lightbox Image
/* --------------------------------------------------------------------------------- */

	.mfp-bg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1042;
		overflow: hidden;
		position: fixed;
		background: rgba(52, 54, 66, 0.9);
		opacity: 0.8;
		filter: alpha(opacity=80); 
	}

	.mfp-wrap {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1043;
		position: fixed;
		outline: none !important;
		-webkit-backface-visibility: hidden; 
	}

	.mfp-container {
		text-align: center;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		padding: 0 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}

	.mfp-container:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle; 
	}

	.mfp-align-top .mfp-container:before {
		display: none; 
	}

	.mfp-content {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin: 0 auto;
		text-align: left;
		z-index: 1045; 
	}

	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
		width: 100%;
		cursor: auto; 
	}

	.mfp-ajax-cur {
		cursor: progress; 
	}

	.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
		cursor: -moz-zoom-out;
		cursor: -webkit-zoom-out;
		cursor: zoom-out; 
	}

	.mfp-zoom {
		cursor: pointer;
		cursor: -webkit-zoom-in;
		cursor: -moz-zoom-in;
		cursor: zoom-in; 
	}

	.mfp-auto-cursor .mfp-content {
		cursor: auto; 
	}

	.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none; 
	}

	.mfp-loading.mfp-figure {
		display: none; 
	}

	.mfp-hide {
		display: none !important; 
	}

	.mfp-preloader {
		color: #cccccc;
		position: absolute;
		top: 50%;
		width: auto;
		text-align: center;
		margin-top: -0.8em;
		left: 8px;
		right: 8px;
		z-index: 1044; 
	}

	.mfp-preloader a {
		color: #cccccc; 
	}

	.mfp-preloader a:hover {
		color: white; 
	}

	.mfp-s-ready .mfp-preloader {
		display: none; }

	.mfp-s-error .mfp-content {
		display: none; 
	}

	button.mfp-close, button.mfp-arrow {
		overflow: visible;
		cursor: pointer;
		background: transparent;
		border: 0;
		-webkit-appearance: none;
		display: block;
		outline: none;
		padding: 0;
		z-index: 1046;
		-webkit-box-shadow: none;
		box-shadow: none; }
		button::-moz-focus-inner {
		padding: 0;
		border: 0; 
	}

	.mfp-close {
		width: 44px;
		height: 44px;
		line-height: 44px;
		position: absolute;
		right: 0;
		top: 0;
		text-decoration: none;
		text-align: center;
		opacity: 0.65;
		filter: alpha(opacity=65);
		padding: 0 0 18px 10px;
		color: white;
		font-style: normal;
		font-size: 28px;
	}
	.mfp-close:hover, .mfp-close:focus {
		opacity: 1;
		filter: alpha(opacity=100); 
	}

	.mfp-close:active {
		top: 1px; 
	}

	.mfp-close-btn-in .mfp-close {
		color: #333333; 
	}

	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
		color: white;
		right: -6px;
		text-align: right;
		padding-right: 6px;
		width: 100%; 
	}

	.mfp-counter {
		position: absolute;
		top: 0;
		right: 0;
		color: #cccccc;
		font-size: 12px;
		line-height: 18px; 
	}

	.mfp-arrow {
		position: absolute;
		opacity: 0.65;
		filter: alpha(opacity=65);
		margin: 0;
		top: 50%;
		margin-top: -55px;
		padding: 0;
		width: 90px;
		height: 110px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	}

	.mfp-arrow:active {
		margin-top: -54px; 
	}

	.mfp-arrow:hover, .mfp-arrow:focus {
		opacity: 1;
		filter: alpha(opacity=100); 
	}

	.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 35px;
		margin-left: 35px;
		border: medium inset transparent; 
	}

	.mfp-arrow:after, .mfp-arrow .mfp-a {
		border-top-width: 13px;
		border-bottom-width: 13px;
		top: 8px; 
	}
	.mfp-arrow:before, .mfp-arrow .mfp-b {
		border-top-width: 21px;
		border-bottom-width: 21px;
		opacity: 0.7; 
	}

	.mfp-arrow-left {
		left: 0; 
	}

	.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
		border-right: 17px solid white;
		margin-left: 31px; 
	}

	.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
		margin-left: 25px;
		border-right: 27px solid #3f3f3f; 
	}

	.mfp-arrow-right {
		right: 0; 
	}

	.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
		border-left: 17px solid white;
		margin-left: 39px; 
	}

	.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
		border-left: 27px solid #3f3f3f; 
	}

	.mfp-iframe-holder {
		padding-top: 40px;
		padding-bottom: 40px; 
	}

	.mfp-iframe-holder .mfp-content {
		line-height: 0;
		width: 100%;
		max-width: 900px; 
	}

	.mfp-iframe-holder .mfp-close {
		top: -40px; 
	}

	.mfp-iframe-scaler {
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 56.25%; 
	}

	.mfp-iframe-scaler iframe {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: black; 
	}

	/* Main image in popup */
	img.mfp-img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: block;
		line-height: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 40px 0 40px;
		margin: 0 auto; 
	}

	/* The shadow behind the image */
	.mfp-figure {
		line-height: 0; 
	}

	.mfp-figure:after {
		content: '';
		position: absolute;
		left: 0;
		top: 40px;
		bottom: 40px;
		display: block;
		right: 0;
		width: auto;
		height: auto;
		z-index: -1;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #444444; 
	}

	.mfp-figure small {
		color: #bdbdbd;
		display: block;
		font-size: 12px;
		line-height: 14px; 
	}

	.mfp-figure figure {
		margin: 0; 
	}

	.mfp-bottom-bar {
		margin-top: -36px;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		cursor: auto; 
	}

	.mfp-title {
		text-align: left;
		line-height: 18px;
		color: #f3f3f3;
		word-wrap: break-word;
		padding-right: 36px; 
	}

	.mfp-image-holder .mfp-content {
		max-width: 100%; 
	}

	.mfp-gallery .mfp-image-holder .mfp-figure {
		cursor: pointer; 
	}

	.mfp-ie7 .mfp-img {
		padding: 0; 
	}

	.mfp-ie7 .mfp-bottom-bar {
		width: 600px;
		left: 50%;
		margin-left: -300px;
		margin-top: 5px;
		padding-bottom: 5px; 
	}

	.mfp-ie7 .mfp-container {
		padding: 0; 
	}

	.mfp-ie7 .mfp-content {
		padding-top: 44px; 
	}

	.mfp-ie7 .mfp-close {
		top: 0;
		right: 0;
		padding-top: 0; 
	}

  

/* --------------------------------------------------------------------------------- */
/* Popup Modal
/* --------------------------------------------------------------------------------- */

	.white-popup-block {
		position: relative;
		background: #FFF;
		padding: 20px;
		width: auto;
		max-width: 500px;
		margin: 20px auto;
	}

/* --------------------------------------------------------------------------------- */
/* Loading
/* --------------------------------------------------------------------------------- */

	/* This is a compiled file, you should be editing the file in the templates directory */
	.pace {
		-webkit-pointer-events: none;
		pointer-events: none;

		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;

		-webkit-perspective: 12rem;
		-moz-perspective: 12rem;
		-ms-perspective: 12rem;
		-o-perspective: 12rem;
		perspective: 12rem;

		z-index: 2000;
		position: fixed;
		height: 6rem;
		width: 6rem;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.pace.pace-inactive .pace-progress {
		display: none;
	}

	.pace .pace-progress {
		position: fixed;
		z-index: 2000;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		height: 6rem;
		width: 6rem !important;
		line-height: 6rem;
		font-size: 2rem;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.8);
		color: #fff;
		font-weight: 100;
		text-align: center;

		-webkit-animation: pace-3d-spinner linear infinite 2s;
		-moz-animation: pace-3d-spinner linear infinite 2s;
		-ms-animation: pace-3d-spinner linear infinite 2s;
		-o-animation: pace-3d-spinner linear infinite 2s;
		animation: pace-3d-spinner linear infinite 2s;

		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.pace .pace-progress:after {
		content: attr(data-progress-text);
		display: block;
	}

	@-webkit-keyframes pace-3d-spinner {
		from {
			-webkit-transform: rotateY(0deg);
		}
		to {
			-webkit-transform: rotateY(360deg);
		}
	}

	@-moz-keyframes pace-3d-spinner {
		from {
			-moz-transform: rotateY(0deg);
		}
		to {
			-moz-transform: rotateY(360deg);
		}
	}

	@-ms-keyframes pace-3d-spinner {
		from {
			-ms-transform: rotateY(0deg);
		}
		to {
			-ms-transform: rotateY(360deg);
		}
	}

	@-o-keyframes pace-3d-spinner {
		from {
			-o-transform: rotateY(0deg);
		}
		to {
			-o-transform: rotateY(360deg);
		}
	}

	@keyframes pace-3d-spinner {
		from {
			transform: rotateY(0deg);
		}
		to {
			transform: rotateY(360deg);
		}
	}

/* --------------------------------------------------------------------------------- */
/* Breadcrumb
/* --------------------------------------------------------------------------------- */
 
	nav.breadcrumb {
		color: #ccc;
		margin: 0 0 2.15em 0;
	}

		nav.breadcrumb a {
			margin: 0 5px;
			text-decoration: none;
			color: #999;
		}

		nav.breadcrumb a:first-child {
			margin-left: 0;
		}

		nav.breadcrumb a:hover,
		nav.breadcrumb a:focus {
			color: #333;
		}

		nav.breadcrumb a:active {
			color: #666;
		}

		nav.breadcrumb strong {
			margin-left: 5px;
			font-weight: 600;
			color: #333;
		}	

/* --------------------------------------------------------------------------------- */
/* Search
/* --------------------------------------------------------------------------------- */

	form.search fieldset input[type="text"] {
		width: 82%;
		padding: 10px 14px;
		font-size: 18px;
		border: 1px solid #d2d8d8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	form.search fieldset input[type="text"]:focus {
		border-color: #6bb071;
	}

	form.search fieldset input[type="submit"] {
		padding: 10px 14px;
		font-size: 18px;
		color: #fff;
		border: none;
		cursor: pointer;
		background-color: #6bb071;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

		-webkit-font-smoothing: antialiased; 

		-webkit-transition-property: background;
		-moz-transition-property: background;
		-o-transition-property: background;
		transition-property: background;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
	}

	form.search fieldset input[type="submit"]:hover,
	form.search fieldset input[type="submit"]:focus {
		background-color: #476e4d; 
	}

	form.search fieldset input[type="submit"]:active {
		background: #666;
	}		

/* --------------------------------------------------------------------------------- */
/* Blog
/* --------------------------------------------------------------------------------- */

	.blog-detail article.video, 
	.blog-detail article.audio, 
	.blog-detail article.image, 
	.blog-list article.video, 
	.blog-list article.audio, 
	.blog-list article.image {
		margin-bottom: 4.30em;
	}

	/* article image */
		.article-image {
			margin-bottom: 2.15em
		}

			.article-image img {
				display: block;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}

			.article-header {
				margin-bottom: 2.15em
			}

			.article-date {
				display: block;
				margin-bottom: 0
			}		

			.article-title {
				margin-top: 0
			}

			.article-info {
				list-style: none;
				margin: 2.15em 0;
			}

			.article-info > li {
				display: inline-block;
				margin-right: 20px;
				font-size: 0.875em;
			}

			.article-info>li .fa {
				display: inline-block;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				position: relative;
				top: 1px;
				margin-right: 15px;
				font-size: 18px;
				color: #d0d0d0;
			}	

		/* tags */

			.article-info > li.tags span {
				float: left;
				margin: 0 10px 0 0;
				font-size: 0.875em;
			}

			.article-info > li.tags span a {
				padding: 5px 10px 6px 25px;
				font-weight: 600;
				color: #999;
				background: #F9F6E5 url(../img/tag-bg.png) no-repeat 0 50%;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				-webkit-transition: background-color .2s ease-in-out;
				-moz-transition: background-color .2s ease-in-out;
				transition: background-color .2s ease-in-out;
			}

			.article-info > li.tags span a:hover,
			.article-info > li.tags span a:focus {
				background-color: #6bb071;
				color: #fff
			}

			.article-info > li.tags span a:active {
				background-color: #ccc;
			}

	/* article video */	

		.article-video {
			margin-bottom: 2.15em
		}

			/* Responsive Video */	
			.embed-video {
				position: relative;
				padding-bottom: 53.9%;
				padding-top: 35px;
				height: 0;
				overflow: hidden;
			}	

			.embed-video iframe {
				position: absolute;
				top:0;
				left: 0;
				width: 100%;
				height: 100%;
			}	

	/* article video */	

		.article-audio {
			margin-bottom: 2.15em
		}

	/* sidebar */

		.sidebar-widget {
			margin-top: 2.15em;
		}	

		.sidebar-widget ul {
			list-style: none;
			margin: 0
		}

		#sidebar .widget-title {
			position: relative;
			margin-bottom: 1.15em;
			padding-left: 15px;
			font-size: 1.125em;
			font-weight: 800;
			text-transform: uppercase;
		}	

		#sidebar .widget-title:before {
			content: '';
			display: block;
			position: absolute;
			top: 5px;
			left: 0;
			width: 5px;
			height: 18px;
			background-color: #6bb071;
		}

		/* sidebar links */

			.sidebar-links .widget-content {
				padding-left: 20px;
				border-left: 1px solid  #e1e1e1;
			}

			.sidebar-links ul > li:first-child {
				margin-top: 0;
			}

			.sidebar-links ul > li {
				position: relative;
				margin-top: 5px;
				font-weight: 500
			}

			.sidebar-links ul > li:before {
				content: '';
				display: block;
				position: absolute;
				top: 12px;
				left: -20px;
				width: 10px;
				height: 2px;
				border-top: 1px solid #e1e1e1;
			}


		/* sidebar articles */

			.sidebar-articles ul > li:first-child {
				margin: 0;
				padding: 0;
				border: 0;
			}

			.sidebar-articles ul > li {
				margin-top: 12px;
				padding-top: 12px;
				border-top: 1px solid #e1e1e1;
			}

			.sidebar-articles .article-title {
				font-size: 1em;
				font-weight: 500
			}

			.sidebar-articles .article-date {
				font-size: 0.875em;
			}

		/* sidebar tags */

			.sidebar-tags ol.tags li {
				float: left;
				margin: 0 5px 10px 0;
				font-size: 0.675em;
			}
			.sidebar-tags ol.tags li a {
				float: left;
				padding: 5px 10px 6px 25px;
				font-weight: 600;
				color: #999;
				background: #F9F6E5 url(../img/tag-bg.png) no-repeat 0 50%;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				-webkit-transition: background-color .2s ease-in-out;
				-moz-transition: background-color .2s ease-in-out;
				transition: background-color .2s ease-in-out;
			}

			.sidebar-tags ol.tags li a:hover,
			.sidebar-tags ol.tags li a:focus {
				background-color: #6bb071;
				color: #fff
			}

			.sidebar-tags ol.tags li a:active {
				background-color: #ccc;
			}

		/* pagination */
			nav.page {
				padding: 2.15em 0;
				display: block;
			}

			nav.page ul {
				text-align: center;
			}
			nav.page ul li {
				display: inline;
				margin: 0 4px 0 0;
			}
			nav.page ul li a {
				padding: 10px 15px;
				border: 1px solid #ddd;
				background: #fff;
				border-radius: 4px;
			}
			nav.page ul li a:hover,
			nav.page ul li a:focus {
				background-color: #6bb071;
				border-color: #ccc;
				color: #fff;
			}
			nav.page ul li a:active {
				background-color: #6bb071;
				border-color: #ddd;
			}

		/* article navigation */

			.article-navigation {
				margin-top: 2.15em;
				list-style: none;
			}

			.article-navigation:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}

				.article-navigation .prev {
					float: left;
					width: 50%;
					margin-bottom: 24px;
				}	

				.article-navigation .next {
					float: right;
					width: 50%;
					margin-bottom: 24px;
					text-align: right;
				}

					.article-navigation h5 {
						color: #333;
						text-transform: uppercase;
					}	

		/* article author */

			.article-author{
				margin-top: 2.15em
			}

			.article-author:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}
			.article-author .title {
				position: relative;
				margin-bottom: 1.15em;
				padding-left: 15px;
				font-size: 1.125em;
				font-weight: 800;
				text-transform: uppercase;
			}	

			.article-author .title:before {
				content: '';
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 5px;
				height: 18px;
				background-color: #6bb071;
			}

			.article-author .author-inner {
				position: relative;
				padding: 24px 0 24px 140px;
				min-height: 158px;
				border: 1px solid #e1e1e1;
				border-width: 1px 0;
			}

			.article-author .author-portrait {
				position: absolute;
				top: 24px;
				left: 0;
				padding: 5px;
				width: 110px;
				height: 110px;
				border-radius: 50%;
			}

			.article-author .author-portrait > span {
				display: block;
				padding-bottom: 100%;
				width: 100px;
				height: 0;
				border-radius: 50%;
				overflow: hidden;
			}

			.article-author .author-portrait {
				background-color: #6bb071;
			}

			.article-author .author-name {
				margin: 6px 0 12px 0;
				font-weight: 800;
				text-transform: uppercase;
				font-size: 1em
			}

			.article-author .author-social {
				margin-top: 12px;
				font-size: 1.25em;
				list-style: none;
			}

			.article-author .author-social>li {
				display: inline-block;
				margin-right: 5px;
			}

		/* article related */

			.article-related {
				margin-top: 2.15em
			}

			.article-related:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}
			.article-related .title {
				position: relative;
				margin-bottom: 1.15em;
				padding-left: 15px;
				font-size: 1.125em;
				font-weight: 800;
				text-transform: uppercase;
			}	

			.article-related .title:before {
				content: '';
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 5px;
				height: 18px;
				background-color: #6bb071;
			}

			.article-related .article-image {
				margin-bottom: 1.15em
			}

			.article-related article {
				margin: 0 auto 24px auto;
				max-width: 320px;
			}

			.article-related h3 {
				font-size: 1.25em;
				font-weight: 500;
			}

			.article-related article .article-image a {
				display: block;
				border: 0;
				display: block;
				position: relative;
				overflow: hidden;
				-webkit-transform: translate3d(0, 0, 0);
			}

			.article-related article .article-image a:before {
				background-color: #6bb071;
			}

			.article-related article .article-image a:before {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 20;
				opacity: 0;
				filter: alpha(opacity=0);
				-webkit-transition: all 700ms ease-in-out;
				-moz-transition: all 700ms ease-in-out;
				-ms-transition: all 700ms ease-in-out;
				-o-transition: all 700ms ease-in-out;
				transition: all 700ms ease-in-out;
			}

			.article-related article .article-image a img {
				z-index: 10;
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-ms-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1);
				-webkit-transition: all 1500ms ease-in-out;
				-moz-transition: all 1500ms ease-in-out;
				-ms-transition: all 1500ms ease-in-out;
				-o-transition: all 1500ms ease-in-out;
				transition: all 1500ms ease-in-out;
				-webkit-transform: translate3d(0, 0, 0);

				top: 0;
				left: 0;
			}

			.article-related article .article-image a:hover img {
				-webkit-transform: scale(1.2) translate(-5px, -5px);
				-moz-transform: scale(1.2) translate(-5px, -5px);
				-ms-transform: scale(1.2) translate(-5px, -5px);
				-o-transform: scale(1.2) translate(-5px, -5px);
				transform: scale(1.2) translate(-5px, -5px);
			}

			.article-related article .article-image a:after {
				content: "\f067";
				display: block;
				position: absolute;
				top: 50%;
				left: 0;
				color: #fff;
				margin-top: -10px;
				width: 100%;
				font-size: 24px;
				text-align: center;
				z-index: 30;
				opacity: 0;
				filter: alpha(opacity=0);
				display: inline-block;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				-webkit-transition: all 700ms ease-in-out;
				-moz-transition: all 700ms ease-in-out;
				-ms-transition: all 700ms ease-in-out;
				-o-transition: all 700ms ease-in-out;
				transition: all 700ms ease-in-out;
			}

			.article-related article .article-image a:hover:after, 
			.article-related article .article-image a:hover:before {
				opacity: 1;
				filter: alpha(opacity=100);
			}

		/* article related */

			.article-comments {
				margin-top: 2.15em
			}

			.article-comments:after {
				display: table;
				clear: both;
				height: 0;
				content: '';
			}
			.article-comments .title {
				position: relative;
				margin-bottom: 1.15em;
				padding-left: 15px;
				font-size: 1.125em;
				font-weight: 800;
				text-transform: uppercase;
			}	

			.article-comments .title:before {
				content: '';
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 5px;
				height: 18px;
				background-color: #6bb071;
			}

				.article-comments .comment-list {
					list-style: none;
					margin-top: 4.30em
				}

					.article-comments .comment-list .comment {
						position: relative;
						padding-left: 130px;
					}

					.article-comments .comment-list .comment-list {
						margin: 4.30em 0 0 8.60em;
					}


						.article-comments .comment-list .comment-portrait {
							position: absolute;
							top: 0;
							left: 0;
							width: 100px;
							height: 100px;
							border-radius: 50%;
							overflow: hidden;
						}

						.article-comments .comment-list > li {
							margin-top: 4.30em
						}

						.article-comments .comment-list > li:first-child {
							margin: 0;
						}


						.article-comments .comment-list .comment-list > li:first-child {
							margin-top: 0;
						}

						.article-comments .comment-list .comment {
							position: relative;
							padding-left: 130px;
						}

						.article-comments .comment-list .comment-author {
							margin-bottom: 12px;
							font-size: 0.875em;
							text-transform: uppercase;
							font-weight: 700
						}

						.article-comments .comment-list .comment-content {
							font-size: 0.875em;
						}

						.article-comments .comment-list .comment-info {
							margin-top: 12px;
							padding-top: 10px;
							font-size: 0.875em;
							border-top: 1px solid #e1e1e1;
						}

						.article-comments .comment-list .comment-info {
							margin-top: 12px;
							padding-top: 10px;
							font-size: 0.875em;
							border-top: 1px solid #e1e1e1;
						}
						.article-comments .comment-list .comment-date {
							float: left;
							font-size: 0.875em;
							font-weight: 600
						}

						.article-comments .comment-list .comment-date:before, 
						.article-comments .comment-list .comment-reply:before {
							position: relative;
							top: 1px;
							margin-right: 7px;
							font-size: 16px;
							display: inline-block;
							font-family: FontAwesome;
							font-style: normal;
							font-weight: normal;
							color: #d0d0d0;
							line-height: 1;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
						}

						.article-comments .comment-list .comment-date:before {
							content: '\f017';
						}

						.article-comments .comment-list .comment-reply {
							float: right;
							border: 0;
							text-transform: uppercase;
							font-size: 0.875em;
							font-weight: 700
						}

						.article-comments .comment-list .comment-reply:before {
							content: '\f112';
							-webkit-transition: color 300ms ease-in-out;
							-moz-transition: color 300ms ease-in-out;
							-ms-transition: color 300ms ease-in-out;
							-o-transition: color 300ms ease-in-out;
							transition: color 300ms ease-in-out;
						}

						.article-comments .comment-list .comment-info:after {
							display: table;
							clear: both;
							height: 0;
							content: '';
						}
					
					/* article comment form */

						.article-comment-form {
							margin-top: 4.30em
						}		

						.article-comment-form .title {
							position: relative;
							margin-bottom: 1.15em;
							padding-left: 15px;
							font-size: 1.125em;
							font-weight: 800;
							text-transform: uppercase;
						}	

						.article-comment-form .title:before {
							content: '';
							display: block;
							position: absolute;
							top: 5px;
							left: 0;
							width: 5px;
							height: 18px;
							background-color: #6bb071;
						}

						.article-comment-form textarea {
							height: 250px;
						}

/* --------------------------------------------------------------------------------- */
/* Contact
/* --------------------------------------------------------------------------------- */
	/* map */

		#google-container {
			position: relative;
			width: 100%;
			height: 200px;
			background-color: #6bb071;
			height: 600px;
		}

		#google-map {
			position: relative;
		}

		#google-map address {
			position: absolute;
			width: 100%;
			bottom: 0;
			left: 0;
			padding: 1em;
			background-color: #6bb071;
			color: white;
			text-align: center;
		}

		#google-zoom-in, 
		#google-zoom-out {
			height: 32px;
			width: 32px;
			cursor: pointer;
			margin-left: 4em;
			background-color: #6bb071;
			background-repeat: no-repeat;
			background-size: 32px 64px;
			background-image: url("../img/icon-controller.svg");
		}

		.no-touch #google-zoom-in:hover, 
		.no-touch #google-zoom-out:hover {
			background-color: #6bb071;
		}

		#google-zoom-in {
			background-position: 50% 0;
			margin-top: 4em;
			margin-bottom: 1px;
		}

		#google-zoom-out {
			background-position: 50% -32px;
		}

	/* contact form */

		.contact .cd-form {
			padding: 0;
		}

		.contact-form .title,
		.contact .title {
			position: relative;
			margin-bottom: 1.15em;
			padding-left: 15px;
			font-size: 1.125em;
			font-weight: 800;
			text-transform: uppercase;
		}	

		.contact-form .title:before,
		.contact .title:before {
			content: '';
			display: block;
			position: absolute;
			top: 5px;
			left: 0;
			width: 5px;
			height: 18px;
			background-color: #6bb071;
		}

		.contact-form textarea {
			height: 250px;
						}


/* --------------------------------------------------------------------------------- */
/* Progress
/* --------------------------------------------------------------------------------- */

	.bean-skills p { 
		margin-bottom: 20px; 
	}

	ul.bean-skillset {
		float: left;
		width: 100%;
		margin: 0
	}

	.skill-percent { 
		float: right; 
	}

	li.skill-bar {
		background-color: #7BC673;
		color: #FFF;
		margin-bottom: 1em;
		padding: 6px 15px;
		width: 300px;	
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
		   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
			    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);        
		}

/* --------------------------------------------------------------------------------- */
/* Team
/* --------------------------------------------------------------------------------- */

	.team .col {
		margin-bottom: 2.15em;
	}

	.team .team-content h4 {
		margin-top: 1.5em;
		margin-bottom: 0;
		font-size: 1.15em;
		font-weight: 500
	}

	.team .team-content .lead {
		font-size: 0.875em
	}

	.team figure {
		position: relative;
		display: inline-block;
		overflow: hidden;
		width: 100%;
	}

	/** Hexagon Mask **/
	.team figure:before {
		z-index: 3;
		position: absolute;
		display: block;
		content: '';
		top: 0; 
		left: 0;
		width: 100%; 
		height: 100%;
		pointer-events: none;
	}
	.team figure img {
		display: block;
		width: 100%; 
		height: 100%;
	}

	/** Contact Links **/
	.team figure .contact {
		z-index: 2;
		position: absolute;
		display: block;
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0;
	}

	.team .contact a {
		color: #fff;
		display: block;
		line-height: 200px;
		text-align: center;
		font-size: 1.8em
	}

	.team figure .contact a {
		position: absolute;
		display: block;
		width: 50%; height: 50%;
		background-repeat: no-repeat;
		transition: all .25s ease-in-out;
	}

	.team figure .contact .tw {
		top: 0; 
		left: 0;
		background-color: rgba(0, 172, 238, .7);
		background-position: 30px 32px;
		transform: translate(-100%, -100%);
		-webkit-transform: translate(-100%, -100%);
		-moz-transform: translate(-100%, -100%);
		-o-transform: translate(-100%, -100%);
		-ms-transform: translate(-100%, -100%);
	}

		.team figure .contact .tw:hover {
			background-color: rgba(0, 172, 238, 1);
		}

	.team figure .contact .fb {
		top: 0; 
		right: 0;
		background-color: rgba(59, 89, 152, .7);
		background-position: -42px 32px;
		transform: translate(100%, -100%);
		-webkit-transform: translate(100%, -100%);
		-moz-transform: translate(100%, -100%);
		-o-transform: translate(100%, -100%);
		-ms-transform: translate(100%, -100%);
	}

		.team figure .contact .fb:hover {
			background-color: rgba(59, 89, 152, 1);
		}

	.team figure .contact .gp {
		bottom: 0; 
		left: 0;
		background-color: rgba(221, 75, 57, .7);
		background-position: 30px -40px;
		transform: translate(-100%, 100%);
		-webkit-transform: translate(-100%, -00%);
		-moz-transform: translate(-100%, 100%);
		-o-transform: translate(-100%, 100%);
		-ms-transform: translate(-100%, -00%);
	}

		.team figure .contact .gp:hover {
			background-color: rgba(221, 75, 57, 1);
		}

	.team figure .contact .ma {
		bottom: 0; 
		right: 0;
		background-color: rgba(153, 153, 153, .7);
		background-position: -42px -40px;
		transform: translate(100%, 100%);
		-webkit-transform: translate(100%, 100%);
		-moz-transform: translate(100%, 100%);
		-o-transform: translate(100%, 100%);
		-ms-transform: translate(100%, 100%);
	}

		.team figure .contact .ma:hover {
			background-color: rgba(153, 153, 153, 1);
		}

	.team figure:hover .contact a {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
	}

/* --------------------------------------------------------------------------------- */
/* Gallery
/* --------------------------------------------------------------------------------- */
	
	.gallery .row {
		margin-bottom: 2.15em
	}

	.gallery figure {
		position: relative;
		display: inline-block;
		overflow: hidden;
		width: 100%;
	}

	/** Hexagon Mask **/
	.gallery figure:before {
		z-index: 3;
		position: absolute;
		display: block;
		content: '';
		top: 0; 
		left: 0;
		width: 100%; 
		height: 100%;
		pointer-events: none;
	}
	.gallery figure img {
		display: block;
		width: 100%; 
		height: 100%;
	}

/* --------------------------------------------------------------------------------- */
/* Media Queries
/* --------------------------------------------------------------------------------- */


/* Kindle landscape · width: 1024px */
/* iPad landscape · width: 1024px */

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

	/* Services */
		.services .services-right .fa {
			font-size: 2.15em
		}

		.services-grid .services-title,
		.services-grid .services-intro-text {
			font-size: 0.75em
		}

		.services-grid .services-intro-text {
			font-weight: 500
		}

	/* Portfolios Page */
		.portfolios-box {
			width: 215px;
			height: 215px;
			margin-right: auto;
			margin-left: auto;
			 
		}

	/* Footer */

		.footer-logo {
			left: 45.5%;
		}

	/* Portfolio Item */

		.portfolios-item .col {
			margin-left:0;
		}

		.portfolios-item .span-1,
		.portfolios-item .span-2,
		.portfolios-item .span-3,
		.portfolios-item .span-4,
		.portfolios-item .span-5,
		.portfolios-item .span-6,
		.portfolios-item .span-7,
		.portfolios-item .span-8,
		.portfolios-item .span-9,
		.portfolios-item .span-10,
		.portfolios-item .span-11,
		.portfolios-item .span-12 {
			width:100%;
			margin-bottom: 2%;
		}

		.portfolio-item-small {
			height: 830px;
		}

		.portfolio-item li img {
			width: 100%;
		}

		.portfolio-item-small nav a {
			top: 100%;
			-webkit-transform: translateY(0%);
			transform: translateY(0%);
		}

		.portfolio-item-small nav a.prev {
			left: 50%;
			margin-left: -60px;
		}

		.portfolio-item-small nav a.next {
			right: auto;
			left: 50%;
		}

	/* Team */

		.team .contact a {
			line-height: 125px
		}


	}

/* iPad portrait · width: 768px */

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

	/*Grid System*/

		.col {
			margin-left:0;
		}

		.row {
			margin:0;
		}

		.span-1,
		.span-2,
		.span-3,
		.span-4,
		.span-5,
		.span-6,
		.span-7,
		.span-8,
		.span-9,
		.span-10,
		.span-11,
		.span-12 {
			width:100%;
			margin-bottom: 2%;
		}

	/* Typography */

		h1 {font-size: 2.6em;}

		h2 {font-size: 2em;}

		h3 {font-size: 1.5em;}

		h4 {font-size: 1.1em;}
  
		p {font-size: 0.889em;}

		.lead {
			font-size: 1.25em
		} 

	/* Utility */

		.at-float-left, 
		.at-float-right { 
			float: none; 
		}
	
		section {
			text-align: center;

		}

	/* Services */

		.services .container {
			width: 100%;
		}

		.services .col {
			margin: 0;
			text-align: center;
		}

		.services .services-left {
			background-color: #F9F6E5;
		}
		.services-grid li {
			width: 100%;
		}

		.services-grid li:nth-child(-n+2){
			border-top: 1px solid #F9F6E5;
		}

		.services-grid li:nth-child(2n-1) {
			box-shadow: none
		}

		.services-grid li:first-child {
			border-top: none;
		}

		.services .services-left,
		.services .services-left .our-services {
			min-height: 460px;
			padding: 0 2em;
		}

		.services .services-left {
			text-align: center;
		}

		.services .services-left .middle .line {
			margin-left: auto;
			margin-right: auto
		}

		.services .services-right .fa {
			font-size: 3em
		}

		.services-grid .services-title,
		.services-grid .services-intro-text {
			font-size: 1em
		}

	/* Portfolios Page */

		.portfolios .span-3 {
			width: 46% !important;
			float: left;
		}
		.portfolios-box {
			width: 300px;
			height: 300px;
			margin-bottom: 2em;
		}

		.portfolios .col {
			margin-left:2% !important;
		}

		.portfolios .col:last-child {
			margin-right:0;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 620px;
		}

		.portfolio-item li img {
			width: 97%;
		}

	/* Video Block */
		.video-block img {
			width: 100%;
			margin-bottom: 2.15em
		}

		.video-block .line {
			margin-left: auto;
			margin-right: auto
		}

	/* Latest News */

		.grid li {
			width: 280px;
		}

	/* Footer */

		.footer-logo {
			left: 44.5%;
		}

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

		.footer ul {
			list-style: none;
		}

		.footer .col {
			text-align: center;
			margin-bottom: 2.15em
		}

			/* Social Links */
			.social-links {
				border: none;
			}

			.social-links .col {
				border: 1px solid #7EBF84;
				width: 23%;
				margin-bottom: 0
			}

			.social-links .col:nth-last-child(1) {
				border-right: 1px solid #7EBF84;
			}

	/* Breadcrumb */

		nav.breadcrumb {
			font-size: 0.75em;
			text-align: left;
			margin: 0 0 2.15em 1em;
		}

	/* blog article */

			.article-info > li {
				margin-bottom: 1em;
			}

			.article-info > li.tags span {
				margin: 0 10px 15px 0;
			}

			.article-author .author-inner {
				padding: 1em 0
			}

			.article-author .author-portrait {
				position: relative;
				margin: 0 auto
			}

			.article-author .author-name {
				margin-top: 2.15em;
				text-align: center;
			}

			.article-author .author-social {
				text-align: center;
			}

			.article-comments .comment-list .comment-portrait {
				position: relative;
			}

			.article-comments .comment-list .comment {
				padding-left: 0
			}

			.article-comments .comment-list .comment-list {
				margin: 4.30em 0 0 1em
			}

			.article-comment-form {
				padding: 0;
				margin-bottom: 2.15em
			}

	/* Team */

		.team .contact a {
			line-height: 400px;
			font-size: 2.15em
		}

	/* Map */

		#google-map address {
			font-size: 15px;
			font-size: 0.9375rem;
			text-align: center;
		}

		#google-container {
			height: 300px;
		}

		#google-zoom-in {
			margin-top: 50px;
		}
			
		#google-zoom-in, #google-zoom-out {
			margin-left: 50px;
		}

		
	}

/* Kindle portrait · width: 600px */
/* Android (Nexus 4) landscape · width: 600px */

	@media only screen and (max-width: 600px) {
		
	/* Typography */

		h1 {font-size: 2em;}

		h2 {font-size: 1.8em;}

		.lead {
			font-size: 1em
		} 

	/* Main Slider */

		.slider-content {
			padding: 0 2em;
		}

	/* Promo */

		.promo {
			padding: 0 2em;
		}

	/* Portfolios Page */
		.portfolios .span-3 {
			width: 100% !important;
			float: none;
		}
		.portfolios-box {
			width: 338px;
			height: 338px;
			margin-bottom: 2em;
		}

		.portfolios .col {
			margin-left: 0 !important;
		}

		.portfolios .col:last-child {
			margin-right:0;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 480px;
		}

		.portfolio-item li img {
			width: 100%;
		}

	/* Video Block */

		.video-block {
			padding: 0 2em;
		}

	/* Latest News */

		.news-grid li {
			width: 360px;
		}

	/* Testimonials */

		.testimonials {
			padding: 0 2em;
		}

	/* Footer */

		.footer-logo {
			left: 42%;
		}

	/* Team */

		.team .contact a {
			line-height: 320px;
		}

	/* Menu fix */

		.canvas-menu-fix{ 
			width: 240px;
			position: relative !important; 
		}

	}


/* iPhone 5 landscape · width: 568px */

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

/* iPhone 3+4 landscape · width: 480px */

	@media only screen and (max-width: 480px) {
	
	/* Services */	
		.services .services-left,
		.services .services-left .our-services {
				padding: 0 1.15em;
			}


	/* Footer */

		.footer-logo {
			left: 40%;
		}

	/* Buttons */

		.btn-large {
			padding: 0 1em;
			line-height: 2.5;
			font-size: 1em
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 400px;
		}

	/* Team */

		.team .contact a {
			line-height: 250px;
		}


	}
 
/* Android (Nexus 4) portrait · width: 384px */

	@media only screen and (max-width: 384px) {
		
	/* Main Slider */
		.main-slider-fullwidth {
			height: 480px;
		}
		.main-slider-fullwidth .slider-content {
			padding: 1em
		}

		.main-slider nav a {
			width: 40px;
			height: 40px;
			line-height: 40px;
			font-size: 21px;
		}

	/* Video Block */

		.video-block {
			padding: 0 .3em;
		}

	/* Latest News */

		.news-grid li {
			width: 335px;
		}

	/* Footer */

		.footer-logo {
			left: 38%;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 320px;
		}

	/* Team */

		.team .contact a {
			line-height: 200px;
		}

	}

/* Crappy Android landscape · width: 320px */
/* iPhone 5 portrait · width: 320px */
/* iPhone 3+4 portrait · width: 320px */

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

	/* Typography */

		h1 {font-size: 1.4em;}

		h2 {font-size: 1em;}

		.lead {
			font-size: 0.75em
		} 

	/* Portfolios */
		.portfolios-box {
			width: 270px;
			height: 270px;
		}

	/* Latest News */

		.news-grid li {
			width: 280px;
		}

	/* Footer */

		.footer-logo {
			left: 35%;
		}

	/* Signin Signup */

		.cd-user-modal-container .cd-switcher a {
			height: 30px;
			line-height: 30px;
			font-size: .75em
		}

		input[type="text"], input[type="email"], textarea, 
		.cd-form .hide-password {

			font-size: 0.75em;
			font-weight: 500
		}

		.option-container label {
			font-size: .90em;
		}

		.cd-form input[type=submit] {
			padding: 5px;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 240px;
		}

		.portfolio-item nav a {
			width: 40px;
			height: 40px;
		}

		.portfolio-item nav a::before {
			font-size: 40px
		}

		.portfolio-item-small nav a.prev {
			margin-left: -40px
		}

	/* Team */

		.team .contact a {
			line-height: 160px;
		}
		
	}

/* Crappy Android portrait · width: 240px */

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

	/* Footer */

		.footer-logo {
			left: 31%;
		}

	/* Latest News */
		
		.news-grid li {
			width: 200px
		}

	/* Navigation */

		.navigation-btn {
			float: none;
			margin: 1em 0 0 0;
			text-align: center;
		}

	/* Promo */

		.promo {
			padding: 0 .5em;
		}

	/* Typography */
		h3 {font-size: 1.1em;}
		h4 {font-size: 1em;}

	/* Services */	

		.services .services-left,
		.services .services-left .our-services {
			padding: 1.15em 0.5em;
		}

	/* Portfolios */

		.portfolios-box {
			width: 200px;
			height: 200px;
		}

	/* Buttons */

		.btn-large {
			padding: 0 1em;
			font-size: .75em
		}

	/* Testimonials */

		.testimonials {
			padding: 0 1em;
		}

	/* Portfolio Item */

		.portfolio-item-small {
			height: 180px;
		}

	/* Team */

		.team .contact a {
			line-height: 120px;
			font-size: 1.4em
		}
		
	}