@charset "UTF-8";
/*! SCSS version of normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
a:active, a:hover {
  outline-width: 0;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template, [hidden] {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 200;
  font-family: "Roboto", sans-serif;
  color: #585f62;
}

a {
  color: #7ac143;
  text-decoration: none;
  word-wrap: break-word;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
a:hover {
  color: shade(#7ac143, 15%);
}

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #585f62;
}

ul {
  list-style: dots outside;
}

ol {
  list-style: decimal inside;
  padding-left: 20px;
  margin-top: 0;
  list-style-position: outside;
}

ol li {
  padding-left: 10px;
}

ul {
  padding-left: 0;
  margin-top: 0;
}
ul ul,
ul ol {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

dt {
  font-style: italic;
}

dd {
  padding-left: 2rem;
}

img,
video {
  display: table;
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0 auto;
  padding-bottom: 2.4rem;
}
figure img {
  display: table;
  margin: 0 auto;
  max-width: 100%;
}

caption,
figcaption {
  font-size: 2rem;
  font-style: italic;
  text-align: center;
}

table {
  border-collapse: collapse;
  border-color: gray;
  border-spacing: 2px;
  max-width: 100%;
  width: 100%;
}
table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #e4e8e9;
}
table th,
table td {
  padding: 0.6rem;
  vertical-align: top;
  border-top: 1px solid #ccc;
}
table th,
table tfoot td {
  font-weight: 700;
  text-align: left;
}
table td {
  border-bottom: 1px solid #e4e8e9;
  padding: 0.6rem;
  text-align: left;
  vertical-align: top;
}

textarea,
select {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 0.2rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
textarea:focus,
select:focus {
  border: 1px solid #7ac143;
  outline: 0;
}

input[type=email], input[type=number], input[type=search], input[type=text], input[type=tel], input[type=url], input[type=password] {
  appearance: none;
  background-color: #fff;
  border-radius: 0.2rem;
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 38px;
  padding: 6px 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus {
  border: 1px solid #7ac143;
  outline: 0;
}

textarea {
  appearance: none;
  min-height: 65px;
  padding-bottom: 6px;
  padding-top: 6px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

label,
legend {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type=checkbox], input[type=radio] {
  display: inline;
}

label > .label-body {
  display: inline-block;
  font-weight: normal;
  margin-left: 0.5rem;
}

pre {
  overflow: auto;
}

code {
  background: #f6f7f8;
  border-radius: 0.2rem;
  border: 1px solid #e4e8e9;
  font-size: 90%;
  margin: 0 0.2rem;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

.u-full-width {
  width: 100%;
}

.u-max-full-width {
  max-width: 100%;
}

.u-pull--right {
  float: right;
}

.u-pull--left {
  float: left;
}

.u-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

/**
 * Clear inner floats
 */
.u-clearfix:after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.u-hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.u-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-ta-left {
  text-align: left;
}

.u-ta-center {
  text-align: center;
}

.u-ta-right {
  text-align: right;
}

