/*-

Description: This is a stylesheet containing styling for mobile devices.

Use this file as a reference for Custom CSS or to build
a child theme color scheme. Do not edit this file directly -
it is not loaded into the theme!!

Author: Obox Themes
Author URI: http://www.oboxthemes.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-------------------------------*/
/*- RESET -----------------------*/
/*- http://richclarkdesign.com --*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style: none;}
body {line-height: 1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; vertical-align:baseline; background:transparent; text-decoration: none;}
ins{text-decoration:none;}
mark{font-style:italic; font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;}


/*-------------------------------*/
/*- CLEARFIX --------------------*/
/*-------------------------------*/
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}

.row:before, .row:after{content: " "; display: table;}
.row:after{clear: both;}
.row{*zoom: 1;}

.button-group:before, .button-group:after{content: " "; display: table;}
.button-group:after{clear: both;}
.button-group{*zoom: 1;}

.form-row:before, .form-row:after{content: " "; display: table;}
.form-row:after{clear: both;}
.form-row{*zoom: 1;}

.title:before, .title:after{content: " "; display: table;}
.title:after{clear: both;}
.title{*zoom: 1;}

.story:before, .story:after{content: " "; display: table;}
.story:after{clear: both;}
.story{*zoom: 1;}

/*nav:before, nav:after{content: " "; display: table;}
nav:after{clear: both;}
nav{*zoom: 1;}*/

/*-------------------------------*/
/*- DEFAULTS --------------------*/
/*-------------------------------*/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	font-size: 62.5%;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-overflow-scrolling: touch;
}
body{
	/* overflow-x: hidden; */
	font-size: 1.5rem;
	line-height: 1.5;
	background-color: #fff;
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* overflow: hidden; */
}

h1,
h2,
h3,
h4,
h5,
h6{
	color: rgba(0, 0, 0, 0.85);
	font-weight: 400;
}

