/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
 
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}
 
/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
 
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
 
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
 
audio:not([controls]) {
    display: none;
    height: 0;
}
 
/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
 
[hidden] {
    display: none;
}
 
/* ==========================================================================
   Base
   ========================================================================== */
 
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
 
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
 
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}
 
/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
 
body {
    margin: 0;
}
 
/* ==========================================================================
   Links
   ========================================================================== */
 
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
 
a:focus {
    outline: thin dotted;
}
 
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
 
a:active,
a:hover {
    outline: 0;
}
 
/* ==========================================================================
   Typography
   ========================================================================== */
 
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
 
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
 
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
 
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
 
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
 
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
 
h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}
 
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
 
abbr[title] {
    border-bottom: 1px dotted;
}
 
/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
 
b,
strong {
    font-weight: bold;
}
 
blockquote {
    margin: 1em 40px;
}
 
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
 
dfn {
    font-style: italic;
}
 
/*
 * Addresses styling not present in IE 6/7/8/9.
 */
 
mark {
    background: #ff0;
    color: #000;
}
 
/*
 * Addresses margins set differently in IE 6/7.
 */
 
p,
pre {
    margin: 1em 0;
}
 
/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
 
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
 
/*
 * Improves readability of pre-formatted text in all browsers.
 */
 
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
 
/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
 
q {
    quotes: none;
}
 
/*
 * Addresses `quotes` property not supported in Safari 4.
 */
 
q:before,
q:after {
    content: '';
    content: none;
}
 
small {
    font-size: 75%;
}
 
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
 
sub,
sup {
    font-size: 50%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
 
sup {
    top: -0.9em;
}
 
sub {
    bottom: -0.25em;
}
 
/* ==========================================================================
   Lists
   ========================================================================== */
 
/*
 * Addresses margins set differently in IE 6/7.
 */
 
dl,
menu,
ol,
ul {
    margin: 1em 0;
    list-style: none;
}
 
dd {
    margin: 0 0 0 40px;
}
 
/* ==========================================================================
   Embedded content
   ========================================================================== */
 
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
 
img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}
 
/*
 * Corrects overflow displayed oddly in IE 9.
 */
 
svg:not(:root) {
    overflow: hidden;
}
 
/* ==========================================================================
   Figures
   ========================================================================== */
 
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
 
figure {
    margin: 0;
}
 
/* ==========================================================================
   Forms
   ========================================================================== */
 
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
 
form {
    margin: 0;
}
 
/*
 * Define consistent border, margin, and padding.
 */
 
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
 
/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
 
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
 
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
 
button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
 
/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
 
button,
input {
    line-height: normal;
}
 
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
 
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
 
/*
 * Re-set default cursor for disabled elements.
 */
 
button[disabled],
input[disabled] {
    cursor: default;
}
 
/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
 
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}
 
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
 
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
 
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
 
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
 
/*
 * Removes inner padding and border in Firefox 3+.
 */
 
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
 
/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
 
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
 
/* ==========================================================================
   Tables
   ========================================================================== */
 
/*
 * Remove most spacing between table cells.
 */
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Stylesheet: stephreset Modified On 2015-03-13 19:06:09 */
/*
* Vanilia 1.0
* Copyright 2014, nevidethemes
*/
div#map-canvas {
  float: left;
  height: 400px;
  width: 400px;
}
#presentation:target:before,#consultation:target:before,#tarifs:target:before{
display: block;
content: " ";
height: 55px;
/*margin-top:115px;*/
}

.NewsSummary{float:left;margin-bottom:20px;}
.NewsSummary img{-webkit-box-shadow: 0 0 5px 0 #ADADAD;
box-shadow: 0 0 5px 0 #ADADAD;}
.NewsSummaryMorelink a{
  display: block;
  width: 158px;
  height: 19px;
  border: 1px solid #D75752;
  float: left;
  padding: 10px;
}
/* 
	colors:
		#D75752 - green
		#202020 - black
		#474747 - grey text
*/

	/*
		1. General Vanilia Styles
	=================================== */

	body {
		background: #fff;
		margin: 0;
		padding: 0;
		color: #898989;
		font-family: 'Merriweather', serif;
		font-size: 1em;
	}

/*
	Links
*/

	a {
		text-decoration: none;
		color: #D75752;

		transition: color 150ms ease, background 150ms ease;
		-webkit-transition: color 150ms ease, background 150ms ease;
	}

	a:hover {
		color: #202020;
	}

/*
	Images
*/

	img {
		max-width: 100%;
		height: auto;
		display: block;
	}

/*
	Typo
*/

	h1, h2, h3, h4, h5, h6 {
		font-weight: 900;
		color: #000;
	}

	p {
		font-size: 1em;
		line-height: 1.6em;
	}

/*
	Buttons
*/

	.btn {
		text-align: center;
		display: inline-block;
		margin: 0.2em 0;
		font-size: 0.9em;
		color: #D75752;
		border: 2px solid #D75752;
		font-family: "Merriweather", serif;
		padding: 5px 15px;
		font-weight: 600;

		background: none;
		border-radius: 20px;
		-webkit-border-radius: 20px;

		transition: background 150ms, color 150ms, transform 50ms;
		-webkit-transition: background 150ms, color 150ms, transform 50ms;
	}

	.btn:hover {
		text-align: center;
		font-size: 0.9em;
		color: #fff;
		border: 2px solid #D75752;
		background: #D75752;
		padding: 5px 15px;
		font-weight: 600;
		transform: translateY(0);
		-webkit-transform: translateY(0);

		border-radius: 20px;
		-webkit-border-radius: 20px;
	}

	.btn:active {
		-webkit-appearance: none;
		outline: none;
		transform: translateY(2px);
		-webkit-transform: translateY(2px);
	}

	.btn i {
		margin-right: 5px;
	}

	.btn.red {
		border: 2px solid #ea4e4e;
		color: #ea4e4e;
	}	
	.btn.blue {
		border: 2px solid #588def;
		color: #588def;
	}	
	.btn.orange {
		border: 2px solid #f9ab45;
		color: #f9ab45;
	}	
	.btn.green {
		border: 2px solid #D75752;
		color: #D75752;
	}


	.btn.red:hover {
		border: 2px solid #ea4e4e;
			  background: #ea4e4e;
			  color: #fff;
	}	
	.btn.blue:hover {
		border: 2px solid #588def;
			  background: #588def;
			  color: #fff;
	}	
	.btn.orange:hover {
		border: 2px solid #f9ab45;
			  background: #f9ab45;
			  color: #fff;
	}	
	.btn.green:hover {
		border: 2px solid #D75752;		
			  background: #D75752;	
			  color: #fff;
	}

	/* Ugly button fix */
	button:focus {
		outline: none;
		-webkit-appearance: none;
	}

	
	/*
		2. Mobile Menu 
	=================================== */

	.menu-button {
		display: none;
		position: fixed;
		z-index: 1000;
		margin: 1em;
		padding: 0;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		font-size: 21px;
		border: none;
		color: rgba(0, 0, 0, 0);
		background: rgba(0, 0, 0, 0);
	}

	.menu-button:focus {
		outline: none;
		-webkit-appearance: none;
	}

	.menu-button::before {
		content: '\f0c9';
		position: absolute;
		color: #000;
		top: 0;
		left: 0;
		font-family: "FontAwesome";
	}

	.menu-button:hover {
		opacity: 0.6;
	}

	.close-button {
		width: 2em;
		height: 2em;
		position: absolute;
		right: 1em;
		top: 1em;
		overflow: hidden;
		background: #4C4C4C;
		border: none;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.close-button::after {
		content: '\f00d';
		position: absolute;
		color: #FFF;
		top: 0.5em;
		left: 0.6em;
		font-family: "FontAwesome";
	}

	.mobile-menu__wrap {
		display: none;
		position: fixed;
		top: 0;
		z-index: 1001;
		width: 300px;
		height: 100%;
		background: #F7F7F7;
		padding: 1.5em;
		font-size: 1.15em;
		-webkit-transform: translate3d(-360px,0,0);
		transform: translate3d(-360px,0,0);
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

/*
	Search Mobile Input
*/

	#mobile-search {
		display: block;
		background: #FFF;
		color: #979797;
		border: none;
		font-family: 'Merriweather', serif;
		font-size: 0.85em;
		height: 60px;
		width: calc(100% - 3.5em);
		padding-left: 3.5em;
		margin: 0;
		border-bottom: 1em solid #F7F7F7;
		margin-bottom: 10px;
		-webkit-transition: all 0.2s;
		transition: all 0.42s;
	}

	.mobile-menu__search {
		display: inline-block;
	}

	.mobile-menu__search:before {
		content: '\f002';
		font-family: "FontAwesome";
		color: #979797;
		font-size: 1em;
		position: absolute;
		top: 21px;
		left: 1em;
	}

	#mobile-search:focus {
		background: #fff;
		border: none;
		-webkit-appearance: none;
		outline: none;
		border-bottom: 1em solid #F7F7F7;
	}

	#mobile-search::-webkit-input-placeholder {
		color: #979797;
	}

	#mobile-search:-moz-placeholder { /* Firefox 18- */
	   color: #979797;  
	}

	#mobile-search::-moz-placeholder {  /* Firefox 19+ */
	   color: #979797;  
	}

	#header-search:-ms-input-placeholder {  
	   color: #979797;  
	}