/**
 * Basic typography style for text
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
  word-wrap: break-word;
}

h1,
h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}

h1 {
  font-size: 4rem;
  letter-spacing: -2px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

@media (max-width: 399px) {
  h1 {
    font-size: 3.5rem;
  }
}
h2 {
  font-size: 4rem;
  letter-spacing: -1px;
  color: #585f62;
  line-height: 1;
}

h3 {
  font-family: "Rokkitt", serif;
  font-size: 2rem;
  letter-spacing: 0px;
  color: black;
  line-height: 1;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

@media (min-width: 750px) {
  h1 {
    font-size: 70px;
    font-size: 7rem;
    letter-spacing: -4px;
    margin-bottom: 60px;
  }
  h2 {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: -1px;
  }
  h3 {
    font-size: 36px;
    font-size: 3.6rem;
  }
  h4 {
    font-size: 3rem;
  }
  h5 {
    font-size: 2.4rem;
  }
  h6 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
  }
  h6 span {
    font-weight: 300;
    color: #7ac143;
    text-transform: uppercase;
  }
}
p {
  margin-top: 0;
}

blockquote {
  margin: 0 0 2.4rem 1.2rem;
  border-left: 0.3rem solid #545454;
  padding: 2.4rem 1.2rem;
}
blockquote p:last-child {
  padding-bottom: 0;
}

small,
sub,
sup {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  color: #7ac143;
}

caption,
figcaption {
  font-size: 2rem;
  font-style: italic;
  text-align: center;
}

em,
cite,
i {
  font-style: italic;
}

q:before {
  content: "'";
}
q:after {
  content: "'";
}
q > q {
  font-style: italic;
}

dfn,
abbr {
  border-bottom: 0.1rem dotted #e4e8e9;
  cursor: default;
}

dfn,
abbr {
  border-bottom: 0.1rem dotted #e4e8e9;
  cursor: default;
}

button, input {
  margin-bottom: 1rem;
}

fieldset,
select,
textarea {
  margin-bottom: 1.4rem;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-bottom: 2.4rem;
}

li {
  margin-bottom: 1rem;
}

label {
  margin-bottom: 0.25rem;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  @page {
    margin: 0.5cm;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
html {
  -webkit-tap-highlight-color: transparent;
}

.show-above-tablet {
  display: none;
}

@media (min-width: 1000px) {
  .show-above-tablet {
    display: block;
  }
}
.site-header {
  position: fixed;
  background-color: #ffffff;
  width: 100%;
  padding: 10px 20px;
  z-index: 100;
  -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
  height: 67px;
}

@media (min-width: 1000px) {
  .site-header {
    padding: 20px 40px 0;
    height: auto;
  }
}
a.screen-reader-text {
  display: none;
}

.site-branding {
  display: inline-block;
  float: left;
}

img.custom-logo {
  width: 83px;
}

@media (min-width: 1000px) {
  img.custom-logo {
    width: 115px;
  }
}
.main-navigation {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: table;
  float: none;
  margin: 0 auto;
}

.main-navigation.secondary-menu {
  margin: 0 auto;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  opacity: 0;
  visibility: hidden;
  padding: 16px 0 0 0;
  background-color: #7ac143;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -90px;
  width: 202px;
  -webkit-transition: all 0.3s 0.1s;
  transition: all 0.3s 0.1s;
}

.main-navigation ul ul:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: -17px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li.focus > ul,
.main-navigation ul ul li:hover > ul {
  left: 100%;
}

.main-navigation ul ul a {
  width: 170px;
  color: #ffffff;
}

.main-navigation ul li.focus > ul,
.main-navigation ul li:hover > ul {
  opacity: 1;
  visibility: visible;
}

.main-navigation li {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 0;
  float: left;
  position: relative;
  font-weight: 300;
  position: relative;
  display: inline;
  vertical-align: middle;
  zoom: 1;
  line-height: 1;
  padding: 0 5px;
  margin: 0 25px 0 0;
}

.main-navigation.secondary-menu li {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 5px;
  margin: 0 25px 0 0;
}

li.menu-item-has-children {
  margin: 0;
}

@media (min-width: 1000px) {
  li.menu-item-has-children {
    margin: 0 27px 0 0;
  }
}
@media (min-width: 1200px) {
  .main-navigation li {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1440px) {
  li.menu-item-has-children {
    margin: 0 40px 0 0;
  }
  .main-navigation li {
    font-size: 22px;
    font-size: 2rem;
  }
}
.menu-item-has-children:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 23px;
  right: -15px;
  border-left: 1px solid #585f62;
  border-bottom: 1px solid #585f62;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.main-navigation ul li li {
  padding: 0 17px;
  text-transform: capitalize;
  margin: 0;
}

.main-navigation a {
  font-weight: 400;
  display: block;
  text-decoration: none;
  color: #585f62;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  padding: 20px 0 32px;
}

.main-navigation.secondary-menu a {
  padding: 0;
}

.main-navigation a:hover {
  color: #7ac143;
}

.main-navigation ul ul li a, .main-navigation ul ul li a:hover {
  color: #ffffff;
  padding: 10px 0 20px;
}

.main-navigation ul ul li a:hover {
  color: black;
}

.main-navigation a:active:before,
.main-navigation a:focus:before,
.main-navigation a:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-navigation ul ul li a:before {
  background: #2a2a2a;
}

/* Small menu. */
.main-navigation.toggled ul,
.menu-toggle {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.social {
  padding-top: 25px;
  font-size: 27px;
}

.social i {
  margin-left: 5px;
}

.social a {
  color: #7ac143;
}

.search-contact {
  position: absolute;
  bottom: 0;
  right: 75px;
  background: #fff;
  top: 13px;
}

@media (min-width: 1000px) {
  .search-contact {
    position: absolute;
    bottom: -21px;
    right: 20px;
    background: #FFF;
  }
}
@media (min-width: 1000px) {
  .search-contact {
    right: 40px;
  }
}
.screen-reader-text {
  display: none;
}

.search-container {
  display: none;
}

.contact {
  position: absolute;
  right: 75px;
  bottom: 12px;
}

.text-hide {
  display: none;
}

@media (min-width: 1000px) {
  .search-container,
  .text-hide {
    display: inline-block;
  }
  .contact {
    position: absolute;
    right: 40px;
    bottom: -19px;
  }
}
.search-menu-wrapper .search-form input {
  color: #ddd;
  border: none;
  padding: 0;
  border-radius: 0;
  outline: none;
  width: auto;
  min-width: 100%;
  font-size: 1.5rem;
  line-height: 3em;
  background-color: transparent;
  margin: 0;
}

.screen-reader-text,
.search-submit {
  display: none;
}

.search-form,
button.search-submit {
  margin: 0;
  display: inline-block;
}

button.search-submit {
  margin: 0;
  display: inline-block;
  border: none;
  padding: 0 5px 0 15px;
  font-size: 15px;
}

.search-menu-wrapper .search-form input {
  width: 80px;
}

.contact button {
  margin: 0;
  border-radius: 50%;
  padding: 0px 13px 0;
  height: 43px;
  font-size: 17px;
  letter-spacing: 0;
  text-transform: inherit;
}

.fas.fa-phone {
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  font-size: 22px;
  padding-top: 4px;
}

.dropshadow {
  -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
}

.search-contact.dropshadow--home {
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

@media (min-width: 1000px) {
  .contact button {
    border-radius: 0;
  }
  .search-contact.dropshadow--home {
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    top: auto;
  }
}
.black-number {
  color: black;
  font-weight: 700;
  padding-right: 7px;
}

.header_background {
  width: 100%;
  height: 100%;
  height: 100vh;
  overflow: hidden;
  background-image: none;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  z-index: 0;
  background-color: #333;
}

.header_background video {
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -3;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: inherit;
}

.header_background::before {
  content: " ";
  background-color: #000;
  position: absolute;
  height: 100%;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4);
  filter: alpha(opacity=0.4);
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.header_background--overlay {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.header_background--overlay .btn, .header_background--overlay [type=submit],
.header_background--overlay [type=reset],
.header_background--overlay [type=button] {
  margin-bottom: 15px;
}

.header_background--overlay--logo {
  display: inline-block;
  margin: 0;
  position: relative;
  width: 180px;
  padding-bottom: 24px;
}

@media (min-width: 1000px) {
  .header_background--overlay--logo {
    margin: 0 40px 0 0;
    padding-bottom: 26px;
    width: 210px;
  }
}
@media (min-width: 1600px) {
  .header_background--overlay--logo {
    margin: 0 60px 0 0;
  }
}
.header_background--overlay h1 {
  color: #fff;
  text-align: center;
  display: inline-block;
  border: 0;
  padding: 0 0 15px;
}

@media (max-width: 399px) {
  .header_background--overlay--logo {
    width: 145px;
  }
  .btn--lg {
    font-size: inherit;
    font-weight: 500;
    height: 5rem;
    line-height: 5rem;
    vertical-align: middle;
    padding: 0px 2rem;
    margin: 0 9px;
  }
  .header_background--overlay h1 {
    padding: 0 0 5px;
  }
}
.header_background--overlay--logo img {
  display: inline-block;
  vertical-align: text-bottom;
}

.header_background--overlay span {
  bottom: 0;
  position: absolute;
  margin-left: auto;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  margin-right: auto;
  left: 0;
  right: 0;
}

@media (min-width: 1000px) {
  .header_background--overlay--flag {
    display: inline-block;
    margin: 0 40px 0 0;
  }
  .header_background--overlay h1 {
    text-align: left;
    padding-left: 40px;
    border-left: 2px dotted #ffffff;
  }
}
.arrow {
  text-align: center;
  margin-left: auto;
  bottom: 50px;
  position: absolute;
  margin-right: auto;
  left: 0;
  right: 0;
}

.arrow a {
  color: #ffffff;
}

.fa-chevron-down {
  font-size: 45px;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
a.scrollto {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 14px;
  font-weight: 700;
}

@media (min-width: 750px) {
  a.scrollto {
    bottom: 20px;
  }
}
a.scrollto:hover {
  opacity: 0.5;
}

.header_background a {
  padding-top: 60px;
  text-align: center;
}

@media (max-width: 399px) {
  .header_background a {
    padding-top: 39px;
    text-align: center;
  }
}
.header_background a span {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
            transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
}
/*  BURGER
========================================== */
.burger {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 8px;
  right: 15px;
  border-radius: 4px;
  z-index: 1000;
}

@media (min-width: 1000px) {
  .burger {
    display: none;
  }
}
.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #2a2a2a;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}

.burger span::before {
  top: -9px;
}

.burger span::after {
  top: 9px;
}

.burger.clicked span {
  background-color: transparent;
}

.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.burger.clicked span:before, .burger.clicked span:after {
  background-color: #7ac143;
}

.burger:hover {
  cursor: pointer;
}

/*  NAV
========================================== */
body.overflow {
  overflow: hidden;
}

#off-canvas {
  background-color: #7ac143;
  font-family: "Roboto Condensed", sans-serif;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 100%;
  width: 100%;
  padding: 100px 40px 60px 40px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#off-canvas.show {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#off-canvas.show ul.main li {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

#off-canvas.show ul.main li:nth-child(1) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

#off-canvas.show ul.main li:nth-child(2) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

#off-canvas.show ul.main li:nth-child(3) {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

#off-canvas.show ul.main li:nth-child(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

#off-canvas.show ul.main li:nth-child(5) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

#off-canvas.show ul.main li:nth-child(6) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

#off-canvas.show ul.main li:nth-child(7) {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

#off-canvas.show ul.main li:nth-child(8) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

#off-canvas.show ul.main li:nth-child(9) {
  -webkit-transition-delay: 1.35s;
          transition-delay: 1.35s;
}

#off-canvas.show .about, #off-canvas.show .social, #off-canvas.show ul.sub {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

@media (min-width: 1024px) {
  #off-canvas {
    padding: 120px 90px 70px 90px;
  }
}
#off-canvas ul.main, #off-canvas ul.sub-menu {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

#off-canvas ul.main li {
  text-align: center;
  margin-bottom: 10px;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  list-style: none;
}

#off-canvas ul.main li:last-of-type {
  margin-bottom: 0px;
}

