/**
 * 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 on Windows Phone and in iOS.
 */
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Arvo:200,400,700");
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

body {
  margin: 0;
}

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

figure {
  margin: 0;
}

/*
  * 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;
}

img {
  border-style: none;
  vertical-align: bottom;
}

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

/**
  * 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;
}

/**
  * 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 macOS.
  */
[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 */
}

[hidden] {
  display: none;
}

/* Variables */
/* Fonts */
.fa,
.select-wrapper:after,
input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before,
.quote:before,
.check:before,
.has-sub:after,
.breadcrumbs a:not(.btn):after,
.slick-arrow:before,
.slick-prev:before,
.service-list li:before,
.page-footer li a:not(.btn):after,
[class*="icon"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*="icon"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  min-height: 30px;
  padding-left: 37px;
  font-size: 0.8rem;
}
[class*="icon"]:before {
  color: #a5a8a4;
  margin-right: 10px;
  display: inline-block;
  font-size: 1rem;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  background: #585e5d;
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  left: 0;
}

.icon--home:before {
  content: "\f015";
}

.icon--mail:before {
  content: "\f0e0";
  font-size: 0.8rem;
}

.icon--phone:before {
  content: "\f095";
}

.smoke {
  position: relative;
  margin: auto;
  min-width: 300px;
  width: 35%;
  overflow: hidden;
}
.smoke img {
  width: 100%;
}
    .smoke:after,
    .smoke:before {
        /* background: url("http://demo.web3designs.com/smoke-texture.png") no-repeat;*/
        background: url("http://i.imgur.com/gKhATFHr.png") repeat;
        background: url("img/smoke.png") repeat;
        /*background: url("https://t5.rbxcdn.com/04cf36ad48dbe3cc50c26b3e4c93f3e4")
    repeat;*/
        background-size: 100% 100%;
        background-size: 40% 40%;
        background-position: center top;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 20%;
        -webkit-filter: blur(6px);
        filter: blur(6px);
        opacity: 0;
        pointer-events: none;
        transition: all 0.2s linear;
        -webkit-animation-name: smoke;
        animation-name: smoke;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-position: left top;
        background-size: 100% 40%;
        background-repeat: no-repeat;
    }
.smoke:before {
  -webkit-animation-name: smoke2;
  animation-name: smoke2;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  background-position: left top;
  background-size: 70% 40%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .smoke {
    display: none;
  }
}

@-webkit-keyframes smoke {
  0%,
  100% {
    opacity: 0;
    top: 15%;
    left: 25%;
  }
  50% {
    opacity: 1;
    opacity: 0.4;
  }
  90% {
    opacity: 0;
    top: 5%;
    left: 40%;
  }
}

@keyframes smoke {
  0%,
  100% {
    opacity: 0;
    top: 15%;
    left: 25%;
  }
  50% {
    opacity: 1;
    opacity: 0.4;
  }
  90% {
    opacity: 0;
    top: 5%;
    left: 40%;
  }
}
@-webkit-keyframes smoke2 {
  0%,
  100% {
    opacity: 0;
    top: 15%;
    left: 35%;
  }
  50% {
    opacity: 1;
    opacity: 0.4;
  }
  90% {
    opacity: 0;
    top: 5%;
    left: 45%;
  }
}
@keyframes smoke2 {
  0%,
  100% {
    opacity: 0;
    top: 15%;
    left: 35%;
  }
  50% {
    opacity: 1;
    opacity: 0.4;
  }
  90% {
    opacity: 0;
    top: 5%;
    left: 45%;
  }
}
/* Basic GUI */
html,
body {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  min-height: 100vh;
  width: 100vw;
}

body {
  font-family: "Arvo", sans-serif;
  margin: 0;
  font-size: 14px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  background: #f3f3f3;
  background: radial-gradient(
    ellipse at center,
    rgba(197, 197, 197, 0.65) 0%,
    rgba(255, 255, 255, 0.65) 49%,
    transparent 50%,
    transparent 100%
  );
  background-size: 3px;
  color: #173049;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Avenir LT W01_95 Black1475556", sans-serif;
  line-height: 1;
  margin: 0;
  margin-bottom: 15px;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 2rem;
  white-space: pre-line;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-size: 2.2rem;
  }
}

p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  margin-bottom: 30px;
}

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

ul {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  padding-left: 15px;
}
ul li {
  padding: 2px;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="submit"],
input[type="number"],
input[type="tel"],
input[type="password"],
textarea {
  padding: 15px 15px;
  line-height: 1;
  border: 2px solid #585e5d;
  border: 2px solid rgba(59, 104, 74, 0);
  border-radius: 0;
  font-size: 0.9rem;
  transition: all 0.2s linear;
  background: #173049;
  color: #fff;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="submit"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a5a8a4;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="submit"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a5a8a4;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="submit"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
  color: #a5a8a4;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="password"]:focus,
input[type="password"]:active,
textarea:focus,
textarea:active {
  outline: #3b684a;
  border: 2px solid #3b684a;
}

select {
  font-size: 0.9rem;
  line-height: 1;
}
.select-wrapper {
  position: relative;
  padding: 15px 0;
  padding: 0;
}
.select-wrapper select {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 7.5px;
}
.select-wrapper:before {
  content: attr(data-selected);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 15px 15px;
  border: 2px solid rgba(59, 104, 74, 0);
  transition: all 0.2s linear;
  border-radius: 0;
  pointer-events: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9rem;
  color: #585e5d;
  height: 100%;
}
.contact-form .select-wrapper:before {
  background: #173049;
  color: #fff;
}
.select-wrapper:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  content: "\f0d7";
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  color: #585e5d;
  width: 50px;
  font-size: 2.5rem;
}
.contact-form .select-wrapper:after {
  background: rgba(255, 255, 255, 0.1);
  color: #3b684a;
}