/*
	Mobile Navigation
*/

	.mobile-menu__list {
		margin: 0;
		padding: 2em;
	}

	.mobile-menu__list ul {
		display: none;
		margin: 0;
		padding: 0 0 0 25px;
	}

	.mobile-menu__list ul li{
		display: block;
		margin-left: 5px;
	}

	.mobile-menu__list ul li:before {
		content: '';
		position: absolute;
		width: 1em;
		height: 0.2em;
		margin-top: 1.3em;
		margin-left: -1em;
		border-bottom: 2px solid #eee;
		border-left: 2px solid #eee;
	}

	.mobile-menu__nav {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.icon-list {
		height: 100%;
		width: 110%;
		background: #FFF;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		overflow-y: scroll;
	}

	.icon-list a {
		display: block;
		padding: 0.8em;
		-webkit-transform: translate3d(0,500px,0);
		transform: translate3d(0,500px,0);
	}

	.icon-list,
	.icon-list a {
		-webkit-transition: -webkit-transform 0s 0.4s;
		transition: transform 0s 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	.icon-list a:nth-child(2) {
		-webkit-transform: translate3d(0,1000px,0);
		transform: translate3d(0,1000px,0);
	}

	.icon-list a:nth-child(3) {
		-webkit-transform: translate3d(0,1500px,0);
		transform: translate3d(0,1500px,0);
	}

	.icon-list a:nth-child(4) {
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}

	.icon-list a:nth-child(5) {
		-webkit-transform: translate3d(0,2500px,0);
		transform: translate3d(0,2500px,0);
	}

	.icon-list a:nth-child(6) {
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	.icon-list a span {
		margin-left: 10px;
		font-weight: 700;
	}

	.submenu-link li a {
		margin-left: 0.5em
	}

/*
	Shown Menu
*/
	.show-menu .mobile-menu__wrap {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform 0.8s;
		transition: transform 0.8s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	.show-menu .icon-list,
	.show-menu .icon-list a {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform 0.8s;
		transition: transform 0.8s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	.show-menu .icon-list a {
		-webkit-transition-duration: 0.9s;
		transition-duration: 0.9s;
	}

	.show-menu .content::before {
		opacity: 1;
		-webkit-transition: opacity 0.8s;
		transition: opacity 0.8s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*
		3. Main Header
	=================================== */

	.main-header__top {
		background: #202020;
		height: 50px;
	}

	.main-header__search {
		color: #fff;
	}

/*
	Main Searching Input
*/

	#header-search {
		display: inline-block;
		background: transparent;
		color: #fff;
		border: none;
		font-family: 'Merriweather', serif;
		font-size: 0.85em;
		min-width: 300px;
		height: 50px;
		padding: 0 15px;
		margin-left: 10px;
	}

	.main-header__search:before {
		content: '\f002';
		font-family: "FontAwesome";
		color: #fff;
		font-size: 1em;
		display: inline-block;
	}

	#header-search:hover {
		background: #333;	
	}

	#header-search:focus {
		background: #D75752;
		border: none;
		-webkit-appearance: none;
		outline: none;
	}

/*
	There is a color of text inside the input
*/

	#header-search::-webkit-input-placeholder {
		color: #fff;
	}

	#header-search:-moz-placeholder { /* Firefox 18- */
	   color: #fff;  
	}

	#header-search::-moz-placeholder {  /* Firefox 19+ */
	   color: #fff;  
	}

	#header-search:-ms-input-placeholder {  
	   color: #fff;  
	}

/* 
	Social Icons 
*/

	.main-header__social {
		float: right;
	}

	.main-header__social-links {
		padding: 0;
		margin: 0;
float:left;
	}
.main-header__social > p {
    float: left;
}
	.main-header__social-links li {
		display: inline-block;
	}
	.main-header__social-links li a {
		color: #fff;
		padding: 15px 8px;
		display: block;
	}
	.main-header__social-links li a:hover {
		background: #D75752;
		color: #fff;
		transition: background 150ms;
		-webkit-transition: background 150ms;
	}	
	.main-header__social-links li a:hover i {
		background: #D75752;
		color: #fff;
	    -webkit-animation: zoomIn 500ms; /* Chrome, Safari, Opera */ 
	    animation: zoomIn 500ms;
	}

/* 
	Social Icon Animation 
*/

	@-webkit-keyframes zoomIn {
		0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		        transform: scale3d(.3, .3, .3);
		}

		50% {
		opacity: 1;
		}
	}

	@keyframes zoomIn {
		0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		        transform: scale3d(.3, .3, .3);
		}

		50% {
		opacity: 1;
		}
	}

