/* === BASE ===
@import url("base/base.css");
*/

/* === #00 - BOX SIZING TO ALL === */
html {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
*, *:before, *:after {
	-moz-box-sizing:inherit;
	-webkit-box-sizing:inherit;
	box-sizing:inherit;
}

/* === #01 - ELEMETS === */
a,abbr,acronym,address,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {
	margin:0;
	padding:0;
	vertical-align:baseline;
	outline:0;
	font-size:100%;
	background:0 0;
	border:none;
	text-decoration:none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display:block;
}
b,center,font,hr,i,layer,menu,s,strike,u,xmp {
	margin:0;
	padding:0;
	vertical-align:baseline;
	outline:0;
	font-size:100%;
	font-weight:400;
	font-style:normal;
	background:0 0;
	border:none;
	text-decoration:none;
}
hr {
	background-color: #ccc;
	height: 1px;
	border: 0;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:400;
	line-height:1.2em;
}
h1 {
	font-size:1.8em;
}
h2 {
	font-size:1.7em;
}
h3 {
	font-size:1.55em;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.25em;
}
h6 {
	font-size:1.1em;
}
/* List */
ol,ul {
	list-style:none;
}
ul {
	list-style:disc;
	margin-left: 3em;
}
ol {
	list-style-type:decimal;
	margin-left: 3em;
}
ol ol {
	list-style:upper-roman;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:upper-alpha;
}
ol ol ol ol ol {
	list-style:lower-alpha;
}
ol ol,ol ul,ul ol,ul ul {
	margin-bottom:0;
}
/* Definitions */
dl dt {
	font-weight:700;
	margin:0;
	margin:0;
}
dl dd {
	margin:0;
	margin:0;
}
/* Style */
strong {
	font-weight:700;
}
strong strong {
	font-weight:400;
}
cite,em {
	font-style:italic;
}
cite cite,em em {
	font-style:normal;
}
abbr[title],acronym[title],time[title] {
	cursor:help;
}
big {
	font-size:120%;
}
small,sub,sup {
	font-size:80%;
}
sup {
	vertical-align:baseline;
	position:relative;
	bottom:.3em;
}
sub {
	vertical-align:baseline;
	position:relative;
	top:.3em;
}
/* Address */
address {
	font-style:italic;
}
dd address,li address {
	margin:0;
}
/* Blockquote */
blockquote,q{
	font-style:normal;
	quotes:none;
	margin: 0;
}
blockquote cite,blockquote em {
	font-style:italic;
}
blockquote:after,blockquote:before,q:after,q:before {
	content:'';
	content:none;
}
/* Link */
a {
	cursor:pointer;
}
/* Preformatted, Code */
pre {
	word-wrap: normal;
	overflow:auto;
	font:1em Monaco,monospace,Courier,"Courier New";
	padding: 1.5em;
	line-height: 1.5em;
	background-size: 3em 3em;
	background-image: linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
}
code {
	font:1em Monaco,monospace,Courier,"Courier New";
}
pre code {
	font-size:1em;
	line-height: 1.5em;
	background: transparent;
}
/* Delete, Insert */
dfn,ins {
	font-style:italic;
	text-decoration:none;
}
ins {
	color:#008000;
}
del,s,strike {
	text-decoration:line-through;
}
del {
	color:#FF0000;
}
/* Form */
form label {
	cursor:pointer;
}
:focus {
	outline:0;
}
fieldset{
	width: 100%;
	max-width: 100%;
	padding: 1em;
	border: 1px solid #ccc;
}
legend{
	border: 1px solid #ccc;
	padding: 0 0.5em;
}
input, textarea, select, button{
	font: inherit;
	color: inherit;
	display: block;
	padding: 5px;
	padding: 0.5rem;
	margin: 0 0 10px 0;
	margin: 0 0 1rem 0;
	width: 100%;
	max-width: 100%;
	border: 1px solid #ccc;
	background: #fff;
}
optgroup{
	font: inherit;
	font-weight: 600;
}
input:focus, input:active,
textarea:focus, textarea:active,
select:focus, select:active{
	border: 1px solid #aaa;
	background: #fff;
}
input[type="checkbox"],
input[type="radio"]{
	width: auto;
	min-width: inherit;
	display: inline;
}
input[type="range"]{
	margin: 0;
}
input[type="color"]{
	height: 2.5em;
	width: 3em;
	min-width: 0;
	cursor: pointer;
}
input[type="file"]{
	cursor: pointer;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.button{
	width: auto;
	min-width: inherit;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px 10px;
	padding: 0.4rem 1rem;
	cursor: pointer;
	display: inline;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus{
	border: 1px solid #aaa;
}
optgroup{
	max-width: 100%;
	font-style: normal;
}
/* Table */
table {
	border-collapse:collapse;
	border-spacing:0;
	line-height: 1.7em;
	width: 100%;
	border: 1px solid #ccc;
}
table caption{
	font-size: 1.2em;
}
td,th {
	text-align:left;
	border: 1px solid #ccc;
	padding: 0.5em;
}
th{
	font-weight: 600;
}
td {
}


/* === #02 - ALIGNMENT === */
.alignleft,.left {
	float:left;
}
.alignright,.right {
	float:right;
}
.aligncenter,.center {
	display:block;
}
.alignnone,.block {
	clear:both;
}
.clear {
	clear:both;
}


/* ========================= */
/* === #03 - IMAGES & MEDIA === */
img {
	max-width:100%;
	height:auto;
}
img.wp-smiley {
	max-height:1em;
	margin:0;
	padding:0;
	border:none;
}
img.no-border {
	box-shadow:none!important;
	border:none!important;
}
img.alignleft,img.alignright {
	display:inline;
}
a img {
	max-width:100%;
	height:auto;
	border:none;
}
a img.alignnone {
	display:block;
}

.wp-caption {
	max-width:100%;
}
.wp-caption-text,
.wp-caption-dd{
	font: inherit;
	text-align: left;
	margin-bottom: 0;
	padding: 0;
}
.html5-captions .wp-caption,
.wp-caption{
	padding: 10px;
	padding: 1rem;
	background: #fff;
	border: 1px solid #ccc;
}
iframe{
	max-width: 100%;
}

/* ========================= */

/* === #04 - HTML & BODY === */
html {
	font-size:62.5%;
}
body {
	font-family: 'Open Sans','Trebuchet MS', sans-serif;
	font-size:16px;
	font-size:1.6rem;
	font-size:1.6em; /* chrome fix */
	line-height:1.6em;
	color: #444;
}
	/* Editor Style */
	body#tinymce {
		font-family: 'Open Sans','Trebuchet MS', sans-serif;
		background: #fff;
		color: #444;
		margin: 20px;
		border: none;
		max-width: 100%;
	}
#container{
	word-wrap: break-word;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/* Admin Bar Fix */
.adminbar-input{
	display: inline;
	background: none;
}


/* === #05 - UTILLITY === */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* JS */
.js .hide-if-js,
.no-js .hide-if-no-js{
	display: none;
}


/* === #06 - GALLERY === */
body#tinymce  .wpview-wrap .toolbar div,
body#tinymce  #wp-image-toolbar div{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
body#tinymce .gallery{
	padding: 10px;
	margin-bottom: 0;
}
.gallery {
	font-size: 0;
	display:block;
	clear:both;
	margin: 0;
	overflow:hidden;
	width: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
	.gallery .gallery-item {
		position: relative;
		margin:0;
		padding: 1px;
		border:none;
		float:none;
		overflow:hidden;
		display: inline-block;
		vertical-align: top;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		.gallery .gallery-item .gallery-icon img {
			width:100%;
			height:auto;
			margin:0 auto;
			display: block;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}
		.gallery .gallery-item .gallery-icon a img:hover,
		.gallery .gallery-item .gallery-icon a img:focus {
			opacity: 0.8;
		}
		.gallery .gallery-item .gallery-caption {
			font-size: 14px;
			font-size: 1.4rem;
			display: block;
			position: absolute;
			bottom: 0;
			height: 3em;
			line-height: 2em;
			width: 100%;
			padding: 0.5em;
			margin: 0;
			text-align: center;
			vertical-align: top;
			background: rgba(255, 255, 255, 0.8);
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}
.gallery-columns-0 .gallery-item,
.gallery-columns-1 .gallery-item  { width:100%;  }
.gallery-columns-2 .gallery-item  { width:50%;   }
.gallery-columns-3 .gallery-item  { width:33.33%;}
.gallery-columns-4 .gallery-item  { width:25%;   }
.gallery-columns-5 .gallery-item  { width:20%;   }
.gallery-columns-6 .gallery-item  { width:16.66%;}
.gallery-columns-7 .gallery-item  { width:14.28%;}
.gallery-columns-8 .gallery-item  { width:12.5%; }
.gallery-columns-9 .gallery-item  { width:11.11%;}
.gallery-columns-10 .gallery-item { width:10%;   }
.gallery-columns-11 .gallery-item { width:9.09%; }
.gallery-columns-12 .gallery-item { width:8.33%; }
.gallery-columns-13 .gallery-item { width:7.69%; }
.gallery-columns-14 .gallery-item { width:7.14%; }
.gallery-columns-15 .gallery-item { width:6.66%; }
.gallery-columns-16 .gallery-item { width:6.25%; }
.gallery-columns-17 .gallery-item { width:5.88%; }
.gallery-columns-18 .gallery-item { width:5.55%; }
.gallery-columns-19 .gallery-item { width:5.26%; }
.gallery-columns-20 .gallery-item { width:5%;    }
.gallery-columns-21 .gallery-item { width:4.76%; }
.gallery-columns-22 .gallery-item { width:4.54%; }
.gallery-columns-23 .gallery-item { width:4.34%; }
.gallery-columns-24 .gallery-item { width:4.16%; }
.gallery-columns-25 .gallery-item { width:4%;    }
.gallery-columns-26 .gallery-item { width:3.84%; }
.gallery-columns-27 .gallery-item { width:3.7%;  }
.gallery-columns-28 .gallery-item { width:3.57%; }
.gallery-columns-29 .gallery-item { width:3.44%; }
.gallery-columns-30 .gallery-item { width:3.33%; }


/* === #07 - 20px RESET === */
hr,h1,h2,h3,h4,h5,h6,figure,p,ul,ol,dl,address,pre,object,fieldset,table,table caption,hr,
.block,.gallery,.html5-captions .wp-caption,.wp-caption{
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
.alignleft,.html5-captions .wp-caption.alignleft,.wp-caption.alignleft,.left {
	margin: 0 20px 20px 0;
	margin: 0 2rem 2rem 0;
}
.alignright,.html5-captions .wp-caption.alignright,.wp-caption.alignright,.right {
	margin: 0 0 20px 20px;
	margin: 0 0 2rem 2rem;
}
.aligncenter,.html5-captions .wp-caption.aligncenter,.wp-caption.aligncenter,.center {
	margin: 0 auto 20px;
	margin: 0 auto 2rem;
}


/* === #08 - WP EDITOR (front-end) === */
.wp-editor-wrap{
	margin-bottom: 20px;
	margin-bottom: 2rem;
	max-width: 100%;
}
.wp-editor-wrap button:hover,
.wp-editor-wrap button:focus{
	border: none;
}
.wp-editor-container{
	background: #fff;
	border: 1px solid #e5e5e5
}
.wp-switch-editor,
.wp-core-ui .button-group.button-small .button,
.wp-core-ui .button.button-small{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.wp-editor-container textarea.wp-editor-area:active,
.wp-editor-container textarea.wp-editor-area:focus{
	border: none;
}
.howto {
	color: #666;
	display: block;
	font-style: italic;
}
#wp-link{
	font-size: 13px;
	font-size: 1.3rem;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#wp-link input[type="text"],
#wp-link input[type="checkbox"]{
	display: inline;
	padding: 0;
	margin-bottom: 0;
	border: 1px solid #ddd;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* === #09 - ACCESSIBILITY === */
.screen-reader-text,
.assistive-text{
	position: absolute;
	left: -9999em;
	top: -9999em;
}
.skip-link{
	margin: 0 auto;
	text-align: center;
}
.skip-link .screen-reader-text:focus{
	position: inherit;
	left: auto;
	top: auto;
	padding: 10px 20px;
	padding: 1rem 2rem;
	border: 1px solid red;
	background: #fff;
}



/* === BASE MENUS ===
@import url("base/menus.css");
*/

/* Default */
.menu-container{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1em;
	min-height: 50px; /* 16 px font size; 16x2 px padding. 1x2 px border. */
	min-height: 5rem;
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.menu-container ul{
	margin:0;
	padding:0;
	list-style:none;
}
.menu-container li{
	float: left;
	position: relative;
}
.menu-container li a{
	padding: 16px;
	padding: 1.6rem;
	text-decoration: none;
	display: block;
	border-right: 1px solid #ccc;
}
.menu-container li li a{
	background: #fff;
}
.menu-container li a:hover,
.menu-container li a:focus{
}
.menu-container:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
/* Drop down menu */
.menu-dropdown{
}
.menu-dropdown .sub-menu{
	position: absolute;
	opacity: 0;
	width: 230px;
	width: 23rem;
	left: -9999px;
	z-index: 99;
	border-top: 1px solid #ccc;
	margin-left: 0;
}
.menu-dropdown .sub-menu .sub-menu{
}
.menu-dropdown li:hover > .sub-menu{
	left: -1px; /* set to "auto" for no border */
	opacity: 1;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
}
.menu-dropdown li.focus > .sub-menu{
	left: auto;
	opacity: 1;
}
.menu-dropdown .sub-menu li:hover > .sub-menu,
.menu-dropdown .sub-menu li.focus > .sub-menu{
	top: -1px;
	left: 229px;
	left: 22.9rem;
}
.menu-dropdown .sub-menu li{
	width: 100%;
}
.menu-dropdown .sub-menu li a{
	border: 1px solid #ccc;
	border-top: 0;
}
.menu-dropdown ul li.menu-item-open-children > a,
.menu-dropdown ul li.menu-item-has-children > a{
	padding-right: 25px;
	padding-right: 2.5rem;
}
.menu-dropdown ul li.menu-item-open-children > a:before,
.menu-dropdown ul li.menu-item-has-children > a:before{
	content: "\f140";
	font-family: "esicons";
	vertical-align: middle;
	margin-right: 5px;
	margin-right: 0.5rem;
	padding-left: 5px;
	padding-left: 0.5rem;
	float: right;
	position: absolute;
	right: 0;
	-webkit-font-smoothing: antialiased;
}
.menu-dropdown .sub-menu .menu-item-open-children > a:before,
.menu-dropdown .sub-menu .menu-item-has-children > a:before{
	content: "\f139";
}
/* Drop Down Mobile */
.mobile-menu-active .menu-dropdown li:hover > .sub-menu,
.mobile-menu-active .menu-dropdown li.focus > .sub-menu{
	left: -9999px;
}
.mobile-menu-active .menu-dropdown li.menu-item-open-children > .sub-menu{
	left: auto;
	opacity: 1;
}
.mobile-menu-active .menu-dropdown .sub-menu li.menu-item-open-children > .sub-menu{
	top: -1px;
	left: 229px;
	left: 22.9rem;
}
.mobile-menu-active .menu-item-parent-link a:before{
	content: "\f344";
	font-family: "esicons";
	vertical-align: top;
	margin-right: 5px;
	margin-right: 0.5rem;
	-webkit-font-smoothing: antialiased;
}

/* Menu Search */
.menu-search > .wrap{
	float: left;
	margin-right: 48px;
	margin-right: 4.8rem;
}
.menu-search .search-form{
	float: right;
	position: absolute;
	line-height: 1.8em;
	top:0;
	right: 0;
}
.menu-search .search-toggle{
	background: transparent;
	display: block;
	width: 48px;
	width: 4.8rem;
	height: 48px;
	height: 4.8rem;
	float: right;
	padding: 0;
	border: none;
}
.menu-search .search-toggle:hover,
.menu-search .search-toggle:focus{
	opacity: 0.8;
	border: none;
}
.menu-search .search-toggle:after{
	content: "\f179";
	font-family: "esicons";
	line-height: 1em;
	font-size: 32px; /* scale better */
	font-size: 3.2rem;
	padding: 8px; /* ( 48 - 32 ) / 2 */
	padding: 0.8rem;
	border-left: 1px solid #ccc;
	display: block;
	float: right;
	-webkit-font-smoothing: antialiased;
}
.menu-search input{
	padding: 5px;
	padding: 0.5rem;
	display: none;
	width: auto;
}
.menu-search .search-submit{
	display: none;
}
.menu-search .search-field{
	background: #fff;
}
.menu-search .search-submit{
	padding: 0;
}
/* Search Toggle Active */
.search-toggle-active.menu-search .search-form{
	width: 270px;
	width: 27rem;
	border-left: 1px solid #ccc;
}
.search-toggle-active.menu-search .search-field{
	width: 160px;
	width: 16rem;
	border: 1px solid #ccc;
}
.search-toggle-active.menu-search .search-submit{
}
.search-toggle-active.menu-search .search-field{
	display: block;
	float: left;
	margin: 0;
	line-height: 1.5em;
	padding: 5px;
	background: #fff;
	margin: 6px;
}
.search-toggle-active.menu-search .search-submit{
	display: block;
	float: right;
	margin: 0;
	width: 48px;
	width: 4.8rem;
	height: 48px;
	height: 4.8rem;
	border: none;
	background: transparent;
}
.search-toggle-active.menu-search .search-submit:hover,
.search-toggle-active.menu-search .search-submit:focus{
	opacity: 0.8;
}
.search-toggle-active.menu-search .search-submit:before{
	content: "\f179";
	font-family: "esicons";
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1em;
	padding: 8px;
	padding: 0.8rem;
	vertical-align: top;
	border-left: 1px solid #ccc;
	display: block;
	float: right;
	-webkit-font-smoothing: antialiased;
}
.search-toggle-active.menu-search .search-toggle:after{
	content: "\f158";
}
/* Menu Toggle */
.menu-toggle{
	display: none;
}

/* === BASE SOCIAL MENUS ===
@import url("base/social-menus.css");
*/

/* Social Links */
.social-links{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	margin-left: -5px;
}
.social-links:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.social-links li{
	display: block;
	float: left;
}
.social-links a{
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.social-links a:hover,
.social-links a:focus{
	opacity: 0.8;
}
.social-links a:before{
	content: "\e92e"; /* Link icon */
	display: block;
	font-family: "esocons";
	font-size: 24px;
	padding: 8px;
	border-radius: 50%;
	border: 1px solid #334049;
	line-height: 1em;
	color: #fff;
	background: #333;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
	-webkit-font-smoothing: antialiased;
}

/* Icons */
.social-links a[href*="facebook.com"]:before { content: '\e900'; }
.social-links a[href*="github.com"]:before { content: '\e905'; }
.social-links a[href*="plus.google.com"]:before { content: '\e909'; }
.social-links a[href*="instagram.com"]:before { content: '\e90a'; }
.social-links a[href*="linkedin.com"]:before { content: '\e90b'; }
.social-links a[href*="skype.com"]:before { content: '\e917'; }
.social-links a[href*="skype:"]:before { content: '\e917'; }
.social-links a[href*="spotify.com"]:before { content: '\e918'; }
.social-links a[href*="tumblr.com"]:before { content: '\e91d'; }
.social-links a[href*="twitter.com"]:before { content: '\e920'; }
.social-links a[href*="wordpress.org"]:before,
.social-links a[href*="wordpress.com"]:before { content: '\e923'; }
.social-links a[href*="youtube.com"]:before { content: '\e925'; }
.social-links a[href*="mailto:"]:before { content: '\e90c'; }
.social-links a[href*="tel:"]:before { content: '\e922'; }
.social-links a[href$="/feed/"]:before { content: '\f303'; }
.social-links .feed-icon a:before { content: '\e901'; }
.social-links .link-icon a:before { content: '\e92e'; }
.social-links .mail-icon a:before { content: '\e90c'; }
.social-links .print-icon a:before { content: '\e914'; }
.social-links .share-icon a:before { content: '\e916'; }

/**
 * TO DO
 * - phone icon.
 * - etc
 */

/* === PLUGINS ===
@import url("plugins.css");
*/

/* START!!!
------------------------------------------ */

/* === ELEMENTS === */
body{
	background: #efefef;
	font-size:1.7em; /* use em for default, chrome fix */
}

/* Link */
a{
	color: #81A526;
}
a:hover,
a:focus {
	color: #6C8E15;
}

/* List */
ul{
	list-style: circle;
}

/* Blockquotes */
blockquote{
	position: relative;
	padding: 0 0 0 50px;
	padding: 0 0 0 5rem;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7em;
}
q{
	position: relative;
	padding: 0 0 0 20px;
	padding: 0 0 0 2rem;
}
blockquote:before{
	content: "\f11a";
	font-family: "esicons";
	font-size: 40px;
	color: #ccc;
	position: absolute;
	left: 0;
	-webkit-font-smoothing: antialiased;
}
q:before{
	content: "\f11a";
	font-family: "esicons";
	color: #ccc;
	position: absolute;
	left: 0;
	-webkit-font-smoothing: antialiased;
}

/* Forms */
fieldset,
legend,
input, textarea, select, button{
	border-color: rgba(100,100,100,0.2);
}
label{
}
input[type="text"],
input[type="search"],
input[type="url"],
input[type="email"],
textarea{
	color: #444;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
	border: 1px solid rgba(100,100,100,0.2);
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="email"]:focus,
input[type="email"]:active,
textarea:focus,
textarea:active{
	border-color: #ccc;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.button{
	text-decoration: none;
	display: inline-block;
	margin: 0 5px 5px 0;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	color: #fff;
	background: #81A526;
	border-color: transparent;
	text-shadow: none;
	line-height: 23px;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow:0 5px 0 #55700C;
	position: relative;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover{
	color: #fff;
	background: #6C8E15;
	border-color: transparent;
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
button:active,
.button:active,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus,
.button:focus{
	box-shadow: none;
	top: 5px;
	color: #fff;
	background: #6C8E15;
	border-color: transparent;
}

/* Table */
table,
td,th {
	border-color: rgba(100,100,100,0.2);
}

/* Pre, Code */
pre{
	background-color: #eee;
}
code{
	background: #eee;
}


/* === IMAGES & MEDIA === */


/* === LAYOUTS === */

/* Right Sidebar */
.layout-content-sidebar1 .content-wrap{
	margin-right: 360px;
	margin-right: 36rem;
}
.layout-content-sidebar1 #content{
	float: left;
}
.layout-content-sidebar1 #sidebar-primary{
	float: right;
	margin-right: -360px;
	margin-right: -36rem;
}
/* Left Sidebar */
.layout-sidebar1-content .content-wrap{
	margin-left: 360px;
	margin-left: 36rem;
}
.layout-sidebar1-content #content{
	float: right;
}
.layout-sidebar1-content #sidebar-primary{
	float: left;
	margin-left: -360px;
	margin-left: -36rem;
}



/* === CONTAINER === */
#container{
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	border: none;
}

/* === HEADER === */
#header{
	background: #222;
	border-bottom: none;
}
#header:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#header > .wrap{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}
	/* height: 25*2(site-title)+20(padding) = 70px */
	#branding{
		float: left;
		padding: 10px 20px;
		padding: 1rem 2rem;
		background: transparent;
	}
	#branding:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
		.site-title{
			font-size: 25px;
			font-size: 2.5rem;
			font-weight: 800;
			line-height: 2em;
			margin: 0;
		}
			.site-title a{
			}
			.site-title a:hover,
			.site-title a:focus{
			}
		.site-description{
			font-size: 17px;
			font-size: 1.7rem;
			font-weight: 400;
			line-height: 1.2em;
			margin: 0;
		}
	/* Logo */
	.wp-custom-logo{
	}
	.wp-custom-logo #branding{
		padding: 0;
	}
	.wp-custom-logo .site-title{
		display: none;
	}
	.custom-logo-link{
		display: block;
		float: left;
	}
	.custom-logo{
		display: block;
		height: 45px;
		margin: 12.5px 0;
		width: auto;
	}


/* === MENUS === */

/* Primary Menu */
#menu-primary{
	float: right;
}
	#menu-primary .menu-container{
		border: none;
		border-left: none;
	}
		#menu-primary li a{
			padding: 27px;
			padding: 2.7rem;
			color: #fff;
			border: none;
		}
		#menu-primary li.menu-item-open-children a,
		#menu-primary li.menu-item-has-children a{
			padding-right: 35px;
			padding-right: 3.5rem;
		}
		#menu-primary .menu-dropdown ul li.menu-item-open-children > a:before,
		#menu-primary .menu-dropdown ul li.menu-item-has-children > a:before{
			right: 10px;
		}
		#menu-primary li a:hover,
		#menu-primary li a:focus{
			color: #eee;
			background: rgba( 0,0,0,0.2 );
		}
			#menu-primary li li a{
				padding: 16px;
				padding: 1.6rem;
				padding-right: 25px;
				padding-right: 2.5rem;
			}
			#menu-primary li li a:hover,
			#menu-primary li li a:focus{
				
			}
			#menu-primary .current-menu-item > a,
			#menu-primary .current-menu-ancestor > a{
				font-weight: 600;
			}
