/*
==============================================================================================================
 Theme Name:	Versant Developments 2018
 Theme URI:		http://www.versantdevelopments.co.uk/
 Description:	New design and build for the 2018 refresh of the Versant Developments website.
 Author:		Rooster Marketing
 Author URI:	https://www.roostermarketing.com
 Version:		1.0
 Tags:			white, grey, light, clean, responsive, responsive-layout, accessibility-ready
==============================================================================================================
*/
/*
==============================================================================================================
 Base settings (font stack(s), colour palette etc.)
==============================================================================================================
*/
/*
==============================================================================================================
 Font stack(s)
==============================================================================================================
 
 * Define the various font stack(s) and weights of the website
 * These will be continually used throughout the stylesheets
*/
/*
==============================================================================================================
 Colour palette
==============================================================================================================

 * Define the HEX & RGBa values of the primary colours of the website
 * These will be continually used throughout the stylesheets
*/
/*
==============================================================================================================
 CSS Loader
==============================================================================================================
*/
/*
==============================================================================================================
 Mixins
==============================================================================================================

 * Resusable chunks of code which can output flexible results and prevents code repetition
 * These can be called and used numerous times throughout the stylesheets
*/
/*CSS3 Calc (not inlcuded in Compass)*/
/*
==============================================================================================================
 Resets
==============================================================================================================

 * Global CSS resets for most HTML elements
 * Removes all browser-specific styling
*/
/* Ensure all elements don't expand their specified width with padding, borders etc. */
/* line 2, ../sass/_reset.scss */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove browser-specific styling (margin, padding etc.) from most major HTML elements */
/* line 11, ../sass/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select, button,
table, caption, tbody, tfoot, thead, tr, th, #content-wrapper table td, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/* line 30, ../sass/_reset.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: 0;
}

/* line 37, ../sass/_reset.scss */
ol, ul {
  list-style: none inside none;
}

/* line 41, ../sass/_reset.scss */
input[type="button"],
input[type="submit"],
input[type="tel"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 56, ../sass/_reset.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 62, ../sass/_reset.scss */
select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 68, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Display settings for HTML5 elements for legacy browsers */
/* line 74, ../sass/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 90, ../sass/_reset.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 98, ../sass/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Change colour of placeholder text in input fields */
/* line 104, ../sass/_reset.scss */
::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}

/* line 109, ../sass/_reset.scss */
:-moz-placeholder {
  color: #000000;
  opacity: 1;
}

/* line 114, ../sass/_reset.scss */
::-moz-placeholder {
  color: #000000;
  opacity: 1;
}

/* line 119, ../sass/_reset.scss */
:-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

/* line 124, ../sass/_reset.scss */
::-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

/* Change colour of text/background in highlighted text */
/* line 130, ../sass/_reset.scss */
::-moz-selection {
  color: #ffffff;
  text-shadow: none;
  background-color: #ACACAC;
}

/* line 136, ../sass/_reset.scss */
::selection {
  color: #ffffff;
  text-shadow: none;
  background-color: #ACACAC;
}

/*
==============================================================================================================
 Compass Mixins
==============================================================================================================
*/
/*
==============================================================================================================
 Global elements & classes
==============================================================================================================

 * Styling for global HTML elements, and reusable classes and ID's
 * These will appear throughout various pages in the markup
*/
/*
====================
 HTML elements
====================
*/
/* line 55, ../sass/styles.scss */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font declarations */
/* line 61, ../sass/styles.scss */
html {
  font: normal 400 1em/1 "Hind", sans-serif;
}

/* Headings */
/* line 66, ../sass/styles.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
  color: #390D3E;
  font-weight: 800;
  line-height: 1.333;
}

/* line 74, ../sass/styles.scss */
h1, h2, h3 {
  font-size: 2.250em;
  margin-bottom: 15px;
}

/* Paragraphs/span's etc. */
/* line 80, ../sass/styles.scss */
strong {
  font-weight: 700;
}

/* Links */
/* line 85, ../sass/styles.scss */
a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  outline: 0;
}

/* line 93, ../sass/styles.scss */
p {
  font-size: 1.250em;
  color: #ACACAC;
  line-height: 1.7;
  margin-bottom: 20px;
}

/*
===================
 Classes/ID's
===================
*/
/* Main content styles */
/* line 110, ../sass/styles.scss */
#content-wrapper p {
  margin-bottom: 20px;
  /* Adjust margin accordingly to your design */
}
/* line 113, ../sass/styles.scss */
#content-wrapper p:last-child {
  margin-bottom: 0;
}
/* line 118, ../sass/styles.scss */
#content-wrapper ul, #content-wrapper ol {
  margin-bottom: 20px;
  /* Adjust margin accordingly to your design */
}
/* line 121, ../sass/styles.scss */
#content-wrapper ul li, #content-wrapper ol li {
  position: relative;
  padding-left: 15px;
  /* Adjust padding accordingly to your design */
  font-size: 1.250em;
  color: #ACACAC;
  font-family: "Hind", sans-serif;
  line-height: 1.6;
  margin-bottom: 10px;
}
/* line 130, ../sass/styles.scss */
#content-wrapper ul li:last-child, #content-wrapper ol li:last-child {
  margin-bottom: 0;
}
/* line 138, ../sass/styles.scss */
#content-wrapper ul li:before {
  content: "\2022";
  position: absolute;
  top: 0;
  left: 0;
  color: #ACACAC;
}
/* line 147, ../sass/styles.scss */
#content-wrapper ol li {
  counter-increment: count-me;
  padding-left: 22px;
  /* Adjust padding accordingly to your design */
}
/* line 151, ../sass/styles.scss */
#content-wrapper ol li:before {
  content: counter(count-me) ". ";
  position: absolute;
  top: 0;
  left: 0;
  color: #ACACAC;
}
/* line 160, ../sass/styles.scss */
#content-wrapper .iframe-wrap {
  position: relative;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  margin: 30px 0;
  /* Adjust margin accordingly to your design */
  padding-bottom: 56.25%;
}
/* line 168, ../sass/styles.scss */
#content-wrapper .iframe-wrap video,
#content-wrapper .iframe-wrap iframe,
#content-wrapper .iframe-wrap object,
#content-wrapper .iframe-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 180, ../sass/styles.scss */
#content-wrapper .table-wrap {
  padding: 30px 0;
  /* Adjust padding accordingly to your design */
}
/* line 184, ../sass/styles.scss */
#content-wrapper table {
  width: 100%;
  font-size: 1em;
  /* Adjust font-size accordingly to match your body text */
  text-align: left;
  color: #000000;
}
/* line 190, ../sass/styles.scss */
#content-wrapper table tr {
  width: 100%;
}
/* line 194, ../sass/styles.scss */
#content-wrapper table th, #content-wrapper table td {
  font-weight: 700;
  line-height: 1;
  /* Adjust line-height accordingly to match your body text */
  padding: 10px;
  /* Adjust padding accordingly to your design */
  border: 1px solid #ddd;
  /* Adjust border styles accordingly to your design */
}
/* line 201, ../sass/styles.scss */
#content-wrapper table td {
  font-weight: 400;
}
/* line 207, ../sass/styles.scss */
#content-wrapper p.wp-caption-text {
  font-weight: #C6BC9E;
  font-style: italic;
  font-size: 1em;
  /* Adjust font-size accordingly to your design */
  text-align: right;
  color: #ACACAC;
  margin: 5px 0 20px;
  /* Adjust margin accordingly to your design */
}