/* 
	Logo 
*/

	.main-header__logo {
		padding: 30px 0;
	}

	.header__logo img {
		display: block;
		margin: 0 auto;
	}

	.table {
		display: table;   /* Allow centering navigation */
		margin: 0 auto;
	}

	.main-header__navigation {
		border-top: 1px solid #EEE;
		box-shadow: inset 0 -1px 0 0 #EEE;
		-webkit-box-shadow: inset 0 -1px 0 0 #EEE;
	}

	.scroll-to-fixed-fixed {
		width: 100%;
		background: #FFF;
		border: none;
	}


/* 
	Main Navigation 
*/

	.navigation__list {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding: 0;
		position: relative;
	}

	.navigation__list li {
		padding: 0;
		margin: 0;
		float: left;
		display: inline-block;

		box-shadow: inset 0 -1px 0 0 #EEE;
		-webkit-box-shadow: inset 0 -1px 0 0 #EEE;

		transition: background-color 250ms ease-in-out;
		-webkit-transition: background-color 250ms ease-in-out; 
	}

	.navigation__list li a {
		display: block;
		padding: 20px;
		color: #000;
		font-size: 0.9em;

		transform: translateY(0px);
		-webkit-transform: translateY(0px);

		transition: all 150ms ease-in-out;
		-webkit-transition: all 150ms ease-in-out; 
	}

	.navigation__list li a.arrow:after {
		content: '\f107';
		font-family: "FontAwesome";
		color: #A5A5A5;
		font-size: 0.7em;
		display: inline-block;
		margin-left: 5px;
		transition: color 250ms ease-in-out;
		-webkit-transition: color 250ms ease-in-out; 
	}
	.navigation__list li a.arrow:hover:after {
		color: #fff;
	}

	.navigation__list li:hover,
	.navigation__list li li:hover {
		background-color: #D75752;
	}

	.navigation__list li:hover a {
		color: #fff;
	}

	.submenu-link li a {
		margin-left: 0;
	}

	.navigation__list li ul {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		padding: 0;
		margin: 0;
		height: auto;
		z-index: 2;

		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);

		transition: transform 250ms, opacity 200ms;
		-webkit-transition: -webkit-transform 250ms, opacity 200ms;
	}

	.navigation__list li:hover ul {
		visibility: visible;
		zoom: 1;
		opacity: 1;
		filter: alpha(opacity=100);

		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}

	.navigation__list li li {
		background-color: #181818;
		display: block;
		float: none;
		box-shadow: inset none;
		-webkit-box-shadow: none;
	}

	.navigation__list li li a {
		padding: 14px 70px 14px 20px;
		font-size: 0.8em;
		color: #fff;

	}

	.navigation__list li:hover > a{
		background-color: #D75752;
	}		

	.navigation__list li:hover > .arrow:after{
		color: #fff;
	}	


	/*
		4. Carousel
	=================================== */
	.slider__item {
		position: relative;
		overflow: hidden;
max-height:300px;
	}

	.slide__caption {
		background: rgba(41, 41, 41, 0.5);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;

		transition: background 300ms ease-in-out;
		-webkit-transition: background 300ms ease-in-out;
		-ms-transition: background 300ms ease-in-out;
	}

	.slide__caption h2 {
		font-weight: 900;
		font-size: 1.2em;
		text-align: center;
		width: 70%;
		padding: 0 15%;
		color: #FFF;
		position: absolute;
		top: calc(50% - 1.2em);
	}

	.slide__caption p {
		font-size: 0.9em;
		text-align: center;
		color: #fff;
		font-style: italic;
		margin: 0 auto;
		position: absolute;
		min-width: 100px;
		left: calc(50% - 50px);
		top: 40%;
	}

	.slide__caption h2, .slide__caption p {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);

		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

		transition: transform 300ms ease-in-out;
		-webkit-transition: -webkit-transform 300ms ease-in-out;
		-ms-transition: -ms-transform 300ms ease-in-out;
	}

	.slide__caption p:before {
		content: '';
		position: absolute;
		display: block;
		width: 30px;
		height: 1px;
		background: rgba(255, 255, 255, 0.3);
		left: -30px;
		margin-top: 10px;
	}

	.slide__caption p:after {
		position: absolute;
		content: '';
		display: block;
		width: 30px;
		height: 1px;
		background: rgba(255, 255, 255, 0.3);
		right: -30px;
		margin-top: -10px;
	}

	.slide__caption:hover {
		background: rgba(41, 41, 41, 0.7);
	}

	.slide__caption:hover h2 {
	    -webkit-animation: bounceUpHead 500ms ease-out; /* Chrome, Safari, Opera */ 
	    animation: bounceUpHead 500ms ease-out;

		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
	}

	.slide__caption:hover p {
	    -webkit-animation: bounceUpP 500ms ease-out; /* Chrome, Safari, Opera */ 
	    animation: bounceUpP 500ms ease-out;

		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
	}

	.slider__button {
		position: absolute;
		width: 60px;
		left: calc(50% - 30px);
		top: 50%;
		text-align: center;
		font-size: 0.9em;
		color: #FFF;
		border: 2px solid #FFF;
		padding: 2px 0;
		opacity: 0;

		-webkit-transform: scale3d(.4, .4, .4);
		transform: scale3d(.4, .4, .4);

		border-radius: 15px;
		-webkit-border-radius: 15px;

		-webkit-transition: -webkit-transform 400ms ease, opacity 100ms ease, background 150ms;
		transition: transform 400ms ease, opacity 100ms ease, background 150ms;	
	}

	.slide__caption:hover .slider__button {
		display: block;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}

	.slider__button:hover {
		background: #D75752;
		color: #FFF;
	}

	.slider__item img {
		-webkit-transform-style: preserve-3d;
		display: block;
		position: relative;
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
		transition: opacity 0.7s, transform 0.7s;
		-webkit-transform: translate3d(-25px,0,0) scale(1.01);
		transform: translate3d(-25px,0,0) scale(1.01);
		max-width: none;
	}

	.slider__item:hover img {
		-webkit-transform: translate3d(-25px,0,0) scale(1.1);
		transform: translate3d(-25px,0,0) scale(1.1);
	}


	/*
		5. Parallax Slider
	=================================== */
	.skippr {
		width:100%;
		height:100%;
		position: relative;
		overflow:hidden;
		min-height: 640px;
	}

	.skippr > div {
		position: absolute;
		width:100%;
		height: 100%;
		background-size: cover;
	}

	.skippr > img {
		position: absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		width:100%;
		min-height: 100%;
		background-size: cover;
	}

	.skippr-nav-container {
		position: absolute;
		left:50%;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
		-moz-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);

		bottom:25px;
		overflow: auto;
		z-index:999;
	}

	.skippr-nav-element {
		cursor:pointer;
		float:left;
		background-color: rgba(255,255,255,0.5);
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
	}

	.skippr-nav-element-bubble {
		width:12px;
		height:12px;
		border-radius: 50%;
		margin:0 4px;
	}

	.skippr-nav-element-block {
		width:60px;
		height:10px;
	}

	.skippr-nav-element:hover, .skippr-nav-element-active {
		background-color:rgba(255,255,255,1);
	}

	.skippr-arrow {
		position: absolute;
		z-index:999;
		top:50%;
		-webkit-transform:translate(0%,-50%);
		-moz-transform:translate(0%,-50%);
		-ms-transform:translate(0%,-50%);
		transform:translate(0%,-50%);

		width:30px;
		height:30px;
		/*background-color: white;*/
		transform-origin:center center;
		-webkit-transform-origin:top left;
		cursor: pointer;
	}

	.skippr-previous {
		left:2.5%;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		border-top:2px solid white;
		border-left:2px solid white;
	}

	.skippr-next {
		right:3.5%;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		border-bottom:2px solid white;
		border-right:2px solid white;
	}

	h2.animate {
		color: #fff;
		font-size: 3em;
		text-align: center;
		margin-top: 5em;
		position: relative;
		z-index: 1;

		transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	.parallax-slider__slide .btn {
		text-align: center;
		margin: 0 auto;
		display: block;
		width: 3em;
		position: relative;
		z-index: 1;
		color: #fff;
		border-color: #fff;

		transform: translateY(0);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateY(0);


		transition: background 150ms, color 150ms;
		-webkit-transition: background 150ms, color 150ms;
	}

	.fade-that {
		width: 100%;
		height: 100%;
		position: absolute;
		background: #000;
		opacity: 0.15;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}


	@-webkit-keyframes bounceUpHead {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
		}		

		50% {
			transform: translateY(-60px);
			-webkit-transform: translateY(-60px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
		}
	}

	@keyframes bounceUpHead {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
		}		

		50% {
			transform: translateY(-60px);
			-webkit-transform: translateY(-60px);
			-ms-transform: translateY(-60px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
			-ms-transform: translateY(-50px);
		}
	}

	@-webkit-keyframes bounceUpP {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
		}		

		50% {
			transform: translateY(-80px);
			-webkit-transform: translateY(-80px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
		}
	}


	@keyframes bounceUpP {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
		}		

		50% {
			transform: translateY(-80px);
			-webkit-transform: translateY(-80px);
			-ms-transform: translateY(-80px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
			-ms-transform: translateY(-50px);
		}
	}


	/*
		6. Homepage Post
	=================================== */

	.main-content__post {
		margin-top: 150px;
	}

	.main-content__post img {
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}

/*
	Post Heading
*/

	.post__header {
		position: relative;
	}

	.post__meta {
		width: 100%;
		text-align: center;
		font-size: 1em;
		font-style: italic;
		color: #B2B2B2;
		margin: 0;
		padding-top: 1em;
	}

	.post__meta a {
		color: #D75752;
	}

	.post__meta a:hover {
		color: #202020;
	}

	.post__time {
		position: relative;
		color: #000;
		width: 100%;
		display: block;
		margin: 1em 0;
		text-align: center;
		font-size: 1em;
		font-weight: 700;
		letter-spacing: -0.05em;
	}

	.post__time:after {
		content: '';
		position: absolute;
		bottom: -1em;
		width: 2em;
		height: 1px;
		left: calc(50% - 1em);
		background: #eee;
	}

	.time_large {
		font-size: 1.5em;
	}

	.post__title {
		font-size: 2.5em;
		font-weight: 900;
		letter-spacing: -0.045em;
		text-align: center;
		margin: 0.6em 0 0.4em 0;
	}	

	.post__title a {
		color: #202020;
	}

/*
	Post Content
*/

	.post__content {
		font-size: 1em;
		line-height: 1.6em;
		width: 88%;
		margin: 0 auto 2.4em;
	}

	p.post__excerpt {
		text-align: center;
	}

	.post__button {
		width: 100%;
		position: relative;
	}

	.post__button:before,
	.post__button:after {
		content: '';
		position: absolute;
		top: 16px;
		height: 1px;
		background: #eeeeee;
		width: 42%;
		display: block;
	}

	.post__button:before {
		left: 0;
	}

	.post__button:after {
		right: 0;
	}

	.post__button a.btn {
		width: 30px;
		margin: 0 auto;
		display: block;
	}


/* 
	 Post Types
*/
	.post-quote blockquote {
		font-size: 1.7em;
		font-weight: 300;
		font-style: italic;
		line-height: 1.4em;
		padding: 0.5em 0;
		border-bottom: 2px solid #D75752;
	}

	.post-quote blockquote:before {
		content: '\f10d';
		font-family: "FontAwesome";
		position: absolute;
		font-style: normal;
		font-size: 1.6em;
		color: #C7C7C7;
		left: calc(50% - 20px);
		margin-top: -0.7em;
	}

	.post__gallery {
		overflow: hidden;
		margin-top: 2em;
	}
	
	.post__gallery img {
		min-width: 100%;
		display: block;
	}

/*
	Youtube Pretty Embed
*/	

	.yt_container {
		margin-top: 2em;
	}

	.pretty-embed {
		min-height: 100%;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		display: block;
	}

	.pretty-embed:after {
		display: block;
		content: "\f04b";
		position: absolute;
		top: 50%;
		margin-top: -0.55em;
		left: 50%;
		margin-left: -0.35em;

		font-family: "FontAwesome";
		font-size: 3em;
		color: rgba(255, 255, 255, 0.7);
		z-index: 999;

		-webkit-transform: scale(0.8);
		-webkit-backface-visibility: hidden;
		transform: scale(0.8);
		backface-visibility: hidden;

		transition: all 150ms;
		-moz-transition: all 150ms;
		-webkit-transition: all 150ms;
	}
	.pretty-embed img {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);

		transition: all 150ms;
		-moz-transition: all 150ms;
		-webkit-transition: all 150ms;
	}
	.pretty-embed:hover:after {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		color: rgba(255, 255, 255, 0.9);
	}
	.pretty-embed:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.pretty-embed:active:after {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
	}
	.play.pretty-embed:after {
		display: none;
	}
	.pretty-embed iframe{
		border: 0 solid transparent;
	}



	/*
		7. Homepage with Sidebar
	=================================== */
	.main-content-sidebar {
		border-bottom: 1px solid #eee;
	}
	.main-content-sidebar__post {
		margin-top: 80px;
	}
	.post__title--small {
		font-size: 2em;
		font-weight: 900;
		letter-spacing: -0.045em;
		text-align: center;
		margin: 0.6em 0 0.4em 0;
	}
	.post__title--small a {
		color: #202020;
	}

	/*
		7. Pagination
	=================================== */

	.pagination {
		padding: 90px 0;
		border-bottom: 1px solid #eeeeee;
	}

	.pagination--left {
		padding: 90px 0;
	}

	.pagination__prev,
	.pagination__next  {
		color: #D75752;
		width: 33.333%;
		display: inline-block;
		float: left;

		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.pagination__next {
		text-align: right;
	}

	.pagination__prev i,
	.pagination__next i {
		padding: 11px 12px 10px 12px;
		border: 2px solid #D75752;
		margin: 0 10px 0 0;

		border-radius: 50%;
		-webkit-border-radius: 50%;

		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.pagination__next i {
		margin: 0 0 0 10px;
	}
	.pagination__prev:hover,
	.pagination__next:hover  {
		color: #202020;
	}

	.pagination__prev:hover i,
	.pagination__next:hover i  {
		color: #fff;
		background: #D75752;
	}

	.pagination__numbers {
		width: 33.333%;
		float: left;
		display: inline-block;
		text-align: center;
		margin: 0;
		padding: 8px 0;
	}

	.pagination__numbers li {
		display: inline-block;
		text-align: center;
		margin: 0 5px;
	}

	.pagination__numbers li a {
		color: #b0b0b0;
		font-weight: 900;

		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.pagination__numbers li a:hover {
		color: #D75752;
	}

	.pagination__numbers li a.pagination--active {
		color: #202020;
	}

	/*
		8. Twitter Feed
	=================================== */
	.twitter-feed {
		padding: 80px 0;
	}

	.tweet__header {
		text-align: center;
	}

	.tweet__avatar {
		display: block;
		margin: 0 auto;
		width: 94px;
	}

	.tweet__avatar img {
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.tweet__author {
		font-size: 1.2em;
		font-weight: 900;
		color: #202020;
		display: block;
		margin-top: 20px;
	}

	span.tweet__nick {
		font-size: 0.8em;
		font-weight: 400;
		font-style: italic;
		color: #838383;
		display: block;
	}

	.tweet__separator {
		width: 100%;
		position: relative;
		margin-top: 25px;
	}

	.tweet__separator i {
		font-size: 2em;
		color: #05aae5;
	}

	.tweet__separator:before,
	.tweet__separator:after {
		content: '';
		position: absolute;
		top: 16px;
		height: 1px;
		background: #eeeeee;
		width: 42%;
		display: block;
	}
	.tweet__separator:before {
		left: 0;
	}
	.tweet__separator:after {
		right: 0;
	}

	.tweet__content {
		text-align: center;
		font-style: italic;
		margin: 0;
		padding: 0;
		line-height: 1.6em;
	}


	/*
		8. Footer
	=================================== */

	.footer {
		background: #151515;
	}

	.footer__widgets {
		padding: 80px 0;
		display: block;
		overflow: hidden;
	}

	h3.widget__title {
		text-align: center;
		font-weight: 900;
		color: #fff;
	}

	.footer__widget p {
		text-align: center;
		padding: 10px 40px;
		color: #fff;
		font-weight: 300;
		font-size: 0.9em;
	}

	.footer__widget img {
		display: block;
		margin: 0 auto;
	}

	.footer__bottom {
		width: 100%;
	}

	.bordered {
		border-top: 1px solid #222222;
	}

	p.copyrights {
		color: #fff;
		font-weight: 300;
		font-size: 0.9em;
		display: block;
		margin-top: 33px;
	}

	.footer__socials {
		float: right;
	}

	.footer__socials li {
		display: inline-block;
	}

	.footer__socials li a {
		color: #fff;
		padding: 15px 8px;
		display: block;
	}

	.footer__socials li a:hover {
		color: #fff;
	}

	.footer__socials li a:hover i {
		color: #fff;
	    -webkit-animation: zoomIn 500ms; /* Chrome, Safari, Opera */ 
	    animation: zoomIn 500ms;
	}

	.widget__instagram {
		padding: 0;
		margin: 0 auto;
		width: 220px;
		overflow: hidden;
	}

	.widget__instagram li {
		width: 100px;
		display: inline-block;
		margin: 5px;
		float: left;
	}

	.widget__instagram img {
		max-width: 100%;
		height: auto;
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	/*
		9. Single Page
	=================================== */
	h3.section__title {
		width: 100%;
		text-align:center;
		display: block;
	}

	.post__image,
	.post__audio {
		margin-top: 50px;
		display: block;
	}

	.post__image--fullwidth {
		width: 100%;
		position: relative;
		margin-bottom: 5em;
	}	

	.fullwidth-caption {
		position: absolute;
		width: 100%;
		text-align: center;
		top: calc(50% - 5em);
		z-index: 1;
	}

	.caption__time,
	.caption__title,
	.caption__meta,
	.caption__meta a:hover {
		color: #fff;
	}

	.post__image img,
	.single-post__content img {
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.single-post__content {
		font-size: 1em;
		line-height: 1.6em;
		width: 100%;
		margin: 0 auto 2.4em;
	}

	.single-post__content p {
		margin: 0 60px 30px;
	}

	.single-post__content p a {
		font-weight: 600;
	}

	.single-post__content blockquote {
		margin: 0 0 40px;
		padding: 30px 0;
		background: #f7f7f7;
		border-left: 4px solid #D75752;
	}	

	.single-post__content blockquote p {
		margin: 0 60px 0;
		font-size: 1.25em;
		line-height: 1.55em;
		font-style: italic;
	}

	.post__separator {
		width: 220px;
		height: 1px;
		background-color: #D75752;
		display: block;
		margin: 65px auto;
	}

	ul.checklist {
		margin: 0 60px 30px;
		padding: 0;
	}

	ul.checklist li {
		display: block;
		margin: 7px 0;
	}

	ul.checklist li:before {
		content: '\f058';
		display: inline-block;
		font-family: "FontAwesome";
		margin-right: 10px;
	}

/* 
	Social Sharing 
*/

	.share {
		padding: 30px 0 100px;
		border-bottom: 1px solid #EEE;
	}

	.share__icons {
		display: block;
		margin: 0 auto;
		text-align: center;
		background: #fff;
		padding: 0;
		position: relative;
	}

	.share__icons li {
		display: inline-block;
		border: 2px solid #D75752;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		margin: 0 10px;

		transition: background 200ms ease-in-out;
		-webkit-transition: background 200ms ease-in-out;
	}

	.share__icons li i {
		display: block;
		text-align: center;
		line-height: 35px;
	}

	.share__icons:before, .share__icons:after {
		content: '';
		position: absolute;
		top: 16px;
		height: 1px;
		background: #EEE;
		width: 30%;
		display: block;
	}

	.share__icons:before {
		left: 0;
	}

	.share__icons:after {
		right: 0;
	}

	.share__icons li:hover {
		background: #D75752;
	}

	.share__icons li:hover a {
		color: #fff;
	}

	.share h3 {
		display: block;
		float: none;
		position: relative;
		text-align: center;
		margin: 0 0 40px;
		padding: 0;
	}

	.post-author {
		width: 100%;
		padding: 80px 0;
		border-bottom: 1px solid #EEE;
	}

	.author__avatar {
		width: 94px;
		height: 94px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		display: block;
		margin: 0 auto;
	}

	.post-author h4 { 
		font-weight: 900;
		text-align: center;
		font-size: 1.1em;
	}

	.post-author p {
		text-align: center;
		font-size: 0.9em;
		line-height: 1.4em;
	}

	.author__socials {
		text-align: center;
		margin: 20px 0 0 0;
		padding: 0;
	}

	.author__socials li {
		display: inline-block;
		margin: 0 4px;
	}

/*
	 Comments
*/

	.comments {
		padding: 60px 0 0;
		border-bottom: 1px solid #EEE;
	}

	.comments h3 {
		text-align: center;
		font-weight: 900;
	}

	.comments__list {
		padding: 40px 0;
	}

	.comments__list li {
		display: block;
		margin-bottom: 80px;
		overflow: hidden;
	}

	.comment__author img {
		max-width: 100px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.comment__content {
		border-left: 1px solid #E4E4E4;
		padding: 0 40px;
		margin: 0 20px;
		position: relative;
	}

	.comment__content:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 8px 8px 8px 0;
		border-color: transparent #FFFFFF;
		display: block;
		width: 0;
		z-index: 1;
		left: -8px;
		top: 42px;
	}	

	.comment__content:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 8px 8px 8px 0;
		border-color: transparent #E4E4E4;
		display: block;
		width: 0;
		z-index: 0;
		left: -9px;
		top: 42px;
	}

	.comment__content h5 {
		display: inline-block;
		font-size: 1.1em;
		font-weight: 900;
		margin: 0;
	}

	.comment__content--time {
		display: inline-block;
		color: #2F2F2F;
		font-size: 0.9em;
		font-weight: 700;
		letter-spacing: -0.05em;
		margin-left: 10px;
	}

	.comment__content--time span {
		font-size: 1.6em;
	}

	.comment__content p {
		margin: 10px 0;
		line-height: 1.4em;
	}

	.comment__replies {
		margin: 0;
		padding:0;
		position: relative;
	}

	.comment__replies .comment__author{
		position: relative;
	}

	.comment__replies .comment__author:before {
		content: '';
		width: 20px;
		height: 4px;
		position: absolute;
		top: 50px;
		left: -40px;
		border-left: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
	}

	.reply-btn,
	.reply-btn:hover {
		float: right;
		padding: 4px 10px;
		font-size: 0.8em;
	}


/*
	 Reply form
*/

	.reply__input::-webkit-input-placeholder,
	.reply__textarea::-webkit-input-placeholder {
		color: #000;
	}

	.reply__input:-moz-placeholder,
	.reply__textarea:-moz-placeholder { /* Firefox 18- */
	   color: #000;  
	}

	.reply__input::-moz-placeholder
	.reply__textarea::-moz-placeholder {  /* Firefox 19+ */
	   color: #000;  
	}

	.reply__input:-ms-input-placeholder,
	.reply__textarea:-ms-input-placeholder {  
	   color: #000;  
	}

	.reply {
		padding: 60px 0;
		border-bottom: 1px solid #EEE;
	}

	.reply-form__container {

	}

	.reply__info {
		display: block;
		font-style: italic;
		font-weight: 300;
		text-align: center;
		color: #999;
	}

	.reply__form {
		padding-top: 20px;
	}

	#contactbas .reply__input,
	.reply__textarea {
		width: 100%;
		border: 2px solid #000;
		height: 50px;
		text-indent: 1em;
		font-family: "Merriweather", serif;
		letter-spacing: -0.05em;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		margin-bottom: 20px;
	}

	.reply__textarea {
		padding-top: 1em;
		max-width: 100%;
		min-widht: 100%;
		min-height: 8em;
	}

	.reply__input:focus,
	.reply__textarea:focus {
		-webkit-appearance: none;
		outline: 0;
		border: 2px solid #D75752;
	}

	.send {
		display: block;
		margin: 0 auto;
		padding: 9px 23px;
	}

	.send:hover {
		padding: 9px 23px;
	}


/*
	 Previous / Next Post ( Single Post Pagination )
*/

	.posts-pagination {
		padding: 60px 0;
		border-bottom: 1px solid #eee;
	}

	.posts-pagination__prev,
	.posts-pagination__next  {
		color: #000;
		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.posts-pagination__next {
		text-align: right;
	}

	.posts-pagination__prev i,
	.posts-pagination__next i {
		padding: 11px 12px 10px 12px;
		border: 2px solid #000;
		margin: 0 10px 0 0;
		float: left;

		border-radius: 50%;
		-webkit-border-radius: 50%;

		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.posts-pagination__next i {
		margin: 0 0 0 10px;
	}

	.posts-pagination__prev:hover,
	.posts-pagination__next:hover  {
		color: #202020;
	}

	.posts-pagination__prev:hover i,
	.posts-pagination__next:hover i  {
		color: #fff;
		background: #000;
	}

	.prev-post__time {
		text-align: right;
		display: block;
		letter-spacing: -0.1em;
		color: #B5B5B5;
		font-size: 0.8em;
		padding-bottom:1em;
	}

	.next-post__time {
		text-align: left;
		display: block;
		letter-spacing: -0.1em;
		color: #B5B5B5;
		font-size: 0.8em;
		padding-bottom:1em;
	}

	.prev-post__icon {
		float: left;
	}

	.next-post__icon {
		float: right;
	}

	.prev-post__time span,
	.next-post__time span {
		font-size: 2em;
	}

	.prev-post__title h3 {
		text-align: right;
		margin: 0;
	}

	.next-post__title h3 {
		text-align: left;
		margin: 0;
	}

	.prev-post__title p,
	.next-post__title p {
		font-style: italic;
		font-weight: 300;
		color: #B5B5B5;
	}

	.prev-post__title p {
		text-align: right;
	}

	.next-post__title p {
		text-align: left;
	}

	/*
		10. Sidebar
	=================================== */

	.sidebar {
		margin-top: 80px;
		padding-left: 40px;
		margin-left: 20px;
		border-left: 1px solid #EEE;
		font-size: 0.85em;
		line-height: 1.8em;
	}

	.search-icon:before {
		content: '\f002';
		font-family: "FontAwesome";
		color: #000;
		font-size: 1em;
		display: inline-block;
	}

	.search-input {
		border: 2px solid #000;
		padding: 0.5em 0;
		text-indent: 0.5em;
		font-family: "Merriweather", serif;
		letter-spacing: -0.05em;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		margin-left: 10px;
		font-size: 1em;
	}

	.search-input:focus {
		outline: none;
		-webkit-appearance: none;
	}

	.sidebar__widget {
		margin-bottom: 3em;
	}

	.sidebar__widget ul {
		margin: 0;
		padding: 0;
	}

	.sidebar__widget img {
		border-radius: 8px;
		-webkit-border-radius: 8px;
	}

	.sidebar__instagram li {
		width: 100px;
		margin: 1px 3px;
		display: inline-block;
	}


	/*
		11. Pages
	=================================== */
	.page {
		border-bottom: 1px solid #eee;
		padding-bottom: 55px;
	}

	.breadcrumbs {
		width: 100%;
		text-align: center;
		display: block;
		font-size: 0.9em;
		margin-top: 40px;
		padding: 0;
	}

	.breadcrumbs li {
		display: inline-block;
		font-weight: 400;
		color: #666;
	}

	.breadcrumbs li a {
		font-weight: 700;
		margin-left: 5px;
	}

	.breadcrumbs li i {
		padding: 0 9px;
	}

	.title__separator {
		width: 120px;
		height: 1px;
		margin: 35px auto;
		display: block;
		background: #D75752;
	}

	.page__title {
		font-size: 2.5em;
		font-weight: 900;
		color: #202020;
		letter-spacing: -0.045em;
		text-align: center;
		margin: 1em 0 0.4em 0;
	}

	.page__content {
		font-size: 1em;
		line-height: 1.6em;
		width: 100%;
		margin: 0 auto 2.4em;
	}

	.contact__info {
		text-align: center;
		margin-bottom: 3em;
	}

	.fill {
		background: #D75752;
		padding: 13px 0;
		margin: 10px 0;
		text-align: center;
		color: #FFF;
		font-size: 14px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}


	/*
		12. Elements
	=================================== */

/* 
	Tabs
*/
	
	#tabs {
		list-style: none;
		padding: 6px 0;
		margin: 0;
	}

	#tabs li {
	    display: inline;
	}

	#tabs li a {
		padding: 12px 14px 10px;
		text-decoration: none;
		background-color: #f5f5f5;
		border-bottom: none;
		outline: none;
		font-size: 14px;
		font-weight: 700;
		color: #000;

		-webkit-transition: all .15s ease-in-out; 
		-moz-transition: all .15s ease-in-out; 
		transition: all .15s ease-in-out; 
		
		border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
	}

	#tabs li a:hover {
		color: #000;
		background-color: #ebebeb;
	}

	#tabs li.active a {
		padding: 1.1em 1.4em 0.8em;
		border-bottom: none;
		background-color: #EBEBEB;
		font-weight: 700;
	}

	#tabs li.active a:hover {
		border-bottom: none;
	}
	 
	#tabs_content_container {
		border-top: none;
		padding: 1.6em;
		border: 1px solid #EEE;
		border-radius:  0 8px 8px 8px;
		-webkit-border-radius:  0 8px 8px 8px;
	}

	.tab_content {
		display: none;
	}

	.tab_content p {
		margin: 0;
		font-size: 0.85em;
		line-height: 1.8em;
	}