/* Reverse Drop Down */
#menu-primary .menu-dropdown li:hover > .sub-menu{
	left: auto;
	right: 0;
}
#menu-primary .menu-dropdown .sub-menu li:hover > .sub-menu,
#menu-primary .menu-dropdown .sub-menu li.focus > .sub-menu{
	top: -1px;
	left: 229px;
	left: -22.9rem;
}
#menu-primary .sub-menu{
	text-align: right;
}
#menu-primary .menu-dropdown .sub-menu li.menu-item-open-children > a:before,
#menu-primary .menu-dropdown .sub-menu li.menu-item-has-children > a:before{
	content: "\f141";
	float: left;
	left: 0;
	right: auto;
}
/* Sub menu on mobile device: Need testing */
.mobile-menu-active .menu-dropdown li:hover > .sub-menu,
.mobile-menu-active .menu-dropdown li.focus > .sub-menu{
	left: auto;
	right: 0;
}

/* === CONTAINER WRAP === */
#container > .wrap{
	padding: 0;
}

/* === MAIN === */
#main{
}
	#main:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
#main > .wrap{
	margin: 0 auto;
	margin-top: 40px;
	margin-top: 4rem;
	width: 1000px;
	max-width: 95%;
}
#main > .wrap:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.content-wrap{
	
}
.content-wrap:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}