code,
tt,
kbd{
	display: inline;
	padding: 4px 6px;
	background-color: #eee;
	color: #8f8f8f;
	font-size: 85%;
	font-weight: 700;
	font-family: "Courier New", Courier, monospace;
}
pre{
	padding: 20px 20px 0;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #323232;
	font-size: 85%;
	font-weight: 700;
	font-family: "Courier New", Courier, monospace;
	text-transform: initial;
	overflow-y: scroll;
}
strong{
	font-weight: 700;
}
s,
strike,
del{
	text-decoration: line-through;
}
u,
ins{
	text-decoration: underline;
}
abbr[title],
acronym[title]{
	text-decoration: underline dotted;
}
small{
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
}
a{
	color: rgba(0, 0, 0, 0.75);
}
a:hover{
	color: rgba(0, 0, 0, 1);
}
img{
	max-width: 100%;
	height: auto;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{
	top: -0.5em;
}
iframe,
embed,
object{
	max-width: 100%;
}

.desktop-collapse{
	display: none;
}
.cursor-clickable{
	cursor: pointer;
}
.cursor-resizable{
	cursor: ew-resize;
}
.cursor-grabable{
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
.hide{
	display: none;
}
.animate{
	transition: all 0.2s ease-in-out;
}
.post-date{
	display: block;
	font-size: 1.2rem;
}
.excerpt{
	word-wrap: break-word;
}

/*-------------------------------*/
/*- GRID SETUP ------------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- GRIDS -------------------*/
	.grid{
    display:-webkit-flex;
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		position: relative;
	}
	.container .grid{
		margin-left: -10px;
		margin-right: -10px;
	}

		/*-----------------------*/
		/*- COLUMN SETUP --------*/
		[class*='column']{
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 20px;
			position: relative;
			max-width: calc(100% - 20px);
		}
		.column-flush{
			margin: 0;
			position: relative;
			max-width: 100%;
		}

		/*-----------------------*/
		/*- FALLBACK ------------*/
		.row .column{
			float: left;
		}

	.layers-masonry-column .grid{
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.span-12{
		min-width: calc(((100% / 12) * 12) - 20px);
		width: calc(100% - 20px);
	}
	.column-flush.span-12{
		min-width: calc((100% / 12) * 12);
		width: 100%;
	}

	.middled,
	.row .column.middled{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.no-gutter{
		margin-right: 0 !important;
	}

	/*---------------------------*/
	/*- MASONRY -----------------*/
	.container.list-masonry{
		max-width: 1040px;
		padding: 0 10px;
		position: relative;
	}
	.container.list-masonry .grid.loaded > *:not(.masonry-loading){
		opacity: 0;
	}
	.container.list-masonry .grid.loaded > *:not(.masonry-loading){
		opacity: 1;
	}
	.container.list-masonry .masonry-loading{
		width: 48px;
		height: 48px;
		margin: -25px 0 0 -25px;
		position: absolute;
		left: 50%;
		top: 50px;
		background: rgba(0, 0, 0, 0.7) url(images/spinner.gif) no-repeat center center;
		border-radius: 100%;
		overflow: hidden;
		opacity: 0;
	}
	.list-masonry .grid{
		margin-left: 10px;
		margin-right: -10px;
	}
	.list-masonry .column{
		margin-left: 0;
		margin-right: 0;
	}
	.container-full-width.list-masonry .grid{
		margin-left: 0px;
		margin-right: 0px;
	}

/*-------------------------------*/
/*- CONTENT CONTAINERS ----------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- WRAPPERS ----------------*/
	#wrapper-site,
	.wrapper-site{
		width: 100%;
		left: 0;
		top: 0;
		transition: left 0.3s ease-in-out 0s,  opacity 0.2s ease-in-out 0.1s, top 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
		z-index: 2;
		opacity: 1;

	}
	#site-wrapper{
		left: 0;
		position: relative;
		transition: left 0.3s ease-in-out 0s,  opacity 0.2s ease-in-out 0.1s, top 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
	}
	.wrapper-content{
		position: relative;
	}

	/*---------------------------*/
	/*- CONTAINER ---------------*/
	.container{
		max-width: 1040px;
		margin: auto;
		padding: 0 20px;
	}

	.container-flush{
		padding: 0;
	}

	.wrapper-site.container{
		max-width: 1140px;
	}

	/*---------------------------*/
	/*- CONTENT PADDING ---------*/
	.content{
		padding: 20px;
	}
	.content-main{
		padding: 6% 20px;
	}

/*-------------------------------*/
/*- NAVIGATION ------------------*/
/*-------------------------------*/

	.nav{
		vertical-align: middle;
		display: inline-block;
	}
	.nav li{
	}
	.nav-small a,
	.nav-small span{
		font-size: 1.2rem;
	}
	.nav a{
		color: #323232;
		transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
	}
	.nav a:hover{
		color: #8f8f8f;
	}
	.nav.large{
		font-size: 2.0rem;
	}
	.nav.medium{
		font-size: 1.5rem;
	}

	/*---------------------------*/
	/*- HORIZONTAL NAV ----------*/
	.nav-horizontal > ul{
		float: left;
	}
	.nav-horizontal li{
		float: left;
		margin: 0 10px;
	}
	.nav-horizontal li a{
		display: block;
		color: #323232;
		text-align: center;
		font-weight: 700;
	}
	.nav-horizontal li a:hover{
		color: #8f8f8f;
	}
	.nav-horizontal .special{
		padding: 2px 0;
		font-size: 1.2rem;
	}

		/*-----------------------*/
		/*- SITE HEADER > NAV ---*/
		.header-site .nav-horizontal > ul > li{
			margin: 0 2px;
		}
		.header-site .nav-horizontal > ul > li > a{
			padding: 0 10px;
		}

	/*---------------------------*/
	/*- HORIZONTAL NAV CENTERED -*/
	.nav-centered{
		text-align: center;
		width: 100%;
	}
	.nav-centered li{
		float: none;
		display: inline-block;
		margin: 0;
	}

	/*---------------------------*/
	/*- VERTICAL NAV ------------*/
	.nav-vertical{clear: both;}
	.nav-vertical a{
		display: block;
		padding: 5px 0;
		font-weight: 700;
	}
	.nav-vertical a:hover{
		background-color: #eee;
		color: #323232;
	}

	/*---------------------------*/
	/*- INLINE NAV --------------*/
	.nav-inline li{
		display: inline;
		margin: 0 15px;
		font-size: 1.2rem;
	}
	.nav-inline a{
		color: rgba(255, 255, 255, 0.65);
	}
	.nav-inline a:hover{
		color: #fff;
	}

	/*---------------------------*/
	/*- TABBED NAV --------------*/
	.nav-tabs{
		padding: 20px 20px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.nav-tabs ul{
		overflow: hidden;
		max-width: 1000px;
		margin: auto;
	}
	.nav-tabs li{
		float: left;
		margin-right: 10px;
	}
	.nav-tabs a{
		display: block;
		padding: 6px 15px;
		border: 1px solid transparent;
		border-bottom: none;
		font-weight: 700;
	}
	.nav-tabs a:hover{
		background: rgba(0, 0, 0, 0.1);
	}
	.nav-tabs .active a{
		border-color: rgba(0, 0, 0, 0.1);
	}
	.nav-small a,
	.nav-small span{
		padding: 3px 8px;
	}

	/*---------------------------*/
	/*- PILL NAV ----------------*/
	.nav-pills {}
	.nav-pills li {
		display: inline-block;
	}
	.nav-pills a{
		border: 2px solid #ddd;
		color: #8f8f8f;
		font-weight: 700;
		padding: 2px 10px;
		border-radius: 3px;
		display: block;
	}
	.nav-pills a:hover{
		background-color: #8f8f8f;
		border-color: #454545;
		color: #fff;
	}
	.nav-pills .active a{
		background-color: #8f8f8f;
		border-color: #454545;
		color: #fff;
	}
	.nav-pills span{
		color: #323232;
		font-weight: 700;
	}

	/*---------------------------*/
	/*- SUB NAV -----------------*/
	#header-menu > li > .sub-menu,
	.nav .children{
		background-color: rgba(247, 233, 221, 0.98);
  		border-bottom: 2px solid #227078;
		border-radius: 0px;
		opacity: 0;
		position: absolute;
		top: 40px;
		left: 0;
		padding: 12px;
		z-index: 5;
		transition: all 0.4s ease-in-out;
		line-height: normal;
		visibility: hidden;
		width: 100%;
	}
	.menu > li > .sub-menu > li.menu-item{
		clear: none;
		display: block;
		float: left;
		margin: 0;
		text-align: left;
		width: 20%;
	}

	.menu li > .sub-menu > li.menu-item-has-children,
	.nav .children li{
		clear: none;
		display: block;
		float: left;
		width: 25%;
		margin: 0;
		padding: 0;
	}

	#header-menu > li.mega-menu > .sub-menu > li > a{
		border-bottom: 1px solid #4da1a9;
		border-radius: 0px;
		font-family: "Playfair Display", serif;
		padding: 12px 0px;
		font-size: 16px;
		text-align: left;
	}
	.sub-menu li:last-child,
	.nav .children li:last-child{
		border-bottom: none;
	}
	.sub-menu .sub-menu{
		position: relative;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	.sub-menu .sub-menu li{
	    text-align: left;
	    font-size: 13px;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	    margin: 0px;
	    padding: 4px 0px;
		width: 100%;
	}
	.sub-menu .sub-menu li a,
	.nav .children li a{
		display: block;
		padding: 8px 10px;
		background: none;
		color: #454545;
		text-transform: none;
		text-align: left;
	}
	.sub-menu .sub-menu li a{
		background: none;
		color: #454545;
		display: inline-block;
		padding: 0px 0px;
		text-transform: none;
		text-align: left;
		width: 100%;
	}

	.nav .children li a:hover{
		background-color: #333;
		color: #fff;
	}

	.sub-menu .sub-menu li:hover a,	
	#header-menu > li > .sub-menu li a:hover{
		background: none;
		color: #4da1a9;
	}
	#header-menu >  li:hover > .sub-menu, .nav .children
	.nav li:hover > .sub-menu,
	.nav li:hover .children{
		visibility: visible;
		opacity: 1;
		transition: all 0.2s ease-in-out;
	}
	/*
	.nav > ul > li .sub-menu .sub-menu,
	.nav li:hover > .sub-menu .sub-menu,
	.nav > ul > li .children .children,
	.nav li:hover > .children .children{
		left: 185px;
		top: -3px;
	}
	.nav > ul > li:last-child .sub-menu,
	.nav > ul > li:last-child .children{
		right: 0;
		left: auto;
	}
	.nav li:last-child .sub-menu .sub-menu,
	.nav li:last-child .children .children{
		right: 185px;
		left: auto;
	}
	*/
	.nav-vertical .sub-menu,
	.nav-vertical .children{
		right: auto;
		top: -3px;
		box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	}
	.nav-vertical li:hover > .sub-menu,
	.nav-vertical li:hover > .children{
		top: -3px;
		left: 140px;
	}
	.nav-vertical li:hover > .sub-menu .sub-menu,
	.nav-vertical li:hover > .chilren .children{
		left: 155px;
		right: auto;
		top: -3px;
	}
	#footer .sub-menu{
		display: none;
	}

		/*-----------------------*/
		/*- DROP DOWN ARROWS ----*/
		.header-site .menu-item-has-children > a:after{
			margin-left: 8px;
			content: "\e605";
			font-family: 'layers-icons';
			font-weight: normal;
			font-style: normal;
			text-decoration: inherit;
			opacity: 0.4;
			font-weight: normal;
			font-size: 0.8rem;
			vertical-align: middle;
		}
		.header-site .sub-menu .menu-item-has-children > a:after{
			display: none;
		}
		.header-site .menu-item-has-children > a:hover:after{
			opacity: 0.8;
		}

		/*-----------------------*/
		/*- SUB MENU ANIMATION
		.header-site .nav ul li > .sub-menu > li{
			opacity: 0;
			transform: translate3d(0, 5px, 0);
			transition: 0.25s opacity ease-in-out 0.05s,
						0.25s transform ease-in-out 0.05s;
		}
		.header-site .nav ul li:hover > .sub-menu > li{
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(2){transition-delay: 0.07s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(3){transition-delay: 0.09s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(4){transition-delay: 0.11s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(5){transition-delay: 0.13s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(6){transition-delay: 0.15s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(7){transition-delay: 0.17s;}
		 --*/

	/*---------------------------*/
	/*- BREAD CRUMBS ------------*/
	.bread-crumbs{
		display: inline-block;
		margin: 0 0 15px;
		overflow: hidden;
		color: rgba(0, 0, 0, 0.55);
		font-size: 1.2rem;
	}
	.bread-crumbs li{
		float: left;
		margin-right: 10px;
	}
	.bread-crumbs a{
		color: rgba(0, 0, 0, 0.75);
	}
	.bread-crumbs a:hover{
		color: rgba(0, 0, 0, 0.85);
		text-decoration: underline;
	}
	.title-small .bread-crumbs{
		margin: -30px 0 25px;
	}

	/*---------------------------*/
	/*- PAGINATION --------------*/
	.pagination{
		background: #f7e9dd;
		clear: both;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	.pagination .screen-reader-text{
		display: none;
	}
	.pagination li:last-child{
		border-right: none;
	}
	.pagination a,
	.pagination span{
	    display: inline-block;
	    min-width: 38px;
	    padding: 4px 10px;
	    font-weight: 600;
	    font-size: 14px;
	    text-align: center;
	}
	.pagination a:hover{}
	.pagination .current{
		background: #4da1a9;
    	color: #fff;
	}
	.pagination a.next{
	    float: right;
	}


/*-------------------------------*/
/*- FORMS -----------------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- DEFAULTS ----------------*/
	textarea,
	input,
	select,
	button{
		width: 100%;
		background-color: #fff;
		border: 2px solid #eee;
		color: #8f8f8f;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1.5rem;
	}
	textarea:focus,
	input:focus,
	select:focus{
		border-color: #ccc;
		-webkit-appearance: none;
		outline: 0;
	}
	input[type="email"],
	input[type="text"],
	input[type="url"],
	input[type="search"],
	input[type="password"],
	input[type="number"],
	input[type="tel"],
	input[type="date"]{
		max-width: 500px;
		padding: 0 8px;
		height: 36px;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size: 1.5rem;
	}
	input[type="image"]{
		width: auto;
	}
	textarea{
		padding: 10px 8px;
		max-width: 660px;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	select{
		max-width: 500px;
		padding: 0 6px;
		height: 36px;
	}

	/*---------------------------*/
	/*- FORM BUTTONS ------------*/
	input[type=button],
	input[type=submit],
	button{
		display: inline-block;
		width: auto;
		padding: 5px 10px;
		vertical-align: middle;
		background-color: #454545;
		border: none;
		text-align: center;
		color: #fff;
		font-size: 1.5rem;
		font-weight: 700;
		font-style: normal;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		transition: all 0.2s ease-in-out;
	}
	input[type=button]:hover,
	input[type=submit]:hover,
	button:hover{
		cursor: pointer;
		background-color: #ccc;
		color: #999;
	}
	input[type=button]:disabled,
	input[type=submit]:disabled{
		background-color: #ccc;
		color: #999;
	}
	input[type=submit] + span{
		float: left;
		margin: 2px 0 0 10px;
		font-size: 1.1rem;
		font-style: italic;
	}

	/*---------------------------*/
	/*- CHECKBOXES AND RADIOS ---*/
	input[type=checkbox]{
		border: none;
		-webkit-appearance: checkbox;
		-moz-appearance: checkbox;
	}
	input[type=radio]{
		border: none;
		-webkit-appearance: radio;
		-moz-appearance: radio;
	}

	/*---------------------------*/
	/*- UPLOAD FIELD ------------*/
	input[type=upload],
	input[type=file]{
		max-width: 500px;
		padding: 4px;
		background-color: #eee;
		border: none;
		font-size: 1.5rem;
	}

	/*---------------------------*/
	/*- LABELLING AND GROUPING --*/
	label{
		clear: both;
		display: block;
		margin-bottom: 4px;
		font-size: 1.5rem;
		font-weight: 700;
	}
	fieldset{
		margin-bottom: 10px;
	}
	legend{
		margin: 0 0 10px;
		font-size: 1.9rem;
	}

	/*---------------------------*/
	/*- NOTES -------------------*/
	form small{
		display: block;
		margin-top: 5px;
	}
	form label + small{
		max-width: 500px;
		margin: 0 0 5px;
	}

	/*---------------------------*/
	/*- FORM ROWS ---------------*/
	.form-row{
		margin-bottom: 15px;
		vertical-align: top;
	}
	.form-row:last-child{
		margin-bottom: 0;
	}

	/*---------------------------*/
	/*- FORM ROWS LARGE ---------*/
	form.large label{
		font-size: 1.5rem;
	}
	form.large input[type=email],
	form.large input[type=text],
	form.large input[type=password]{
		height: 47px;
		font-size: 2.0rem;
	}
	form.large .input-append .add-on,
	form.large .input-prepend .add-on{
		line-height: 43px;
	}
	form.large .input-append input[type=submit],
	form.large .input-append input[type=button],
	form.large .input-append button{
		height: 47px;
	}

	/*---------------------------*/
	/*- FORM ROWS SMALL ---------*/
	form.small .form-row{margin-bottom: 5px;}

	form.small input[type=email],
	form.small input[type=text],
	form.small input[type=password]{
		height: 32px;
		font-size: 1.3rem;
	}
	form.small .input-append .add-on,
	form.small .input-prepend .add-on{
		line-height: 28px;
	}
	form.small .input-append input[type=submit],
	form.small .input-append input[type=button],
	form.small .input-append button{
		height: 32px;
	}

	/*---------------------------*/
	/*- CHECKBOX ----------------*/
	input[type=checkbox]{
		width: auto;
		height: 14px;
		width: 14px;
		padding: 0;
		margin: 0 5px 0 5px;
		vertical-align: middle;
		font-size: 1.2rem;
		font-weight: 400;
	}
	.checkbox{
		clear: both;
		margin: 0;
		overflow: hidden;
	}
	.checkbox input[type=submit],
	.checkbox button{
		display: inline-block;
		margin: 0;
	}
	.checkbox label{
		display: inline-block;
		margin-left: 10px;
		vertical-align: middle;
	}
	.checkbox .btn-large + label{
		padding-top: 10px;
		font-size: 1.3rem;
	}

		/*---------------------------*/
		/*- CHECKBOX LIST -----------*/
		.checkbox-list .checkbox{margin-bottom: 5px;}
		.checkbox-list .checkbox label{
			margin-left: 0;
			font-size: 1.3rem;
		}

	/*---------------------------*/
	/*- RADIO BUTTONS -----------*/
	input[type=radio]{
		width: auto;
		height: 14px;
		width: 14px;
		padding: 0;
		margin: 0 5px 0 5px;
		vertical-align: bottom;
	}
	.radio-button-group{
		display: block;
		overflow: hidden;
	}
	.radio-button-group label{
		overflow: hidden;
		clear: none;
		float: none;
		padding: 8px 0;
		margin-bottom: 0;
		font-size: 1.2rem;
		font-weight: 400;
	}

	/*---------------------------*/
	/*- PREPENDS + APPENDS ------*/
	.input-prepend,
	.input-append{
		overflow: hidden;
		display: block;
		line-height: 32px;
		white-space: nowrap;
		font-size: 0;
	}
	.input-prepend .add-on{
		display: inline-block;
		padding: 0 12px;
		background-color: #eee;
		border: 2px solid #eee;
		border-right-width: 0px;
		font-size: 1.5rem;
	}
	.input-prepend input{
		display: inline-block;
		vertical-align: top;
	}

	.input-append .add-on{
		display: inline-block;
		padding: 0 12px;
		background-color: #eee;
		border: 2px solid #eee;
		border-left-width: 0px;
		font-size: 1.5rem;
	}
	.input-append input[type=text],
	.input-append input[type=password],
	.input-append input[type=email]{
		display: inline-block;
		vertical-align: top;
		border-right: none;
	}
	.input-append input[type=submit],
	.input-append input[type=button],
	.input-append button{
		display: inline-block;
		height: 36px;
		margin: 0;
		vertical-align: top;
		border-left: none;
	}
	.input-prepend.input-append input{
		border-right-width: 0;
		border-right-width: 0;
	}
	.input-prepend.input-append .add-on:first-child{
		border-left-width: 2px;
		border-right-width: 0;
	}


/*-------------------------------*/
/*- BUTTONS ---------------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- DEFAULT BUTTON ----------*/
	.button{
		display: inline-block;
		padding: 4px 16px;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		font-weight: 700;
	}

	/*---------------------------*/
	/*- BUTTON GROUP ------------*/
	.button-group{
		display: inline-block;
		vertical-align: middle;
		overflow: hidden;
	}
	.button-group + .button-group{
		margin-left: 20px;
	}
	.pull-right .button-group + .button-group{
		margin-left: 20px;
		margin-right: 0;
	}
	.button-group .button{
		float: left;
		margin: 0;
	}

	/*---------------------------*/
	/*- BUTTON COLLECTION -------*/
	.button-collection{
		margin-bottom: 20px;
		vertical-align: middle;
		overflow: hidden;
	}

/*-------------------------------*/
/*- STORY -----------------------*/
/*-------------------------------*/

	.story{
		font-size: 1.6rem;
		word-wrap: break-word;
	}
	.story p{
		margin-bottom: 20px;
	}
	.story address{
		margin-bottom: 26px;
	}
	.story a:not(.button){
		text-decoration: underline;
	}
	.story ul{
		list-style: disc;
		margin: 0 0 26px 35px;
	}
	.story ul li{
		list-style: disc;
		margin: 0 0 6px;
	}
	.story ol{
		list-style: decimal;
		margin: 0 0 26px 35px;
	}
	.story ol li{
		list-style: decimal;
		margin: 0 0 6px;
	}
	.story ul ul,
	.story ul ol,
	.story ol ol,
	.story ol ul{
		margin-bottom: 0;
	}
	.story .feature-list{
		list-style: none;
		margin-left: 15px;
	}
	.story dl{
		margin: 0 0 26px;
	}
	.story dd{
		margin-left: 36px;
	}

	.story img{
		max-width: 100%;
		height: auto;
	}
	.story img.align-center{
		display: block;
	}

	.story h1{
		margin-bottom: 26px;
		font-size: 3.2rem;
		font-weight: 700;
	}
	.story h2{
		margin-bottom: 26px;
		font-size: 2.2rem;
		font-weight: 700;
	}
	.story h3{
		margin-bottom: 26px;
		font-size: 2.0rem;
		font-weight: 700;
	}
	.story h4{
		margin-bottom: 26px;
		font-size: 1.8rem;
		font-weight: 700;
	}
	.story h5{
		margin-bottom: 26px;
		font-size: 1.4rem;
		font-weight: 700;
	}
	.story h6{
		margin-bottom: 26px;
		font-size: 1.4rem;
	}
	.story table{
		font-size: 1.4rem;
	}

	.story blockquote{
		padding: 20px;
		margin-bottom: 26px;
		background: rgba(0, 0, 0, 0.05);
		color: rgba(0, 0, 0, 0.55);
	}
	.story blockquote p:last-child{
		margin-bottom: 0;
	}

		/*-----------------------*/
		/*- WP CAPTIONS ---------*/
		.wp-caption{
			max-width: 100%;
			padding: 10px;
			background: #f0f0f0;
		}
		.wp-caption-text{
			padding: 10px 5px 5px;
			margin: 0;
			color: #777;
			font-size: 1.4rem;
		}
		.wp-caption p.wp-caption-text{
			padding: 10px 5px 5px;
			margin: 0;
		}

		.wp-caption.alignright,
		.story img.alignright{
			float: right;
			max-width: 320px;
			margin: -10px 0 10px 20px;
		}
		.wp-caption.alignleft{
			float: left;
			max-width: 320px;
			margin: 0 20px 10px 0;
		}
		.wp-caption.alignnone{
			margin: 5px 20px 20px 0;
		}

		.gallery-caption{
			font-size: 1.2rem;
		}
		.bypostauthor{
			color: #777;
		}

		.alignleft{
			float: left;
		}
		.alignright{
			float: right;
		}
		.aligncenter{
			clear: both;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.wp-caption.aligncenter{
			margin-bottom: 20px;
		}


/*--------------------------------------------------------------*/
/*- SMALL SCREENS ----------------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (max-width: 480px){

/*-------------------------------*/
/*- COLUMNS ---------------------*/

	/*---------------------------*/
	/*- SPAN - 2 GOES SPAN 6 ----*/
	.span-2{
		width: calc(((100% / 12) * 6) - 20px);
	}
	.column-flush.span-2{
		width: calc(((100% / 12) * 6));
	}

	/*---------------------------*/
	/*- CLEARING COLS - FALLBACK */
	.row .column.span-1:nth-child(6n+7),
	.row .column.span-2:nth-child(2n+3){
		clear: left;
	}

	/*---------------------------*/
	/*- REST GO SPAN 12 ---------*/
	.span-3,
	.span-4,
	.span-5,
	.span-6,
	.span-7,
	.span-8,
	.span-9,
	.span-10,
	.span-11{
		width: calc(((100% / 12) * 12) - 20px);
	}
	.column-flush.span-3,
	.column-flush.span-4,
	.column-flush.span-5,
	.column-flush.span-6,
	.column-flush.span-7,
	.column-flush.span-8,
	.column-flush.span-9,
	.column-flush.span-10,
	.column-flush.span-11{
		width: calc(((100% / 12) * 12));
	}

	/*---------------------------*/
	/*- MASONRY -----------------*/
	.list-masonry .grid{
		margin-left: 10px;
		margin-right: -10px;
	}

/*-------------------------------*/
/*- NAVIGATION ------------------*/

	/*-------------------------------*/
	/*- HEADER RIGHT REPSONSIVE NAV -*/
	.header-right .responsive-nav{
		margin-left: 0;
	}

	/*---------------------------*/
	/*- TABBED NAV --------------*/
	.nav-tabs{
		padding: 5px;
	}
	.nav-tabs li{
		width: 50%;
		padding: 5px;
		margin: 0;
	}

	/*---------------------------*/
	/*- VERTICAL NAV SUB MENUS --*/
	.nav-vertical{
		display: block;
	}
	.nav-vertical .sub-menu{
		width: auto;
		position: static;
		visibility: visible;
		opacity: 1;
		left: auto;
		right: auto;
		top: auto;
		box-shadow: none;
		border: none;
		font-size: 1.2rem;
	}
	.nav-vertical .sub-menu .sub-menu{
		margin-left: 10px;
	}
	.nav-vertical .sub-menu li{
		border: none;
		width: auto;
	}

	/*---------------------------*/
	/*- SUB NAV -----------------*/
	.sub-menu,
	.nav .children{
		background-color: #fff;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 50px;
		left: 0;
		border: 2px solid #ddd;
		z-index: 5;
		transition: all 0.4s ease-in-out;
		line-height: normal;
	}
	.sub-menu li,
	.nav .children li{
		clear: both;
		display: block;
		width: 180px;
		margin: 0;
		border: none;
		border-bottom: 1px solid #ddd;
	}
	.sub-menu li:last-child,
	.nav .children li:last-child{
		border-bottom: none;
	}
	.sub-menu li a,
	.nav .children li a{
		display: block;
		padding: 8px 10px;
		background: none;
		color: #454545;
		text-transform: none;
		text-align: left;
	}
	.sub-menu li a:hover,
	.nav .children li a:hover{
		background-color: #333;
		color: #fff;
	}
	.nav li:hover > .sub-menu,
	.nav li:hover .children{
		visibility: visible;
		opacity: 1;
		top: 40px;
		transition: all 0.2s ease-in-out;
	}
	.nav > ul > li .sub-menu .sub-menu,
	.nav li:hover > .sub-menu .sub-menu,
	.nav > ul > li .children .children,
	.nav li:hover > .children .children{
		left: 185px;
		top: -3px;
	}
	.nav > ul > li:last-child .sub-menu,
	.nav > ul > li:last-child .children{
		right: 0;
		left: auto;
	}
	.nav li:last-child .sub-menu .sub-menu,
	.nav li:last-child .children .children{
		right: 185px;
		left: auto;
	}
	.nav-vertical .sub-menu,
	.nav-vertical .children{
		left: 180px;
		right: auto;
		top: -3px;
		box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	}
	.nav-vertical li:hover > .sub-menu,
	.nav-vertical li:hover > .children{
		top: -3px;
		left: 140px;
	}
	.nav-vertical li:hover > .sub-menu .sub-menu,
	.nav-vertical li:hover > .chilren .children{
		left: 155px;
		right: auto;
		top: -3px;
	}
	#footer .sub-menu{
		display: none;
	}

/*-------------------------------*/
/*- SLIDER ----------------------*/

	.swiper-slide .section-title.large .heading{
		font-size: 3rem;
	}
	.swiper-slide .section-title.large .excerpt{
		font-size: 2rem;
	}

/*-------------------------------*/
/*- CONTENT ---------------------*/

	/*---------------------------*/
	/*- META INFO ---------------*/
	.single .meta-item{
		display: block;
	}

/*-------------------------------*/
/*- COMPONENTS ------------------*/

	/*---------------------------*/
	/*- MEDIA BLOCK -------------*/
	.media.image-right .media-image,
	.media.image-left .media-image{
		float: none;
		max-width: none;
		margin: 0 0 20px;
	}

/*-------------------------------*/
/*- FOOTERS ---------------------*/

	/*---------------------------*/
	/*- COPYRIGHT ---------------*/
	.copyright .column{
		margin-bottom: 10px;
	}
	.copyright .column:last-child{
		margin-bottom: 0;
	}
	.copyright .logo{
		display: none;
	}
	.copyright .t-right{
		text-align: left;
	}
	.copyright .pull-right{
		float: none;
	}
	.copyright .nav-horizontal{
		margin-top: 10px;
	}
	.copyright .nav-horizontal li{
		margin: 0 10px 0 0;
	}


}

/*--------------------------------------------------------------*/
/*- EVERYTHING BIGGER THAN A PHONE -----------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px){

	/*---------------------------*/
	/*- SPAN - 4 ----------------*/
	.span-4{
		width: calc(((100% / 12) * 4) - 20px);
	}
	.column-flush.span-4{
		width: calc((100% / 12) * 4);
	}

	/*---------------------------*/
	/*- SPAN - 6 ----------------*/
	.span-5,
	.span-6,
	.span-7{
		width: calc(((100% / 12) * 6) - 20px);
	}
	.column-flush.span-5,
	.column-flush.span-6,
	.column-flush.span-7{
		width: calc((100% / 12) * 6);
	}

	/*---------------------------*/
	/*- HEADERS -----------------*/
	.header-secondary{
		display: block;
	}
	.body-header-sidebar .header-secondary .container{
		max-width: none;
		padding: 0 10px;
	}

	/*---------------------------*/
	/*- MEDIA BLOCK -------------*/

		/*-----------------------*/
		/*- IMAGE LEFT / RIGHT --*/
		.image-left .media-image{
			float: left;
			max-width: 49%;
			margin-right: 20px;
		}
		.image-right .media-image{
			float: right;
			max-width: 49%;
			margin-right: 0;
			margin-left: 20px;
		}
		.image-left .media-body,
		.image-right .media-body{
			margin-top: 0;
		}

			/*-------------------*/
			/*- CORRECT WIDTHS --*/
			.span-3 .image-left .media-image,
			.span-4 .image-left .media-image{
				max-width: 33%;
			}
			.span-3 .image-right .media-image,
			.span-4 .image-right .media-image{
				max-width: 33%;
			}

}

/*--------------------------------------------------------------*/
/*-  MOBILE LANDSCAPE MODES ------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 640px){

	/*---------------------------*/
	/*- MEDIA BLOCK -------------*/

		/*-----------------------*/
		/*- IMAGE LEFT / RIGHT --*/
		.image-left .media-image,
		.image-right .media-image{
			float: none;
			max-width: none;
			margin-left: 0;
			margin-right: 0;
		}
		.span-3 .image-left .media-image,
		.span-4 .image-left .media-image,
		.span-3 .image-right .media-image,
		.span-4 .image-right .media-image{
			max-width: none;
		}
		.image-left .media-body,
		.image-right .media-body{
			margin-top: 10px;
		}

}

/*--------------------------------------------------------------*/
/*-  AWKWARD SIZE BETWEEN PHONE LANDSCAPE AND TABLET -----------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 768px){

	/*---------------------------*/
	/*- SPAN - 2 GOES SPAN 4 ----*/
	.span-2{
		width: calc(((100% / 12) * 4) - 20px);
	}
	.column-flush.span-2{
		width: calc((100% / 12) * 4);
	}

	/*---------------------------*/
	/*- SPAN - 3 GOES SPAN 6 ----*/
	.span-3{
		width: calc(((100% / 12) * 6) - 20px);
	}
	.column-flush.span-3{
		width: calc((100% / 12) * 6);
	}

		/*-----------------------*/
		/*- MULTI-SIDEBAR -------*/
		/* This CSS caters for 3 column sidebar layouts */
		.span-3 + .span-6{
			width: calc(((100% / 12) * 12) - 20px);
		}

		/*-----------------------*/
		/*- DBL-SIDEBAR ---------*/
		/* This CSS caters for 2 column sidebar layouts */
		.span-8{
			width: calc(((100% / 12) * 12) - 20px);
			/* Set the main column to fullwidth */
		}
		.column.sidebar{
			display: flex;
			flex-flow: row wrap;
			min-width: calc((100% / 12) * 12);
			margin-left: 0px;
			margin-right: 0px;
			/* Set the sidebar to full width and apply flexbox */
		}
		.column.sidebar .widget{
			flex: 0 0 calc(((100% / 12) * 6) - 20px);
			margin: 0 10px 20px;
			/* align widgets in rows of 2 */
		}

	/*---------------------------*/
	/*- SPAN - 9 GOES SPAN 12 ---*/
	.span-9{
		width: calc(((100% / 12) * 12) - 20px);
	}
}