#off-canvas ul.main li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.8rem;
  display: block;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#off-canvas ul.main li a {
  font-size: 3rem;
}

#off-canvas ul.main li ul.sub-menu li {
  margin-bottom: 0;
  line-height: 1;
}

#off-canvas ul.main li ul.sub-menu li a {
  font-size: 1.8rem;
}

#off-canvas ul.main li a span {
  color: #b7ac7f;
}

#off-canvas ul.main li a:hover {
  color: black;
}

#off-canvas .about {
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#off-canvas .about p {
  color: #ffffff;
  font-family: "Spectral", serif;
  font-size: 1.05rem;
  letter-spacing: 0.5px;
  line-height: 170%;
}

#off-canvas .social {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#off-canvas .social:after {
  content: "";
  width: 230px;
  height: 2px;
  background-color: #b7ac7f;
  position: absolute;
  bottom: 0;
  left: 0;
}

#off-canvas .social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
}

#off-canvas .social a:last-of-type {
  margin-right: 0px;
}

#off-canvas .social a:hover svg path, #off-canvas .social a:hover svg circle {
  fill: #b7ac7f;
}

#off-canvas .social a svg {
  width: 100%;
  height: 100%;
}

#off-canvas .social a svg path, #off-canvas .social a svg circle {
  fill: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#off-canvas ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#off-canvas ul.sub li {
  margin-bottom: 10px;
}

#off-canvas ul.sub li:last-of-type {
  margin-bottom: 0px;
}

#off-canvas ul.sub li a {
  color: #ffffff;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#off-canvas ul.sub li a:hover {
  color: #b7ac7f;
}