/* === CONTENT === */
#content{
	width: 100%;
}
#content:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#content > .wrap{
}

/* === LOOP META === */
.archive-header{
	width: 100%;
	text-align: center;
	position: relative;
	background: #719444;
	background-image: url( '../images/archive-header-bg.jpg' );
	background-size: cover;
	color: #fff;
}
.archive-header:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.archive-header:before{
	content: "";
	position: absolute;
	bottom: -7px;
	height: 7px;
	width: 100%;
	left: 0;
	right: 0;
	background: url( '../images/shadow-l.png' ) center no-repeat;
}
.archive-header > .wrap{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding: 100px 20px 120px 20px;
}
	.archive-title{
		font-size: 40px;
		font-weight: 600;
		margin-bottom: 0;
	}
	.archive-description{
		margin-top: 20px;
		margin-top: 2rem;
	}
	.archive-description p{
		margin: 0;
	}
	.archive-description a{
		color: #fff;
		font-weight: 600;
	}
	.archive-description a:hover,
	.archive-description a:focus{
		color: #eee;
	}
	.page-template-services2 .archive-description p:before{
		content: "\f155";
		font-family: "esicons";
		vertical-align: top;
		margin-right: 5px;
		color: yellow;
		-webkit-font-smoothing: antialiased;
	}
	.page-template-services .archive-description p:before{
		content: "";
		background: url( '../images/star.svg' ) bottom left no-repeat;
		background-size: 1em;
		display: inline-block;
		width: 1em;
		height: 1em;
		padding-top: 20px;
		padding-right: 20px;
	}