/* line 217, ../sass/styles.scss */
.wp-caption {
  max-width: 100%;
}
/* line 220, ../sass/styles.scss */
.wp-caption img {
  margin-bottom: 0;
}

/* Full-screen elements */
/* line 226, ../sass/styles.scss */
.full-screen {
  width: 100%;
  height: 100vh;
}

/* Hide desktop content (for mobile elements only) */
/* line 232, ../sass/styles.scss */
.desktop-hide {
  display: none;
}

/* Force element to clear its floated children */
/* line 237, ../sass/styles.scss */
.clearfix:after {
  content: "";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

/* Remove right-hand margin */
/* line 246, ../sass/styles.scss */
.last-in-row {
  margin-right: 0 !important;
}

/* Extra padding for misc. pages (Search Results, 404 etc.) */
/* line 251, ../sass/styles.scss */
.misc-page {
  padding-top: 30px;
}

/* Full-screen background image(s) */
/* line 256, ../sass/styles.scss */
.cover {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 264, ../sass/styles.scss */
.contain {
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

/* Background colours */
/* line 272, ../sass/styles.scss */
.white-bg {
  background-color: #ffffff;
}

/* line 276, ../sass/styles.scss */
.top-center {
  top: 50%;
  position: absolute;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 283, ../sass/styles.scss */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 291, ../sass/styles.scss */
.button,
.wpcf7-submit {
  border: 2px solid #8E7A3E;
  z-index: 1;
  background-color: transparent;
  letter-spacing: 0.10em;
  text-align: center;
  text-transform: uppercase;
  color: #8E7A3E;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 0.875em;
  padding: 20px 40px;
  color: #8E7A3E;
  display: inline-block;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: relative;
}
/* line 313, ../sass/styles.scss */
.button:before,
.wpcf7-submit:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 0px;
  height: 0px;
  opacity: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #390D3E;
  border-right: 2px solid #390D3E;
  -webkit-transition: height 0.25s ease 0.5s, width 0.25s ease 0.75s, opacity 0.1s ease 1s;
  -moz-transition: height 0.25s ease 0.5s, width 0.25s ease 0.75s, opacity 0.1s ease 1s;
  transition: height 0.25s ease 0.5s, width 0.25s ease 0.75s, opacity 0.1s ease 1s;
}
/* line 331, ../sass/styles.scss */
.button:after,
.wpcf7-submit:after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 0px;
  height: 0px;
  opacity: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-bottom: 2px solid #390D3E;
  border-left: 2px solid #390D3E;
  -webkit-transition: height 0.25s ease, width 0.25s ease 0.25s, opacity 0.1s ease 0.5s;
  -moz-transition: height 0.25s ease, width 0.25s ease 0.25s, opacity 0.1s ease 0.5s;
  transition: height 0.25s ease, width 0.25s ease 0.25s, opacity 0.1s ease 0.5s;
}
/* line 349, ../sass/styles.scss */
.button:hover,
.wpcf7-submit:hover {
  color: #390D3E;
}
/* line 352, ../sass/styles.scss */
.button:hover:before,
.wpcf7-submit:hover:before {
  opacity: 1;
  width: -webkit-calc(100% + 2px);
  width: -moz-calc(100% + 2px);
  width: calc(100% + 2px);
  height: 100%;
  -webkit-transition: opacity 0.1s ease, width 0.25s ease, height 0.25s ease 0.25s;
  -moz-transition: opacity 0.1s ease, width 0.25s ease, height 0.25s ease 0.25s;
  transition: opacity 0.1s ease, width 0.25s ease, height 0.25s ease 0.25s;
}
/* line 363, ../sass/styles.scss */
.button:hover:after,
.wpcf7-submit:hover:after {
  opacity: 1;
  width: -webkit-calc(100% + 2px);
  width: -moz-calc(100% + 2px);
  width: calc(100% + 2px);
  height: 100%;
  -webkit-transition: opacity 0.1s ease 0.5s, width 0.25s ease 0.5s, height 0.25s ease 0.75s;
  -moz-transition: opacity 0.1s ease 0.5s, width 0.25s ease 0.5s, height 0.25s ease 0.75s;
  transition: opacity 0.1s ease 0.5s, width 0.25s ease 0.5s, height 0.25s ease 0.75s;
}

/* line 378, ../sass/styles.scss */
.wpcf7-submit {
  margin-top: 30px;
}

/*
==============================================================================================================
 Layout & structure
==============================================================================================================
 
 * Styling for the actual layout and structure of the site
 * Organised by section(s), templates and pages
*/
/*
===================
 Container(s)
===================
*/
/* line 396, ../sass/styles.scss */
.container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 160px;
}
/* line 402, ../sass/styles.scss */
.container.no-padding {
  padding: 0 0;
  max-width: calc(100% - 320px);
}

/* Grid columns */
/* line 409, ../sass/styles.scss */
.full {
  width: 100%;
  clear: both;
}

/* line 414, ../sass/styles.scss */
.half {
  width: -webkit-calc(50% - 25px);
  width: -moz-calc(50% - 25px);
  width: calc(50% - 25px);
  float: left;
  margin-right: 50px;
}
/* line 421, ../sass/styles.scss */
.half:last-child, .half:nth-child(2n+2) {
  margin-right: 0;
}

/* line 427, ../sass/styles.scss */
.one-half {
  width: 50%;
  float: left;
}

/* line 432, ../sass/styles.scss */
.one-third {
  width: -webkit-calc(33.333% - 20px);
  width: -moz-calc(33.333% - 20px);
  width: calc(33.333% - 20px);
  float: left;
  margin-right: 30px;
}
/* line 439, ../sass/styles.scss */
.one-third:last-child, .one-third:nth-child(3n+3) {
  margin-right: 0;
}

/* line 445, ../sass/styles.scss */
.one-quarter {
  width: -webkit-calc(25% - 22.5px);
  width: -moz-calc(25% - 22.5px);
  width: calc(25% - 22.5px);
  float: left;
  margin-right: 30px;
}
/* line 452, ../sass/styles.scss */
.one-quarter:last-child, .one-quarter:nth-child(4n+4) {
  margin-right: 0;
}

/* line 458, ../sass/styles.scss */
.select-wrap {
  overflow: hidden;
  width: 100%;
}
/* line 462, ../sass/styles.scss */
.select-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 120%;
  color: #390D3E;
  background-color: #F3F3F3;
  font-family: "Hind", sans-serif;
  font-weight: #C6BC9E;
  font-size: 1.250em;
  background-image: url("../../images/down-arrow.svg");
  background-position-y: 27px;
  background-position-x: calc(100% - 20% - 20px);
  background-repeat: no-repeat;
  background-size: 15px;
  padding: 15px 20px;
}