/*  OVERLAY
========================================== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: black;
  opacity: 0;
  visibility: hidden;
}

.overlay.show {
  opacity: 0.8;
  visibility: visible;
}

.contact-footer {
  padding: 100px 0;
}

.contact-footer .col-6 h3:first-of-type {
  color: black;
}

.contact-footer ul {
  list-style: none;
}

.contact-footer ul li {
  margin-bottom: 5px;
}

.contact-footer ul a {
  color: #585f62;
}

.logo-footer {
  padding: 40px 0;
  border-top: 1px solid #585f62;
}

.logo-footer .container {
  max-width: 1800px;
}

.logo-footer img {
  display: inline-block;
  height: 55px;
  padding: 0 35px;
  margin-bottom: 12px;
}

@media (min-width: 750px) {
  .logo-footer img {
    display: inline-block;
    height: 130px;
    padding: 0;
    margin-bottom: 0;
  }
}
.site-footer {
  padding: 25px;
  background-color: #ebeff1;
}

.site-info {
  font-size: 15px;
  font-size: 1.5rem;
}

.site-info ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.site-info li {
  position: relative;
  display: inline;
  vertical-align: middle;
  border-right: 1px solid #7ac143;
  padding-right: 8px;
  margin-right: 4px;
}

.site-info li:last-of-type {
  border-right: none;
}

.social--footer a {
  color: #7ac143;
}

.social--footer .fa-linkedin-in:before, .social--footer .fa-facebook:before, .social--footer .fa-map-marker-alt:before {
  content: "LINKEDIN";
  font-size: 15px;
  font-weight: 600;
  margin: 0 15px;
  color: #585f62;
  font-family: "Rokkitt", sans-serif;
}

.social--footer .fa-linkedin-in:after {
  content: "\f0e1";
}

.social--footer .fa-facebook:before {
  content: "FACEBOOK";
}

.social--footer .fa-facebook:after {
  content: "\f099";
}

.social--footer .fa-map-marker-alt:before {
  content: "SATNAV";
}

.social--footer .fa-map-marker-alt:after {
  content: "\f3c5";
}

.contact-footer h3 {
  font-size: 3rem;
}

.btn, [type=submit],
[type=reset],
[type=button],
.button {
  background-color: transparent;
  border-radius: 0.2rem;
  color: #585f62;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 24px;
  margin-bottom: 1rem;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  white-space: nowrap;
  text-transform: uppercase;
  border: 0;
  font-weight: bold;
}
.btn:focus, [type=submit]:focus,
[type=reset]:focus,
[type=button]:focus, .btn:hover, [type=submit]:hover,
[type=reset]:hover,
[type=button]:hover,
.button:focus,
.button:hover {
  color: #7e7e7e;
  border-color: lightgray;
  outline: 0;
}
.btn:focus, [type=submit]:focus,
[type=reset]:focus,
[type=button]:focus,
.button:focus {
  outline: 0.1rem dotted #a8a8a8;
}
.btn:active, [type=submit]:active,
[type=reset]:active,
[type=button]:active,
.button:active {
  background-color: #7ac143;
}

.btn--primary {
  color: #ffffff;
  background-color: #7ac143;
  border-color: #7ac143;
}
.btn--primary:focus, .btn--primary:hover {
  color: #ffffff;
  background-color: #629d34;
  border-color: #7ac143;
}

.btn--lg.play {
  position: relative;
  padding: 0 5rem 0 2rem;
}
.btn--lg.play:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  top: 19px;
  right: 19px;
  border-left: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.btn--secondary {
  color: #ffffff;
  background-color: black;
  border-color: black;
}
.btn--secondary:focus, .btn--secondary:hover {
  color: black;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn--success {
  background-color: #2bc016;
  border-color: #2bc016;
  color: #ffffff;
}
.btn--success:focus, .btn--success:hover {
  color: #ffffff;
  background-color: #26a913;
  border-color: #2bc016;
}

.btn--info {
  background-color: #5bc0eb;
  border-color: #5bc0eb;
  color: #ffffff;
}
.btn--info:focus, .btn--info:hover {
  color: #ffffff;
  background-color: #2eafe5;
  border-color: #5bc0eb;
}

.btn--warning {
  background-color: #e67e22;
  border-color: #e67e22;
  color: #ffffff;
}
.btn--warning:focus, .btn--warning:hover {
  color: #ffffff;
  background-color: #bf6516;
  border-color: #e67e22;
}

.btn--danger {
  background-color: #c3423f;
  border-color: #c3423f;
  color: #ffffff;
}
.btn--danger:focus, .btn--danger:hover {
  color: #ffffff;
  background-color: #9e3431;
  border-color: #c3423f;
}

.btn-outline--primary {
  background-color: transparent;
  border-color: #7ac143;
  color: #7ac143;
}
.btn-outline--primary:focus, .btn-outline--primary:hover {
  color: #ffffff;
  background-color: #7ac143;
  border-color: #7ac143;
}

.btn-outline--secondary {
  background-color: transparent;
  border-color: #585f62;
  color: #585f62;
}
.btn-outline--secondary:focus, .btn-outline--secondary:hover {
  color: #e4e8e9;
  background-color: #545454;
  border-color: #585f62;
}

.btn-outline--success {
  background-color: transparent;
  border-color: #2bc016;
  color: #2bc016;
}
.btn-outline--success:focus, .btn-outline--success:hover {
  color: #ffffff;
  background-color: #2bc016 !important;
  border-color: #2bc016;
}

.btn-outline--info {
  background-color: transparent;
  border-color: #5bc0eb;
  color: #5bc0eb;
}
.btn-outline--info:focus, .btn-outline--info:hover {
  color: #ffffff;
  background-color: #5bc0eb;
  border-color: #5bc0eb;
}

.btn-outline--warning {
  background-color: transparent;
  border-color: #e67e22;
  color: #e67e22;
}
.btn-outline--warning:focus, .btn-outline--warning:hover {
  color: #ffffff;
  background-color: #e67e22;
  border-color: #e67e22;
}

.btn-outline--danger {
  background-color: transparent;
  border-color: #c3423f;
  color: #c3423f;
}
.btn-outline--danger:focus, .btn-outline--danger:hover {
  color: #ffffff;
  background-color: #c3423f;
  border-color: #c3423f;
}

.btn--lg {
  font-size: inherit;
  font-weight: 500;
  height: 5.8rem;
  line-height: 5.8rem;
  vertical-align: middle;
  padding: 0 4rem;
  margin: 0 10px;
}

.btn--raised {
  border-width: 0;
  border-bottom-width: 3px;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}

ul {
  list-style: circle;
}

.pagination {
  list-style: none;
  margin: 90px auto 0;
  text-align: center;
}
.pagination .page-numbers {
  margin: 0;
  display: inline-block;
  border-radius: 50%;
  background: #a8a8a8;
  padding: 10px 20px;
  color: #2a2a2a;
}
.pagination .page-numbers.prev, .pagination .page-numbers .next {
  background: none;
}
.pagination .page-numbers:last-child {
  margin-right: 0;
  background: none;
}
.pagination .page-numbers:hover {
  background-color: tint(#e4e8e9, 30%);
}
.pagination .page-numbers a {
  display: inline-block;
  padding: 0rem 1rem;
}
.pagination .page-numbers a:hover {
  background-color: #ebeff1;
  text-decoration: none;
}
.pagination .page-numbers.current {
  background-color: #7ac143;
  color: #fff;
}
.pagination .page-numbers.current a {
  color: #fff;
  padding: 0 1rem;
  margin-bottom: 0rem;
}
.pagination .page-numbers.current a:hover {
  background-color: #7ac143;
  padding: 0rem 1rem;
}

.nav-links {
  display: inline-block;
  width: 100%;
}

.navigation.post-navigation {
  display: block;
  margin: 100px auto 0;
}

.nav-previous, .nav-next {
  float: left;
  position: relative;
  width: 47%;
  font-size: 1.4rem;
  line-height: 1.4;
}

.nav-next {
  float: right;
  text-align: right;
}

@media (min-width: 750px) {
  .nav-previous, .nav-next {
    height: 60px;
    font-size: 2rem;
    line-height: 1.4;
  }
}
.nav-previous a {
  padding: 0 0 0 60px;
  display: block;
}

.nav-next a {
  padding: 0 60px 0 0;
  display: block;
}

@media (min-width: 750px) {
  .nav-previous a {
    padding: 0 0 0 85px;
    display: block;
  }
  .nav-next a {
    padding: 0 85px 0 0;
    display: block;
  }
}
.nav-previous:before, .nav-next:before {
  position: absolute;
  color: inherit;
  background: none;
  border: none;
  z-index: 10;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: url("https://www.dortongroup.com/wp-content/uploads/2019/03/arrow-icon.svg") !important;
  background-size: cover !important;
  content: "";
}

.nav-next:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 0;
  left: auto;
}

@media (min-width: 750px) {
  .nav-previous:before, .nav-next:before {
    width: 60px;
    height: 60px;
  }
}
.table thead > tr {
  border-bottom: 0.2rem solid #e4e8e9;
}

.table--bordered th,
.table--bordered td {
  border: 0.05rem solid #e4e8e9;
}

.table--striped tbody > tr:nth-child(odd) > td {
  background-color: #ebeff1;
}

.table--hover tbody tr:hover {
  background-color: #ebeff1;
}

.table--compact thead > tr {
  border-bottom: 0.2rem solid #e4e8e9;
}
.table--compact th,
.table--compact td {
  padding: 0.3rem;
}

.table-responsive {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.table-responsive table {
  margin-bottom: 0.5rem;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .case-studies--image {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 64.8%;
}
@media (min-width: 750px) {
  .owl-carousel .case-studies--image {
    padding-bottom: 32.8%;
  }
}
.owl-carousel .slide {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 80vh;
  width: 100%;
  position: relative;
  display: block;
}
@media (min-width: 750px) {
  .owl-carousel .slide {
    height: 100vh;
  }
}
.owl-carousel .logo-slider--image {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 52.8%;
}
.owl-carousel .case-studies--image img, .owl-carousel .image-slider--image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.owl-carousel .owl-carousel--awards .owl-item img {
  max-width: 200px !important;
  height: 90px !important;
  margin: 0 auto;
}
.owl-carousel .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-carousel .owl-nav .owl-prev {
  margin-top: 15px;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-carousel--casestudies .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-carousel--casestudies .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-carousel--casestudies .owl-dots .owl-carousel--casestudies .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-carousel--casestudies .owl-dots .owl-carousel--casestudies .owl-dot span {
  width: 0;
  margin: 0 15px;
  display: block;
  -webkit-backface-visibility: visible;
}
.owl-theme .owl-carousel--casestudies .owl-dots .owl-carousel--casestudies .owl-dot.active span, .owl-theme .owl-carousel--casestudies .owl-dots .owl-carousel--casestudies .owl-dot:hover span {
  background: #869791;
}

.owl-carousel--casestudies .owl-dots {
  counter-reset: dots;
  position: absolute;
  bottom: -90px;
  width: 100%;
  text-align: center;
}

.owl-carousel--casestudies .owl-dot:before {
  counter-increment: dots;
  content: counter(dots);
}

.owl-theme .custom-nav {
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
}
.owl-theme .custom-nav .owl-prev, .owl-theme .custom-nav .owl-next {
  position: absolute;
  color: inherit;
  background: none;
  border: none;
  z-index: 10;
  float: left;
  width: 60px;
  height: 60px;
  background-image: url("https://www.dortongroup.com/wp-content/uploads/2019/03/arrow-icon.svg") !important;
  background-size: cover !important;
}
.owl-theme .custom-nav .owl-prev {
  left: 0;
}
.owl-theme .custom-nav .owl-next {
  right: 0%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 750px) {
  .owl-theme .custom-nav .owl-prev {
    left: 40%;
  }
  .owl-theme .custom-nav .owl-next {
    right: 40%;
  }
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 0;
  margin-top: -60px;
  background-image: url("https://www.dortongroup.com/wp-content/uploads/2019/03/slider-arrow-icon.svg") !important;
  background-size: cover !important;
}

.owl-carousel .owl-nav .owl-next {
  float: right;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 0;
  position: absolute;
}

@media (min-width: 750px) {
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-nav .owl-prev {
    float: left;
    width: 60px;
    height: 60px;
    margin-left: -100px;
    margin-top: 0;
  }
  .owl-carousel .owl-nav .owl-next {
    right: -100px;
  }
}
.owl-prev span, .owl-next span {
  display: none;
}

.owl-dots .owl-dot {
  padding: 0 10px !important;
}

.owl-carousel--image-slider .owl-dots {
  position: absolute;
  bottom: 0;
  z-index: 200000000000;
  width: 100%;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.modal {
  background: 0;
}
.modal .modal-content {
  border: 0;
  background: 0;
}
.modal .modal-content .modal-body {
  padding: 0;
  background: 0;
}

.hide-on-mobile {
  display: none;
}

.show-on-mobile {
  display: block;
}

.owl-item li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.case-studies,
.news,
.our-awards,
.our-people {
  padding: 70px 0 120px;
}

.news,
.our-people {
  padding: 35px 0 30px;
}

.our-people {
  height: 153vh;
}

@media (min-width: 1000px) {
  .our-people {
    height: 128vh;
  }
}
@media (min-width: 1000px) {
  .case-studies,
  .news,
  .our-awards,
  .our-people {
    padding: 175px 0 200px;
  }
  .our-people {
    height: auto;
  }
}
.core-features {
  padding: 50px 0;
  background-color: #7ac143;
}

@media (min-width: 1000px) {
  .core-features {
    padding: 220px 0 320px;
  }
  .hide-on-mobile {
    display: inline-block;
  }
  .show-on-mobile {
    display: none;
  }
}
.features {
  padding: 50px 0 0;
}

.core-features a,
.features a {
  color: #ffffff;
}

.core-features img,
.features img {
  float: none;
  margin: 0 auto 25px;
  width: 115px;
  -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

.features p {
  font-size: 1.7rem;
  line-height: 1.5;
}

.core-features .col-lg-4.u-ta-center {
  padding: 0 35px 45px;
}

@media (min-width: 1440px) {
  .core-features .col-lg-4.u-ta-center {
    padding: 0 60px;
  }
}
.features .col-lg-4.u-ta-center {
  padding: 0px 51px 40px;
}

.core-features h2,
.features h2 {
  font-family: "Rokkitt", serif;
  font-weight: 400;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 0px;
  color: #ffffff;
  line-height: 1;
}

.site-padding {
  padding: 34% 18% 18% 10%;
  position: relative;
}

@media (min-width: 1000px) {
  .site-padding {
    padding: 25% 23% 25% 15%;
    position: relative;
  }
}
.brand-background {
  background-color: #ffffff;
}

.site-padding.brand-background {
  background-color: #ebeff1;
}

.testimonials p {
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.5;
}

.testimonials ul {
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 35px;
}

.testimonials ul li {
  position: relative;
  list-style: none;
}

.testimonials ul li:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 14px;
  left: -22px;
  border-left: 2px solid #585f62;
  border-bottom: 2px solid #585f62;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.testimonials h2::after,
.testimonials h2::before {
  content: "";
  background-image: url("https://www.dortongroup.com/wp-content/uploads/2019/04/quotes-icon.svg");
  background-repeat: no-repeat;
  height: 46px;
  width: 58px;
  position: absolute;
  margin-top: -70px;
}

.testimonials h2::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 46px;
  margin-top: 31px;
}

@media (min-width: 1000px) {
  .testimonials h2::after {
    right: auto;
    margin-top: 50px;
  }
}
.call-out {
  background-color: #000;
  color: #fff;
  padding: 12px 20px;
  display: inline-block;
  position: absolute;
  top: -27px;
}

@media (min-width: 1000px) {
  .call-out {
    padding: 20px;
    top: -32px;
  }
}
.testimonial--image {
  height: 100%;
  width: 100%;
  background-size: cover;
  top: 40px;
  left: -40px;
  overflow: visible;
  height: 300px;
}

@media (min-width: 1000px) {
  .testimonial--image {
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: cover;
    top: 40px;
    left: -40px;
    overflow: visible;
    background-position: center;
  }
}
.case-studies-slider {
  border: 1px solid #585f62;
  padding: 10px;
  margin: 25px 0;
}

.case-studies-text {
  padding: 35px 15px 75px;
  position: relative;
  height: 100%;
}

@media (min-width: 1000px) {
  .case-studies-text {
    padding: 30px;
  }
}
@media (min-width: 1440px) {
  .case-studies-text {
    padding: 50px 55px 20px;
  }
}
.case-studies h3,
.news h3 {
  margin: 0;
}

.case-studies p a,
news p a {
  color: #585f62;
  text-decoration: underline;
}

.news p a {
  color: #ffffff;
}

.tags {
  position: absolute;
  bottom: 8px;
  text-transform: capitalize;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

@media (min-width: 750px) {
  .tags {
    bottom: 20px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.tags--content-page {
  position: relative;
  bottom: 0px;
  font-size: 20px;
  font-size: 2rem;
}

.tags a {
  border-right: 1px solid #7ac143;
  color: #585f62;
  padding-left: 10px;
  padding-right: 10px;
}

.tags--content-page a {
  border-right: none;
  color: #585f62;
  padding-left: 0;
  padding-right: 0;
  padding-right: 0;
  display: list-item;
  list-style: none;
}

.tags a:first-of-type {
  padding-left: 0;
}

.tags a:last-of-type {
  border-right: none;
}

.image-slider {
  position: relative;
}

.slider-text-container {
  position: absolute;
  top: 85px;
  left: 45px;
  z-index: 10;
}

.owl-item .number {
  height: 75px;
  width: 75px;
  float: left;
  background-size: contain;
  padding-right: 20px;
  border-right: 2px dotted #ffffff;
  margin-right: 20px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-repeat: no-repeat;
}

.description {
  float: left;
  width: 60%;
}

@media (min-width: 1000px) {
  .slider-text-container {
    top: 150px;
    left: 150px;
  }
  .owl-item .number {
    height: 125px;
    width: 125px;
    float: left;
    background-size: contain;
    padding-right: 20px;
    border-right: 2px dotted #ffffff;
    margin-right: 20px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    background-repeat: no-repeat;
  }
  .description {
    width: 50%;
  }
}
.owl-item:nth-of-type(3) .number {
  background-image: url("https://www.dortongroup.com/wp-content/uploads/2018/06/one-icon.svg");
}

.owl-item:nth-of-type(4) .number {
  background-image: url("https://www.dortongroup.com/wp-content/uploads/2018/06/two-icon.svg");
}

.owl-item:nth-of-type(5) .number {
  background-image: url("https://www.dortongroup.com/wp-content/uploads/2018/06/three-icon.svg");
}

.dre-recycling-logo {
  height: 70px;
  margin-bottom: 45px;
}

h3.find-us-title {
  color: black;
  font-weight: 700;
  padding-top: 10px;
}

.find-us-para {
  font-size: 25px;
  color: black;
  margin-bottom: 45px;
}

.description .slider-text {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 44px;
  letter-spacing: -1px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  margin: -8px 0 20px;
  display: block;
}

.description p {
  color: #ffffff;
  width: 100%;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2;
}

@media (min-width: 1000px) {
  .description .slider-text {
    font-size: 70px;
    letter-spacing: -4px;
    margin: -8px 0 20px;
  }
  .description p {
    width: 65%;
    font-size: 2rem;
    line-height: 3rem;
  }
}
.news {
  background-color: #000;
}

.news-item {
  margin: 50px 0;
}

@media (min-width: 400px) {
  .news-item {
    margin: 0;
  }
}
.news-item:first-of-type {
  background-color: #2a2a2a;
}

.news-item:nth-child(2) {
  background-color: #545454;
}

.news-item:nth-child(3) {
  background-color: #7e7e7e;
}

.box-padding {
  padding: 50px;
}

.news h2 {
  color: #ffffff;
  margin-bottom: 90px;
}

.bottom-position {
  position: absolute;
  bottom: 30px;
}

.our-awards {
  background-color: #ebeff1;
}

.owl-carousel--awards {
  margin: 100px 0 50px;
}

.owl-carousel--awards .owl-item img {
  width: auto;
  height: 85px !important;
  margin: auto;
}

.owl-carousel .owl-stage {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1000px) {
  .owl-carousel--awards .owl-nav {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
  }
}
.search-results {
  display: block;
}

.site-main {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (min-width: 750px) {
  .site-main {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.breadcrumb-wrapper {
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
}

h1 {
  padding-left: 20px;
  border-left: 2px dotted black;
}

.entry-title {
  width: 75%;
}

/*--------------------------------------------------------------
# HP RECENT POSTS
--------------------------------------------------------------*/
.entry-header {
  position: relative;
}