/* Singular */
.archive-header .entry-title{
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: 0;
}
.archive-header .entry-byline{
	margin-top: 20px;
	margin-top: 2rem;
}
.archive-header .entry-byline a{
	color: #fff;
}
.archive-header .entry-byline a:hover,
.archive-header .entry-byline a:focus{
	color: #fff;
}
.archive-header .entry-author:before{
	margin-right: 0;
	color: #fff;
}
.archive-header .entry-author,
.archive-header .entry-date,
.archive-header .comments-link{
	display: inline;
	float: none;
}
.archive-header .entry-date .published:before{
	color: #fff;
}
.archive-header .comments-link:before{
	color: #fff;
}


/* === ENTRY === */
.entry{
	padding: 20px;
	padding: 2rem;
	border: none;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	background: #fff;
	position: relative;
}
.entry:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.entry:before{
	content: "";
	position: absolute;
	bottom: -7px;
	height: 7px;
	width: 100%;
	left: 0;
	right: 0;
	background: url( '../images/shadow-m.png' ) center no-repeat;
}
.layout-content #content .entry:before{
	background: url( '../images/shadow-l.png' ) center no-repeat;
}

/* Entry Wrap */
.entry > .wrap{
}
	/* Entry Header */
	.entry-header{
		margin-bottom: 20px;
		margin-bottom: 2rem;
	}
		/* Entry Title */
		.entry-title{
			font-size: 25px;
			font-size: 2.5rem;
			line-height: 1.2em;
			font-weight: 600;
			margin: 0 0 20px 0;
			margin: 0 0 2rem 0;
			color: #444;
		}
		.entry-title a{
			color: #444;
		}
		.entry-title a:hover,
		.entry-title a:focus{
			color: #6C8E15;
		}
		.sticky .entry-title:before{
			content: "\f537";
			font-family: "esicons";
			vertical-align: top;
			-webkit-font-smoothing: antialiased;
		}
		/* Byline */
		.entry-byline{
		}
		.entry-byline:after{
			content:".";display:block;height:0;clear:both;visibility:hidden;
		}
			.entry-byline a{
				color: #999;
			}
			.entry-byline a:hover,
			.entry-byline a:focus{
				color: #444;
			}
			.entry-author{
				display: block;
				margin-right: 10px;
				float: left;
			}
			.entry-author:before{
				content: "\f110";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				color: #999;
				-webkit-font-smoothing: antialiased;
			}
			.entry-date{
				display: block;
				margin-right: 10px;
				float: left;
			}
			.entry-date .updated:not(.published){
				display: none;
			}
			.entry-date .published:before{
				content: "\f145";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				color: #999;
				-webkit-font-smoothing: antialiased;
			}
			.comments-link{
				color: #999;
				display: block;
				margin-right: 10px;
				float: left;
			}
			.comments-link:empty{
				display: none;
			}
			.comments-link:before{
				content: "\f101";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				color: #999;
				-webkit-font-smoothing: antialiased;
			}
			.comments-link:after{
				
			}
			.entry-permalink:before{
				
			}
	/* Entry Content, Entry Summary */
	.entry-content,
	.entry-summary{
	}
	.entry-content{
	}
	.entry-summary{
	}
	.entry-summary:after,
	.entry-content:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
		/* Thumbnail */
		.entry-summary .theme-thumbnail-link{
			display: block;
			float: right;
			width: 200px;
			max-width: 50%;
			margin-left: 20px;
			margin-bottom: 20px;
		}
		.entry-summary .theme-thumbnail{
			display: block;
		}
		/* More link */
		.more-link-wrap{
			display: block;
			margin-bottom: 20px;
			margin-bottom: 2rem;
		}
		.more-link-wrap:after{
			content:".";display:block;height:0;clear:both;visibility:hidden;
		}
		p .more-link-wrap{
		}
		.more-link{
			display: block;
			float: left;
		}
		p .more-link{
			margin-bottom: 0;
		}
		.more-text:after{
			content: "\f345";
			font-family: "esicons";
			vertical-align: top;
			margin-left: 5px;
			margin-left: 0.5rem;
			-webkit-font-smoothing: antialiased;
		}
		/* Page links */
		.wp-link-pages{
			margin: 0;
		}
		.wp-link-pages:after{
			content:".";display:block;height:0;clear:both;visibility:hidden;
		}
		.wp-link-pages .page-numbers,
		.wp-link-pages a{
			line-height: 1;
			padding: 10px 14px;
			padding: 1rem 1.4rem;
			display: block;
			float: left;
			background: #fff;
			border: 1px solid #ccc;
			margin: 0 10px 20px 0;
			margin: 0 1rem 2rem 0;
		}
		.wp-link-pages a{
			border: 1px solid #ccc;
		}
		.wp-link-pages a:hover,
		.wp-link-pages a:focus{
			border: 1px solid #aaa;
		}
	/* Entry Footer */
	.entry-footer{
	}
		.post-edit-link{
			display: block;
			color: #999;
		}
		.post-edit-link:hover,
		.post-edit-link:focus{
			display: block;
			color: #444;
		}
		.post-edit-link:after{
			content:".";display:block;height:0;clear:both;visibility:hidden;
		}
		.post-edit-link:before{
			content: "\f464";
			font-family: "esicons";
			vertical-align: top;
			color: #999;
			margin-right: 9px;
			margin-right: 0.9rem;
			-webkit-font-smoothing: antialiased;
		}
		.post-edit-link-text{
		}
		.entry-taxonomies{
		}
		.entry-taxonomies:after{
			content:".";display:block;height:0;clear:both;visibility:hidden;
		}
			.entry-taxonomy{
				display: block;
			}
			.entry-taxonomy.category{
			}
				.entry-taxonomy-text{
				}
				.entry-taxonomy a{
					color: #999;
				}
				.entry-taxonomy a:hover,
				.entry-taxonomy a:focus{
					color: #444;
				}

			.entry-taxonomy.category .entry-taxonomy-text,
			.entry-taxonomy.post_tag .entry-taxonomy-text{
				position: absolute;
				left: -9999em;
				top: -9999em;
			}
			.entry-taxonomy:before{
				color: #999;
			}
			.entry-taxonomy.category:before{
				content: "\f318";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				margin-right: 0.5rem;
				color: #999;
				-webkit-font-smoothing: antialiased;
			}
			.entry-taxonomy.post_tag:before{
				content: "\f323";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				margin-right: 0.5rem;
				color: #999;
				-webkit-font-smoothing: antialiased;
			}
			.entry-taxonomy.post_format{
				display: none;
			}


/* Clear */
.singular .entry-header:after,
.singular .entry-content:after,
.singular .entry-footer:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}


/* === POST NAV: Next Post Link, Prev Post Link === */
.post-navigation{
	border: none;
	background: #fff;
	line-height: 1em;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	position: relative;
}
.post-navigation:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.post-navigation:before{
	content: "";
	position: absolute;
	bottom: -7px;
	height: 7px;
	width: 100%;
	left: 0;
	right: 0;
	background: url( '../images/shadow-m.png' ) center no-repeat;
}
	.post-navigation .screen-reader-text{
	}
	.post-navigation .nav-prev{
		padding: 20px;
		padding: 2rem;
		padding-left: 46px; /* 20 (padding) + 16 (icon) + 10 */
		padding-left: 4.6rem;
		width: 45%;
		float: left;
		text-align: left;
		position: relative;
	}
	.post-navigation .nav-next{
		padding: 20px;
		padding: 2rem;
		padding-right: 46px;
		padding-right: 4.6rem;
		width: 45%;
		float: right;
		text-align: right;
		position: relative;
	}
		.post-navigation .nav-prev a:before{
			content: "\f340";
			font-family: "esicons";
			vertical-align: top;
			padding: 20px;
			padding: 2rem;
			color: #444;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-font-smoothing: antialiased;
		}
		.post-navigation .nav-next a:after{
			content: "\f344";
			font-family: "esicons";
			vertical-align: top;
			padding: 20px;
			padding: 2rem;
			color: #444;
			position: absolute;
			top: 0;
			right: 0;
			-webkit-font-smoothing: antialiased;
		}


/* === COMMENTS === */
#comments-template{
	margin-bottom: 40px;
	margin-bottom: 4rem;
}
	#comments{
	}
	.comments-header{
		margin-bottom: 20px;
		margin-bottom: 2rem;
		background: #fff;
		position: relative;
	}
	.comments-header:before{
		content: "";
		position: absolute;
		bottom: -7px;
		height: 7px;
		width: 100%;
		left: 0;
		right: 0;
		background: url( '../images/shadow-m.png' ) center no-repeat;
	}
	.comments-header:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
		.comments-nav{
			float: right;
			line-height: 20px;
			line-height: 2rem;
			padding: 20px;
			padding: 2rem;
			margin: 0;
		}
			.comments-nav a{
			}
				.comments-nav .prev-comments{
				}
				.comments-nav .prev-comments:before{
					content: "\f340";
					font-family: "esicons";
					vertical-align: top;
					-webkit-font-smoothing: antialiased;
				}
				.comments-nav .next-comments{
				}
				.comments-nav .next-comments:after{
					content: "\f344";
					font-family: "esicons";
					vertical-align: top;
					-webkit-font-smoothing: antialiased;
					margin-left: 10px;
					margin-left: 1rem;
				}
				.comments-nav .prev-comments .screen-reader-text,
				.comments-nav .next-comments .screen-reader-text{
				}
			.comments-nav .page-numbers{
			}
		#comments-number{
			font-size: 20px;
			font-size: 2rem;
			font-weight: 600;
			line-height: 1em;
			padding: 20px;
			padding: 2rem;
			margin: 0;
		}
		#comments-number:before{
			content: "\f125";
			font-family: "esicons";
			font-weight: 400;
			margin-right: 5px;
			color: #ccc;
			vertical-align: top;
			-webkit-font-smoothing: antialiased;
		}
	.comment-list{
		list-style: none;
		margin: 0;
	}
		.comment-list .children{
			list-style: none;
			margin: 0 0 0 10px;
			margin: 0 0 0 1rem;
		}
		/* Comment */
		.comment{
		}
		.comment.bypostauthor{
		}
			.comment-wrap{
				margin-bottom: 20px;
				margin-bottom: 2rem;
				background: #fff;
				position: relative;
			}
			.comment-wrap:before{
				content: "";
				position: absolute;
				bottom: -7px;
				height: 7px;
				width: 100%;
				left: 0;
				right: 0;
				background: url( '../images/shadow-m.png' ) center no-repeat;
			}
			.comment-wrap:after{
				content:".";display:block;height:0;clear:both;visibility:hidden;
			}
				.comment-meta{
					border-bottom: 1px solid #eee;
				}
				.comment-meta:after{
					content:".";display:block;height:0;clear:both;visibility:hidden;
				}
					.comment-meta .avatar{
						display: block;
						float: left;
						padding: 10px;
						padding: 1rem;
						width: 100px;
						border: 1px solid #eee;
						margin: -1px 0 -1px -1px;
					}
					.comment-meta > .wrap{
						float: left;
						padding: 20px;
					}
						.comment-byline{
							
						}
							.comment-author{
								color:#444;
								font-style: normal;
								font-weight: 700;
							}
							.comment-published{
								color: #444;
							}
								.comment-published:before{
								}
							.comment-permalink{ 
							}
							.comment-permalink:before{
								content: "\f469";
								font-family: "esicons";
								vertical-align: top;
								color: #444;
								margin-right: 5px;
								-webkit-font-smoothing: antialiased;
							}
							.comment-edit-link{
								margin-left: 10px;
							}
							.comment-edit-link:before{
								content: "\f464";
								font-family: "esicons";
								vertical-align: top;
								margin-right: 5px;
								color: #444;
								-webkit-font-smoothing: antialiased;
							}
				.comment-content{
					padding: 20px;
					padding: 2rem;
					padding-bottom: 0;
				}
					.comment-awaiting-moderation{
						background: #ebebeb;
						padding: 10px;
						padding: 1rem;
					}
					.comment-content p{
					}
				.comment-reply-link{
					float: right;
					padding: 10px 20px;
					padding: 1rem 2rem;
					opacity: 0.7;
					color: #fff;
					background: #81A526;
				}
				.comment-reply-link:hover,
				.comment-reply-link:focus{
					opacity: 1;
					color: #fff;
					background: #6C8E15;
				}
		/* Pingback */
		.pingback{
		}
			.pingback .comment-meta{
				border: none;
			}
				.pingback .comment-author{
				}
					.pingback .comment-author a{
						color: #444;
					}
					.pingback .comment-author a:hover,
					.pingback .comment-author a:focus{
						color: #21759B;
					}
				.pingback .comment-published{
					color: #444;
				}
				.pingback .comment-permalink{
				}
				.pingback .comment-edit-link{
				}
		
	#respond{
		background: #fff;
		margin-bottom: 20px;
		margin-bottom: 2rem;
		position: relative;
	}
	#respond:before{
		content: "";
		position: absolute;
		bottom: -7px;
		height: 7px;
		width: 100%;
		left: 0;
		right: 0;
		background: url( '../images/shadow-m.png' ) center no-repeat;
	}
	#respond:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
	.comment-list #respond{
		margin-left: 10px;
		margin-left: 1rem;
	}
		#reply-title{
			font-size: 20px;
			font-size: 2rem;
			font-weight: 600;
			line-height: 1em;
			padding: 20px;
			padding: 2rem;
			margin: 0;
			border-bottom: 1px solid #eee;
		}
			#cancel-comment-reply-link{
				font-size: 20px;
				font-size: 2rem;
				float: right;
				font-weight: 400;
			}
			#cancel-comment-reply-link:after{
				content: "\f158";
				font-family: "esicons";
				vertical-align: top;
				-webkit-font-smoothing: antialiased;
			}
			#cancel-comment-reply-link span{
				position: absolute;
				left: -9999px;
				top: -9999px;
			}
		#commentform{
			padding: 20px;
			padding: 2rem;
		}
			#commentform p{
				margin-bottom: 0;
			}
			#commentform .required{
				color: #ff0000;
			}
			#commentform label{
				padding: 5px 10px;
				display: block;
				float: left;
			}

			#commentform .logged-in-as{
				margin-bottom: 20px;
				margin-bottom: 2rem;
			}
			#commentform .comment-notes{
				margin-bottom: 20px;
				margin-bottom: 2rem;
			}

			/* == Form input == */

			/* Comment */
			#commentform .comment-form-comment{
				float: none;
				width: 100%;
				clear: both;
			}
			#commentform label[for="comment"]:before{
				content: "\f464";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				-webkit-font-smoothing: antialiased;
			}
			#commentform #comment{
				height: 150px;
			}

			/* Author */
			#commentform .comment-form-author{
				width: 30%;
				margin-right: 5%;
				float: left;
			}
			#commentform label[for="author"]:before{
				content: "\f110";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				-webkit-font-smoothing: antialiased;
			}
			#commentform #author{
			}

			/* Email */
			#commentform .comment-form-email{
				width: 30%;
				margin-right: 5%;
				float: left;
			}
			#commentform label[for="email"]:before{
				content: "\f466";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				-webkit-font-smoothing: antialiased;
			}
			#commentform #email{
			}

			/* Website */
			#commentform .comment-form-url{
				width: 30%;
				float: left;
			}
			#commentform label[for="url"]:before{
				content: "\f319";
				font-family: "esicons";
				vertical-align: top;
				margin-right: 5px;
				-webkit-font-smoothing: antialiased;
			}
			#commentform .comment-form-url:after{
				content:".";display:block;height:0;clear:both;visibility:hidden;
			}
			#commentform #url{
			}

			/* Clear */
			#respond .comment-form-comment:before,
			#respond .comment-form-comment:after{
				content:".";display:block;height:0;clear:both;visibility:hidden;
			}

			/* Allowed Tags */
			#commentform .form-allowed-tags{
				display: none;
			}
			#commentform .form-allowed-tags code{
				display: block;
				padding: 10px;
				padding: 1rem;
			}
			#commentform .form-submit{
			}
			#commentform .form-submit:after{
				content:".";display:block;height:0;clear:both;visibility:hidden;
			}
				#commentform #submit{
					float: right;
					margin-bottom: 0;
					margin-top: 20px;
					margin-top: 2rem;
				}