/*--------------------------------------------------------------*/
/*-  AWKWARD SIZE BETWEEN PHONE LANDSCAPE AND TABLET -----------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 601px) and (max-width: 782px){

	/*---------------------------*/
	/*- CLEARING COLS - FALLBACK */
	.row .column.span-2:nth-child(3n+4),
	.row .column.span-3:nth-child(2n+3){
		clear: left;
	}

	/*-----------------------*/
	/*- HEADER IN ADMIN MODE */
	.admin-bar .header-sticky.is_stuck.is_stuck_show{
		margin-top: 46px;
	}

	/*---------------------------*/
	/*- HEADERS -----------------*/
	.header-secondary .container{
		padding-left: 10px;
		padding-right: 10px;
	}

}

/*--------------------------------------------------------------*/
/*- EVERYTHING UP TO TABLET ------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (max-width: 768px){

	/*---------------------------*/
	/*- MASONRY -----------------*/
	.container.list-masonry{
		padding: 0 10px;
	}


	/*---------------------------*/
	/*- HEADER INLINE -----------*/
	.header-inline .container{
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.header-inline .inline-site-logo{
		display: -webkit-flex;
		-webkit-flex: 1;

		display: flex;
		flex: 1;
	}
	.header-inline .inline-right-nav{
		display: -webkit-flex;
		-webkit-flex-direction: row-reverse;

		display: flex;
		flex-direction: row-reverse;
	}
	.header-inline .inline-left-nav,
	.header-site.header-inline nav{
		display: none;
	}

	.pull-left,
	.pull-right{
		float: none;
	}

	/*---------------------------*/
	/*- LAYERS BADGE ------------*/
	.created-using-layers{
		display: block;
		margin: 20px 0 -20px;
		padding: 5px 10px;
		background: rgba(0, 157, 243, 1);
		color: #fff;
		font-size: 0.9rem;
		letter-spacing: 2px;
		text-align: center;
		text-transform: uppercase;
	}
	.created-using-layers:hover{
		color: #fff;
		background: #3D454C;
	}

	/*---------------------------*/
	/*- FORM ROWS ---------------*/
	.form-row{
		margin-bottom: 15px;
	}

	/*---------------------------*/
	/*- CLOSE OFF CANVAS --------*/
	.admin-bar section[class*=' off-canvas-'] .close-canvas{
		top: 46px;
	}

	/*---------------------------*/
	/*- OFF CANVAS SIDEBAR ------*/
	.admin-bar div[class*=" off-canvas-"]{
		padding-top: 47px;
	}


}