.latest-posts {
  text-align: center;
  background: #FFF;
}

.entry-title {
  width: 80%;
}

.recent-post-widget .entry-title {
  position: absolute;
  top: 0;
  padding: 36px 0 0 33px;
  width: 95%;
}

@media (min-width: 750px) {
  .recent-post-widget .entry-title {
    padding: 70px 0 0 60px;
  }
}
.recent-post-widget.news-version .entry-title {
  position: relative;
  padding: 40px 38px 25px 38px;
  width: 100%;
}

@media (min-width: 750px) {
  .recent-post-widget.news-version .entry-title {
    padding: 70px 60px 40px 60px;
  }
}
.recent-post-widget.news-version .entry-title h2 {
  text-transform: none;
}

.recent-post-widget .entry-title a {
  color: #FFF;
}

.recent-post-widget .entry-thumbnail img {
  width: 100%;
}

.recent-post-widget .entry-thumbnail:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&0.75+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(125, 185, 232, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(125, 185, 232, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bf000000", endColorstr="#007db9e8",GradientType=0 ); /* IE6-9 */
}

.recent-post-widget .entry-footer {
  display: none;
}

#eac-recentpost-widget-2 h2.widget-title {
  color: #a9b1b2;
  text-transform: lowercase;
  text-align: center;
  font-weight: 400;
}