/* Closed Comments */
.comments-closed{
	background: #eee;
	padding: 20px;
	padding: 2rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	display: none;
}
.comments-closed.pings-open{
}

/* === LOOP PAGINATION === */
.navigation.pagination{
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.navigation.pagination:before,
.navigation.pagination:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
	.navigation.pagination .screen-reader-text{
	}
	.navigation.pagination .page-numbers{
		line-height: 1;
		padding: 10px 14px;
		padding: 1rem 1.4rem;
		display: block;
		float: left;
		color: #fff;
		background: #81A526;
		border: 1px solid transparent;
		margin: 0 10px 10px 0;
		margin: 0 1rem 1rem 0;
	}
	.navigation.pagination a.page-numbers:hover,
	.navigation.pagination a.page-numbers:focus{
		border: 1px solid transparent;
		background: #6C8E15;
	}
	.navigation.pagination .page-numbers.current{
		color: #fff;
		background: #222;
		border: 1px solid transparent;
	}
	.navigation.pagination .page-numbers.dots{
		color: #ccc;
		border: 1px solid #eee;
	}
	.navigation.pagination .page-numbers.prev{
	}
	.navigation.pagination .page-numbers.next{
	}
	.navigation.pagination .page-numbers.prev:before{
		content: "\f340";
		font-family: "esicons";
		vertical-align: top;
		-webkit-font-smoothing: antialiased;
	}
	.navigation.pagination .page-numbers.next:after{
		content: "\f344";
		font-family: "esicons";
		vertical-align: top;
		-webkit-font-smoothing: antialiased;
	}


/* === SIDEBAR === */
#sidebar-primary{
	width: 320px;
	width: 32rem;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

/* === WIDGETS === */
.widget{
	padding: 20px;
	padding: 2rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	background: #fff;
	position: relative;
}
#sidebar-primary .widget{
	margin-bottom: 40px;
}
#sidebar-primary .widget:before{
	content: "";
	position: absolute;
	bottom: -7px;
	height: 7px;
	width: 100%;
	left: 0;
	right: 0;
	background: url( '../images/shadow-s.png' ) center no-repeat;
}
	.widget-title{
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: 600;
		line-height: 1em;
		padding: 16px 20px;
		padding: 1.6rem 2rem;
		margin: -20px -20px 20px -20px;
		border-bottom: 1px solid #eee;
	}

/* Widget Archives */
.widget_archive ul{
	list-style: none;
	margin: 0;
}
.widget_archive ul li{
	position: relative;
	padding-left: 20px;
	padding-left: 2rem;
}
.widget_archive ul li:before{
	content: '\f428';
	margin-right: 5px;
	font-family: "esicons";
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-font-smoothing: antialiased;
}

/* Widget Calendar */
#wp-calendar{
	line-height: 1em;
}
#wp-calendar td,
#wp-calendar th{
	padding: 5px;
}
#wp-calendar,
#wp-calendar th,
#wp-calendar tr,
#wp-calendar td{
	text-align: center;
}

/* Widget Categories */
.widget_categories ul{
	list-style: none;
	margin: 0;
}
.widget_categories ul li{
	position: relative;
	padding-left: 20px;
	padding-left: 2rem;
}
.widget_categories ul li:before{
	content: '\f428';
	margin-right: 5px;
	font-family: "esicons";
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-font-smoothing: antialiased;
}

/* Widget Custom Menus */
.widget_nav_menu ul{
	list-style: none;
	margin: 0;
}
.widget_nav_menu ul li{
	position: relative;
	padding-left: 20px;
	padding-left: 2rem;
}
.widget_nav_menu ul li:before{
	content: '\f428';
	margin-right: 5px;
	font-family: "esicons";
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-font-smoothing: antialiased;
}

/* Widget Meta */
.widget_meta ul{
	list-style: none;
	margin: 0;
}
.widget_meta ul li{
	position: relative;
	padding-left: 20px;
	padding-left: 2rem;
}
.widget_meta ul li:before{
	content: '\f428';
	margin-right: 5px;
	font-family: "esicons";
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-font-smoothing: antialiased;
}

/* Widget Pages */
.widget_pages ul{
	list-style: none;
	margin: 0;
}
.widget_pages ul li{
	position: relative;
	padding-left: 20px;
	padding-left: 2rem;
}
.widget_pages ul li:before{
	content: '\f428';
	margin-right: 5px;
	font-family: "esicons";
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-font-smoothing: antialiased;
}

/* Widget Recent Comments */
.widget_recent_comments ul{
	list-style: none;
	margin: 0;
}
.widget_recent_comments li.recentcomments{
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

/* Widget Recent Posts */
.widget_recent_entries ul{
	list-style: none;
	margin: 0;
}
.widget_recent_entries li{
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
.widget_recent_entries li a{
}
.widget_recent_entries .post-date{
	display: block;
}
.widget_recent_entries .post-date:before{
	content: "\f145";
	font-family: "esicons";
	vertical-align: top;
	margin-right: 5px;
	-webkit-font-smoothing: antialiased;
}

/* Widget RSS */
.widget_rss ul{
	list-style: none;
	margin: 0;
}
.widget_rss li{
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
.widget_rss .rss-date{
	display: block;
}
.widget_rss .rss-date:before{
	content: "\f145";
	font-family: "esicons";
	vertical-align: top;
	margin-right: 5px;
	-webkit-font-smoothing: antialiased;
}
.widget_rss .widget-title .rsswidget:first-child{
	display: none;
}
.widget_rss .widget-title .rsswidget{
}
.widget_rss cite{
}

/* Widget Search */
.widget_search .search-submit{
	display: none;
}
.widget_search .search-field{
	margin: 0;
}

/* Widget Tag Cloud */
.widget_tag_cloud:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.tagcloud a{
	font-size: 17px !important;
	font-size: 1.7rem !important;
	display: block;
	float: left;
	padding: 5px 10px;
	padding: 0.5rem 1rem;
	margin: 0 10px 10px 0;
	margin: 0 1rem 1rem 0;
	color: #444;
	background: #eee;
}
.tagcloud a:hover,
.tagcloud a:focus{
	color: #000;
	background: #ddd;
}

/* Widget Text */
.widget_text{
}
.textwidget{
}

/* === FOOTER WIDGETS === */
#footer-widgets{
	border-top: 4px solid #6C8E15;
	border-bottom: 4px solid #6C8E15;
	padding-top: 60px;
	padding-top: 6rem;
	padding-bottom: 40px;
	padding-bottom: 4rem;
	background: #222;
	color: #ccc;
	background-image:url( '../images/footer-bg.jpg' );
	background-size: cover;
}
#footer-widgets a{
	color: #fff;
	
}
#footer-widgets a:hover,
#footer-widgets a:focus{
	color: #eee;
}
#footer-widgets > .wrap{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}
#footer-widgets > .wrap:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.footer-widget{
	width: 33.33%;
	float: left;
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#footer-widgets .sidebar{
	padding: 0 20px 0 20px;
	padding: 0 2rem 0 2rem;
}
#footer-widgets .widget{
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	background: transparent;
}
#footer-widgets .widget-title{
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-weight: 600;
	font-size: 17px;
	font-size: 1.7rem;
	color: #fff;
	text-transform: uppercase;
}
.footer-logo{
	width: 200px;
	margin-left: -8px;
}

/* Social menus */
#social-links{
	padding: 0 20px;
	padding: 0 2rem;
}

/* === FOOTER === */
#footer{
	border-top: none;
	width: 100%;
	clear: both;
}
#menu-footer{
	margin: 0 auto;
	width: 1000px;
	max-width: 100%;
}
#menu-footer .menu-container{
	border: none;
}
#menu-footer-items{
	margin-left: 10px;
}
#menu-footer-items:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#menu-footer li a{
	border: none;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #6C8E15;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px 15px 15px 15px;
	color: #fff;
}
#menu-footer li a:hover,
#menu-footer li a:focus{
	background: #81A526;
}
#menu-footer .current-menu-item > a,
#menu-footer .current-menu-ancestor > a{
	font-weight: 600;
}
#footer > .wrap{
	margin: 0 auto;
	width: 1000px;
	max-width: 100%;
	padding: 16px;
	padding: 1.6rem;
}
#footer .copyright{
	margin: 0;
}
#footer .copyright a{
	color: #444;
}

/* Site Origin Page Builder
------------------------------------------ */
.so-panel.widget{
	border: none;
	padding: 0;
	margin: 0;
}

/* FRONT PAGE (HOME PAGE TEMPLATE)
------------------------------------------ */
.page-template-home{
}
/* Wrap */
.page-template-home #main > .wrap {
	margin: 0;
	max-width: 100%;
	width: 100%;
}
.page-template-home .entry-content{
	margin: 4rem auto 0;
	max-width: 95%;
	width: 1000px;
}
/* Remove Border */
.page-template-home #content .entry{
	border: none;
	padding: 0;
	padding-bottom: 40px;
	margin-bottom: 0;
}
.page-template-home #content .entry:before{
	background: none;
}
.page-template-home #main > .wrap{
	margin: 0 auto;
}