/*
==============================================================================================================
 Legacy browser bar
==============================================================================================================

 * Styling for a conditional bar that will appear only in Internet Explorer 8 and below
 * Provides a warning to <=IE9 users that the website may not look and/or function as intended
*/
/* line 489, ../sass/styles.scss */
.legacy-browser-notice {
  position: fixed;
  bottom: 0px;
  z-index: 9999;
  width: 100%;
  max-width: 1000px;
  font-size: 16px;
  font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
  line-height: 1.6;
  text-align: center;
  color: #ffffff;
  padding: 20px 10px 26px;
  background: url(../img/legacy-browser-logo.jpg) no-repeat 30px center #00a1f1;
}
/* line 503, ../sass/styles.scss */
.legacy-browser-notice .notice {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
/* line 509, ../sass/styles.scss */
.legacy-browser-notice strong {
  font-weight: 700;
}
/* line 513, ../sass/styles.scss */
.legacy-browser-notice a {
  font-weight: 700;
  color: #ffffff;
}

/*
==============================================================================================================
 Responsive Iframe
==============================================================================================================
*/
/* line 525, ../sass/styles.scss */
.iframe-wrap {
  position: relative;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  margin: 30px 0;
  /* Adjust margin accordingly to your design */
  padding-bottom: 56.25%;
}
/* line 533, ../sass/styles.scss */
.iframe-wrap video,
.iframe-wrap iframe,
.iframe-wrap object,
.iframe-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
==============================================================================================================
 Header
==============================================================================================================
*/
/* line 550, ../sass/styles.scss */
.logo {
  width: 100%;
  max-width: 160px;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
}
/* line 558, ../sass/styles.scss */
.logo img {
  width: 100%;
}

/* line 563, ../sass/styles.scss */
.nav-wrapper {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15;
}
/* line 569, ../sass/styles.scss */
.nav-wrapper.order {
  z-index: 99;
}

/* line 574, ../sass/styles.scss */
.icon-link {
  width: 80px;
  height: 80px;
  text-align: center;
  background-color: #390D3E;
  color: #ffffff;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
/* line 586, ../sass/styles.scss */
.icon-link .icon {
  width: 40px;
  position: relative;
  top: 20px;
  left: 20px;
}
/* line 593, ../sass/styles.scss */
.icon-link span {
  opacity: 0;
  visibility: hidden;
}

/*
==============================================================================================================
 Mobile Menu
==============================================================================================================
*/
/* line 604, ../sass/styles.scss */
#mobile-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  background-color: #ffffff;
  width: calc(50% - 160px);
  height: calc(100vh - 160px);
  top: 160px;
  right: 160px;
  padding: 50px 0;
  text-align: center;
  overflow: auto;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 619, ../sass/styles.scss */
#mobile-wrapper .mobile-menu {
  height: 100%;
  width: 100%;
  position: relative;
  padding-bottom: 30px;
}
/* line 626, ../sass/styles.scss */
#mobile-wrapper.open {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
/* line 632, ../sass/styles.scss */
#mobile-wrapper .icon-wrap {
  margin-bottom: 35px;
  display: block;
}
/* line 636, ../sass/styles.scss */
#mobile-wrapper .icon-wrap img {
  width: 100px;
}
/* line 643, ../sass/styles.scss */
#mobile-wrapper ul li {
  display: block;
  position: relative;
}
/* line 647, ../sass/styles.scss */
#mobile-wrapper ul li:after {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  margin: 0 auto;
  background-color: #C6BC9E;
}
/* line 660, ../sass/styles.scss */
#mobile-wrapper ul li a {
  color: #C6BC9E;
  display: block;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.250em;
  padding: 25px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 672, ../sass/styles.scss */
#mobile-wrapper ul li:hover a {
  color: #8E7A3E;
}
/* line 676, ../sass/styles.scss */
#mobile-wrapper ul li .sub-menu {
  display: none;
}