.recent-post-widget .entry-title h2 {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  text-transform: uppercase;
  white-space: normal;
}

.recent-post-widget:hover .entry-title h2 {
  transform: translate(0em, -0.5em);
  -webkit-transform: translate(0em, -0.5em);
  -moz-transform: translate(0em, -0.5em);
  -o-transform: translate(0em, -0.5em);
  -ms-transform: translate(0em, -0.5em);
}

img.wpmf_mfp-img {
  padding: 40px 0 15px !important;
}

.wpmf_mfp-title {
  margin-top: 10px;
}

.wpmf_mfp-counter {
  margin-top: 5px;
}

.our-people-slider {
  border: 1px solid #e4e8e9;
  padding: 30px 30px 200px;
  margin: 75px 0;
}

.our-people-slider h2 {
  color: #7ac143;
}

.our-people-slider p {
  font-weight: 400;
  font-size: 16px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
}

.our-people-slider img {
  position: absolute;
  top: 0;
  left: -25px;
  display: block;
}

.people-image img {
  top: auto;
  margin-top: 25px;
  left: 0;
}

.our-people-text {
  padding: 0;
}

@media (min-width: 1000px) {
  .our-people-slider {
    padding: 25px 25px 17px 50px;
  }
  .our-people-slider img {
    position: absolute;
    top: 0;
    left: -25px;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.page .entry-content h2 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
  color: #7ac143;
  margin-bottom: 20px;
}

@media (min-width: 750px) {
  .page .entry-content h2 {
    margin-bottom: 25px;
  }
}
.category-news .entry-content p, .individuals-content p {
  font-size: 22px;
  font-size: 2.2rem;
}

.category-news .entry-content ul, .individuals-content ul {
  font-family: "Rokkitt", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 200;
}

.single-case_studies h2.entry-title {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  color: #000;
  line-height: 4rem;
}

.test {
  height: 500px;
}

.category-intro {
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 80px;
}

.category-intro a {
  color: #ffffff;
}

.category-intro .btn--primary {
  bottom: 55px;
  position: absolute;
}

h2.entry-title {
  width: 100%;
  margin-bottom: 30px;
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 3.2rem;
}

@media (min-width: 750px) {
  h2.entry-title {
    margin-bottom: 65px;
  }
}
h2.entry-title a {
  color: #585f62;
}

img.size-news-thumb {
  border: 10px solid #ffffff;
  width: 100%;
}

.category-news .entry-content h2 {
  color: black;
  margin-bottom: 35px;
}

.category-news .entry-content h3 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.2;
}