/* === HEADER === */
.page-template-home #header{
	position: absolute;
	width: 100%;
	background: rgba( 0,0,0,0.5 );
	z-index: 900;
}

/* === HERO SECTION === */
.hero{
	text-align: center;
	padding: 200px 0 150px 0;
	color: #fff;
	background: #222;
	background-image: url('../images/hero-bg.jpg');
	background-size: cover;
}
.hero:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.hero > .wrap{
	margin: 0 auto;
	max-width: 95%;
	width: 1000px;
}
.hero .title{
	font-size: 80px;
	font-weight: 800;
	letter-spacing: -5px;
}
.hero .desc{
	font-size: 30px;
	margin-bottom: 40px;
}
.hero-action{
	font-size: 25px;
	font-weight: 400;
}
.hero-action a{
	padding: 20px 30px;
}
.hero-action span:after{
	content: "\f344";
	font-family: "esicons";
	vertical-align: middle;
	margin-left: 10px;
	-webkit-font-smoothing: antialiased;
}


/* Services
------------------------------------------ */
ul.check{
	list-style: none;
	margin-left: 0;
}
ul.check li{
	padding-left: 25px;
	position: relative;
}
ul.check li:before{
	content: "\f147";
	font-family: "esicons";
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-font-smoothing: antialiased;
}
.page-template-services .fxb-wrap{
	margin-top: 40px;
	margin-bottom: 40px;
}
.page-template-services .fxb-row{
	margin-bottom: 40px;
}
@media screen and (max-width: 590px) {
	.page-template-services .fxb-col-1 img{
		float: left !important;
		margin-left: 0 !important;
	}
	.page-template-services #main > .wrap{
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}
	.page-template-services #content .entry{
		margin: 0;
		padding: 40px;
	}
	.page-template-services .fxb-row{
		margin-bottom: 0;
	}
	.page-template-services .fxb-wrap{
		margin-top: 0;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 450px) {
	.page-template-services #content .entry{
		margin: 0;
		padding: 20px;
	}
}


/* f(x) TOC: Table Of Contents
------------------------------------------ */
.fx-toc{
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
.fx-toc-title{
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding: 20px;
}
.fx-toc-list{
	padding-bottom: 20px;
	margin-bottom: 0;
}

/* f(x) Editor: Buttons
------------------------------------------ */
/**
 * BOXES
******************************************/
/* Hide Setting, If exist */
.wpe-box-remove{
	display: none;
}
/* Box */
.wpe-box{
	padding: 6px 9px;
	margin: 0 auto 25px;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Last paragraph, no bottom margin */
.wpe-box p:last-child {
	margin-bottom: 0 !important;
}
/* Note */
.wpe-box-note {
	background: #eee;
	border: 1px solid #ccc;
}
/* Alerts */
.wpe-box-alert {
	background: #fffbbc;
	border: 1px solid #E6DB55;
}
/* Errors */
.wpe-box-error {
	background: #ffebe8;
	border: 1px solid #C00;
}
/* Downloads */
.wpe-box-download {
	background: #e7f7d3;
	border: 1px solid #6c3;
}


/**
 * BUTTONS
******************************************/
/* Buttons */
a.wpe-button {
	display:inline-block;
	text-decoration: none;
	display: inline-block;
	margin: 0 5px 5px 0;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	color: #555;
	background: #eee;
	border: none;
	text-shadow: none;
	line-height: 23px;
	padding: 2px 10px;
	border-radius: 3px;
	box-shadow:0 4px 0 #BFBFBF;
	position: relative;
}
a.wpe-button:hover{
	color: #555;
	background: #ddd;
	border: none;
}
a.wpe-button:focus,
a.wpe-button:active{
	border: none;
	top: 2px;
	box-shadow:0 2px 0 #BFBFBF;
}
/* White */
a.wpe-button.wpe-button-white{
	background: #eee;
	color: #555;
	box-shadow:0 4px 0 #BFBFBF;
}
	a.wpe-button.wpe-button-white:hover{
		color: #555;
		background: #ddd;
	}
	a.wpe-button.wpe-button-white:focus,
	a.wpe-button.wpe-button-white:active{
		box-shadow:0 2px 0 #BFBFBF;
	}
/* Black */
a.wpe-button.wpe-button-black{
	background: #444;
	color: #fff;
	box-shadow:0 4px 0 #111;
}
	a.wpe-button.wpe-button-black:hover{
		color: #fff;
		background: #333;
	}
	a.wpe-button.wpe-button-black:focus,
	a.wpe-button.wpe-button-black:active{
		box-shadow:0 2px 0 #111;
	}
/* Red */
a.wpe-button.wpe-button-red{
	background: #d32f3b;
	color: #fff;
	box-shadow:0 4px 0 #931A22;
}
	a.wpe-button.wpe-button-red:hover{
		color: #fff;
		background: #B72831;
	}
	a.wpe-button.wpe-button-red:focus,
	a.wpe-button.wpe-button-red:active{
		box-shadow:0 2px 0 #931A22;
	}
/* Green */
a.wpe-button.wpe-button-green{
	background: #81A526;
	color: #fff;
	box-shadow:0 4px 0 #55700C;
}
	a.wpe-button.wpe-button-green:hover{
		color: #fff;
		background: #6C8E15;
	}
	a.wpe-button.wpe-button-green:focus,
	a.wpe-button.wpe-button-green:active{
		box-shadow:0 2px 0 #55700C;
	}
/* Blue */
a.wpe-button.wpe-button-blue{
	background: #0077EE;
	color: #fff;
	box-shadow:0 4px 0 #004387;
}
	a.wpe-button.wpe-button-blue:hover{
		color: #fff;
		background: #005EBC;
	}
	a.wpe-button.wpe-button-blue:focus,
	a.wpe-button.wpe-button-blue:active{
		box-shadow:0 2px 0 #004387;
	}
/* === */
a.wpe-button2.wpe-button-blue{
	background-color: #07e;
	color:#fff;
	border-color:#0af;
}


/**
 * COLUMNS
******************************************/
.wpe-col-remove{
	display: none;
}
/* ===== Col ===== */
.wpe-col:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.wpe-col{
	width: 100%;
	clear: both;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpe-col-1,.wpe-col-2,.wpe-col-3{
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* ===== 12-12 ===== */
.wpe-col.wpe-col-12-12 .wpe-col-1{
	width: 47.5%;
	margin-right: 5%;
}
.wpe-col.wpe-col-12-12 .wpe-col-2{
	width: 47.5%;
}
/* ===== 13-23 ===== */
.wpe-col.wpe-col-13-23 .wpe-col-1{
	width: 30%;
	margin-right: 5%;
}
.wpe-col.wpe-col-13-23 .wpe-col-2{
	width: 65%;
}
/* ===== 23-13 ===== */
.wpe-col.wpe-col-23-13 .wpe-col-1{
	width: 65%;
	margin-right: 5%;
}
.wpe-col.wpe-col-23-13 .wpe-col-2{
	width: 30%;
}
/* ===== 13-13-13 ===== */
.wpe-col.wpe-col-13-13-13 .wpe-col-1{
	width: 30%;
	margin-right: 5%;
}
.wpe-col.wpe-col-13-13-13 .wpe-col-2{
	width: 30%;
	margin-right: 5%;
}
.wpe-col.wpe-col-13-13-13 .wpe-col-3{
	width: 30%;
}
/* === MEDIA QUERIES === */
@media screen and (max-width: 590px) {
	/* ===== 12-12 ===== */
	.wpe-col.wpe-col-12-12 .wpe-col-1{
		width: 100%;
		margin-right: 0;
	}
	.wpe-col.wpe-col-12-12 .wpe-col-2{
		width: 100%;
	}
	/* ===== 13-23 ===== */
	.wpe-col.wpe-col-13-23 .wpe-col-1{
		width: 100%;
		margin-right: 0;
	}
	.wpe-col.wpe-col-13-23 .wpe-col-2{
		width: 100%;
	}
	/* ===== 23-13 ===== */
	.wpe-col.wpe-col-23-13 .wpe-col-1{
		width: 100%;
		margin-right: 0;
	}
	.wpe-col.wpe-col-23-13 .wpe-col-2{
		width: 100%;
	}
	/* ===== 13-13-13 ===== */
	.wpe-col.wpe-col-13-13-13 .wpe-col-1{
		width: 100%;
		margin-right: 0;
	}
	.wpe-col.wpe-col-13-13-13 .wpe-col-2{
		width: 100%;
		margin-right: 0;
	}
	.wpe-col.wpe-col-13-13-13 .wpe-col-3{
		width: 100%;
	}
}





/**
 * Media Queries CSS
******************************************/

/* === #00 - VIEWPORT FIX === 
 * Does the same thing as <meta name="viewport" content="width=device-width">
 * for Windows 8 "Snapped" views in IE10+
 * @link http://core.trac.wordpress.org/ticket/25888
 * @link http://blog.teamtreehouse.com/thinking-ahead-css-device-adaptation-with-viewport
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}


/* === LAYOUTS === */

@media screen and (max-width: 900px){
	/* Push primary sidebar to bottom */
	.wordpress .content-wrap{
		margin-right: auto;
		margin-left: auto;
	}
	.wordpress.layout-content-sidebar1 .content-wrap,
	.wordpress.layout-sidebar1-content .content-wrap{
		width: 640px;
		max-width: 95%;
	}
	.wordpress #content{
		float: none;
	}
	.wordpress #sidebar-primary{
		margin-right: auto;
		margin-left: auto;
		float: left;
		width: 100%;
	}
	#header > .wrap{
		max-width: 95%;
		margin: 0 auto;
	}
	#sidebar-primary .widget:before{
		background: url( '../images/shadow-m.png' ) center no-repeat;
	}
}
@media screen and (max-width: 400px){
	.entry:before{
		background: url( '../images/shadow-s.png' ) center no-repeat;
	}
	.post-navigation:before{
		background: url( '../images/shadow-s.png' ) center no-repeat;
	}
	#sidebar-primary .widget:before{
		background: url( '../images/shadow-s.png' ) center no-repeat;
	}
	.comments-header:before{
		background: url( '../images/shadow-s.png' ) center no-repeat;
	}
		.comment-meta .avatar{
			display: none;
		}
	.comment-wrap:before{
		background: url( '../images/shadow-s.png' ) center no-repeat;
	}
	#respond:before{
		background: url( '../images/shadow-s.png' ) center no-repeat;
	}

}