/*
==============================================================================================================
 Nav toggle
==============================================================================================================
*/
/* line 689, ../sass/styles.scss */
#nav-toggle {
  cursor: pointer;
  width: 80px;
  height: 80px;
  background-color: #F3F3F3;
  float: right;
  position: absolute;
  top: 80px;
  right: 80px;
  padding: 39px 23px;
  z-index: 5;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 702, ../sass/styles.scss */
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 0;
  height: 5px;
  width: 35px;
  background: #8E7A3E;
  position: absolute;
  display: block;
  content: '';
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 716, ../sass/styles.scss */
#nav-toggle span:before {
  top: -15px;
}
/* line 720, ../sass/styles.scss */
#nav-toggle span:after {
  bottom: -15px;
}
/* line 724, ../sass/styles.scss */
#nav-toggle.active {
  background-color: #8E7A3E;
  z-index: 9999;
}
/* line 728, ../sass/styles.scss */
#nav-toggle.active span {
  background-color: transparent;
}
/* line 732, ../sass/styles.scss */
#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
  background: #390D3E;
}
/* line 738, ../sass/styles.scss */
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
/* line 742, ../sass/styles.scss */
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

/*
==============================================================================================================
 Top Banner
==============================================================================================================
*/
/* line 753, ../sass/styles.scss */
.top-banner {
  min-height: 700px;
  height: 100vh;
  position: relative;
}
/* line 758, ../sass/styles.scss */
.top-banner .container {
  position: relative;
  height: 100%;
}
/* line 763, ../sass/styles.scss */
.top-banner .overlay {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.25);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 768, ../sass/styles.scss */
.top-banner .overlay.darken {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 773, ../sass/styles.scss */
.top-banner .banner-text {
  width: calc(50% - 210px);
  color: #ffffff;
  padding: 0 0 0 50px;
  z-index: 2;
}
/* line 779, ../sass/styles.scss */
.top-banner .banner-text h1,
.top-banner .banner-text h2 {
  color: #ffffff;
  font-size: 3.7em;
  line-height: 1.253;
}
/* line 789, ../sass/styles.scss */
.top-banner .banner-blocks .touchevents {
  display: none;
}
/* line 793, ../sass/styles.scss */
.top-banner .banner-blocks .full-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
/* line 804, ../sass/styles.scss */
.top-banner .banner-blocks .full-image.reveal {
  opacity: 1;
  z-index: 0;
  visibility: visible;
}
/* line 813, ../sass/styles.scss */
.top-banner .banner-blocks .link-block .link-wrap {
  position: absolute;
  bottom: 160px;
  width: 350px;
  background-color: #ffffff;
  z-index: 2;
  text-align: center;
}
/* line 821, ../sass/styles.scss */
.top-banner .banner-blocks .link-block .link-wrap a {
  padding: 40px 30px;
  display: block;
}
/* line 829, ../sass/styles.scss */
.top-banner .banner-blocks .link-block.link-block-1 .link-wrap {
  left: 25%;
  -moz-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%);
}
/* line 837, ../sass/styles.scss */
.top-banner .banner-blocks .link-block.link-block-2 .link-wrap {
  right: 25%;
  -moz-transform: translateX(25%);
  -ms-transform: translateX(25%);
  -webkit-transform: translateX(25%);
  transform: translateX(25%);
}
/* line 843, ../sass/styles.scss */
.top-banner .banner-blocks .link-block span {
  color: #C6C6C6;
  display: block;
  text-transform: uppercase;
  font-size: 0.875em;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}