/*--------------------------------------------------------------*/
/*- BETWEEN TABLET AND DESKTOP ---------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 601px) and (max-width: 860px){

	/*---------------------------*/
	/*- SPAN - 10 ---------------*/
	.span-10{
		width: calc(((100% / 12) * 12) - 20px);
	}

	/*---------------------------*/
	/*- COMBINATIONS ------------*/
	.span-5 + .span-5 + .span-2{}
	.span-7 + .span-5{}
	.span-10 + .span-2{}

	/*---------------------------*/
	/*- COMBINATIONS ------------*/
	.span-5 + .span-5 + .span-2{
		width: 100%;
	}


}

/*--------------------------------------------------------------*/
/*- EVERYTHING BIGGER THAN TABLETS -----------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 769px) {

/*-------------------------------*/
/*- GRIDS -----------------------*/

	/*---------------------------*/
	/*- COLUMN WIDTHS -----------*/
	.span-1{width: calc((100% / 12) - 20px);}
	.span-2{width: calc(((100% / 12) * 2) - 20px);}
	.span-3{width: calc(((100% / 12) * 3) - 20px);}
	.span-5{width: calc(((100% / 12) * 5) - 20px);}
	.span-7{width: calc(((100% / 12) * 7) - 20px);}
	.span-8{width: calc(((100% / 12) * 8) - 20px);}
	.span-9{width: calc(((100% / 12) * 9) - 20px);}
	.span-10{width: calc(((100% / 12) * 10) - 20px);}
	.span-11{width: calc(((100% / 12) * 11) - 20px);}

	/*---------------------------*/
	/*- FLUSH COLUMNS -----------*/
	.column-flush.span-1{width: calc(100% / 12);}
	.column-flush.span-2{width: calc((100% / 12) * 2);}
	.column-flush.span-3{width: calc((100% / 12) * 3);}
	.column-flush.span-5{width: calc((100% / 12) * 5);}
	.column-flush.span-7{width: calc((100% / 12) * 7);}
	.column-flush.span-8{width: calc((100% / 12) * 8);}
	.column-flush.span-9{width: calc((100% / 12) * 9);}
	.column-flush.span-10{width: calc((100% / 12) * 10);}
	.column-flush.span-11{width: calc((100% / 12) * 11);}

	/*---------------------------*/
	/*- GUTTERS -----------------*/
	.offset-1{margin-right: 8.5%;}
	.offset-2{margin-right: 17%;}
	.offset-3{margin-right: 25.5%;}
	.offset-4{margin-right: 34%;}
	.offset-5{margin-right: 42.5%;}
	.offset-6{margin-right: 51%;}
	.offset-7{margin-right: 59.5%;}
	.offset-8{margin-right: 68%;}
	.offset-9{margin-right: 76.5%;}
	.offset-10{margin-right: 85%;}
	.offset-11{margin-right: 93.5%;}

	.offset-left-1{margin-left: 8.5%;}
	.offset-left-2{margin-left: 17%;}
	.offset-left-3{margin-left: 25.5%;}
	.offset-left-4{margin-left: 34%;}
	.offset-left-5{margin-left: 42.5%;}
	.offset-left-6{margin-left: 51%;}
	.offset-left-7{margin-left: 59.5%;}
	.offset-left-8{margin-left: 68%;}
	.offset-left-9{margin-left: 76.5%;}
	.offset-left-10{margin-left: 85%;}
	.offset-left-11{margin-left: 93.5%;}

	.pull-left-1{margin-left: -8.5%;}
	.pull-left-2{margin-left: -17%;}
	.pull-left-3{margin-left: -25.5%;}
	.pull-left-4{margin-left: -34%;}
	.pull-left-5{margin-left: -42.5%;}
	.pull-left-6{margin-left: -51%;}
	.pull-left-7{margin-left: -59.5%;}
	.pull-left-8{margin-left: -68%;}
	.pull-left-9{margin-left: -76.5%;}
	.pull-left-10{margin-left: -85%;}
	.pull-left-11{margin-left: -93.5%;}

	.pull-right-1{margin-right: -8.5%;}
	.pull-right-2{margin-right: -17%;}
	.pull-right-3{margin-right: -25.5%;}
	.pull-right-4{margin-right: -34%;}
	.pull-right-5{margin-right: -42.5%;}
	.pull-right-6{margin-right: -51%;}
	.pull-right-7{margin-right: -59.5%;}
	.pull-right-8{margin-right: -68%;}
	.pull-right-9{margin-right: -76.5%;}
	.pull-right-10{margin-right: -85%;}
	.pull-right-11{margin-right: -93.5%;}

	/*---------------------------*/
	/*- CLEARING COLS - FALLBACK */
	.row .span-2:nth-child(6n+7),
	.row .span-3:nth-child(4n+5),
	.row .span-4:nth-child(3n+4),
	.row .span-6:nth-child(2n+3){
		clear: left;
	}