/* === MENU ===  */
@media screen and (max-width: 950px){

	/* === Menu Toggle === */

	#menu-primary .menu-container{
		border: none;
	}
	.menu-toggle{
		padding: 9px 0;
		padding: 0.9rem 0;
		display: block;
	}
	.menu-toggle a:before{
		content: "\f228";
		font-family: 'esicons';
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 1em;
		padding: 8px;
		padding: 0.8rem;
		display: block;
		float: left;
		font-weight: 400;
		vertical-align: top;
		border: transparent;
		color: #fff;
		-webkit-font-smoothing: antialiased;
	}
		.menu-toggle .menu-toggle-close{
			display: none;
		}
	.menu-toggle-active .menu-toggle a:before{
		content: "\f158";
	}


	/* === Mobile Menu === */

	/* Hide Menu (Default) */
	#menu-primary .menu-dropdown .menu-items{
		display: block;
		right: -450px;
		transition: all 0.4s ease-in-out 0s;
	}
	#menu-primary .menu-toggle-active .menu-items{
		display: block;
		right: 0;
	}

	/* Mene Overlay */
	.menu-toggle-active .menu-overlay{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		z-index: 100050;
		background: rgba(0,0,0,0.7);
	}
	.body-stop-scroll2{
		overflow: hidden;
		height: 100%;
	}

	/* Menu Style */
	#menu-primary .menu-container{
		position: inherit;
	}
	#menu-primary-items{
		width: 450px;
		max-width: 90%;
		height: 100%;
		overflow: auto;
		position: fixed;
		top: 0;
		left: auto;
		right: 0;
		background: #626261;
		background-image:url( '../images/menu-bg.jpg' );
		background-position: top center;
		background-repeat: no-repeat;
		border: none;
		border-left: none;
		padding-top: 50px;
		z-index: 100100;
	}
	#menu-primary-items:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
	#menu-primary li{
		width: 100%;
	}
	#menu-primary li a{
		padding: 16px;
		padding: 1.6rem;
		width: 100%;
		display: block;
		border: none;
		padding: 30px 20px;
		text-align: center;
		font-size: 30px;
	}

	/* Text align */
	#menu-primary .sub-menu{
		text-align: left;
	}

	/* Has Children 1st level */
	#menu-primary .menu-dropdown ul li.menu-item-open-children > a:before,
	#menu-primary .menu-dropdown ul li.menu-item-has-children > a:before{
		content: "";
		position: inherit;
		right: auto;
	}
	/* Mobile Menu Style */
	#menu-primary .menu-dropdown li{
		display: block;
		width: 100%;
	}
	#menu-primary .menu-dropdown .sub-menu{
		width: 100%;
		border: none;
	}
	#menu-primary .menu-dropdown li a,
	#menu-primary .menu-dropdown .sub-menu li a{
		width: 100%;
		border: none;
	}
	#menu-primary .menu-dropdown .sub-menu li a{
		background: transparent;
	}
	#menu-primary .menu-dropdown .sub-menu li:hover > .sub-menu,
	#menu-primary .menu-dropdown .sub-menu li:focus > .sub-menu,
	#menu-primary .menu-dropdown .sub-menu li.focus > .sub-menu,
	#menu-primary .menu-dropdown li:hover > .sub-menu,
	#menu-primary .menu-dropdown li:focus > .sub-menu,
	#menu-primary .menu-dropdown li.focus > .sub-menu,
	#menu-primary .menu-dropdown .sub-menu{
		opacity: 1;
		left: auto;
		right: auto;
		top: auto;
		position: inherit;
	}
	#menu-primary .menu-dropdown .sub-menu .sub-menu,
	#menu-primary .menu-dropdown .sub-menu .sub-menu{
	}
	#menu-primary .menu-dropdown .sub-menu .sub-menu{
	}
	/* .sub-menu */
	.wordpress #menu-primary .menu-dropdown ul li.menu-item-open-children > a:before,
	.wordpress #menu-primary .menu-dropdown ul li.menu-item-has-children > a:before{
		content: "";
	}
	.wordpress #menu-primary .menu-dropdown .sub-menu li a:before,
	.wordpress #menu-primary .menu-dropdown .sub-menu li.menu-item-open-children >  a:before,
	.wordpress #menu-primary .menu-dropdown .sub-menu li.menu-item-has-children > a:before{
		content: "";
	}
	#menu-primary .menu-dropdown .sub-menu li a{
		padding-left: 40px;
		padding-left: 4rem;
	}
	#menu-primary .menu-dropdown .sub-menu .sub-menu li a{
		padding-left: 60px;
		padding-left: 6rem;
	}
	#menu-primary .menu-dropdown .sub-menu .sub-menu .sub-menu li a{
		padding-left: 80px;
		padding-left: 8rem;
	}
	#menu-primary .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu li a{
		padding-left: 100px;
		padding-left: 10rem;
	}
	#menu-primary .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a{
		padding-left: 120px;
		padding-left: 12rem;
	}
}
@media screen and (max-width: 650px){
	#menu-primary li a{
		padding: 20px 10px;
		font-size: 20px;
	}
}

@media screen and (max-width: 350px){
	.custom-logo{
		width: 200px;
		height: auto;
	}
}

/* === FOOTER WIDGETS === */
@media screen and (max-width: 900px){
	#sidebar-footer-1{
		width: 100%;
		margin-bottom: 40px;
		margin-bottom: 4rem;
	}
	.footer-widget{
		width: 50%;
	}
}
@media screen and (max-width: 600px){
	.footer-widget{
		width: 100%;
	}
}


/* === ENTRY === */
@media screen and (max-width: 770px) {
	.archive-header > .wrap{
		padding: 50px 10px 60px 10px;
	}
	.archive-title{
		font-size: 25px;
	}
}
@media screen and (max-width: 450px) {
	.entry-content .alignleft,
	.entry-content .alignright{
		max-width: 50%;
	}
}


/* === LOOP-NAV === */
@media screen and (max-width: 700px) {
	.post-navigation{
		border-bottom: 0;
	}
	.post-navigation .nav-prev{
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	.post-navigation .nav-next{
		width: 100%;
		padding-right: 0;
		padding-left: 46px;
		padding-left: 4.6rem;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	.post-navigation .nav-next a:after{
		right: auto;
		left: 0;
	}
}


/* === COMMENTS === */
@media screen and (max-width: 700px) {
	#respond .comment-form-author,
	#respond .comment-form-email,
	#respond .comment-form-url{
		width: 100%;
		margin-right: 0;
		float: none;
	}
	#respond #submit{
		float: none;
		width: 100%;
	}
}


/* HOME PAGE TEMPLATE
------------------------------------------ */
@media screen and (max-width: 900px){
	.hero {
		padding: 150px 30px 80px;
	}
	.hero .title{
		font-size: 40px;
		font-weight: 800;
		letter-spacing: -2px;
	}
	.hero .desc {
		font-size: 20px;
		margin-bottom: 40px;
	}
	.hero-action a {
		font-size: 20px;
		padding: 10px 20px;
	}
}
@media screen and (max-width: 400px){
	.hero .title{
		font-size: 30px;
	}
}