/* line 853, ../sass/styles.scss */
.top-banner .banner-blocks .link-block h2 {
  font-size: 1.313em;
  letter-spacing: unset;
  color: #8E7A3E;
  font-weight: 600;
  margin-bottom: 0;
}
/* line 863, ../sass/styles.scss */
.top-banner .down-arrow {
  height: 65px;
  width: 65px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background-color: #ffffff;
  z-index: 9;
}
/* line 874, ../sass/styles.scss */
.top-banner .down-arrow img {
  width: 33px;
  position: relative;
  top: calc(50% - 8.5px);
  left: calc(50% - 16.5px);
}
/* line 882, ../sass/styles.scss */
.top-banner + .column-content {
  padding: 280px 0;
}
/* line 888, ../sass/styles.scss */
.top-banner.dev-banner + .section {
  margin-top: 150px;
}
/* line 892, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav {
  position: absolute;
  bottom: 75px;
  z-index: 88;
  width: 100%;
}
/* line 898, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav .post-link {
  height: 58px;
  width: 58px;
  text-align: center;
  background-color: #390D3E;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  position: absolute;
  bottom: 0;
}
/* line 908, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav .post-link.prev {
  left: 85px;
}
/* line 911, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav .post-link.prev span {
  right: -70px;
}
/* line 916, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav .post-link.next {
  right: 85px;
}
/* line 919, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav .post-link.next span {
  left: -70px;
}
/* line 924, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav .post-link img {
  width: 20px;
  position: relative;
  top: 19px;
}
/* line 930, ../sass/styles.scss */
.top-banner.dev-banner .direction-nav .post-link span {
  height: 58px;
  background-color: #390D3E;
  display: inline-block;
  padding: 22px 20px 20px 20px;
  position: absolute;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  opacity: 0;
  visibility: hidden;
  color: #ffffff;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 944, ../sass/styles.scss */
.no-touchevents .top-banner.dev-banner .direction-nav .post-link:hover {
  background-color: #8E7A3E;
}
/* line 947, ../sass/styles.scss */
.no-touchevents .top-banner.dev-banner .direction-nav .post-link:hover span {
  opacity: 1;
  visibility: visible;
  background-color: #8E7A3E;
}

/*
==============================================================================================================
 Dev Banner
==============================================================================================================
*/
/* line 964, ../sass/styles.scss */
.title-area {
  width: calc(50% - 160px);
  height: 160px;
  position: absolute;
  top: 0;
  left: 160px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
/* line 973, ../sass/styles.scss */
.page-template-page-team .title-area {
  right: 160px;
  left: unset;
}
/* line 978, ../sass/styles.scss */
.no-banner .title-area {
  background-color: transparent;
}
/* line 985, ../sass/styles.scss */
.no-banner .title-area .title-wrap span:before {
  content: url(../../images/back-arrow-purple.svg);
}
/* line 992, ../sass/styles.scss */
.title-area .title-wrap {
  padding: 0 50px;
  height: 80px;
  color: #ffffff;
  position: relative;
}
/* line 998, ../sass/styles.scss */
.title-area .title-wrap h1,
.title-area .title-wrap h2 {
  color: #ffffff;
  font-size: 2.250em;
  margin-bottom: 0;
}
/* line 1005, ../sass/styles.scss */
.title-area .title-wrap span {
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  font-size: 1.313em;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1011, ../sass/styles.scss */
.title-area .title-wrap span:before {
  content: url(../../images/back-arrow.svg);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 25px;
  position: relative;
  top: 2px;
}
/* line 1024, ../sass/styles.scss */
.no-touchevents .title-area .title-wrap a:hover span {
  color: #390D3E;
}
/* line 1030, ../sass/styles.scss */
.no-banner .title-area {
  background-color: transparent;
}
/* line 1033, ../sass/styles.scss */
.no-banner .title-area .title-wrap {
  color: #390D3E;
}
/* line 1036, ../sass/styles.scss */
.no-banner .title-area .title-wrap h1 {
  color: #390D3E;
}

/* line 1045, ../sass/styles.scss */
.no-banner .single-wrapper {
  padding: 230px 0 0 0;
}

/*
==============================================================================================================
 Lines
==============================================================================================================
*/
/* line 1054, ../sass/styles.scss */
.line {
  width: 0;
  position: absolute;
  height: 1px;
  background-color: #E3E3E3;
  z-index: 6;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
/* line 1062, ../sass/styles.scss */
.line.line-1 {
  top: 80px;
}
/* line 1066, ../sass/styles.scss */
.line.line-2 {
  top: 160px;
}
/* line 1070, ../sass/styles.scss */
.line.line-3 {
  left: 160px;
  height: 0;
  width: 1px;
  top: 0;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 1078, ../sass/styles.scss */
.line.line-4 {
  left: calc(50% - 0.5px);
  height: 0;
  width: 1px;
  top: 0;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 1086, ../sass/styles.scss */
.line.line-5 {
  right: 160px;
  height: 0;
  width: 1px;
  top: 0;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 1094, ../sass/styles.scss */
.line.grow-horizontal {
  width: 100%;
}
/* line 1098, ../sass/styles.scss */
.line.grow-vertical {
  height: 100%;
  position: fixed;
}

/*
==============================================================================================================
 Column Content
==============================================================================================================
*/
/* line 1110, ../sass/styles.scss */
.column-content {
  padding: 100px 0;
}
/* line 1113, ../sass/styles.scss */
.column-content h2 {
  font-size: 2.600em;
}
/* line 1117, ../sass/styles.scss */
.column-content h3 {
  font-size: 2.250em;
}
/* line 1121, ../sass/styles.scss */
.column-content h2,
.column-content h3 {
  margin-bottom: 10px;
}
/* line 1126, ../sass/styles.scss */
.column-content p {
  font-size: 1.4em;
  line-height: 1.666;
  color: #ACACAC;
}
/* line 1132, ../sass/styles.scss */
.column-content .wrapper.add-padding {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
/* line 1141, ../sass/styles.scss */
.column-content .wrapper.add-padding .side {
  position: absolute;
}
/* line 1149, ../sass/styles.scss */
.column-content .wrapper.add-padding.grow .side span {
  width: 160px;
}
/* line 1158, ../sass/styles.scss */
.column-content .left p {
  font-size: 1.688em;
  color: #390D3E;
}

/*
==============================================================================================================
Link Blocks
==============================================================================================================
*/
/* line 1172, ../sass/styles.scss */
.link-blocks {
  overflow: hidden;
}
/* line 1175, ../sass/styles.scss */
.link-blocks .link-block {
  margin-bottom: 50px;
}
/* line 1178, ../sass/styles.scss */
.link-blocks .link-block .one-half {
  position: relative;
  height: 500px;
  margin-right: 0;
}
/* line 1183, ../sass/styles.scss */
.link-blocks .link-block .one-half .image {
  height: 500px;
  width: 100%;
  position: absolute;
  background-position: center center;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  left: -80px;
  -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 1194, ../sass/styles.scss */
.no-touchevents .link-blocks .link-block .one-half .image:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
/* line 1200, ../sass/styles.scss */
.link-blocks .link-block .one-half h3 {
  font-size: 2.250em;
  margin-bottom: 10px;
}
/* line 1205, ../sass/styles.scss */
.link-blocks .link-block .one-half p {
  font-size: 1.250em;
  color: #ACACAC;
  line-height: 1.7;
  font-weight: #C6BC9E;
}
/* line 1212, ../sass/styles.scss */
.link-blocks .link-block .one-half .top-center {
  padding: 0 100px;
  width: 100%;
  left: 0;
}
/* line 1221, ../sass/styles.scss */
.link-blocks .link-block:nth-of-type(even) .one-half.image-side {
  float: right;
}
/* line 1224, ../sass/styles.scss */
.link-blocks .link-block:nth-of-type(even) .one-half.image-side .image {
  left: unset;
  right: -80px;
}
/* line 1228, ../sass/styles.scss */
.link-blocks .link-block:nth-of-type(even) .one-half.image-side .image.grid-snap {
  right: 0;
}
/* line 1241, ../sass/styles.scss */
.link-blocks .link-block:nth-of-type(odd) .one-half.image-side .image.grid-snap {
  left: 0;
}

/* line 1250, ../sass/styles.scss */
.text-wrapper {
  padding: 0 50px 0 50px;
}

/*
==============================================================================================================
Full Width Image
==============================================================================================================
*/
/* line 1258, ../sass/styles.scss */
.full-image {
  height: 600px;
  background-position: center center;
  margin-bottom: 200px;
  position: relative;
  overflow: hidden;
}

/* line 1266, ../sass/styles.scss */
.side {
  display: block;
  width: 160px;
  height: 100%;
  position: relative;
  top: 0;
  z-index: 2;
}
/* line 1274, ../sass/styles.scss */
.side span {
  position: absolute;
  height: 100%;
  background-color: #ffffff;
  width: 0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1282, ../sass/styles.scss */
.side.left-side {
  left: 0;
  float: left;
}
/* line 1286, ../sass/styles.scss */
.side.left-side span {
  left: 0;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
/* line 1294, ../sass/styles.scss */
.side.right-side {
  right: 0;
  float: right;
}
/* line 1298, ../sass/styles.scss */
.side.right-side span {
  right: 0;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

/*
==============================================================================================================
 Footer
==============================================================================================================
*/
/* line 1311, ../sass/styles.scss */
footer {
  color: #ffffff;
  background-color: #390D3E;
  padding: 70px 0 60px 0;
}
/* line 1316, ../sass/styles.scss */
footer .top-wrapper {
  margin-bottom: 50px;
}
/* line 1319, ../sass/styles.scss */
footer .top-wrapper p {
  font-size: 1.250em;
  line-height: 1.4;
}
/* line 1327, ../sass/styles.scss */
footer .bottom-wrapper p {
  font-size: 1em;
  margin-bottom: 10px;
}
/* line 1332, ../sass/styles.scss */
footer .bottom-wrapper a {
  font-weight: 600;
}
/* line 1335, ../sass/styles.scss */
.no-touchevents footer .bottom-wrapper a:hover {
  color: #8E7A3E;
}
/* line 1342, ../sass/styles.scss */
footer .bottom-wrapper ul li {
  display: inline-block;
}
/* line 1345, ../sass/styles.scss */
footer .bottom-wrapper ul li:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 0 5px 0 9px;
  position: relative;
  top: -1px;
}
/* line 1359, ../sass/styles.scss */
footer .bottom-wrapper ul li:last-of-type:after {
  display: none;
}
/* line 1367, ../sass/styles.scss */
footer h2 {
  font-size: 2.4em;
  margin-bottom: 25px;
  width: 100%;
  max-width: 400px;
}
/* line 1374, ../sass/styles.scss */
footer h2,
footer h3,
footer h4,
footer p {
  color: #ffffff;
}
/* line 1387, ../sass/styles.scss */
footer .table-wrap table tr td {
  vertical-align: top;
  font-size: 1.250em;
  line-height: 1.4;
  padding-bottom: 5px;
}
/* line 1393, ../sass/styles.scss */
footer .table-wrap table tr td:first-of-type {
  font-weight: 600;
  padding-right: 25px;
}
/* line 1404, ../sass/styles.scss */
footer .button:before {
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
/* line 1409, ../sass/styles.scss */
footer .button:after {
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
/* line 1414, ../sass/styles.scss */
footer .button:hover {
  color: #ffffff;
}

/*
==============================================================================================================
 Blog Page
==============================================================================================================
*/
/* line 1425, ../sass/styles.scss */
.blog-page {
  padding: 90px 0 60px 0;
}
/* line 1428, ../sass/styles.scss */
.blog-page .related-list {
  margin-bottom: 0;
}

/* line 1433, ../sass/styles.scss */
.load-posts {
  text-align: center;
  display: block;
  clear: both;
}

/*
==============================================================================================================
 Blog Item
==============================================================================================================
*/
/* line 1445, ../sass/styles.scss */
.blog-item {
  margin-bottom: 100px;
}
/* line 1448, ../sass/styles.scss */
.blog-item .image {
  background-position: center center;
  height: 290px;
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
  -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 1456, ../sass/styles.scss */
.no-touchevents .blog-item .image:hover {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
/* line 1462, ../sass/styles.scss */
.blog-item .cat {
  display: block;
  color: #390D3E;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875em;
  font-family: "Raleway", sans-serif;
  margin-bottom: 20px;
}
/* line 1472, ../sass/styles.scss */
.blog-item h3 {
  font-family: "Hind", sans-serif;
  font-weight: 600;
  font-size: 1.250em;
  line-height: 1.7;
  display: inline;
}
/* line 1480, ../sass/styles.scss */
.blog-item .post-wrapper {
  padding: 0 30px;
}
/* line 1484, ../sass/styles.scss */
.blog-item p {
  display: inline;
}
/* line 1488, ../sass/styles.scss */
.blog-item .button {
  margin-top: 20px;
  display: table;
  padding: 20px 20px;
}
/* line 1494, ../sass/styles.scss */
.blog-item .post-content-wrap {
  position: relative;
  -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 1502, ../sass/styles.scss */
.blog-item:nth-of-type(odd) .post-content-wrap {
  left: -80px;
}
/* line 1505, ../sass/styles.scss */
.blog-item:nth-of-type(odd) .post-content-wrap.grid-snap {
  left: 0;
}
/* line 1513, ../sass/styles.scss */
.blog-item:nth-of-type(even) .post-content-wrap {
  right: -80px;
}
/* line 1516, ../sass/styles.scss */
.blog-item:nth-of-type(even) .post-content-wrap.grid-snap {
  right: 0;
}

/*
==============================================================================================================
 Text Banner
==============================================================================================================
*/
/* line 1530, ../sass/styles.scss */
.text-banner {
  position: relative;
  z-index: 999999;
  padding: 98px 0 16px 0;
  width: 100%;
  max-width: calc(100% - 420px);
  margin: auto;
}
/* line 1538, ../sass/styles.scss */
.text-banner.reverse {
  z-index: 1;
}

/*
==============================================================================================================
 CSS Loader
==============================================================================================================
*/
/* line 1550, ../sass/styles.scss */
.loader {
  text-align: center;
}
@keyframes square-spin {
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
/* line 1570, ../sass/styles.scss */
.loader .square-spin > div {
  animation-fill-mode: both;
  margin: 0 auto;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #8E7A3E;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}

/*
==============================================================================================================
 Page Overlay
==============================================================================================================
*/
/* line 1588, ../sass/styles.scss */
.page-overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: -1;
  visibility: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1599, ../sass/styles.scss */
.page-overlay.active {
  z-index: 90;
  opacity: 1;
  visibility: visible;
}

/*
==============================================================================================================
 Google map
==============================================================================================================
*/
/* line 1612, ../sass/styles.scss */
.map-section {
  height: 800px;
  position: relative;
  overflow: hidden;
  margin-bottom: 150px;
}
/* line 1618, ../sass/styles.scss */
.image-side .map-section {
  height: 100%;
  margin-bottom: 0;
}
/* line 1622, ../sass/styles.scss */
.image-side .map-section #map-canvas {
  height: 100%;
}
/* line 1625, ../sass/styles.scss */
.image-side .map-section #map-canvas .acf-map {
  height: 100%;
}
/* line 1631, ../sass/styles.scss */
.map-section #map-canvas .acf-map {
  width: 100%;
  height: 100%;
  height: 800px;
  border: none;
  margin: 0;
}

/*
==============================================================================================================
 Sliders
==============================================================================================================
*/
/* line 1645, ../sass/styles.scss */
.slider-section {
  margin-bottom: 100px;
}
/* line 1654, ../sass/styles.scss */
.slider-section.full-image-slider .slider-image {
  min-height: 700px;
  height: 75vh;
}
/* line 1659, ../sass/styles.scss */
.slider-section.full-image-slider .full-slider {
  position: relative;
}
/* line 1663, ../sass/styles.scss */
.slider-section.full-image-slider .caption {
  posslideition: absolute;
  height: 75px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 20px 30px;
}
/* line 1672, ../sass/styles.scss */
.slider-section.full-image-slider .caption span {
  font-size: 1.875em;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}
/* line 1681, ../sass/styles.scss */
.slider-section.full-image-slider.full-image-height .slider-image {
  height: 85vh;
}
/* line 1689, ../sass/styles.scss */
.slider-section.block-slider .block {
  margin-bottom: 50px;
}
/* line 1692, ../sass/styles.scss */
.slider-section.block-slider .block h3 {
  font-size: 2.250em;
  margin-bottom: 15px;
}
/* line 1697, ../sass/styles.scss */
.slider-section.block-slider .block .one-half {
  position: relative;
  height: 100%;
  height: 700px;
}
/* line 1702, ../sass/styles.scss */
.slider-section.block-slider .block .one-half .text-wrapper {
  width: calc(100% - 100px);
  max-width: 600px;
}
/* line 1710, ../sass/styles.scss */
.slider-section.block-slider .block .one-half.image-side .slider-image {
  height: 700px;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
/* line 1723, ../sass/styles.scss */
.slider-section.block-slider .block:nth-of-type(even) .one-half.image-side {
  float: right;
}
/* line 1727, ../sass/styles.scss */
.slider-section.block-slider .block:nth-of-type(even) .one-half .text-wrapper {
  right: 0;
}
/* line 1733, ../sass/styles.scss */
.slider-section.block-slider .block:last-of-type {
  margin-bottom: 0;
}
/* line 1739, ../sass/styles.scss */
.slider-section .slider-image {
  background-position: center center;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 1747, ../sass/styles.scss */
.no-touchevents .slider-section .slider-image:hover {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}

/* line 1754, ../sass/styles.scss */
.owl-nav {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 1761, ../sass/styles.scss */
.owl-nav button .arrow {
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.5);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1767, ../sass/styles.scss */
.no-touchevents .owl-nav button .arrow:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
/* line 1772, ../sass/styles.scss */
.owl-nav button.disabled {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1778, ../sass/styles.scss */
.owl-nav button img {
  width: 20px;
  position: relative;
  top: 27.5px;
}

/* line 1787, ../sass/styles.scss */
.intro-section {
  margin-bottom: 100px;
  margin-top: -75px;
  position: relative;
}
/* line 1792, ../sass/styles.scss */
.intro-section .one-half {
  position: relative;
  height: 100%;
}
/* line 1797, ../sass/styles.scss */
.intro-section .intro {
  padding-top: 75px;
}
/* line 1800, ../sass/styles.scss */
.intro-section .intro h2,
.intro-section .intro h3 {
  font-size: 2.250em;
  margin-bottom: 25px;
}
/* line 1806, ../sass/styles.scss */
.intro-section .intro p {
  font-size: 1.4em;
  line-height: 1.666;
  color: #ACACAC;
}
/* line 1813, ../sass/styles.scss */
.intro-section .stats {
  padding: 100px 50px 50px 50px;
  float: right;
  background-color: #F3F3F3;
}
/* line 1818, ../sass/styles.scss */
.intro-section .stats h3 {
  font-size: 1.313em;
  margin-bottom: 30px;
}
/* line 1822, ../sass/styles.scss */
.intro-section .stats h3 span {
  display: block;
  margin-top: 10px;
  font-family: "Hind", sans-serif;
  font-weight: 300;
  clear: both;
  font-size: 1.250em;
}

/* line 1836, ../sass/styles.scss */
.section + .column-content {
  padding: 0 0 100px 0;
}

/*
==============================================================================================================
 Text Area
==============================================================================================================
*/
/* line 1846, ../sass/styles.scss */
.text-area {
  margin-bottom: 100px;
}
/* line 1849, ../sass/styles.scss */
.text-area .content-wrapper {
  width: 100%;
  max-width: 1050px;
  padding: 0 50px;
}

/*
==============================================================================================================
 Related Devs
==============================================================================================================
*/
/* line 1864, ../sass/styles.scss */
.related-devs .section-title-wrap {
  margin-bottom: 40px;
}
/* line 1867, ../sass/styles.scss */
.related-devs .section-title-wrap h2 {
  margin-bottom: 10px;
}
/* line 1871, ../sass/styles.scss */
.related-devs .section-title-wrap span {
  font-size: 1.250em;
  display: block;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  color: #8E7A3E;
}

/* line 1881, ../sass/styles.scss */
.related-list {
  margin-bottom: 100px;
}
/* line 1884, ../sass/styles.scss */
.related-list .post {
  position: relative;
}
/* line 1886, ../sass/styles.scss */
.related-list .post .image {
  height: 400px;
  background-position: center center;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 1897, ../sass/styles.scss */
.no-touchevents .related-list .post:hover a > .image {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
/* line 1902, ../sass/styles.scss */
.no-touchevents .related-list .post:hover .title-wrap {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 1905, ../sass/styles.scss */
.no-touchevents .related-list .post:hover .title-wrap .arrow {
  background-color: #8E7A3E;
}
/* line 1911, ../sass/styles.scss */
.related-list .post .title-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  padding: 30px 108px 30px 50px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1920, ../sass/styles.scss */
.related-list .post .title-wrap h3 {
  color: #ffffff;
  margin-bottom: 0;
}
/* line 1925, ../sass/styles.scss */
.related-list .post .title-wrap .arrow {
  background-color: #390D3E;
  width: 58px;
  height: 58px;
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 50px;
  bottom: 24px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 1936, ../sass/styles.scss */
.related-list .post .title-wrap .arrow img {
  width: 20px;
  position: relative;
  top: 19px;
}

/*
==============================================================================================================
Inner Page
==============================================================================================================
*/
/* line 1953, ../sass/styles.scss */
.inner-page + #anchor-1,
.inner-page + section {
  margin-top: 100px;
}
/* line 1958, ../sass/styles.scss */
.inner-page + section.blog-page {
  margin-top: 0;
}
/* line 1962, ../sass/styles.scss */
.inner-page.team-member {
  height: 100vh;
  overflow: hidden;
}
/* line 1967, ../sass/styles.scss */
.inner-page .title-area {
  width: calc(50% - 160px);
  left: unset;
  right: 160px;
}
/* line 1972, ../sass/styles.scss */
.inner-page .title-area .title-wrap {
  padding: 0 50px;
}
/* line 1975, ../sass/styles.scss */
.inner-page .title-area .title-wrap h1,
.inner-page .title-area .title-wrap h2 {
  font-size: 2.100em;
  color: #390D3E;
}
/* line 1983, ../sass/styles.scss */
.inner-page .owl-nav {
  top: 80px;
}
/* line 1988, ../sass/styles.scss */
.inner-page .owl-nav button img {
  top: 30.5px;
}
/* line 1994, ../sass/styles.scss */
.inner-page .one-half {
  height: 100%;
}
/* line 1997, ../sass/styles.scss */
.inner-page .one-half .image {
  background-position: bottom center;
  background-color: #f2f2f2;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 2006, ../sass/styles.scss */
.inner-page .one-half .owl-stage-outer,
.inner-page .one-half .slider-image,
.inner-page .one-half .owl-item,
.inner-page .one-half .owl-stage,
.inner-page .one-half .image {
  height: 100%;
}
/* line 2014, ../sass/styles.scss */
.inner-page .one-half.text-side {
  overflow: hidden;
  height: calc( 100% - 160px);
  margin-top: 160px;
  padding: 80px 0 80px 0;
}
/* line 2021, ../sass/styles.scss */
.inner-page .one-half .text-wrapper {
  width: calc(100% - 160px);
  height: 100%;
  overflow: auto;
}
/* line 2028, ../sass/styles.scss */
.inner-page h2,
.inner-page h3 {
  font-size: 1.313em;
}
/* line 2033, ../sass/styles.scss */
.inner-page .intro-text {
  color: #390D3E;
}
/* line 2037, ../sass/styles.scss */
.inner-page .wpcf7 {
  margin-top: 40px;
}

/* line 2042, ../sass/styles.scss */
p.role {
  line-height: 1;
  color: #8E7A3E;
  font-size: 0.875em;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

/*
==============================================================================================================
Scroll |Bar
==============================================================================================================
*/
/* line 2056, ../sass/styles.scss */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 2061, ../sass/styles.scss */
::-webkit-scrollbar {
  width: 10px;
  background-color: #F3F3F3;
}

/* line 2067, ../sass/styles.scss */
::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: #8E7A3E;
  height: 250px;
}

/*
==============================================================================================================
Team page
==============================================================================================================
*/
/* line 2081, ../sass/styles.scss */
.team-members {
  margin-top: 160px;
  height: calc(100vh - 160px);
  padding: 100px 0 0 0;
  background-color: #F3F3F3;
  position: relative;
}
/* line 2088, ../sass/styles.scss */
.team-members .image,
.team-members .owl-item,
.team-members .owl-stage,
.team-members .team-member,
.team-members .team-slider,
.team-members .owl-stage-outer {
  height: 100%;
}
/* line 2097, ../sass/styles.scss */
.team-members .owl-stage-outer {
  overflow: hidden;
}
/* line 2101, ../sass/styles.scss */
.team-members .team-slider {
  width: 80%;
}
/* line 2105, ../sass/styles.scss */
.team-members .owl-stage-outer {
  overflow: visible;
}
/* line 2109, ../sass/styles.scss */
.team-members .image {
  background-position: center center;
}
/* line 2113, ../sass/styles.scss */
.team-members .owl-nav {
  left: calc(50% - 160px);
  top: -81px;
  z-index: 5;
}
/* line 2121, ../sass/styles.scss */
.team-members .owl-item .image {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 2130, ../sass/styles.scss */
.no-touchevents .team-members .owl-item:hover .image {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
/* line 2137, ../sass/styles.scss */
.team-members .team-member {
  text-align: center;
}
/* line 2140, ../sass/styles.scss */
.team-members .team-member h2 {
  font-size: 1.313em;
  margin-bottom: 10px;
}

/* line 2147, ../sass/styles.scss */
.overflow-hidden {
  overflow: hidden;
  height: 100%;
}

/* line 2152, ../sass/styles.scss */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea {
  width: 100%;
  display: block;
  background-color: #E3E3E3;
  padding: 15px 20px;
  font-size: 1.250em;
  color: #ACACAC;
  font-family: "Hind", sans-serif;
}
/* line 61, ../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #CFCFCF;
}
/* line 64, ../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #CFCFCF;
}
/* line 67, ../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #CFCFCF;
}
/* line 56, ../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #CFCFCF;
}

/* line 2170, ../sass/styles.scss */
label {
  color: #8E7A3E;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-size: 0.875em;
  font-weight: 700;
  margin-bottom: 25px;
  display: block;
}
/* line 2179, ../sass/styles.scss */
label .wpcf7-form-control-wrap {
  display: block;
  margin-top: 5px;
}