.category-news .entry-content p,
.individuals-content p {
  font-family: "Rokkitt", sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2;
  font-weight: 200;
}

.individuals-content p:first-of-type {
  font-family: "Roboto Condensed", sans-serif;
  color: #7ac143;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 200;
}

.key-individuals {
  position: relative;
  margin-bottom: 25px;
}

.single-key_individuals h1.entry-title {
  margin-bottom: 40px;
}

.key-individuals img {
  width: 100%;
}

.key-individuals--biog-container {
  position: absolute;
  bottom: 20px;
  display: inline-block;
  left: 20px;
  right: 20px;
  background: #7ac143;
  padding: 15px;
}

a .key-individuals--biog-container {
  color: #FFF;
}

.key-individuals--biog-link {
  position: absolute;
  right: 0;
  background-color: black;
  bottom: 0;
  padding: 6px 13px;
  font-size: 12px;
  color: #FFF;
  height: 100%;
  line-height: 1;
}

.key-individuals--name, .key-individuals--title {
  font-size: 15px;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 400;
}

.key-individuals--letters {
  width: 90%;
  font-size: 15px;
  line-height: 1;
  margin: 10px 0px;
}

.key-individuals--title {
  color: black;
  font-weight: 200;
}

.key-individuals--biog-link i {
  font-size: 30px;
  line-height: 0.2;
  text-align: center;
  width: 100%;
  margin: 19px auto 0;
}

a .individuals--linkedin {
  color: #585f62;
}

.individuals--linkedin {
  margin: 50px 0 0;
  height: 50px;
}

.individuals--linkedin i {
  border: 1px solid;
  padding: 8px 10px;
  font-size: 24px;
}

.site-margin {
  margin: 0;
}

@media (min-width: 750px) {
  .site-margin {
    margin: 75px 0;
  }
}
.widget.recentpost-widget, #secondary {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget.recentpost-widget {
  padding: 0 15px;
}