/* 
	Lists
*/
	
	/*  Lists with "ok" or "check" icons */
	.check-list {list-style-type: none; margin-bottom: 10px;}
	.check-list li {line-height: 23px; margin-left: 23px; font-size: 13px;}
	.check-list li:before {
		content: "\f00c";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 15px;
	}

	/*  Lists with "ok" or "check" icons in circle */
	.check-circle-list {list-style-type: none; margin-bottom: 10px;}
	.check-circle-list li{line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}
	.check-circle-list li:before {
		content: "\f05d";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

	/*  Lists with plus "+" icons */
	.plus-list {list-style-type: none; margin-bottom: 10px;}
	.plus-list li {line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}
	.plus-list li:before {
		content: "\f067";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

	/*  Lists with minus "-" icons */
	.minus-list {list-style-type: none; margin-bottom: 10px;}
	.minus-list li {line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}
	.minus-list li:before {
		content: "\f068";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

	/*  Ordered Lists */
	.ordered-list {margin-bottom: 10px; list-style-type: decimal;}
	.ordered-list li {line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}

	/*  Ordered Lists */
	.nested-list {list-style-type: none;}
	.nested-list li {line-height: 25px; margin-left: 23px;}
	.nested-list li:before {
		content: "\f101";
		display: inline-block;
		width: 18px;
		margin-left: -18px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}
	.nested-list li ul { line-height: 25px; margin: 5px 0!important;}
	.nested-list li ul li:before  {
		content: "\f105";
		display: inline-block;
		width: 18px;
		margin-left: -18px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

/* 
	Tables
*/
	
	table.default-table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		border: none;
		margin-bottom: 15px;
	}

	table.default-table th:first-child {
	}

	table.default-table th:last-child {
		border-right: 1px solid #E7E7E7;
	}

	table.default-table td:last-child {
		border-right: 1px solid #E7E7E7;
	}

	table.default-table th {
		border: 1px solid #E7E7E7;
		border-right: none;
		background-color: #F5F5F5;
		text-align: left;
		padding: 13px 15px 10px;
		color: #454545;
		vertical-align: top;
		font-size: 13px;
		font-weight: 700;
	}

	table.default-table td {
		padding: 10px 15px;
		border: #E7E7E7 1px solid;
		border-top: none;
		border-right: none;
	}


	table.default-table th:first-child {
		border-radius: 4px 0 0 0;
		-moz-border-radius: 4px 0 0 0;
		-webkit-border-radius: 4px 0 0 0;
	}

	table.default-table th:last-child {
		border-radius: 0 4px 0 0;
		-moz-border-radius: 0 4px 0 0;
		-webkit-border-radius: 0 4px 0 0;
	}

	table.default-table tr:last-child td:first-child {
		border-radius: 0 4px 0;
		-moz-border-radius: 0 4px 0;
		-webkit-border-radius: 0 4px 0;
	}

	table.default-table tr:last-child td:last-child {
		border-radius: 0 0 4px 0;
		-moz-border-radius: 0 0 4px 0;
		-webkit-border-radius: 0 0 4px 0;
	}

/* 
	Notification Boxes
*/
	
	.alert {
		width: 100%;
		margin-bottom: 10px;
		
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.alert p {
		padding: 15px 0;
		margin-left: 20px;
		font-size: 14px;
	}

	.close {
	 	font-size: 20px;
		font-weight: bold;
		cursor: pointer;
		display: block;
		float: right;
		margin-top: 14px;
		margin-right: 20px;
		color: #000;
		opacity: 0.3;
		zoom: 1;
		filter: alpha(opacity=30);
		
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	.close:hover {
		opacity: 0.5;
		zoom: 1;
		filter: alpha(opacity=50);
	}

	/* Colors */
	.error { background-color: #FF5454; }
	.error p { color: #fff; }

	.warning { background-color: #FFEB00; }
	.warning p { color: #857500; }

	.success { background-color: #aae457; }
	.success p { color: #455E22; }

	.info { background-color: #2ECDF5; }
	.info p { color: #fff; }

		
/* 
	Accordion
*/
	
	.accordion {
		background: #fff;
		padding: 0;
	}

	.accordion li a {
		margin: 0 auto 8px;
		padding: 15px 18px;
		display: block;
		position: relative;
		font-size: 15px;
		font-weight: 700;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-color: #f5f5f5;
		color: #000;
	}

	.accordion li a:after {
		content: "\f067";
		font-family:'FontAwesome';
		position: absolute;
		right: 25px;
		top: 17px;
		font-size: 14px;
		font-weight: normal;
	}

	.accordion li p {
		margin: 1.2em;
		font-size: 0.85em;
		line-height: 1.8em;
	}

	.accordion li a:hover, 
	.accordion li a.active {
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

	.accordion li a.active:after {
		content: "\f068";
		font-family:'FontAwesome';
		position: absolute;
		right: 25px;
		top: 17px;
		font-size: 14px;
		font-weight: normal;
	}

	.accordion li a:hover{
		background: #ebebeb;
	}

	.accordion li a.active {
		color: #000;
	}

	
	/*
		13. Responsive Media Queries
	=================================== */

/* 
	Smaller than standard 960 (devices and browsers) 
*/

@media only screen and (max-width: 959px) {

		.parallax-slider__slide h2 {
			font-size: 2em;
			margin-top: 9em;
		}

		.slider__item {
			position: relative;
			overflow: hidden;
		}

		.slide__caption {
			background: rgba(41, 41, 41, 0.65);
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			margin: 0;
			padding: 0;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;

			transition: background 300ms ease-in-out;
			-webkit-transition: background 300ms ease-in-out;
			-ms-transition: background 300ms ease-in-out;
		}

		.slide__caption p, .slide__caption h2 {
			transform: none;
			-webkit-transform: none;
			-ms-transform: none;
			transition: none;
			-webkit-transition: none;
			-ms-transition: none;
		}

		.slide__caption p {
			display: none;
		}

		.slide__caption:hover {
			background: rgba(41, 41, 41, 0.65);
		}

		.slide__caption:hover h2 {
		    -webkit-animation: none; /* Chrome, Safari, Opera */ 
		    animation: none;

			transform:none;
			-webkit-transform: none;
			-ms-transform: none;
		}

		.slide__caption:hover p {
		    -webkit-animation: none;
		    animation: none;

			transform:  none;
			-webkit-transform:  none;
			-ms-transform: none;
		}

		.slider__button,
		.slide__caption:hover .slider__button {
			display: none;
		}

		.slider__item img {
			-webkit-transform-style: none;
			width: 100%;
			-webkit-transition: none;
			transition: none;
			-webkit-transform: none;
			transform: none;
			max-width: none;
		}

		.slider__item:hover img {
			-webkit-transform: none;
			transform: none;
		}

	}

/* 
	Tablet Portrait size to standard 960 (devices and browsers) 
*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

		.slide__caption h2 {
			font-weight: 700;
			font-size: 1em;
		}

	}

/* 
	All Mobile Sizes (devices and browser) 
*/

@media only screen and (max-width: 767px) {
		
		body {
			font-size: 0.9em;
		}

		.main__container, 
		.content-wrap {
			overflow: hidden;
			width: 100%;
			height: 100%;
		}

		.mobile-menu__wrap a {
			color: #474747;
			font-size: 1.1em;
			font-weight: 900;
		}

		.mobile-menu__wrap a:hover,
		.mobile-menu__wrap a:focus {
			color: #D75752;
		}

		.mobile-menu__search {
			display: block;
		}

		.content {
			position: relative;
		}

		.content::before {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.3);
			content: '';
			opacity: 0;
			-webkit-transform: translate3d(100%,0,0);
			transform: translate3d(100%,0,0);
			-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
			transition: opacity 0.4s, transform 0s 0.4s;
			-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
			transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		}

		.mobile-menu__wrap,
		.menu-button {
			display: block;
		}

		.main-header__top,
		.main-header__navigation {
			display: none;
		}

		.single-post__content p {
			margin: 0 0 30px;
		}

		.main-content__post {
			margin-top: 40px;
		}

		.post__meta {
			padding-top: 25px;
		}

		.post__time {
			font-size: 1.4em;
			width: 100%;
			margin-top: 20px;
		}

		.time_large {
			font-size: 1.4em;
		}

		.post__title {
			font-size: 2em;
		}

		.post__button:before, .post__button:after {
			width: 32%;
		}

		.pagination {
			position: relative;
		}

		.pagination__numbers{
			position: absolute;
			top: 50px;
			width: 100%;
			text-align: center;
			display: block;
		}

		.pagination__numbers li {
			padding: 5px;
		}

		.pagination__prev, .pagination__next {
			width: 50%;
		}

		.comments__list li {
			margin-bottom: 10px;
		}

		.comment__content {
			border-top: 1px solid #E4E4E4;
			border-left: none;
			padding: 20px 0;
			margin: 20px 0;
		}

		.comment__content:before {
			top: -19px;
			left: 40px;
			border: solid rgba(0, 0, 0, 0);
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(229, 229, 229, 0);
			border-bottom-color: #DBDBDB;
			border-width: 9px;
		}

		.comment__content:after {
			top: -18px;
			left: 40px;
			border: solid rgba(0, 0, 0, 0);
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(229, 229, 229, 0);
			border-bottom-color: #FFF;
			border-width: 9px;
		}

		p.copyrights {
			text-align: center;
		}

		.footer__socials {
			float: none;
			text-align: center;
		}

	}

/* 
	Mobile Landscape Size to Tablet Portrait (devices and browsers) 
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

		.slide__caption h2 {
			font-weight: 700;
			font-size: 1em;
		}

	}

/* 
	Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 
*/

@media only screen and (max-width: 479px) {
		.slide__caption h2 {
			font-weight: 700;
			font-size: 1.2em;
		}

	}
/* Stylesheet: stephlayout Modified On 2015-04-11 13:23:59 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* Stylesheet: stephgrid Modified On 2015-03-13 19:06:19 */
/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(../images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 14px;
  height: 14px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #C0C0C0;
  border: 1px solid #C0C0C0;
}

.owl-theme .owl-controls .owl-page.active span {
  filter: Alpha(Opacity=100);
  opacity: 1;
  border: 1px solid #D75752;
  background: #D75752;
}
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1; 
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

  @-webkit-keyframes preloader {
    0% {
      transform: translateY(0) scaleX(1.6);
      -webkit-transform: translateY(0) scaleX(1.6);
      -ms-transform: translateY(0) scaleX(1.6);
    }   
    33% {
      transform: translateY(0) scaleX(1) scaleY(1.3);
      -webkit-transform: translateY(0) scaleX(1) scaleY(1.3);
      -ms-transform: translateY(0) scaleX(1) scaleY(1.3);
    }  
    100% {
      transform: translateY(-150px) scaleX(1) scaleY(1.1);
      -webkit-transform: translateY(-150px) scaleX(1) scaleY(1.1);
      -ms-transform: translateY(-150px) scaleX(1) scaleY(1.1);    
    }
  }

  @keyframes preloader {
    0% {
      transform: translateY(0) scaleX(1.6);
      -webkit-transform: translateY(0) scaleX(1.6);
      -ms-transform: translateY(0) scaleX(1.6);
    }   
    33% {
      transform: translateY(0) scaleX(1) scaleY(1.3);
      -webkit-transform: translateY(0) scaleX(1) scaleY(1.3);
      -ms-transform: translateY(0) scaleX(1) scaleY(1.3);
    }  
    100% {
      transform: translateY(-150px) scaleX(1) scaleY(1.1);
      -webkit-transform: translateY(-150px) scaleX(1) scaleY(1.1);
      -ms-transform: translateY(-150px) scaleX(1) scaleY(1.1);       
    }
  }

.owl-item.loading {
  width:100%;
  height: auto;
}
/* preloading images */
.owl-item.loading:after{
  content: '';
  position: absolute;
  margin-top: 50%;
  left: calc(50% - 16px);
  height: 32px;
  width: 32px;
  background: #D75752;

  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  -webkit-animation: preloader 400ms ease-out; /* Chrome, Safari, Opera */ 
  animation: preloader 400ms ease-out;
  animation-iteration-count: infinite;
  animation-direction: alternate; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
/* Stylesheet: stephowlcaroussel Modified On 2015-03-13 19:06:27 */
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(../images/loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}

/* Stylesheet: stephswipebox Modified On 2015-03-13 19:06:37 */