figure.circle {
  border-radius: 50%;
  overflow: hidden;
  width: 300px;
  height: 300px;
  background: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-list figure.circle {
  width: auto;
  height: auto;
}
.contact-list figure.circle img {
  padding: 0;
}
figure.circle img {
  width: 100%;
  height: auto;
  padding: 50px;
}

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.img-icon {
  font-size: 1rem;
  margin-left: 0;
  padding-left: 0;
  padding: 5px 10px;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #173049;
  font-weight: normal;
}
.img-icon img {
  margin-right: 10px;
  width: auto;
}

textarea {
  line-height: 1.4;
  resize: none;
  -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  position: relative;
  width: 18px;
  background: #fff;
  display: inline-block;
  height: 18px;
  line-height: 18px;
}
input[type="checkbox"]:before,
input[type="radio"]:before {
  content: "";
  background: #fff;
  border: 1px solid #a5a8a4;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  outline: none;
}
input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before {
  content: "\f00c";
  background-color: #fff;
  color: #173049;
  background-size: 100%;
}

a {
  transition: all 0.2s linear;
  text-decoration: none;
  position: relative;
  font-family: "Avenir LT W01_65 Medium1475532", sans-serif;
  display: inline-block;
  color: #3b684a;
  font-size: 1rem;
  font-weight: bold;
}
a:hover {
  color: #4d8961;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.btn {
  display: inline-block;
  cursor: pointer;
  background: #3b684a;
  color: #fff;
  border-radius: 9px;
  padding: 10px 30px;
  padding: 10px 30px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear;
  box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
}
.btn:hover,
.btn:focus,
.btn:active {
  background: #447856;
  box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  transition: all 0.2s linear !important;
  color: #fff;
}
.btn--large {
  display: inline-block;
  cursor: pointer;
  background: #3b684a;
  color: #fff;
  border-radius: 9px;
  padding: 10px 30px;
  padding: 10px 30px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear;
  box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
  padding: 15px 30px;
}
.btn--large:hover,
.btn--large:focus,
.btn--large:active {
  background: #447856;
  box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  transition: all 0.2s linear !important;
  color: #fff;
}
.btn--circle {
  display: inline-block;
  cursor: pointer;
  background: #3b684a;
  color: #fff;
  border-radius: 9px;
  padding: 10px 30px;
  padding: 10px 30px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear;
  box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  margin: 5px;
}
.btn--circle:hover,
.btn--circle:focus,
.btn--circle:active {
  background: #447856;
  box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  transition: all 0.2s linear !important;
  color: #fff;
}

.has-btn > a {
  display: inline-block;
  cursor: pointer;
  background: #3b684a;
  color: #fff;
  border-radius: 9px;
  padding: 10px 30px;
  padding: 10px 30px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear;
  box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
}
.has-btn > a:hover,
.has-btn > a:focus,
.has-btn > a:active {
  background: #447856;
  box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  transition: all 0.2s linear !important;
  color: #fff;
}

input[type="submit"] {
  -webkit-appearance: none;
  display: inline-block;
  cursor: pointer;
  background: #3b684a;
  color: #fff;
  border-radius: 9px;
  padding: 10px 30px;
  padding: 10px 30px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear;
  box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
  font-size: 1rem;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
  background: #447856;
  box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  transition: all 0.2s linear !important;
  color: #fff;
}

.toggle-menu {
  font-size: 20px;
  box-sizing: border-box;
  width: 1.4em;
  background: #444;
  display: block;
  height: 0.2em;
  position: relative;
  margin: 1em 0;
  border-radius: 6px;
  transition: all 0.4s ease 0.2s;
}
.toggle-menu:before,
.toggle-menu:after {
  content: "";
  display: block;
  height: 0.2em;
  width: 1.4em;
  background: #444;
  position: absolute;
  border-radius: 6px;
  transition: all 0.4s ease 0.2s;
}
.toggle-menu:before {
  top: -0.4em;
}
.toggle-menu:after {
  bottom: -0.4em;
}
.open-menu .toggle-menu {
  transition: all 0.4s ease 0.4s;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.open-menu .toggle-menu:before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.open-menu .toggle-menu:after {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .toggle-menu {
    display: none;
  }
}

.quote {
  position: relative;
  font-size: 1.2rem !important;
  line-height: 1.2;
}
.quote:before {
  content: '"';
  content: "\f10e";
  color: #173049;
  font-size: 2rem;
  position: absolute;
  left: -40px;
}

.check {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}
.check:before {
  content: "\f00c";
  color: #3b684a;
  margin-right: 15px;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 32px;
  box-sizing: border-box;
}
.check.feature {
  font-size: 1.1rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .check {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 0;
  }
}

.site {
  -webkit-transform: translateY(0vh) scale(1);
  -ms-transform: translateY(0vh) scale(1);
  transform: translateY(0vh) scale(1);
  -webkit-transform: translateX(0vw) scale(1) rotateY(0);
  transform: translateX(0vw) scale(1) rotateY(0);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .site {
    border: 30px solid #fff;
    border-top-width: 0px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.open-menu .site {
  -webkit-transform: translateY(-80vh) scale(0.6);
  -ms-transform: translateY(-80vh) scale(0.6);
  transform: translateY(-80vh) scale(0.6);
  -webkit-transform: translateX(-10vw) scale(1);
  -ms-transform: translateX(-10vw) scale(1);
  transform: translateX(-10vw) scale(1);
  opacity: 0.5;
  box-shadow: 0 1px 2px 4px rgba(0, 0, 0, 0.2);
}

.container {
  max-width: 1400px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .container.baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    padding: 0;
  }
}
.container.align-center {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrapper {
  padding: 30px 15px;
}
.wrapper > header {
  padding: 0 30px 30px;
  max-width: 768px;
  max-width: 600px;
  margin: auto;
  text-align: center;
}
.wrapper > header > h1,
.wrapper > header > h2,
.wrapper > header > h3 {
  font-size: 1.8rem;
  line-height: 1;
}
.wrapper > header *:last-child {
  margin-bottom: 0;
}
.snap + .wrapper > header {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .wrapper {
    padding: 60px 30px;
  }
}
@media screen and (min-width: 1024px) {
  .wrapper {
    padding: 60px 0;
  }
}

.container__content {
  font-size: 1.1rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.container__content:before,
.container__content:after {
  content: "";
  width: 10%;
  height: 8px;
  border-radius: 6px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.container__content > *:last-child {
  margin-bottom: 0;
}
.container__content:before {
  margin-bottom: 60px;
}
.container__content:after {
  margin-top: 60px;
}

.nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  background: #fff;
  background: linear-gradient(0deg, #f3f3f3 0%, #fff 100%);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px 0;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
@media screen and (min-width: 768px) {
  .nav-header {
    padding: 30px 0;
    padding: 0;
    background: #fff;
    background: none;
  }
  .nav-header.scrolling {
    padding: 7.5px 0;
    padding: 0;
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  }
  .nav-header.scrolling .baseline {
    box-shadow: 0 4px 10px -8px #173049;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 7.5px !important;
  }
  .nav-header > .container {
    border-left: 30px solid #fff;
    border-right: 30px solid #fff;
    background: #fff;
    padding: 7.5px 0;
    padding: 0;
  }
  .nav-header > .container.baseline {
    padding: 7.5px 0;
    padding-top: 20px;
  }
}

.top-header {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-family: "Avenir LT W01_65 Medium1475532", sans-serif;
  font-weight: bold;
  transition: all 0.2s ease;
  font-size: 0.8rem;
  color: #173049;
}
@media screen and (max-width: 767px) {
  .top-header {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .top-header {
    font-size: 0.6rem !important;
  }
  .top-header * {
    font-size: 0.6rem !important;
  }
}
.top-header .img-icon {
  font-family: "Avenir LT W01_65 Medium1475532", sans-serif;
  font-weight: bold;
  color: #173049;
}
.top-header span.img-icon {
  font-size: 0.8rem;
}
.top-header a {
  text-transform: none !important;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  .top-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.scrolling .top-header {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  transition: opacity 0.3s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.3s ease;
  transition: transform 0.2s ease, opacity 0.3s ease,
    -webkit-transform 0.2s ease;
}

.nav-header__logo {
  max-width: 80px;
  position: relative;
  z-index: 9999;
}
@media screen and (min-width: 768px) {
  .nav-header__logo {
    max-width: 120px;
    transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: all 0.2s linear;
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
  }
  .scrolling .nav-header__logo {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    transition: all 0.2s linear 0s;
  }
}

.nav-header__menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  height: 100vh;
  width: 100vw;
  background: linear-gradient(135deg, #f3f3f3 0%, #fff 100%);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateY(120vh) scale(1.6);
  -ms-transform: translateY(120vh) scale(1.6);
  transform: translateY(120vh) scale(1.6);
  -webkit-transform: translateX(120vw) scale(1.4);
  -ms-transform: translateX(120vw) scale(1.4);
  transform: translateX(120vw) scale(1.4);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.open-menu .nav-header__menu {
  -webkit-transform: translateY(10vh);
  -ms-transform: translateY(10vh);
  transform: translateY(10vh);
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}
.nav-header__menu.sub-open > li:not(.open-sub) {
  -webkit-filter: blur(20px);
  filter: blur(20px);
}
.nav-header__menu > li {
  transition: -webkit-filter 0.4s linear;
  transition: filter 0.4s linear;
  transition: filter 0.4s linear, -webkit-filter 0.4s linear;
  -webkit-filter: initial;
  filter: initial;
}
.nav-header__menu li {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  min-width: 64%;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #d3d3d3;
  border-bottom: 1px solid #3b684a;
}
.nav-header__menu li:last-of-type {
  border: 0;
}
@media screen and (min-width: 768px) {
  .nav-header__menu li {
    min-width: auto;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
  }
}
.nav-header__menu a {
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 15px;
  font-size: 0.9rem;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .nav-header__menu a {
    padding: 15px 7.5px;
    font-size: 0.7rem;
  }
}
.nav-header__menu a:hover {
  color: #3b684a;
}
.nav-header__menu a.btn {
  padding: 7.5px 15px;
}
@media screen and (min-width: 768px) {
  .nav-header__menu a.btn {
    margin-left: 15px;
  }
}
@media screen and (min-width: 768px) {
  .nav-header__menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: auto;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: none;
    height: auto;
    width: auto;
  }
}

.has-sub {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.has-sub:after {
  content: "\f107";
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 15px;
  padding-left: 15px;
  padding: 16px 15px;
  background: #f3f3f3;
  background: #3b684a;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .has-sub {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
  }
  .has-sub:after {
    padding: 0;
    background: none;
    color: #3b684a;
  }
}
.has-sub a {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  padding-right: 7.5px;
  width: 100%;
}
.has-sub .sub {
  position: absolute;
  z-index: 10;
  width: 100%;
  padding: 15px;
  background: #fff;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  transition-delay: 0.2s;
  display: block;
  left: 0;
  right: 0;
}
.has-sub .sub li {
  border-bottom: 1px solid #d3d3d3;
  border-top: 1px solid #f5f5f5;
}
.has-sub .sub li:first-of-type {
  border-top: 0;
}
.has-sub .sub li:last-of-type {
  border-bottom: 0;
}
.has-sub .sub a {
  padding: 5px 10px;
  text-transform: none;
}
.has-sub .sub:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  top: 7px;
  content: "";
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .has-sub .sub {
    position: absolute;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .has-sub.open-sub {
    border-color: rgba(165, 168, 164, 0);
    background: #fff;
  }
  .has-sub.open-sub .sub {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(46px);
    -ms-transform: translateY(46px);
    transform: translateY(46px);
    -webkit-transform: translateY(93px) scale(1.2);
    -ms-transform: translateY(93px) scale(1.2);
    transform: translateY(93px) scale(1.2);
    transition-delay: 0s;
  }
  .has-sub.open-sub .sub:before {
    top: -5px;
    transition-delay: 0.2s;
  }
  .has-sub.open-sub:after {
    content: "\f106";
  }
}
@media screen and (min-width: 768px) {
  .has-sub:hover .sub {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(46px);
    -ms-transform: translateY(46px);
    transform: translateY(46px);
    -webkit-transform: translateY(73px);
    -ms-transform: translateY(73px);
    transform: translateY(73px);
    transition-delay: 0s;
  }
  .has-sub:hover .sub:before {
    top: -5px;
    transition-delay: 0.2s;
  }
}

.breadcrumbs {
  background: rgba(165, 168, 164, 0.2);
  background: #173049;
  padding: 7.5px 0;
  position: relative;
  z-index: 20;
}
.breadcrumbs ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
.breadcrumbs a:not(.btn) {
  padding: 4px;
  color: #d3d3d3;
  display: block;
}
.breadcrumbs a:not(.btn):hover {
  color: #fff;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.breadcrumbs a:not(.btn):after {
  content: "\f105";
  color: #3b684a;
  margin-left: 8px;
  text-decoration: none;
}
.breadcrumbs a:not(.btn).active {
  color: #fff;
  pointer-events: none;
  text-decoration: none;
}
.breadcrumbs a:not(.btn).active:after {
  display: none;
}

.expand {
  transition: all 0s linear;
  padding-top: 100px;
}

.snap {
  position: relative;
  z-index: 5;
  transition: all 0s linear;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}
.snap.snapped {
  position: fixed;
  -webkit-transform: translateY(85px);
  -ms-transform: translateY(85px);
  transform: translateY(85px);
  left: 0;
  top: 0;
  right: 0;
  max-width: 1340px;
  margin: auto;
}
.snap.snapped .snap__menu {
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: 0 0px 0 30px #fff;
}

.snap__menu ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
.snap__menu a {
  padding: 30px 30px;
  color: #fff;
  text-transform: uppercase;
}
.snap__menu a.active {
  color: #3b684a;
}

.lang {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.lang a {
  color: #000;
  font-weight: normal;
}
.lang li {
  display: inline-block;
}
.lang li:after {
  content: " /";
}
.lang li:last-of-type:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .lang {
    margin-right: 15px;
    margin-left: 30px;
  }
}

.slider {
  position: relative;
  background: #fff;
  width: 100%;
  width: 100vw;
  min-height: 0;
}
.slider .item {
  position: relative;
  width: 100%;
  opacity: 0.2;
  display: none;
}
.slider .item img {
  width: 100% !important;
  height: auto;
}
.slider .item img:focus {
  outline: none;
  border: none;
}
.slider.slick-initialized .item {
  opacity: 1;
  display: block;
}

.item {
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .item.wrapper {
    padding: 90px;
  }
}
@media screen and (min-width: 768px) {
  .item {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.item__content {
  position: relative;
  max-width: 700px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: auto;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 30px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.item__content.align-right {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  left: auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  max-width: 550px;
  padding-right: 30px;
}
.item__content p {
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  .item__content {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    bottom: 0;
    height: 0;
    height: 100%;
    padding: 30px;
    color: #fff;
    padding: 0;
  }
}

.slick-arrow {
  position: absolute;
  top: 12%;
  margin: auto;
  z-index: 10;
  width: 40px;
  background: none;
  border: none;
  transition: all 0.2s linear;
  cursor: pointer;
}
.slick-arrow:focus {
  outline: none;
  border: none;
}
.slick-arrow:hover:before {
  color: white;
}
.slick-arrow:before {
  content: "\f105";
  font-size: 3rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease;
}
@media screen and (min-width: 768px) {
  .slick-arrow {
    top: 0;
    bottom: 0;
    width: 100px;
  }
  .slick-arrow:hover {
    -webkit-transform: scale(1.02) translateX(10px);
    -ms-transform: scale(1.02) translateX(10px);
    transform: scale(1.02) translateX(10px);
  }
}

.slick-prev {
  left: 0;
}
.slick-prev:before {
  content: "\f104";
}
.slick-prev:hover {
  -webkit-transform: scale(1.02) translateX(-10px);
  -ms-transform: scale(1.02) translateX(-10px);
  transform: scale(1.02) translateX(-10px);
}

.slick-next {
  right: 0;
}

.banner,
.banner--small,
.banner--map {
  width: 100%;
  font-size: 1.1rem;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
}
.banner--small {
  background: #173049;
  max-height: 200px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.breadcrumbs + .banner--small {
  margin-top: -37px;
}
.banner--small:after {
  pointer-events: none;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(23, 48, 73, 0.6);
}
.banner--map {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.banner--map:after {
  pointer-events: none;
  position: absolute;
  content: "";
  display: block;
  top: 80%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  background: linear-gradient(
    180deg,
    rgba(243, 243, 243, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(
    180deg,
    rgba(243, 243, 243, 0) 0%,
    rgba(165, 168, 164, 0.6) 100%
  );
  background-repeat: no-repeat;
  background-size: cover;
}
.banner > .bg,
.banner--small > .bg,
.banner--map > .bg {
  width: auto;
  height: 100%;
  height: auto;
  min-width: 100%;
  max-width: none;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
@media screen and (min-width: 768px) {
  .banner > .bg,
  .banner--small > .bg,
  .banner--map > .bg {
    max-width: 100%;
    height: auto;
    width: 100%;
  }
}
.banner > .item img:not(.bg),
.banner--small > .item img:not(.bg),
.banner--map > .item img:not(.bg) {
  width: auto;
  display: block;
  float: left;
}
.banner > .item img:not(.bg) + .item__content,
.banner--small > .item img:not(.bg) + .item__content,
.banner--map > .item img:not(.bg) + .item__content {
  float: right;
  position: relative;
}

.banner__title:only-child {
  margin-bottom: 0;
}
.banner--small .banner__title {
  position: absolute;
  margin: auto;
  color: #fff;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .banner__title {
    font-size: 2.2rem;
  }
}

.columns {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 1% 2% 0;
}
.columns.limit-width {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 768px) {
  .columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .columns.margin {
    margin: 1% 2% 0;
  }
}

.columns__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  text-align: center;
}
.columns__content figure:not(.contact-list__item__image) {
  margin: 0 30px 0 0;
  margin: 0 auto 30px;
  overflow: hidden;
  max-width: 350px;
}
.columns__content figure:not(.contact-list__item__image).large {
  max-width: none;
  padding: 30px;
  margin-bottom: 0;
}
.columns__content figure:not(.contact-list__item__image) img {
  width: 100%;
  height: auto;
}
.columns__content figure:not(.contact-list__item__image) img.align-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.columns__content figure:not(.contact-list__item__image) img.align-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.columns__content__wrapper {
  padding: 30px 30px;
  width: 100%;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
#contact .columns__content__wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.columns__content__wrapper p {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.columns__content__wrapper:first-child {
  padding: 30px 30px 0;
}
.columns__content__wrapper:last-child {
  padding: 0 30px 30px;
}
header + .columns__content__wrapper {
  padding: 30px 30px !important;
}
@media screen and (min-width: 768px) {
  header + .columns__content__wrapper {
    padding: 60px 30px !important;
  }
}
.columns__content__wrapper:only-child {
  padding: 30px 30px;
}
@media screen and (min-width: 768px) {
  .columns__content__wrapper:only-child {
    padding: 60px 30px;
  }
}

.column__image {
  display: block !important;
  text-align: center;
  padding: 30px;
}

[class*="col-"] {
  overflow: hidden;
}
.margin [class*="col-"] {
  margin-bottom: 30px;
}
[class*="col-"] h1 {
  font-size: 1.1rem;
}
@media screen and (min-width: 768px) {
  [class*="col-"] h1 {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .margin [class*="col-"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 2% 4%;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}

.col-2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
.col-2 > header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .col-2 {
    width: 50%;
  }
}

.col-3 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .col-3 {
    width: 33%;
    width: calc(100% / 3);
    width: 33.3333333333%;
  }
  .margin .col-3 {
    width: 29.3333333333%;
  }
  .col-3 h1 {
    font-size: 1.8rem;
  }
}

.col-4 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .col-4 {
    width: 50%;
  }
  .page-footer .col-4 {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .col-4 {
    width: 25%;
  }
  .col-4 h1 {
    font-size: 1.4rem;
  }
}

.js-show {
  -webkit-transform: translateY(64px);
  -ms-transform: translateY(64px);
  transform: translateY(64px);
  opacity: 0;
  text-shadow: 0px 0px transparent;
  transition: all 1.2s 0s cubic-bezier(0.77, 0, 0.175, 1),
    text-shadow 0s 1.2s linear;
}
.js-show.delay-content *:not(.do-not-delay) {
  -webkit-transform: translateY(40px) scale(1);
  -ms-transform: translateY(40px) scale(1);
  transform: translateY(40px) scale(1);
  opacity: 0;
  transition: all 0.2s 0.2s ease-in-out, text-shadow 0s 0.4s linear;
}
.js-show.delay-content.js-show--shown *:not(.do-not-delay) {
  opacity: 1;
  -webkit-transform: translateY(0px) scale(1);
  -ms-transform: translateY(0px) scale(1);
  transform: translateY(0px) scale(1);
  transition: all 0.6s 0.6s ease-in-out, text-shadow 0s 1.2s linear;
}
.js-show.delay-content.js-show--shown *:not(.do-not-delay):nth-child(2) {
  transition: all 0.6s 0.8s ease-in-out, text-shadow 0s 1.4s linear;
}
.js-show.delay-content.js-show--shown *:not(.do-not-delay):nth-child(3) {
  transition: all 0.6s 1s ease-in-out, text-shadow 0s 1.6s linear;
}
.js-show.delay-content.js-show--shown *:not(.do-not-delay):nth-child(4) {
  transition: all 0.6s 1.2s ease-in-out, text-shadow 0s 1.8s linear;
}

.js-show-delay {
  -webkit-transform: translateY(40px) scale(1);
  -ms-transform: translateY(40px) scale(1);
  transform: translateY(40px) scale(1);
  opacity: 0;
  transition: all 0.6s 0.2s ease-in-out, text-shadow 0s 0.8s linear;
}
.js-show--shown .js-show-delay {
  opacity: 1;
  -webkit-transform: translateY(0px) scale(1);
  -ms-transform: translateY(0px) scale(1);
  transform: translateY(0px) scale(1);
  transition: all 0.6s 0.7s ease-in-out, text-shadow 0s 1.3s linear;
}

.js-show--shown {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0px 1px transparent;
}
.js-show--shown:nth-child(0) {
  transition: all 0.6s 0.2s ease-in-out, text-shadow 0s 0.8s linear;
}
.js-show--shown:nth-child(1) {
  transition: all 0.6s 0.3s ease-in-out, text-shadow 0s 0.9s linear;
}
.js-show--shown:nth-child(2) {
  transition: all 0.6s 0.4s ease-in-out, text-shadow 0s 1s linear;
}
.js-show--shown:nth-child(3) {
  transition: all 0.6s 0.5s ease-in-out, text-shadow 0s 1.1s linear;
}
.js-show--shown:nth-child(4) {
  transition: all 0.6s 0.6s ease-in-out, text-shadow 0s 1.2s linear;
}
.js-show--shown:nth-child(5) {
  transition: all 0.6s 0.7s ease-in-out, text-shadow 0s 1.3s linear;
}
.js-show--shown:nth-child(6) {
  transition: all 0.6s 0.8s ease-in-out, text-shadow 0s 1.4s linear;
}
.js-show--shown:nth-child(7) {
  transition: all 0.6s 0.9s ease-in-out, text-shadow 0s 1.5s linear;
}
.js-show--shown:nth-child(8) {
  transition: all 0.6s 1s ease-in-out, text-shadow 0s 1.6s linear;
}
.js-show--shown:nth-child(9) {
  transition: all 0.6s 1.1s ease-in-out, text-shadow 0s 1.7s linear;
}
.js-show--shown:nth-child(10) {
  transition: all 0.6s 1.2s ease-in-out, text-shadow 0s 1.8s linear;
}
.js-show--shown:nth-child(11) {
  transition: all 0.6s 1.3s ease-in-out, text-shadow 0s 1.9s linear;
}
.js-show--shown:nth-child(12) {
  transition: all 0.6s 1.4s ease-in-out, text-shadow 0s 2s linear;
}
.js-show--shown:nth-child(13) {
  transition: all 0.6s 1.5s ease-in-out, text-shadow 0s 2.1s linear;
}
.js-show--shown:nth-child(14) {
  transition: all 0.6s 1.6s ease-in-out, text-shadow 0s 2.2s linear;
}

.article__list__item {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 30px;
}
.article__list__item a {
  margin-bottom: 30px;
}

.article__list__date {
  color: #173049;
  font-size: 0.8rem;
  margin: 0;
  margin-bottom: 15px;
  display: block;
  font-weight: 600;
}

.article__list__title {
  font-size: 1.6rem !important;
}

.article__list__text {
  max-width: 600px !important;
}

.article {
  padding: 60px 0;
  background: linear-gradient(180deg, #f5f5f5 0%, #fff 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background: #fff;
}
.article .article__wrapper {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.article .container > * {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.article p {
  font-size: 1rem;
  line-height: 1.6;
  max-width: 750px;
  margin-bottom: 30px;
}
.article h2 {
  font-size: 1.6rem;
}
.article h3 {
  font-size: 1.4rem;
}
.article img {
  width: auto;
}
.article figcaption {
  font-weight: 100;
}
.article figure,
.article p + img,
.article figcaption {
  margin-bottom: 30px;
}
.banner + .article .article__wrapper,
.banner--small + .article .article__wrapper,
.banner--map + .article .article__wrapper {
  max-width: 1400px;
  padding: 60px 30px;
  padding: 60px 0;
  background: #fff;

  position: relative;
  margin-top: -60px;
}
@media screen and (min-width: 768px) {
  .banner + .article .article__wrapper,
  .banner--small + .article .article__wrapper,
  .banner--map + .article .article__wrapper {
    padding: 60px 0;
  }
}
.banner--map + .article .article__wrapper {

}

.article__header__date {
  color: #173049;
  font-size: 0.8rem;
  margin: 0;
  margin-left: 6px;
  margin-bottom: 15px;
  display: block;
  font-weight: 600;
}

.article__header__title {
  margin-bottom: 30px;
}
.article__header__title:after {
  content: "";
  display: block;
  height: 10px;
  background: #173049;
  width: 20%;
  margin: 30px 0 0;
  display: none;
}
.align-center .article__header__title:after {
  margin-left: auto;
  margin-right: auto;
}

.article__header__preamble {
  font-size: 1.3rem !important;
  line-height: 1.3;
  margin: 0 auto 60px;
  max-width: 600px;
  font-weight: 100;
}
@media screen and (min-width: 768px) {
  .article__header__preamble {
    font-size: 1.4rem !important;
    line-height: 1.4;
    margin: 0 0 60px;
  }
}

.contact .container {
  max-width: 700px;
  padding: 0;
}
.contact input[type="submit"] {
  margin-top: 30px;
  display: block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.contact-form {
  width: 100%;
}
.contact-form input,
.contact-form textarea,
.contact-form .select-wrapper {
  margin-bottom: 30px;
  width: 100%;
}
.contact-form input:first-child,
.contact-form textarea:first-child,
.contact-form .select-wrapper:first-child {
  margin-top: 0;
}
.contact-form input[type="submit"] {
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
  }
  .contact-form textarea {
    margin-bottom: 15px;
    height: 125px;
  }
  .contact-form input,
  .contact-form .select-wrapper {
    margin-bottom: 15px;
  }
  .contact-form .select-wrapper {
    margin-bottom: 30px;
  }
  .contact-form .select-wrapper,
  .contact-form textarea {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .contact-form input[type="submit"] {
    margin-bottom: 0;
  }
  .contact-form textarea {
    height: 100%;
    margin: 30px 0;
    height: auto;
    height: 125px;
    height: 166px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .contact-form input,
  .contact-form .select-wrapper {
    width: calc(50% - 30px);
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 15px;
    margin: 15px 30px 15px 0;
  }
  .contact-form .select-wrapper,
  .contact-form textarea {
    width: 100%;
    margin: 15px;
    margin: 15px 30px 15px 0;
  }
}

.contact-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: distribute;
  justify-content: flex-start;
  width: 100%;
}

.contact-list__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .contact-list__item {
   /*width: 44%;*/
    width: 50%;
    padding: 0 3%;
}
  }
}
.contact-list__item .job-title {
  margin-bottom: 15px;
}
.contact-list__item > * {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.contact-list__item span,
.contact-list__item strong {
  display: block;
  margin-bottom: 4px;
}

.contact-list__item__info {
  text-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 7.5px;
}
.contact-list__item__info a {
  font-size: 0.9rem;
}
@media only screen and (min-width: 768px) {
  .contact-list__item__info {
    text-align: left;
    padding: 0 30px;
    width: 44%;
  }
}

.contact-list__item__image {
  max-width: 90px;
  margin: auto auto 30px;
}
@media only screen and (min-width: 768px) {
  .contact-list__item__image {
    max-width: 100px;
    margin-bottom: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-list__item__image {
    max-width: 150px;
  }
}

.contact-list__item__country {
  width: 100%;
  margin-top: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
  .contact-list__item__country {
    width: auto;
    margin-top: 0;
    border: 0;
    padding: 0;
  }
}

.services__title {
 /*font-size: 2rem !important;
  line-height: 1.2;
  text-align: left;*/
}
@media screen and (min-width: 768px) {
  .services__title {
    margin-left: 60px;
  }
}

.service-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-list p {
  font-size: 0.9rem;
}
.service-list li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  position: relative;
  padding: 15px;
  padding-left: 60px;
}
.service-list li > *:last-child {
  margin-bottom: 0;
}
.service-list li:before {
  content: "\f00c";
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #3b684a;
  color: #173049;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.service-list__title {
  font-size: 1rem;
  margin-bottom: 7.5px;
}

.product__header {
  background: #f8f8f8;
  background-size: 3px;
  padding: 30px;
  margin-bottom: 30px;
  background: #173049;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .product__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
  }
}

.product__header__image img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .product__header__image {
    width: 30%;
  }
}

.product__header__content {
  padding: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product__header__content h1,
.product__header__content p {
  max-width: 600px;
}
.product__header__content *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .product__header__content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.product__list {
  padding: 30px;
  background: #f8f8f8;
}

.product__list__category {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  border-bottom: 4px solid #fff;
  padding-top: 30px;
}
.product__list__category:last-of-type {
  border-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .product__list__category {
    padding-left: 25vw;
  }
}

.product__list__category__header {
  position: relative;
}
.product__list__category__header:before,
.product__list__category__header:after {
  content: "";
  width: 100px;
  height: 8px;
  display: block;
  background: #173049;
  margin-bottom: 30px;
  margin-bottom: 30px;
}
.product__list__category__header:before {
  display: none;
}
.product__list__category__header h1 {
  color: #173049;
}
@media screen and (min-width: 1024px) {
  .product__list__category__header {
    width: 25vw;
    margin-left: -25vw;
    padding-right: 45px;
  }
}

.product__list__item {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .product__list__item {
    padding: 15px;
    width: 25vw;
    width: 33.3333%;
    min-width: 200px;
  }
}

.product__list__item__image {
  margin-bottom: 30px;
}

.product__list__item__title {
  font-size: 1.2rem;
}

.product__list__item__text {
  font-size: 0.9rem;
}

.product__list__item__content .btn {
  margin-bottom: 30px;
}

.map {
  height: 50vh;
  width: 100%;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
}
.map.large {
  height: 65vh;
}
@media screen and (min-width: 768px) {
  .map {
    height: 30vw;
  }
  .map.large {
    height: 40vh;
  }
}

.page-footer {
  background: #173049;
  padding: 60px 30px;
  color: #fff;
}
.page-footer form > * {
  width: 100%;
  text-align: left;
}
.page-footer ul {
  list-style: none;
  padding: 0;
}
.page-footer input[type="email"],
.page-footer input[type="text"] {
  background: #fff;
  color: #173049;
}
.page-footer input[type="email"]::-webkit-input-placeholder,
.page-footer input[type="text"]::-webkit-input-placeholder {
  color: #173049;
}
.page-footer input[type="email"]:-ms-input-placeholder,
.page-footer input[type="text"]:-ms-input-placeholder {
  color: #173049;
}
.page-footer input[type="email"]::placeholder,
.page-footer input[type="text"]::placeholder {
  color: #173049;
}
.page-footer input[type="submit"] {
  background: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 0.8rem;
}
.page-footer .columns {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.page-footer [class*="col-"] {
  background: none;
  color: #fff;
  padding: 30px;
}
@media screen and (min-width: 768px) {
  .page-footer [class*="col-"] {
    padding: 0;
  }
  .page-footer [class*="col-"]:last-child {
    text-align: right;
  }
}
.page-footer p {
  font-weight: 100;
}
.page-footer p:last-child {
  margin-bottom: 0;
}
.page-footer li a:not(.btn) {
  padding: 4px 0;
  display: block;
  color: #fff;
  font-weight: 300;
}
.page-footer li a:not(.btn):after {
  content: "\f105";
  margin-left: 15px;
  transition: all 0.2s linear;
  color: #3b684a;
}
.page-footer li a:not(.btn):after:last-child {
  margin-bottom: 0;
}
.page-footer li a:not(.btn):hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.page-footer li a:not(.btn):hover:after {
  margin-right: 7.5px;
}
.page-footer .socials {
  display: block;
  margin-top: 60px;
}
.page-footer .socials:before {
  width: 100%;
  height: 1px;
  border-radius: 6px;
  display: block;
  margin: auto;
  content: "";
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .page-footer {
    padding-top: 90px;
  }
}

.socials__logo {
  width: 75px;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  position: absolute;
  right: 30px;
  display: block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin: auto;
  margin-bottom: 30px;
}

.page-footer__nav-title {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 7.5px;
}
.page-footer__nav-title:after {
  width: 10%;
  height: 2px;
  border-radius: 6px;
  display: block;
  content: "";
  margin-top: 7.5px;
  transition: width 0.2s linear 0.2s;
}
nav:hover .page-footer__nav-title:after {
  width: 50%;
  transition: width 0.2s linear 0s;
}

.page-footer__contact span,
.page-footer__contact strong {
  display: block;
  margin-bottom: 5px;
}

.page-footer__logo {
  display: block;
  height: auto;
  width: 160px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .page-footer__logo {
    margin: auto 0 auto auto;
  }
}

.align-center {
  text-align: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bg-gradient,
[class*="col-"].bg-gradient {
  background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.bg-gray {
  background: #585e5d;
  color: #fff;
}

.bg-lightgray {
  background: #a5a8a4;
  color: #fff;
}

.bg-blue {
  background: #173049;
  color: #fff;
}

.bg-white {
  background: #fff;
  color: #000;
}

article.col-1.columns__content {
  display: block;
}

.columns__content__wrapper.bg-blue {
  display: block;
}

/*CAREERS */

.career-page .col-md-6 {
	padding: 15px;
	width: 50%;
}

.career-page h1 {
  font-size: clamp(2rem, 3vw, 3rem) !important;  
}

.career-page h2, .career-page h3 {
   font-size:  clamp(1.6rem, 2vw, 2.8rem) !important;
}

.career-page .services__title {
  margin-left: 0 !important;
}

.center__section h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.2rem, 2vw, 2.8rem);
  text-align: center;
  margin: 20px 0;
}


.center__section h2::before,
.center__section h2::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #707070;
  margin: 0 30px; /* avstånd mellan text och linjer */
}

.center__section p {
  max-width: 700px !important;
}

.career-page .col-md-6 {
	padding: 15px;
	width: 50%;
}

@media screen and (max-width: 768px) {
  .career-page .col-md-6 {
    width: 100% !important;
  }
}

/* JOBS */


.jobbs-section .jobText {
  font-size: clamp(14px, 2vw, 14px) !important;
  font-family: "Avenir LT W01_95 Black1475556", sans-serif !important;   
}


.jobbs-section p.line-right {
  /* layout */
  display:flex;
  align-items:center;
  gap:.75rem;            /* avstånd mellan text och linje */

}

.jobbs-section p.line-right::after{
  content:"";
  flex:1;                /* fyll ut till högerkant */
  height: 1px;
  background: #707070;
  transform: translateY(.05em); /* finjustera vertikalt om du vill */
}

ul.job-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.job-list li {
  display: flex;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
ul.job-list li  img {
  max-width: 200px;
  display: block;
  margin-right: 30px;
  height: auto;
  object-fit: cover;
}


ul.job-list li .job__title {
  color: #173049;
  font-size:  clamp(1.2rem, 2vw, 2.8rem);
  font-weight: 600;
  font-family: "Avenir LT W01_95 Black1475556", sans-serif;
}

ul.job-list li .job__intro {
  max-width: 600px;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.single-job__image img {
  width: 100% !important;
  max-height: 300px !important;
  height: auto;
  object-fit: cover;
  margin-bottom: 30px;
}
p.article__header__intro_job {
  font-size: 1.2rem !important;
}

@media screen {
  ul.job-list li img {
        max-width: 70px;
        margin-right: 15px;
  }
  ul.job-list li .job__details {
    padding-right: 5px;
  }
  ul.job-list li .job__details h2 {
    margin-bottom: 10px;
  }
}

/* WORKER STORIES */

.workerText {
  font-size: clamp(14px, 2vw, 14px) !important;
  font-family: "Avenir LT W01_95 Black1475556", sans-serif !important;   
}

.workerText.line-right {
  margin-top:2rem;
  /* layout */
  display:flex;
  align-items:center;
  gap:.75rem;            /* avstånd mellan text och linje */
  max-width: 100%;
}

.workerText.line-right::after {
  content:"";
  flex:1;                /* fyll ut till högerkant */
  height: 1px;
  background: #707070;
  transform: translateY(.05em); /* finjustera vertikalt om du vill */
}

.worker-stories-section .circle img  {
  padding: 0 !important;
}

.worker-stories-section .worker__title {
  max-width: 500px;
}

.worker-story .article__header__intro_story p {
  font-size: 1.2rem !important;
}

.worker-story .single-story__flex
 {
  display: flex;
  align-items: center;
  gap: 20px;
 }

 .worker-story p.worker__name {
  font-size: 0.8rem !important;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-family: "Avenir LT W01_95 Black1475556", sans-serif;
  letter-spacing: 1px;
 }

 .worker-story .single-story__image img  {
  max-width: 220px;
  height: auto;
  object-fit: cover;
 }

 p.bigger-please,  p.bigger-please a:link, p.bigger-please a:visited {
  font-weight: 800;
	font-size: 24px !important;
}

/*# sourceMappingURL=style.css.map */