/*-------------------------------*/
/*- HEADERS ---------------------*/

	.header-site .container{
		padding: 20px;
	}

	/*---------------------------*/
	/*- NAV DISPLAY -------------*/
	.nav-horizontal ul{
		display: inline-block;
	}
	.responsive-nav{
		display: none;
	}

	/*---------------------------*/
	/*- ALIGNMENT CENTER --------*/
	.header-center{
		text-align: center;
	}
	.header-center .container,
	.header-center > .header-block{
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.header-center .site-description{
		display: block;
		margin: 0;
	}
	.header-center .site-logo-link + .site-description{
		margin: 10px 0 0;
	}
	.header-center .site-logo-link + .tagline{
		margin-top: 10px;
	}
	.header-center nav{
		margin-top: 20px;
		text-align: center;
		line-height: 20px;
	}

	/*---------------------------*/
	/*- ALIGNMENT INLINE --------*/
	.header-inline .container,
	.header-inline > .clearfix{
		-webkit-justify-content: center;
		justify-content: center;
	}
	.header-inline .inline-site-logo{
		display: -webkit-flex;
		-webkit-justify-content: center;

		display: flex;
		justify-content: center;

		width: 20%;
		margin: 0 20px;
		z-index: 1;
	}

		.header-inline .logo{
			text-align: center;
		}
		.header-inline .site-description{
			display: block;
			margin: 0;
		}
		.header-inline .site-logo-link + .site-description{
			margin-top: 10px;
		}

	.header-inline .inline-left-nav{
		display: -webkit-flex;
		-webkit-justify-content: flex-end;

		display: flex;
		justify-content: flex-end;

		width: 40%;
		position: relative;
		z-index: 2;
	}
	.header-inline .inline-right-nav{
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		-webkit-align-items: center;

		display: flex;
		justify-content: flex-start;
		align-items: center;

		width: 40%;
		position: relative;
		z-index: 2;
	}
	.header-inline .inline-right-nav nav{
		display: block;
	}

	/*---------------------------*/
	/*- NAV BOTTOM --------------*/
	.nav-clear .container,
	.nav-clear > .header-block{
		-webkit-flex-direction: column;
		-webkit-align-items: flex-start;

		flex-direction: column;
		align-items: flex-start;
	}
	.nav-clear .site-logo-link + .sitename{
		margin-top: 10px;
	}
	.nav-clear .site-logo-link + .tagline{
		margin-top: 10px;
	}
	.nav-clear nav{
		width: 100%;
		margin: 20px 0 0;
		line-height: 20px;
	}

	/*---------------------------*/
	/*- HEADER SIDEBAR ----------*/
	.header-side-wrapper{
		display: flex;
		flex: 1;
		flex-direction: row;
	}
	.header-side-wrapper .header-site{
		order: 1;
		width: 280px;
	}
	.header-side-wrapper .wrapper-content{
		order: 2;
		width: calc(100% - 280px);
		min-height: 100vh;
	}

		.header-side-wrapper .header-site .container,
		.header-side-wrapper .header-site > .header-block{
			-webkit-flex-direction: column;
			-webkit-align-items: flex-start;
			flex-direction: column;
			align-items: flex-start;
		}
		.header-side-wrapper .header-site nav{
			width: 100%;
			margin: 20px 0 0;
			flex-direction: column;
			align-items: flex-start;
		}

		.header-side-wrapper .header-site .nav-horizontal > ul{
			float: none;
			display: block;
			width: 100%;
		}
		.header-side-wrapper .header-site .nav-horizontal li{
			float: none;
			margin: 0;
		}
		.header-side-wrapper .header-site .nav-horizontal > ul > li > a{
			padding: 0;
			text-align: left;
		}

		/*-----------------------------*/
		/*- VERTICAL MENU POSITIONING -*/
		.header-side-wrapper .header-site .menu-item-has-children > a::after {
			content: "\e600";
		}
		.header-side-wrapper .header-site .nav li > .sub-menu,
		.header-side-wrapper .header-site .nav li .children{
			top: 0;
			left: 200px;
			right: auto;
		}
		.header-side-wrapper .header-site .nav li:hover > .sub-menu,
		.header-side-wrapper .header-site .nav li:hover .children{
			top: 0;
			left: 200px;
		}

		/*-----------------------------*/
		/*- HEADER CART POSITIONING ---*/
		.header-side-wrapper .header-site .header-cart{
			margin-left: 0px;
			width: 280px;
			position: fixed;
			bottom: 0px;
			left: 0px;
			border-radius: 0px;
		}

	/*---------------------------*/
	/*- STICKY HEADER VARIATIONS */

		/*-----------------------*/
		/*- HEADER CENTER -------*/
		/* .header-sticky.is_stuck.header-center .logo{
			display: none;
		}
		.header-sticky.is_stuck.header-center nav{
			margin-top: 0;
		} */

		/*-----------------------*/
		/*- NAV BOTTOM ----------*/
		.header-sticky.is_stuck.nav-clear .logo{
			display: none;
		}
		.header-sticky.is_stuck.nav-clear nav{
			margin-top: 0;
		}

		/*-----------------------*/
		/*- HEADER INLINE -------*/
		/* .header-sticky.is_stuck.header-inline .site-description{
			display: none;
		} */

		/*-----------------------*/
		/*- HEADER IN ADMIN MODE */
		/* .admin-bar .header-sticky.is_stuck.is_stuck_show{
			margin-top: 30px;
		} */

/*-------------------------------*/
/*- THUMBNAILS ------------------*/

	/*---------------------------*/
	/*- OVERLAY -----------------*/
	.with-overlay{
		overflow: hidden;
	}
	.with-overlay .thumbnail-body{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		visibility: hidden;
		opacity: 0;
		transition: 0.2s all ease-in-out;
		text-align: center;
	}
	.with-overlay .image-rounded + .thumbnail-body{
		border-radius: 100%;
	}
	.with-overlay .overlay{
		display: block;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.with-overlay .thumbnail-body{
		background: rgba(0, 0, 0, 0.65) !important;
	}
	.with-overlay .heading{
		opacity: 0;
		color: #fff;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
		transition: 0.2s all ease-in-out 0.1s;
	}
	.with-overlay .heading a{
		color: #fff;
	}

	.with-overlay .button{
		margin-top: 15px;
		position: relative;
		opacity: 0;
		background: none;
		border: 2px solid #fff;
		position: relative;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
		transition: transform 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.25s;
	}

	.with-overlay .excerpt{display: none;}
	.with-overlay .meta-info{display: none;}

		/*-----------------------*/
		/*- OVERLAY HOVER -------*/
		.with-overlay:hover .thumbnail-media img{
			-webkit-transform: scale(1.08);
			transform: scale(1.08);
		}
		.with-overlay:hover .thumbnail-body{
			visibility: visible;
			opacity: 1;
		}
		.with-overlay:hover .heading{
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			opacity: 1;
		}
		.with-overlay:hover .button{
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			opacity: 1;
		}

		/*-----------------------*/
		/*- MEDIA SMALL ---------*/
		.has-image .image-left.small .media-body,
		.has-image .image-right.small .media-body{
			margin-top: 0;
		}

/*-------------------------------*/
/*- OFF CANVAS MENU -------------*/

	/*---------------------------*/
	/*- OFF CANVAS MENU ---------*/
	section[class*=' off-canvas-'] .nav-mobile{
		display: none;
	}

/*-------------------------------*/
/*- SLIDER ----------------------*/

	/*---------------------------*/
	/*- SLIDER CONTENT ----------*/
	.swiper-slide .container{
		padding-left: 20px;
		padding-right: 20px;
	}

	.swiper-slide.text-center .excerpt{
		margin-left: auto;
		margin-right: auto;
	}

	.swiper-slide.image-left .container{
		-webkit-flex-direction: row-reverse;
		-webkit-justify-content: flex-start;

		flex-direction: row-reverse;
		justify-content: flex-start;
	}
	.swiper-slide.image-left .image-container{
		width: 50%;
		padding-right: 20px;
	}
	.swiper-slide.image-left .copy-container{
		width: 50%;
		padding-left: 20px;
	}

	.swiper-slide.image-right .container{
		-webkit-flex-direction: row;
		-webkit-justify-content: flex-start;

		flex-direction: row;
		justify-content: flex-start;
	}
	.swiper-slide.image-right .image-container{
		width: 50%;
		padding-left: 20px;
	}
	.swiper-slide.image-right .copy-container{
		width: 50%;
		padding-right: 20px;
	}
	.swiper-slide.text-right .excerpt{
		float: right;
	}

	.swiper-slide.image-right .copy-container + .image-container,
	.swiper-slide.image-left .copy-container + .image-container{
		margin-top: 0;
	}

}

@media only screen and (min-width: 1100px){
	/*---------------------------*/
	/*- LAYERS BADGE ------------*/
	.created-using-layers{
		display: block;
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 15px;
		height: 14px;
		z-index: 99;
		background: url(images/created-using-layers.png) top no-repeat;
		background-size: 15px 28px;
		transition: all 0.15s ease-in-out;
	}
	.created-using-layers span{
		display: none;
	}
	.created-using-layers:after{
		padding: 4px 4px;
		position: absolute;
		bottom: -1px;
		right: 25px;
		z-index: 1;
		content: attr(tooltip);
		background: rgba(0, 157, 243, 0.85);
		color: rgba(255, 255, 255, 0.8);
		border-radius: 100px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.1s ease-in-out 0.1s;
		font-size: 0.8rem;
		line-height: 0.9rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		white-space: nowrap;
	}
	.created-using-layers:hover{
		background-position: bottom;
	}
	.created-using-layers:hover:after{
		opacity: 1;
		visibility: visible;
		right: 20px;
	}
}

@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 880px) {

	.nav-mobile .sub-menu{
		display: none !important;
	}

	/*---------------------------*/
	/*- BACK TO TOP -------------*/
	#back-to-top{
		display: none;
	}

}