@media (min-width: 750px) {
  .widget.recentpost-widget {
    padding: 0;
  }
}
.case-studies-category {
  border: 1px solid #585f62;
  padding: 10px;
  margin-bottom: 30px;
}

.case-studies-text h2 a {
  color: #585f62;
}

.case-studies-text .btn.btn--primary a, .case-studies-text .btn--primary[type=submit] a,
.case-studies-text .btn--primary[type=reset] a,
.case-studies-text .btn--primary[type=button] a {
  color: #ffffff;
}

.case-study-detail--title {
  text-transform: uppercase;
  color: #7ac143;
  font-weight: 400;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}

.case-study-detail--content {
  text-transform: capitalize;
}

.case_studies p:first-of-type {
  font-family: "Rokkitt", sans-serif;
  font-size: 3rem;
  letter-spacing: 0px;
  color: #7ac143;
  line-height: 1;
}

hr {
  margin: 35px 0;
}

@media (min-width: 750px) {
  hr {
    margin: 50px 0;
  }
  .case_studies p:first-of-type {
    font-size: 3.6rem;
  }
}
.table.no-border td {
  border: 0;
  padding: 2px 10px 0 0;
}

@media (min-width: 750px) {
  .table.no-border td {
    padding: 2px 0 0;
  }
}
.casestudies-content p:first-of-type {
  font-weight: 400;
  color: #7ac143;
  font-size: 25px;
  font-size: 2.5rem;
}

.wpmf-gallerys {
  margin: 30px 0;
}

.casestudies-content ul {
  margin-left: 19px;
}

.entry-content img {
  margin: 0 auto 35px;
}

.table thead > tr {
  border: 0;
}

table thead th {
  vertical-align: top;
  border-bottom: 0;
  border-top: 0;
  padding: 0;
}

.case-studies-table-content {
  margin-bottom: 20px;
}

.case-studies-table-content:last-of-type {
  margin-bottom: 0;
}

.case-study-detail--title.last {
  display: block;
  margin-top: 20px;
  margin-bottom: 0;
}

ul.social-share {
  list-style: none;
  margin: 90px auto 0;
  text-align: center;
  width: 100%;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  color: #a8a8a8;
  border: 1px solid #a8a8a8;
  padding: 10px 12px;
}

.site-main, .single .site-content {
  background-color: #ebeff1;
}

.header_background--overlay--logo img {
  border-width: none;
}

.site-footer, .our-awards, .site-padding.brand-background {
  background-color: #e4e8e9;
}

.case-studies-category {
  border: 0px solid #585f62;
  background-color: #ffffff;
}

.services-listing {
  margin-top: 40px;
  margin-bottom: 40px;
}

.services-listing--links {
  text-align: center;
  background: #ffffff;
  margin-top: 7px;
  margin-bottom: 7px;
}
.services-listing--links a {
  padding: 35px;
  display: block;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
  font-size: 25px;
  display: table-cell;
  text-align: center;
  width: 100%;
  vertical-align: middle;
}
.services-listing--links a:hover {
  color: black;
  background: #7ac143;
}

@media (min-width: 750px) {
  .services-listing--links {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.middle {
  display: table;
  width: 100%;
  height: 100%;
}

/* Accordion Styles */
.accordion {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.accordion-title {
  border-top: 1px solid #dbdbdb;
  margin: 0;
  padding: 20px 0;
  cursor: pointer;
  position: relative;
}

.accordion-title:first-child {
  border: none;
}

.accordion-title.open {
  cursor: default;
}

.accordion-content {
  padding-bottom: 20px;
}

.accordion-title:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 15px;
  right: 7px;
  border-left: 1px solid #585f62;
  border-bottom: 1px solid #585f62;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
}

.accordion-title.open:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 15px;
  right: 7px;
  border-left: 1px solid #585f62;
  border-bottom: 1px solid #585f62;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

blockquote {
  padding: 2rem 2.5rem;
  margin: 0 0 20px;
  border-left: 0rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3rem;
  background: #fff;
}

blockquote p {
  margin-bottom: 2.2rem;
}

blockquote p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 750px) {
  blockquote {
    border-lef: 0rem;
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}
.individuals-content p {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 2.2rem;
  line-height: 3.2rem;
}

.individuals-content p:first-of-type {
  color: #7ac143;
  font-size: 2.8rem;
  line-height: 3.8rem;
}

ul {
  padding-left: 2rem;
}

@media (min-width: 750px) {
  ul {
    padding-left: 2rem;
  }
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 45px;
}

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

.wpmf-gallerys .wpmf-gallery-bottomspace-default {
  margin-left: auto;
  margin-right: auto;
}

.backgroundgreen {
  background-color: #7ac143;
  position: relative;
}

.relative {
  position: relative;
}

.product-list-items {
  background: #ffffff;
  padding: 15px;
  margin-bottom: 20px;
}

.entry-content img.aggregate_image {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}

@media (min-width: 1000px) {
  .entry-content img.aggregate_image {
    padding: 0 60px 0 0;
  }
}
.agg-title {
  color: black;
  font-size: 3rem;
  line-height: 1.3;
  padding-top: 20px;
}

.agg-price {
  color: #7ac143;
  font-size: 4rem;
  line-height: 1.3;
  font-weight: 700;
  padding-top: 30px;
}

.agg-note {
  color: black;
  font-size: 2rem;
  line-height: 1.3;
}

.agg hr {
  margin: 18px 0 10px;
  color: #585f62;
}

a .docs, a .docs-title {
  -webkit-transition: all 0.3s 0.1s;
  transition: all 0.3s 0.1s;
}

.docs {
  background-color: white;
  text-align: center;
  padding: 20px;
  margin-bottom: 25px;
  position: relative;
}

a:hover .docs {
  background-color: #585f62;
}

a:hover .docs-title {
  color: white;
}

.docs img {
  margin: 0px auto 25px;
}

p.docs-title {
  font-size: 2.6rem;
  font-weight: 500;
  color: #585f62;
  line-height: 1.1;
}

p.docs-down {
  margin: 0px auto;
}

.position-bottom {
  margin-top: 20px;
}

.dark {
  background-color: #1d1d1d;
}
/*# sourceMappingURL=main.css.map */