/*! 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 {
  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 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 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 */
  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 the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * 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 {
  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"] {
  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 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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 {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*  Breakpoints  */
/*  Colors  */
/*  Fonts  */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix:before,
.clearfix:after,
.section__foot ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after, .section__foot ul:after {
  clear: both; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ------------------------------------------------------------ *\	
	Base
\* ------------------------------------------------------------ */
body {
  min-width: 320px;
  line-height: 1.67;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  background: #808072;
  color: #ffffff;
  font-weight: 300; }
  body.active {
    overflow-y: hidden; 
      .header {
          .header__inner {
            visibility: visible; opacity: 1; 
          }
        }
    }
    body.active.sticky {
      height: auto; }
     
      body.active.sticky .nav {
        /* Mobile */ }
        @media (max-width: 767px) {
          body.active.sticky .nav {
            top: 0; } }
      body.active.sticky .header__content {
        visibility: visible;
        opacity: 1; }
    
  body.sticky .nav {
    /* Mobile */ }
    @media (max-width: 767px) {
      body.sticky .nav {
        top: -50px; } }

a {
  text-decoration: none;
  color: #f3b236; }
  a:hover {
    text-decoration: none; }
  a:focus {
    text-decoration: none;
    outline: 0; }
  a[href^="tel"], a[href^="mail"] {
    text-decoration: none !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin-top: 0; }

h1 {
  font-size: 55px; }

h2 {
  font-size: 50px;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    h2 {
      font-size: 40px; } }
  @media (max-width: 767px) {
    h2 {
      font-size: 28px; } }

h3 {
  font-size: 35px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase; }

h6 {
  font-size: 13px;
  letter-spacing: 0.18em;
  font-weight: 500;
  text-transform: uppercase; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0; }

/* ------------------------------------------------------------ *	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both; }

/*  AlignLeft & AlignRight  */
.alignleft {
  float: left; }

.alignright {
  float: right; }

/*  Centered  */
.centered {
  margin: auto;
  float: none; }

/*  Vertically Aligned  */
.valign {
  font-size: 0; }
  .valign [class^="col-"] {
    font-size: 21px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    /* Mobile */ }
    @media (max-width: 767px) {
      .valign [class^="col-"] {
        display: block; } }

/*  Notext  */
.notext {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px; }

.hidden {
  display: none; }

.fullsize-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
  .fullsize-image > img {
    visibility: hidden;
    opacity: 0; }

.row--gutter {
  margin: 0; }

[class^="col-"].no-gutter {
  padding: 0; }

/* ------------------------------------------------------------ *	Reset
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

html,
body {
  height: 100%; }

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle; }

strong {
  font-weight: bold; }

small {
  font-size: 80%; }

figure {
  margin: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="submit"],
textarea,
button {
  -webkit-appearance: none;
  transition: .3s; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  color: inherit; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: inherit; }

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: inherit; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] label[for] {
  cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button {
  overflow: visible; }

textarea {
  overflow: auto;
  resize: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

th,
td {
  padding: 0; }

/* ------------------------------------------------------------ *	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  padding-top: 105px;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    .wrapper {
      padding-top: 64px; } }
  @media (max-width: 767px) {
    .wrapper {
      padding-top: 0px; } }

/* ------------------------------------------------------------ *	Icons
\* ------------------------------------------------------------ */
i[class^="ico-"] {
  display: inline-block;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle; }

.ico-arrow-down {
  background-image: url(../images/icons/ico-arrow-down.png);
  width: 40px;
  height: 13px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-arrow-down {
      background-image: url(../images/icons/ico-arrow-down@2x.png);
      width: 40px;
      height: 13px; } }

.ico-arrow-up {
  background-image: url(../images/icons/ico-arrow-down.png);
  width: 40px;
  height: 13px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-arrow-up {
      background-image: url(../images/icons/ico-arrow-down@2x.png);
      width: 40px;
      height: 13px; } }

.ico-facebook {
  background-image: url(../images/icons/ico-facebook.png);
  width: 22px;
  height: 22px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-facebook {
      background-image: url(../images/icons/ico-facebook@2x.png);
      width: 22px;
      height: 22px; } }

.ico-linkedin {
  background-image: url(../images/icons/ico-linkedin.png);
  width: 23px;
  height: 22px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-linkedin {
      background-image: url(../images/icons/ico-linkedin@2x.png);
      width: 23px;
      height: 22px; } }

.ico-pinterest {
  background-image: url(../images/icons/ico-pinterest.png);
  width: 22px;
  height: 22px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico-pinterest {
      background-image: url(../images/icons/ico-pinterest@2x.png);
      width: 22px;
      height: 22px; } }

/* ------------------------------------------------------------ *	Main
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Header
\* ------------------------------------------------------------ */
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  height: 130px;
  transition: height .3s;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    .header {
      height: 103px; } }
  @media (max-width: 767px) {
    .header {
     height: 79px; }
      .header .logo {
        visibility: hidden;
        opacity: 0; }
      .header .header__inner {
        height: 0; }
        .header .header__inner:after {
          visibility: hidden;
          opacity: 0; }
      .header .link-burger {
        margin-top: 0;
        background: #6e6e61; }
      .header .nav {
        background: #6e6e61; }
      .header .header__inner {
        visibility: hidden;
        opacity: 0; }
      .header .header__content {
        visibility: visible;
        opacity: 1;
        top: 0; } }

  .header .link-burger {
    margin: 16px -16px 0 0;
    /* Tablet Portrait */ }
    @media (max-width: 1024px) {
      .header .link-burger {
        margin-right: 0; } }
    @media (max-width: 991px) {
      .header .link-burger {
        margin: 10px 0 0; } }
  .header__inner {
    position: relative;
    padding: 22px 60px 15px 80px;
    visibility: visible;
    opacity: 1;
    background: #808072;
    height: 130px;
    transition: visibility .3s, opacity .3s, height .3s;
    /* Tablet Portrait */
    /* Mobile */ }
    @media (max-width: 991px) {
      .header__inner {
        padding: 15px;
        height: 103px; } }
    @media (max-width: 767px) {
      .header__inner {
        height: 79px; } }
    .header__inner:after {
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      height: 95px;
      background: #808072;
      bottom: -32px;
      -webkit-transform: skewY(1.5deg);
              transform: skewY(1.5deg);
      z-index: 3;
      transition: visibility .3s, opacity .3s;
      box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.15);
      /* Tablet Portrait */
      /* Mobile */ }
      @media (max-width: 1200px) {
        .header__inner:after {
          -webkit-transform: skewY(3deg);
                  transform: skewY(3deg); } }
      @media (max-width: 991px) {
        .header__inner:after {
          bottom: -26px; } }
      @media (max-width: 767px) {
        .header__inner:after {
          bottom: -12px; } }
  .header__content {
    padding: 15px;
    background: #6e6e61;
    position: absolute;
    top: 0;
    left: 80px;
    width: 62px;
    visibility: hidden;
    opacity: 0;
    line-height: 1;
    transition: visibility .3s, opacity .3s, top .3s;
    /* Tablet Portrait */ }
    @media (max-width: 991px) {
      .header__content {
        left: 15px; } }
    .header__content .link-burger {
      margin-top: 0; }
  .header__aside {
    float: right; }
     .header__aside .link-burger {
      /* Mobile */ }
      @media (max-width: 767px) {
        .header__aside .link-burger {
          display: none; } }



/* ------------------------------------------------------------ *	Footer
\* ------------------------------------------------------------ */
.footer {
  position: relative;
  text-align: center;
  /*  Footer Alt  */
  /*  Footer Opacity  */ }
  .footer__actions {
    padding: 16px 0 19px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.25em;
    font-weight: 900;
    text-transform: uppercase; }
    .footer__actions a {
      color: #ffffff;
      display: inline-block; }
  .footer--alt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
  .footer--opacity {
    background: rgba(128, 128, 114, 0.8); }

/* ------------------------------------------------------------ *	Container
\* ------------------------------------------------------------ */
.container {
  margin: auto;
  width: 1230px;
  /* @media(min-width: 1230px){
		width: 1230px; 
	} */ }
  @media (min-width: 0px) {
    .container {
      width: auto;
      padding: 0 15px; } }
  @media (min-width: 768px) {
    .container {
      width: 768px;
      padding: 0 15px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }

/* ------------------------------------------------------------ *	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Logo
\* ------------------------------------------------------------ */
.logo {
  position: relative;
  display: inline-block;
  background: url(../images/logo.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 180px;
  height: 93px;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: visibility .3s, opacity .3s;
  z-index: 11;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo {
      background-image: url(../images/logo@2x.png);
      width: 180px;
      height: 93px; } }
  @media (max-width: 991px) {
    .logo {
      width: 150px;
      height: 73px; } }
  @media (max-width: 767px) {
    .logo {
      width: 100px;
      height: 49px;
      z-index: 5; } }

/* ------------------------------------------------------------ *	Nav
\* ------------------------------------------------------------ */
.nav {
  position: fixed;
  right: -100%;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  top: 130px;
  bottom: 0;
  overflow-y: auto;
  font-size: 70px;
  line-height: 1.29em;
  font-weight: 100;
  background: rgba(128, 128, 114, 0.8);
  transition: visibility 1s, opacity 1s, right 1s linear;
  z-index: 10;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    .nav {
      top: 103px;
      font-size: 45px; } }
  @media (max-width: 767px) {
    .nav {
      font-size: 30px;
      padding-bottom: 100px;
      text-align: center;
      top: 0;
      background: #808072;
      right: auto;
      left: 0;
      top: -50px;
      transition: visibility .5s, opacity .5s, top .5s; } }
  body.active .nav {
    visibility: visible;
    opacity: 1;
    right: 0;
    /* Mobile */ }
    @media (max-width: 767px) {
      body.active .nav {
        top: 0;
        right: auto; } }
  body.sticky .nav {
    
    /* Mobile */ }
    @media (max-width: 767px) {
      body.sticky .nav {
        font-size: 30px;
       
        top: -50px; } }
    body.sticky .nav ul {
      padding-top: 0; }
    body.sticky .nav li + li {
      margin-top: 9px; }
  .nav ul {
    list-style: none;
    position: relative;
    z-index: 1;
    padding: 102px 0 112px 75px;
    /* Tablet Portrait */
    /* Mobile */ }
    @media (max-width: 991px) {
      .nav ul {
        padding: 40px 0 70px 30px; } }
    @media (max-width: 767px) {
      .nav ul {
        padding: 30% 0px 0 !important; } }
  .nav li + li {
    /* Mobile */ }
    @media (max-width: 767px) {
      .nav li + li {
        margin-top: 7px; } }
  .nav li.current-menu-item a:after {
    width: 100%; }
  .nav a {
    color: #ffffff;
    position: relative;
    display: inline-block;
    line-height: 1; }
    .nav a:after {
      position: absolute;
      content: '';
      width: 0%;
      height: 1px;
      background: #ffffff;
      left: 0;
      bottom: 0;
      transition: width .3s; }
    .nav a:hover:after {
      width: 100%; }

/* ------------------------------------------------------------ *	Section
\* ------------------------------------------------------------ */
.section {
  text-align: center; }
  .section p {
    margin-bottom: 18px; }
    .section p:last-child {
      margin-bottom: 0; }
  .section__image {
    /* Tablet Portrait */ }
    @media (max-width: 991px) {
      .section__image {
        min-height: 300px; } }
  .section__content {
    padding: 111px 0 110px;
    /* Tablet Portrait */
    /* Mobile */ }
    @media (max-width: 991px) {
      .section__content {
        padding: 70px 0; } }
    @media (max-width: 767px) {
      .section__content {
        padding: 50px 0; } }
  .section__entry + .section__entry {
    margin-top: 48px;
    /* Tablet Portrait */ }
    @media (max-width: 991px) {
      .section__entry + .section__entry {
        margin-top: 30px; } }
  .section__title {
    letter-spacing: 0.15em;
    margin-bottom: 23px; }
    .section__title--yellow {
      color: #f3b236; }
    .section__title--alt {
      position: relative;
      font-weight: 100;
      margin-bottom: 82px;
      padding-bottom: 22px;
      letter-spacing: 0.04em;
      /* Tablet Portrait */ }
      @media (max-width: 991px) {
        .section__title--alt {
          margin-bottom: 30px; } }
      .section__title--alt:after {
        position: absolute;
        content: '';
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 317px;
        height: 1px;
        bottom: 0;
        background: #ffffff;
        /* Mobile */ }
        @media (max-width: 767px) {
          .section__title--alt:after {
            width: 250px; } }
  .section__actions {
    display: inline-block;
    margin-top: 32px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.1em;
    font-weight: 400; }
    .section__actions a {
      position: relative;
      display: inline-block;
      color: #ffffff;
      transition: color .3s; }
      .section__actions a:after {
        position: absolute;
        content: '';
        height: 1px;
        left: 0;
        width: 100%;
        top: -18px;
        background: #ffffff;
        transition: background .3s;
        pointer-events: none; }
      .section__actions a:hover {
        color: #f3b236; }
        .section__actions a:hover:after {
          background: #f3b236; }

/* ------------------------------------------------------------ *	Section Alt
\* ------------------------------------------------------------ */
.section--alt p {
  margin: 0 -22px 33px;
  /* Tablet Portrait */ }
  @media (max-width: 991px) {
    .section--alt p {
      margin: 0 0 18px; } }
  .section--alt p:last-child {
    margin-bottom: 0; }
.section--alt .section__title {
  margin-bottom: 10px; }
  .section--alt .section__title--yellow {
    margin-bottom: 21px; }

.section--alt .section__entry + .section__entry {
  margin-top: 38px; }


.section--alt .section__content {
  padding: 68px 0 168px;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    .section--alt .section__content {
      padding: 70px 0 85px; } }
  @media (max-width: 767px) {
    .section--alt .section__content {
      padding: 50px 0 70px; } }

/* ------------------------------------------------------------ *	Section Light
\* ------------------------------------------------------------ */
.section--light {
  position: relative;
  background: #e1dfd2;
  color: #808072;
  /*  Alt  */ }
  .section--light:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    top: -34px;
    height: 90px;
    background: rgba(225, 223, 210, 0.8);
    -webkit-transform: skewY(2.5deg);
            transform: skewY(2.5deg); }

    @media (max-width: 1200px) {
      .section--light:before {
        top: -25px; } }
  .section--light .section__content {
    position: relative;
    background: #e1dfd2; }
  .section--light .section__title {
    color: #494949; }
    .section--light .section__title--yellow {
      color: #f3b236; }
    .section--light .section__title--alt:after {
      background: #808072; }
  .section--light .section__actions a {
    color: #808072; }
    .section--light .section__actions a:after {
      background: #808072; }
    .section--light .section__actions a:hover {
      color: #f3b236; }
      .section--light .section__actions a:hover:after {
        background: #f3b236; }
  .section--light-alt {
    color: #494949; }

.home .section--light h5 {
  color: #494949;
}

/* ------------------------------------------------------------ *	Section Dark
\* ------------------------------------------------------------ */
.section--dark {
  position: relative; }
  .section--dark:before {
    position: absolute;
    content: '';
    left: 0;
    top: -29px;
    width: 100%;
    height: 118px;
    background: rgba(128, 128, 114, 0.8);
    -webkit-transform: skewY(-2deg);
            transform: skewY(-2deg);
    /* Mobile */ }
    @media (max-width: 1200px) {
      .section--dark:before {
         -webkit-transform: skewY(-3.5deg);
                transform: skewY(-3.5deg);
        top: -39px; } }
    @media (max-width: 767px) {
      .section--dark:before {
        -webkit-transform: skewY(-4deg);
                transform: skewY(-4deg); } }
  .section--dark .section__content {
    position: relative;
    background: #808072; }

/* ------------------------------------------------------------ *	Section Yellow
\* ------------------------------------------------------------ */
.section--yellow {
  position: relative;
  background: #d69a38; }
  .section--yellow a {
    color: #808072; }
  .section--yellow .section__title {
    color: #494949;
    letter-spacing: 0.15em;
    margin-bottom: 19px; }
  .section--yellow:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    top: -36px;
    height: 70px;
    background: rgba(214, 154, 56, 0.7);
    -webkit-transform: skewY(2deg);
            transform: skewY(2deg);
    /* Mobile */ }
    @media (max-width: 1200px) {
      .section--yellow:before {
        top: -24px; } }
    @media (max-width: 767px) {
      .section--yellow:before {
        -webkit-transform: skewY(4deg);
                transform: skewY(4deg); } }
  .section--yellow .section__content {
    position: relative;
    padding: 103px 0 94px;
    /* Tablet Portrait */
    /* Mobile */ }
    @media (max-width: 991px) {
      .section--yellow .section__content {
        padding: 70px 0; } }
    @media (max-width: 767px) {
      .section--yellow .section__content {
        padding: 50px 0; } }

/* ------------------------------------------------------------ *	Section Features
\* ------------------------------------------------------------ */
.section--features p {
  margin: 0 -18px 18px;
  /* Tablet Portrait */ }
  @media (max-width: 991px) {
    .section--features p {
      margin: 0 0 18px; } }
  .section--features p + h6 {
    margin-top: -9px; }

.section--features h6 {
  margin-bottom: 8px; }

.section--features .section__content {
  padding: 70px 0 56px;
  /* Mobile */ }
  @media (max-width: 767px) {
    .section--features .section__content {
      padding: 50px 0 30px; } }

.section--features h5 {
  letter-spacing: 0.17em; }
  .section--features .section__title--alt {
    margin-bottom: 76px;
    /* Tablet Portrait */ }
    @media (max-width: 991px) {
      .section--features .section__title--alt {
        margin-bottom: 30px; } }

.section--features .section__entry h5 {
  margin-bottom: 10px; }
  .section--features .section__entry .section__title--yellow {
    margin-bottom: 21px; }

/* ------------------------------------------------------------ *	Section Services
\* ------------------------------------------------------------ */
.section--services,
.section--about {
  font-size: 20px;
  letter-spacing: -0.035em;
  line-height: 1.5;
  /* Mobile */ }
  @media (max-width: 767px) {
    .section--services,
    .section--about {
      font-size: 15px; } }

.section--about h5 {
  color: #f3b236;
  }

.home h5 {
  letter-spacing: 0.2em;
  margin-bottom: 23px;
}

.page-template-about h5 {
  letter-spacing: 0.2em;
  margin-bottom: 21px;
}

.section--services p {
  margin: 0 55px;
  /* Tablet Portrait */ }
  @media (max-width: 991px) {
    .section--services p {
      margin: 0; } }

.section--services .section__actions {
  margin-top: 50px; }

.section--services .section__content {
  padding: 119px 0 73px;
  /* Tablet Portrait */ }
  @media (max-width: 991px) {
    .section--services .section__content {
      padding: 70px 0; } }

/* ------------------------------------------------------------ *	Section Team
\* ------------------------------------------------------------ */
.section--team p {
  margin: 0 -20px 15px;
  /* Tablet Portrait */ }
  @media (max-width: 991px) {
    .section--team p {
      margin: 0 0 15px; } }

.section--team .section__content {
  padding: 70px 0 94px;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    .section--team .section__content {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .section--team .section__content {
      padding: 50px 0; } }

.section--team .section__content h5 {
  margin-bottom: 20px;
  color: #f3b236;
  letter-spacing: 0.2em; }
  .section--team .section__content h2 {
    width: 65%;
    margin: 0 auto 58px;
    position: relative;
    font-weight: 100;
    padding-bottom: 22px;
    letter-spacing: 0.04em;
    /* Tablet Portrait */
    /* Mobile */ }

  .section--team .section__content h2:after {
    position: absolute;
    content: '';
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 317px;
    height: 1px;
    bottom: 0;
    background: #ffffff;
  }
    @media (max-width: 991px) {
      .section--team .section__content h2 {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .section--team .section__content h2 {
        width: 100%; } }

/* ------------------------------------------------------------ *	Section Projects
\* ------------------------------------------------------------ */
.section--projects p {
  margin-bottom: 14px; }

.section--projects:before {
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
  /* Mobile */ }
  @media (max-width: 767px) {
    .section--projects:before {
      -webkit-transform: skewY(-4deg);
              transform: skewY(-4deg); } }

.section--projects .section__gallery {
  background: #808072; }

.section--projects h2 {
  position: relative;
  font-weight: 100;
  margin-bottom: 82px;
  padding-bottom: 22px;
  letter-spacing: 0.04em;
  /* Tablet Portrait */ }

  .section--projects h2:after {
    position: absolute;
    content: '';
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 317px;
    height: 1px;
    bottom: 0;
    background: #808072;
  }
  @media (max-width: 991px) {
    .section--projects h2 {
      margin-bottom: 30px; } }

.section--projects .section__content h5 {
  color: #f3b236;
  letter-spacing: 0.2em;
  margin-bottom: 20px; }

.section--projects .section__content {
  padding: 71px 0 96px;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    .section--projects .section__content {
      padding: 70px 0; } }
  @media (max-width: 767px) {
    .section--projects .section__content {
      padding: 50px 0; } }

/* ------------------------------------------------------------ *	Section CaseStudy
\* ------------------------------------------------------------ */
.section--casestudy {
  text-align: left;
  color: #494949;
  background: #d6d2c6; }
  .section--casestudy .section__content {
    padding: 86px 0 100px;
    /* Tablet Portrait */
    /* Mobile */ }
    @media (max-width: 991px) {
      .section--casestudy .section__content {
        padding: 70px 0; } }
    @media (max-width: 767px) {
      .section--casestudy .section__content {
        padding: 50px 0; } }
  .section--casestudy .section__title {
    color: #494949;
    margin-bottom: 37px; 
   letter-spacing: 0.25em; }
  .section--casestudy .section__aside {
    margin: 55px 0 0 6px;
    /* Mobile */ }
    @media (max-width: 767px) {
      .section--casestudy .section__aside {
        margin: 0; } }
  .section--casestudy .section__inner {
    margin-left: 31px;
    /* Mobile */ }
    @media (max-width: 767px) {
      .section--casestudy .section__inner {
        padding-top: 30px;
        border-top: 1px solid #808072;
        margin: 30px 0 0; } }
  .section--casestudy .section__actions {
    margin-top: 12px; }
    .section--casestudy .section__actions a {
      text-decoration: underline;
      color: #4f4f4e; }
      .section--casestudy .section__actions a:after {
        content: none; }
  .section--casestudy:before {
    -webkit-transform: skewY(-2deg);
            transform: skewY(-2deg);
    /* Mobile */ }
    @media (max-width: 767px) {
      .section--casestudy:before {
        -webkit-transform: skewY(-4deg);
                transform: skewY(-4deg); } }

/* ------------------------------------------------------------ *	Section Contact
\* ------------------------------------------------------------ */
.section--contact .section__title {
  margin-bottom: 24px; }

.section--contact .section__content {
  padding: 104px 0 16px;
  /* Tablet Portrait */
  /* Mobile */ }
  @media (max-width: 991px) {
    .section--contact .section__content {
      padding: 70px 0 15px; } }
  @media (max-width: 767px) {
    .section--contact .section__content {
      padding: 50px 0 15px; } }

.section--contact .section__foot {
  margin-top: 101px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  /* Mobile */ }
  @media (max-width: 767px) {
    .section--contact .section__foot {
      margin-top: 50px; } }

.section--contact .copyright {
  text-transform: uppercase;
  margin-top: 4px; }

/* ------------------------------------------------------------ * Section List
\* ------------------------------------------------------------ */

.section__list {
  padding-top: 50px;
}

.section__list a:hover {
  color: #f3b236;
  text-decoration: underline;
}

.section__list .pagetitle {
  color: #f3b236;
  margin-bottom: 20px;
}

.blog .articles .article__title a {
  transition: color 0.3s;
}

.blog .articles .article__title a:hover {
  color: #f3b236;
  text-decoration: none;
}
.section__list .articles > li {
  padding-bottom: 50px;
}

.section__list .articles .article__head,
.section__list .articles .article__body p {
  margin-bottom: 20px;
}

.section__list .articles .article__body h5 {
  letter-spacing: 0.2em;
}
.section__list .article__title {
  margin-bottom: 40px;
}

.section__list .article__title a,
.article--single .article__title,
.section-comments h3 {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  letter-spacing: 0.04em;
  position: relative; 
}

.section-comments h3 {
  padding-top: 50px;
  font-size: 28px;
}

.section__list .article__title a:after {
  position: absolute;
  content: '';
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100px;
  height: 1px;
  bottom: -20px;
  background: #f3b236;
}

.section__list ul,
.section__list ol {
  list-style: none;
}

.section__list h4 {
  margin-bottom: 50px;
  letter-spacing: 0.04em;
}

.article .search-form input {
  border: none;
  padding: 6px 10px;
  width: 220px;
  margin: 0 5px 0 20px;
  color: #808072;
  font-weight: 400;
}

.article .search-form button,
.form-submit input {
  border: none;
  background: #f3b236;
  padding: 6px 10px;
  transition: background 0.3s;
}

.article .search-form button:hover,
.form-submit input:hover {
  background: #F29E37;
}

.comment-form-comment label {
  display: none;
}

.paging .paging__prev,
.paging .paging__next {
  padding: 0 10px;
}

.paging .paging__prev:hover,
.paging .paging__next:hover {
  color: #f3b236;
  text-decoration: underline;
}

/* ------------------------------------------------------------ * 
\* ------------------------------------------------------------ */

.single-crb_member .section__content { padding: 70px 0; }
.single-crb_member .section__image { padding-bottom: 40px; }


/* ------------------------------------------------------------ * Section Result
\* ------------------------------------------------------------ */

.section__result { padding-bottom: 200px; }

/* ------------------------------------------------------------ *	Link
\* ------------------------------------------------------------ */
.link-burger {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #e6e6e3;
  z-index: 11; }
  .link-burger:before, .link-burger:after {
    position: absolute;
    content: ''; }
  .link-burger span, .link-burger:before, .link-burger:after {
    height: 1px;
    left: 4px;
    width: 22px;
    background: #e6e6e3;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: all .5s ease-in-out; }
  .link-burger span {
    position: absolute;
    top: 15px; }
    body.active .link-burger span {
      opacity: 0; }
  .link-burger:before {
    top: 10px; }
    body.active .link-burger:before {
      top: 15px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .link-burger:after {
    top: 20px; }
    body.active .link-burger:after {
      top: 15px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

/*  Link Go Up  */
.link-go-up span {
  display: block;
  position: relative;
  left: 3px;
  margin-top: 5px; }

.link-go-up i {
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }

.link-go-up:hover i {
  -webkit-transform: translateY(-4px) rotate(180deg);
          transform: translateY(-4px) rotate(180deg); }

/* ------------------------------------------------------------ *	List 
\* ------------------------------------------------------------ */
[class^="list-"] {
  list-style: none; }

.list-default {
  /*  Border  */ }
  .list-default h5 {
    color: #494949;
    margin-bottom: 5px;
    letter-spacing: 0.25em; }
  .list-default a {
    text-decoration: underline;
    color: inherit;
    transition: color .3s; }
    .list-default a:hover {
      color: #f3b236; }
  .list-default li + li {
    margin-top: 37px;
    /* Mobile */ }
    @media (max-width: 767px) {
      .list-default li + li {
        margin-top: 17px; } }
  .list-default--border {
    line-height: 1.35;
    color: #808072; }
    .list-default--border h5 {
      margin-bottom: 1px; }

    .list-default--border li {
      padding-bottom: 32px;
      position: relative;
      /* Mobile */ }
      @media (max-width: 767px) {
        .list-default--border li {
          padding-bottom: 20px; } }
      .list-default--border li:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 74px;
        height: 2px;
        background: #494949; }
      .list-default--border li:first-child h5 {
        margin-bottom: 17px; }
      .list-default--border li + li {
        margin-top: 17px; }

.section--casestudy ul {
  list-style: none;
  margin-bottom: 37px;
  }
  .section--casestudy ul h5 {
    color: #494949;
    margin-bottom: 5px;
    letter-spacing: 0.25em; }
  .section--casestudy ul a {
    text-decoration: underline;
    color: inherit;
    transition: color .3s; }
    .section--casestudy ul a:hover {
      color: #f3b236; }
  .section--casestudy ul li + li {
    margin-top: 37px;
    /* Mobile */ }
    @media (max-width: 767px) {
      .section--casestudy ul li + li {
        margin-top: 17px; } }

    .section--casestudy .section__inner ul {
    line-height: 1.35;
    color: #808072; }
    .section--casestudy .section__inner ul li {
      padding-bottom: 32px;
      position: relative;
      /* Mobile */ }
      @media (max-width: 767px) {
        .section--casestudy .section__inner ul li {
          padding-bottom: 20px; } }
      .section--casestudy .section__inner ul li:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 74px;
        height: 2px;
        background: #494949; }
      .section--casestudy .section__inner ul li:first-child h5 {
        margin-bottom: 17px; }
      .section--casestudy .section__inner ul li + li {
        margin-top: 17px; }

/* ------------------------------------------------------------ *	List Contacts
\* ------------------------------------------------------------ */
.list-contacts {
  line-height: 1.6; }
  .list-contacts h5 {
    color: #f3b236;
    margin-bottom: 4px;
    letter-spacing: 0.25em; }
  .list-contacts p {
    margin-bottom: 0; }
    .list-contacts p + h5 {
      margin-top: 10px; }
  .list-contacts a {
    color: #ffffff;
    transition: color .3s; }
    .list-contacts a:hover {
      color: #f3b236; }
    .list-contacts a span {
      text-decoration: underline; }
  .list-contacts small {
    font-size: 11px;
    letter-spacing: 0.18em; }
  .list-contacts address a {
    text-transform: uppercase; }
  .list-contacts address p {
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 13px; }
    .list-contacts address p:after {
      position: absolute;
      content: '';
      left: 50%;
      bottom: 0;
      background: #ffffff;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 73px;
      height: 1px; }
  .list-contacts li + li {
    margin-top: 40px; }
  .list-contacts .socials {
    margin-top: 3px; }

/* ------------------------------------------------------------ *	List links
\* ------------------------------------------------------------ */
.section__foot ul {
  display: inline-block;
  margin-bottom: 0;
  list-style: none;
  }
  .section__foot ul a {
    color: #ffffff; transition: color 0.3s; }
  .section__foot ul a:hover {
    color: #f3b236; }
  .section__foot ul li {
    float: left; }
    .section__foot ul li + li {
      margin-left: 8px;
      /* Mobile */ }
      @media (max-width: 767px) {
        .section__foot ul li + li {
          margin-left: 5px; } }
      .section__foot ul li + li:before {
        content: '|';
        padding-right: 3px; }

/* ------------------------------------------------------------ *	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 0; }

/* ------------------------------------------------------------ *	Intro
\* ------------------------------------------------------------ */
.intro {
  position: relative;
  /*  Overlay  */ }
  .intro__image {
    /* Mobile */ }
    @media (max-width: 767px) {
      .intro__image {
        min-height: 320px; } }
  .intro__actions {
    position: absolute;
    bottom: 42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1; }
    .intro__actions:hover i {
      -webkit-transform: translateY(4px);
              transform: translateY(4px); }
    .intro__actions i {
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; }
  .intro--overlay:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom, rgba(117, 117, 117, 0.65) 0%, rgba(117, 117, 117, 0.64) 1%, transparent 100%); }

/* ------------------------------------------------------------ *	Widget
\* ------------------------------------------------------------ */
.widgets .widget {
  height: 100%; }

.widgets [class^="col-"] {
  /* Mobile */ }
  @media (max-width: 767px) {
    .widgets [class^="col-"] {
      height: auto !important; } }

.widget {
  position: relative;
  line-height: 1.35;
  color: #ffffff;
  overflow: hidden;
  /*  Alt  */ }
  .widget p {
    margin: 0; }

   
  .widget a {
    color: #ffffff;
    display: block;
    height: 100%; }
    @media (min-width: 1025px) {
      .widget a:hover .widget__content {
        visibility: visible;
        opacity: 1; } }
  .widget h5 {
    position: relative;
    font-weight: 300;
    letter-spacing: 0.25em;
    line-height: 1.65;
    padding-bottom: 15px;
    margin-bottom: 12px; }
    .widget h5:after {
      position: absolute;
      content: '';
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 1px;
      background: #ffffff;
      width: 98px;
      bottom: 0; }
    .widget h5 strong {
      display: block;
      font-weight: 900; }
  .widget__actions {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    display: inline-block; }
    .widget__actions a {
      padding-top: 18px;
      width: 96px;
      margin: auto;
      letter-spacing: 0.18em;
      display: block;
      border-top: 1px solid #ffffff;
      transition: color .3s, border-color .3s; }
      .widget__actions a:hover {
        color: #494949;
        border-color: #494949; }
  .widget__entry + .widget__entry {
    margin-top: 53px; }
    @media (max-width: 1024px) {
      .widget__entry + .widget__entry {
        margin-top: 13px; } }
  .widget__image {
    height: 100%;
    /* Mobile */ }
    @media (max-width: 767px) {
      .widget__image {
        min-height: 500px; } }
    .widget__image img {
      width: 100%; }
  .widget__content {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: visibility .7s, opacity .7s; }
    @media (max-width: 1024px) {
      .widget__content {
        visibility: visible;
        opacity: 1; } }
    .widget__content-inner {
      padding: 0 13px 17px;
      z-index: 2;
      position: absolute;
      height: auto;
      left: 50%;
      width: 100%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      top: 53%;
      /* Tablet Portrait */
      /* Mobile */ }
      .widget__content-inner > * {
        width: 93%;
        position: relative;
        display: inline-block; }
        @media (max-width: 1024px) {
          .widget__content-inner > * {
            width: 100%; } }
      .widget__content-inner:before {
        position: absolute;
        content: '';
        background: rgba(214, 154, 56, 0.9);
        left: 0;
        width: 100%;
        height: calc(100% + 627px);
        bottom: -590px;
        -webkit-transform: skewY(-15deg);
                transform: skewY(-15deg); }
      @media (max-width: 1024px) {
        .widget__content-inner {
          height: 61%;
          width: 100%;
          top: 40%;
          max-height: none; } }
      @media (max-width: 991px) {
        .widget__content-inner {
          top: 50%;
          height: 50%; } }
      @media (max-width: 767px) {
        .widget__content-inner {
          top: auto;
          height: auto;
          bottom: 0; } }
  .widget--employee {
    background: #e1dfd2;
    color: #808072; }
    .widget--employee h5 {
      padding-bottom: 13px; }
      .widget--employee h5:after {
        background: #808072; }
    .widget--employee .widget__content {
      visibility: visible;
      opacity: 1;
      background: none;
      top: 50%;
      left: 50%;
      width: 78%;
      bottom: auto;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      max-width: 311px; }
      @media (max-width: 1024px) {
        .widget--employee .widget__content {
          width: 100%;
          padding: 0 15px; } }
      .widget--employee .widget__content:before {
        display: none; }
    .widget--employee:after {
      height: 33%; }
  .widget--alt {
    letter-spacing: 0.05em;
    line-height: 1.67; }
    .widget--alt h5 {
      padding-bottom: 0;
      margin-bottom: 5px; }
      .widget--alt h5:after {
        content: none; }
    .widget--alt:hover .widget__content {
      visibility: visible;
      opacity: 1; }
    @media (max-width: 1024px) {
      .widget--alt .widget__image {
        min-height: 450px; } }
    .widget--alt .widget__content p {
      margin-bottom: 18px; }
    .widget--alt .widget__content-inner {
      
      /* Mobile */ }
      @media (max-width: 1279px) {
        .widget--alt .widget__content-inner {
          top: 44%; } }
      @media (max-width: 767px) {
        .widget--alt .widget__content-inner {
          top: auto;
          height: auto;
          bottom: 0; } }
        
    

/* ------------------------------------------------------------ *	Socials
\* ------------------------------------------------------------ */
.socials {
  display: inline-block; }
  .socials ul {
    list-style: none; }
  .socials li {
    float: left; }
    .socials li + li {
      margin: 0 0 0 7px; }

/* ------------------------------------------------------------ *	Theme Magnific
\* ------------------------------------------------------------ */
.mfp-gallery {
  cursor: pointer !important; }
  .mfp-gallery .mfp-content {
    /* margin: 120px 0;  */ }
  .mfp-gallery.mfp-bg {
    background: rgba(141, 141, 141, 0.75); }
    .mfp-gallery.mfp-bg:after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #8d8d8d;
      opacity: .75; }
  .mfp-gallery .mfp-counter {
    display: none; }
  .mfp-gallery img.mfp-img {
    padding: 0; }
  .mfp-gallery .mfp-arrow {
    background: url(../images/icons/ico-arrow-left.png) no-repeat 0 0;
    width: 13px;
    height: 38px;
    background-size: 100% 100%;
    margin-top: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    opacity: 1;
    top: 51%; }
    .mfp-gallery .mfp-arrow:before, .mfp-gallery .mfp-arrow:after {
      display: none; }
    .mfp-gallery .mfp-arrow-left {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: calc(50% - 482px);
      /* Tablet Portrait */ }
      @media (max-width: 991px) {
        .mfp-gallery .mfp-arrow-left {
          left: 15px; } }
    .mfp-gallery .mfp-arrow-right {
      -webkit-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg);
      right: calc(50% - 482px);
      /* Tablet Portrait */ }
      @media (max-width: 991px) {
        .mfp-gallery .mfp-arrow-right {
          right: 30px; } }
  .mfp-gallery .mfp-close {
    cursor: pointer !important;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: #ffffff;
    opacity: 1;
    width: auto;
    height: auto;
    line-height: 1;
    display: inline-block;
    margin: auto;
    top: -121px;
    right: auto;
    padding: 0;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    transition: opacity .3s; }
    .mfp-gallery .mfp-close:hover {
      opacity: .4; }
    .mfp-gallery .mfp-close span {
      position: relative;
      display: block;
      margin: auto;
      width: 30px;
      height: 30px;
      margin-top: 30px;
      pointer-events: none; }
      .mfp-gallery .mfp-close span:before, .mfp-gallery .mfp-close span:after {
        position: absolute;
        pointer-events: none;
        content: '';
        background: #ffffff;
        height: 1px;
        left: -5px;
        top: 15px;
        width: 43px;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
      .mfp-gallery .mfp-close span:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .mfp-gallery .mfp-close span:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }