@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
#menu ul.menu > li a,
h4,
#menu .search input,
h5,
#menu ul.menu > li ul li a,
h6,
p,
input:not([type="range"]),
textarea,
select,
.button-box,
.btn.btn-primary,
#footer .contact > :last-child,
.text_text .copy ul li,
.color-chart > div ul li span,
.form .range > div,
.tx-mailchimp #mailchimp-ajax-response,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/roboto/Roboto-Regular.eot");
  src: url("./assets/fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/roboto/Roboto-Regular.woff") format("woff"), url("./assets/fonts/roboto/Roboto-Regular.ttf") format("truetype"), url("./assets/fonts/roboto/Roboto-Regular.svg?#webfont") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/roboto/Roboto-Light.eot");
  src: url("./assets/fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/roboto/Roboto-Light.woff") format("woff"), url("./assets/fonts/roboto/Roboto-Light.ttf") format("truetype"), url("./assets/fonts/roboto/Roboto-Light.svg?#webfont") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/roboto/Roboto-Medium.eot");
  src: url("./assets/fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/roboto/Roboto-Medium.woff") format("woff"), url("./assets/fonts/roboto/Roboto-Medium.ttf") format("truetype"), url("./assets/fonts/roboto/Roboto-Medium.svg?#webfont") format("svg");
  font-weight: 500;
  font-style: normal; }

/*!
 * Bootstrap Grid v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

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

.container, #footer, #menu > div, .big_header, .text_image, .text_mixed, .text_text, .mask_form, .collage > div, .order_form_thank_you, .download-grid, .cards > div, .full_box, .order_form, .video, .slider {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container, #footer, #menu > div, .big_header, .text_image, .text_mixed, .text_text, .mask_form, .collage > div, .order_form_thank_you, .download-grid, .cards > div, .full_box, .order_form, .video, .slider {
      max-width: 540px; } }
  @media (min-width: 769px) {
    .container, #footer, #menu > div, .big_header, .text_image, .text_mixed, .text_text, .mask_form, .collage > div, .order_form_thank_you, .download-grid, .cards > div, .full_box, .order_form, .video, .slider {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container, #footer, #menu > div, .big_header, .text_image, .text_mixed, .text_text, .mask_form, .collage > div, .order_form_thank_you, .download-grid, .cards > div, .full_box, .order_form, .video, .slider {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container, #footer, #menu > div, .big_header, .text_image, .text_mixed, .text_text, .mask_form, .collage > div, .order_form_thank_you, .download-grid, .cards > div, .full_box, .order_form, .video, .slider {
      max-width: 1400px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row, .color-chart > div ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .stories .slick-arrow, .col-6, .col-7, .text_image.stack_to_image .image.col-5, .text_image.stack_to_image .stories .image.slick-arrow, .stories .text_image.stack_to_image .image.slick-arrow, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .full_box .col-md-add-1, .col-md-3, .full_box .col-md-add-2, .col-md-4, .full_box .col-md-add-3, .col-md-5, .full_box .col-md-add-4, .col-md-6, .full_box .col-md-add-5, .col-md-7, .full_box .col-md-add-6, .col-md-8, .full_box .col-md-add-7, .col-md-9, .full_box .col-md-add-8, .col-md-10, .full_box .col-md-add-9, .col-md-11, .full_box .col-md-add-10, .col-md-12, .full_box .col-md-add-11, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl,
.col-xxxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5, .stories .slick-arrow {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7, .text_image.stack_to_image .image.col-5, .text_image.stack_to_image .stories .image.slick-arrow, .stories .text_image.stack_to_image .image.slick-arrow {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 769px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2, .full_box .col-md-add-1 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3, .full_box .col-md-add-2 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4, .full_box .col-md-add-3 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5, .full_box .col-md-add-4 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6, .full_box .col-md-add-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7, .full_box .col-md-add-6 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8, .full_box .col-md-add-7 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9, .full_box .col-md-add-8 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10, .full_box .col-md-add-9 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11, .full_box .col-md-add-10 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12, .full_box .col-md-add-11 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1930px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    order: -1; }
  .order-xxl-last {
    order: 13; }
  .order-xxl-0 {
    order: 0; }
  .order-xxl-1 {
    order: 1; }
  .order-xxl-2 {
    order: 2; }
  .order-xxl-3 {
    order: 3; }
  .order-xxl-4 {
    order: 4; }
  .order-xxl-5 {
    order: 5; }
  .order-xxl-6 {
    order: 6; }
  .order-xxl-7 {
    order: 7; }
  .order-xxl-8 {
    order: 8; }
  .order-xxl-9 {
    order: 9; }
  .order-xxl-10 {
    order: 10; }
  .order-xxl-11 {
    order: 11; }
  .order-xxl-12 {
    order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 3000px) {
  .col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xxxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxxl-first {
    order: -1; }
  .order-xxxl-last {
    order: 13; }
  .order-xxxl-0 {
    order: 0; }
  .order-xxxl-1 {
    order: 1; }
  .order-xxxl-2 {
    order: 2; }
  .order-xxxl-3 {
    order: 3; }
  .order-xxxl-4 {
    order: 4; }
  .order-xxxl-5 {
    order: 5; }
  .order-xxxl-6 {
    order: 6; }
  .order-xxxl-7 {
    order: 7; }
  .order-xxxl-8 {
    order: 8; }
  .order-xxxl-9 {
    order: 9; }
  .order-xxxl-10 {
    order: 10; }
  .order-xxxl-11 {
    order: 11; }
  .order-xxxl-12 {
    order: 12; }
  .offset-xxxl-0 {
    margin-left: 0; }
  .offset-xxxl-1 {
    margin-left: 8.33333%; }
  .offset-xxxl-2 {
    margin-left: 16.66667%; }
  .offset-xxxl-3 {
    margin-left: 25%; }
  .offset-xxxl-4 {
    margin-left: 33.33333%; }
  .offset-xxxl-5 {
    margin-left: 41.66667%; }
  .offset-xxxl-6 {
    margin-left: 50%; }
  .offset-xxxl-7 {
    margin-left: 58.33333%; }
  .offset-xxxl-8 {
    margin-left: 66.66667%; }
  .offset-xxxl-9 {
    margin-left: 75%; }
  .offset-xxxl-10 {
    margin-left: 83.33333%; }
  .offset-xxxl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 769px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1930px) {
  .d-xxl-none {
    display: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 3000px) {
  .d-xxxl-none {
    display: none !important; }
  .d-xxxl-inline {
    display: inline !important; }
  .d-xxxl-inline-block {
    display: inline-block !important; }
  .d-xxxl-block {
    display: block !important; }
  .d-xxxl-table {
    display: table !important; }
  .d-xxxl-table-row {
    display: table-row !important; }
  .d-xxxl-table-cell {
    display: table-cell !important; }
  .d-xxxl-flex {
    display: flex !important; }
  .d-xxxl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 769px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

@media (min-width: 1930px) {
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; } }

@media (min-width: 3000px) {
  .flex-xxxl-row {
    flex-direction: row !important; }
  .flex-xxxl-column {
    flex-direction: column !important; }
  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xxxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxxl-center {
    justify-content: center !important; }
  .justify-content-xxxl-between {
    justify-content: space-between !important; }
  .justify-content-xxxl-around {
    justify-content: space-around !important; }
  .align-items-xxxl-start {
    align-items: flex-start !important; }
  .align-items-xxxl-end {
    align-items: flex-end !important; }
  .align-items-xxxl-center {
    align-items: center !important; }
  .align-items-xxxl-baseline {
    align-items: baseline !important; }
  .align-items-xxxl-stretch {
    align-items: stretch !important; }
  .align-content-xxxl-start {
    align-content: flex-start !important; }
  .align-content-xxxl-end {
    align-content: flex-end !important; }
  .align-content-xxxl-center {
    align-content: center !important; }
  .align-content-xxxl-between {
    align-content: space-between !important; }
  .align-content-xxxl-around {
    align-content: space-around !important; }
  .align-content-xxxl-stretch {
    align-content: stretch !important; }
  .align-self-xxxl-auto {
    align-self: auto !important; }
  .align-self-xxxl-start {
    align-self: flex-start !important; }
  .align-self-xxxl-end {
    align-self: flex-end !important; }
  .align-self-xxxl-center {
    align-self: center !important; }
  .align-self-xxxl-baseline {
    align-self: baseline !important; }
  .align-self-xxxl-stretch {
    align-self: stretch !important; } }

/**
 * The MIT License (MIT)
 * 
 * Copyright (c) 2015 BG Stock - html5backgroundvideos.com
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
/**
 * Set default positioning as a fallback for if the plugin fails
 */
.jquery-background-video-wrapper {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.jquery-background-video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  object-fit: contain;
  transform: translate(-50%, -50%); }

/**
 * Fade in videos
 * Note the .js class - so non js users still
 * see the video
 */
.js .video-bg video {
  opacity: 0; }

.js .video-bg video.is-playing {
  opacity: 1; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("//vjs.zencdn.net/font/1.5.1/VideoJS.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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AG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"; }

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-next-item:before {
    content: "\f11f"; }

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-previous-item:before {
    content: "\f120"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #7d7d7d;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: "Roboto";
  word-break: initial; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: "Roboto";
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #7d7d7d;
  background-color: #fff;
  background-color: white;
  border-radius: 0.3em;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #7d7d7d;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: "Roboto";
  overflow: auto; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #7d7d7d;
  color: #fff; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: white; }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #fff;
  background-color: white;
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #fff;
  background-color: white; }

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em #7d7d7d; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none; }

.video-js .vjs-progress-control.disabled {
  cursor: default; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0; }

.video-js .vjs-play-progress {
  background-color: #7d7d7d; }
  .video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1; }

.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.5); }

.video-js .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: "Roboto";
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5); }

.video-js .vjs-slider.disabled {
  cursor: default; }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em #7d7d7d;
  box-shadow: 0 0 1em #7d7d7d; }

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.video-js .vjs-volume-panel {
  transition: width 1s; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control,
  .video-js .vjs-volume-panel:active .vjs-volume-control,
  .video-js .vjs-volume-panel:focus .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control:hover,
  .video-js .vjs-volume-panel .vjs-volume-control:active,
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
      width: 5em;
      height: 3em; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    transition: width 0.1s; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #7d7d7d; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #fff;
  background-color: white; }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em; }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none; }

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: "Roboto";
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid white;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: 0s linear 0.3s forwards vjs-spinner-show; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: white; }
  20% {
    border-top-color: white; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: white; }
  100% {
    border-top-color: white; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  color: #7d7d7d;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto; }
  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1; }
  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1; }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2; } }

.vjs-track-setting > select {
  margin-right: 5px; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block; }

.vjs-text-track-settings legend {
  color: #7d7d7d;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #7d7d7d 88%, white 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #7d7d7d;
  background-image: linear-gradient(-180deg, #7d7d7d 88%, white 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/fileadmin/templates/assets/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("/fileadmin/templates/assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/fileadmin/templates/assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/fileadmin/templates/assets/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/fileadmin/templates/assets/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/fileadmin/templates/assets/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

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

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

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.25; }

@media (max-width: 768.98px) {
  jumbo,
  .jumbo,
  .big_header h2 {
    font-size: 40px;
    font-weight: 500; } }

@media (min-width: 769px) {
  jumbo,
  .jumbo,
  .big_header h2 {
    font-size: 58px;
    font-weight: 500; } }

@media (min-width: 1200px) {
  jumbo,
  .jumbo,
  .big_header h2 {
    font-size: 70px;
    font-weight: 500;
    margin-bottom: 45px; } }

@media (max-width: 768.98px) {
  jumbo.mb,
  .jumbo.mb,
  .big_header h2.mb {
    margin-bottom: 40px; } }

@media (min-width: 576px) {
  jumbo.mb,
  .jumbo.mb,
  .big_header h2.mb {
    margin-bottom: 58px; } }

@media (min-width: 769px) {
  jumbo.mb,
  .jumbo.mb,
  .big_header h2.mb {
    margin-bottom: 70px; } }

@media (max-width: 768.98px) {
  jumbo.mb-l,
  .jumbo.mb-l,
  .big_header h2.mb-l {
    margin-bottom: 40px; } }

@media (min-width: 576px) {
  jumbo.mb-l,
  .jumbo.mb-l,
  .big_header h2.mb-l {
    margin-bottom: 58px; } }

@media (min-width: 769px) {
  jumbo.mb-l,
  .jumbo.mb-l,
  .big_header h2.mb-l {
    margin-bottom: 70px; } }

@media (max-width: 768.98px) {
  h1,
  .h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    margin-bottom: 22px; } }

@media (min-width: 769px) {
  h1,
  .h1 {
    font-size: 58px;
    line-height: 65px;
    font-weight: 500;
    margin-bottom: 22px; } }

@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 70px;
    font-weight: 500;
    line-height: 85px; } }

@media (max-width: 768.98px) {
  h1.mb,
  .h1.mb {
    margin-bottom: 40px; } }

@media (min-width: 576px) {
  h1.mb,
  .h1.mb {
    margin-bottom: 58px; } }

@media (min-width: 769px) {
  h1.mb,
  .h1.mb {
    margin-bottom: 70px; } }

@media (max-width: 768.98px) {
  h1.mb-l,
  .h1.mb-l {
    margin-bottom: 40px; } }

@media (min-width: 576px) {
  h1.mb-l,
  .h1.mb-l {
    margin-bottom: 58px; } }

@media (min-width: 769px) {
  h1.mb-l,
  .h1.mb-l {
    margin-bottom: 70px; } }

@media (max-width: 768.98px) {
  h2,
  .h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 22px; } }

@media (min-width: 769px) {
  h2,
  .h2 {
    font-size: 42px;
    line-height: 48px;
    font-weight: 500;
    margin-bottom: 22px; } }

@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 30px; } }

@media (max-width: 768.98px) {
  h2.mb,
  .h2.mb {
    margin-bottom: 30px; } }

@media (min-width: 576px) {
  h2.mb,
  .h2.mb {
    margin-bottom: 42px; } }

@media (min-width: 769px) {
  h2.mb,
  .h2.mb {
    margin-bottom: 50px; } }

@media (max-width: 768.98px) {
  h2.mb-l,
  .h2.mb-l {
    margin-bottom: 30px; } }

@media (min-width: 576px) {
  h2.mb-l,
  .h2.mb-l {
    margin-bottom: 42px; } }

@media (min-width: 769px) {
  h2.mb-l,
  .h2.mb-l {
    margin-bottom: 50px; } }

@media (max-width: 768.98px) {
  
  h3,
  #menu ul.menu > li a,
  .h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 22px; } }

@media (min-width: 769px) {
  
  h3,
  #menu ul.menu > li a,
  .h3 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 22px; } }

@media (min-width: 1200px) {
  
  h3,
  #menu ul.menu > li a,
  .h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 22px; } }

@media (max-width: 768.98px) {
  h3.mb, #menu ul.menu > li a.mb,
  .h3.mb {
    margin-bottom: 22px; } }

@media (min-width: 576px) {
  h3.mb, #menu ul.menu > li a.mb,
  .h3.mb {
    margin-bottom: 32px; } }

@media (min-width: 769px) {
  h3.mb, #menu ul.menu > li a.mb,
  .h3.mb {
    margin-bottom: 40px; } }

@media (max-width: 768.98px) {
  h3.mb-l, #menu ul.menu > li a.mb-l,
  .h3.mb-l {
    margin-bottom: 22px; } }

@media (min-width: 576px) {
  h3.mb-l, #menu ul.menu > li a.mb-l,
  .h3.mb-l {
    margin-bottom: 32px; } }

@media (min-width: 769px) {
  h3.mb-l, #menu ul.menu > li a.mb-l,
  .h3.mb-l {
    margin-bottom: 40px; } }

@media (max-width: 768.98px) {
  
  h4,
  #menu .search input,
  .h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 18px; } }

@media (min-width: 769px) {
  
  h4,
  #menu .search input,
  .h4 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 16px; } }

@media (min-width: 1200px) {
  
  h4,
  #menu .search input,
  .h4 {
    font-size: 30px;
    line-height: 40px; } }

@media (max-width: 768.98px) {
  h4.mb, #menu .search input.mb,
  .h4.mb {
    margin-bottom: 20px; } }

@media (min-width: 576px) {
  h4.mb, #menu .search input.mb,
  .h4.mb {
    margin-bottom: 26px; } }

@media (min-width: 769px) {
  h4.mb, #menu .search input.mb,
  .h4.mb {
    margin-bottom: 30px; } }

@media (max-width: 768.98px) {
  h4.mb-l, #menu .search input.mb-l,
  .h4.mb-l {
    margin-bottom: 20px; } }

@media (min-width: 576px) {
  h4.mb-l, #menu .search input.mb-l,
  .h4.mb-l {
    margin-bottom: 26px; } }

@media (min-width: 769px) {
  h4.mb-l, #menu .search input.mb-l,
  .h4.mb-l {
    margin-bottom: 30px; } }

@media (max-width: 768.98px) {
  
  h5,
  #menu ul.menu > li ul li a,
  .h5 {
    font-size: 18px; } }

@media (min-width: 769px) {
  
  h5,
  #menu ul.menu > li ul li a,
  .h5 {
    font-size: 24px; } }

@media (min-width: 1200px) {
  
  h5,
  #menu ul.menu > li ul li a,
  .h5 {
    font-size: 26px; } }

@media (max-width: 768.98px) {
  h5.mb, #menu ul.menu > li ul li a.mb,
  .h5.mb {
    margin-bottom: 18px; } }

@media (min-width: 576px) {
  h5.mb, #menu ul.menu > li ul li a.mb,
  .h5.mb {
    margin-bottom: 24px; } }

@media (min-width: 769px) {
  h5.mb, #menu ul.menu > li ul li a.mb,
  .h5.mb {
    margin-bottom: 26px; } }

@media (max-width: 768.98px) {
  h5.mb-l, #menu ul.menu > li ul li a.mb-l,
  .h5.mb-l {
    margin-bottom: 18px; } }

@media (min-width: 576px) {
  h5.mb-l, #menu ul.menu > li ul li a.mb-l,
  .h5.mb-l {
    margin-bottom: 24px; } }

@media (min-width: 769px) {
  h5.mb-l, #menu ul.menu > li ul li a.mb-l,
  .h5.mb-l {
    margin-bottom: 26px; } }

@media (max-width: 768.98px) {
  h6,
  .h6 {
    font-size: 12px; } }

@media (min-width: 769px) {
  h6,
  .h6 {
    font-size: 20px; } }

@media (min-width: 1200px) {
  h6,
  .h6 {
    font-size: 22px; } }

@media (max-width: 768.98px) {
  h6.mb,
  .h6.mb {
    margin-bottom: 12px; } }

@media (min-width: 576px) {
  h6.mb,
  .h6.mb {
    margin-bottom: 20px; } }

@media (min-width: 769px) {
  h6.mb,
  .h6.mb {
    margin-bottom: 22px; } }

@media (max-width: 768.98px) {
  h6.mb-l,
  .h6.mb-l {
    margin-bottom: 12px; } }

@media (min-width: 576px) {
  h6.mb-l,
  .h6.mb-l {
    margin-bottom: 20px; } }

@media (min-width: 769px) {
  h6.mb-l,
  .h6.mb-l {
    margin-bottom: 22px; } }

@media (max-width: 768.98px) {
  
  p,
  input:not([type="range"]),
  textarea,
  select,
  .button-box,
  .btn.btn-primary,
  #footer .contact > :last-child,
  .text_text .copy ul li,
  .color-chart > div ul li span,
  .form .range > div,
  .tx-mailchimp #mailchimp-ajax-response,
  .p {
    font-size: 14px; } }

@media (min-width: 769px) {
  
  p,
  input:not([type="range"]),
  textarea,
  select,
  .button-box,
  .btn.btn-primary,
  #footer .contact > :last-child,
  .text_text .copy ul li,
  .color-chart > div ul li span,
  .form .range > div,
  .tx-mailchimp #mailchimp-ajax-response,
  .p {
    font-size: 16px; } }

@media (min-width: 1200px) {
  
  p,
  input:not([type="range"]),
  textarea,
  select,
  .button-box,
  .btn.btn-primary,
  #footer .contact > :last-child,
  .text_text .copy ul li,
  .color-chart > div ul li span,
  .form .range > div,
  .tx-mailchimp #mailchimp-ajax-response,
  .p {
    font-size: 18px; } }

@media (max-width: 768.98px) {
  p.mb, input.mb:not([type="range"]),
  textarea.mb,
  select.mb,
  .mb.button-box,
  .mb.btn.btn-primary, #footer .contact > .mb:last-child, .text_text .copy ul li.mb, .color-chart > div ul li span.mb, .form .range > div.mb, .tx-mailchimp .mb#mailchimp-ajax-response,
  .p.mb {
    margin-bottom: 14px; } }

@media (min-width: 576px) {
  p.mb, input.mb:not([type="range"]),
  textarea.mb,
  select.mb,
  .mb.button-box,
  .mb.btn.btn-primary, #footer .contact > .mb:last-child, .text_text .copy ul li.mb, .color-chart > div ul li span.mb, .form .range > div.mb, .tx-mailchimp .mb#mailchimp-ajax-response,
  .p.mb {
    margin-bottom: 16px; } }

@media (min-width: 769px) {
  p.mb, input.mb:not([type="range"]),
  textarea.mb,
  select.mb,
  .mb.button-box,
  .mb.btn.btn-primary, #footer .contact > .mb:last-child, .text_text .copy ul li.mb, .color-chart > div ul li span.mb, .form .range > div.mb, .tx-mailchimp .mb#mailchimp-ajax-response,
  .p.mb {
    margin-bottom: 18px; } }

@media (max-width: 768.98px) {
  p.mb-l, input.mb-l:not([type="range"]),
  textarea.mb-l,
  select.mb-l,
  .mb-l.button-box,
  .mb-l.btn.btn-primary, #footer .contact > .mb-l:last-child, .text_text .copy ul li.mb-l, .color-chart > div ul li span.mb-l, .form .range > div.mb-l, .tx-mailchimp .mb-l#mailchimp-ajax-response,
  .p.mb-l {
    margin-bottom: 14px; } }

@media (min-width: 576px) {
  p.mb-l, input.mb-l:not([type="range"]),
  textarea.mb-l,
  select.mb-l,
  .mb-l.button-box,
  .mb-l.btn.btn-primary, #footer .contact > .mb-l:last-child, .text_text .copy ul li.mb-l, .color-chart > div ul li span.mb-l, .form .range > div.mb-l, .tx-mailchimp .mb-l#mailchimp-ajax-response,
  .p.mb-l {
    margin-bottom: 16px; } }

@media (min-width: 769px) {
  p.mb-l, input.mb-l:not([type="range"]),
  textarea.mb-l,
  select.mb-l,
  .mb-l.button-box,
  .mb-l.btn.btn-primary, #footer .contact > .mb-l:last-child, .text_text .copy ul li.mb-l, .color-chart > div ul li span.mb-l, .form .range > div.mb-l, .tx-mailchimp .mb-l#mailchimp-ajax-response,
  .p.mb-l {
    margin-bottom: 18px; } }

@media (max-width: 768.98px) {
  small,
  .small {
    font-size: 12px; } }

@media (min-width: 769px) {
  small,
  .small {
    font-size: 13px; } }

@media (min-width: 1200px) {
  small,
  .small {
    font-size: 13px; } }

@media (max-width: 768.98px) {
  small.mb,
  .small.mb {
    margin-bottom: 12px; } }

@media (min-width: 576px) {
  small.mb,
  .small.mb {
    margin-bottom: 13px; } }

@media (min-width: 769px) {
  small.mb,
  .small.mb {
    margin-bottom: 13px; } }

@media (max-width: 768.98px) {
  small.mb-l,
  .small.mb-l {
    margin-bottom: 12px; } }

@media (min-width: 576px) {
  small.mb-l,
  .small.mb-l {
    margin-bottom: 13px; } }

@media (min-width: 769px) {
  small.mb-l,
  .small.mb-l {
    margin-bottom: 13px; } }

@media (max-width: 768.98px) {
  h1,
  h2,
  h3,
  #menu ul.menu > li a,
  h4,
  #menu .search input,
  h5,
  #menu ul.menu > li ul li a,
  h6 {
    -webkit-hyphens: auto;
    hyphens: auto; } }

/* h1 {
  @include font-size(70);
  font-weight: 400;
}

h2 {
  @include font-size(60, true);
  font-weight: 400;
}
h3 {
  @include font-size(40, true);
  font-weight: 400;
}
h4 {
  @include font-size(24, true);
  font-weight: 400;
}
h5 {
  @include font-size(24, true);
  font-weight: 300;
}
h6 {
  @include font-size(16, true);
  font-weight: 300;
} */
/*
h3 {
  @include font-size(60);
  @include media-breakpoint-down(sm) {
    @include font-size(24);
  }
  font-weight: 400;
  margin-bottom: 30px;
}
h4 {
  @include font-size(40);
  font-weight: 400;
  margin-bottom: 20px;
}

h5 {
  @include font-size(24);
  font-weight: 300;
  &.ma {
    margin-bottom: 24px;
  }
}
*/

p,
input:not([type="range"]),
textarea,
select,
.button-box,
.btn.btn-primary,
#footer .contact > :last-child,
.text_text .copy ul li,
.color-chart > div ul li span,
.form .range > div,
.tx-mailchimp #mailchimp-ajax-response,
label {
  /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
  font-weight: 300;
  line-height: 2.25; }
  p strong, input:not([type="range"]) strong, textarea strong, select strong, .button-box strong, .btn.btn-primary strong, #footer .contact > :last-child strong, .text_text .copy ul li strong, .color-chart > div ul li span strong, .form .range > div strong, .tx-mailchimp #mailchimp-ajax-response strong,
  label strong {
    font-weight: 400; }

li {
  /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */ }

a {
  text-decoration: none;
  color: #000; }

p a, input:not([type="range"]) a, textarea a, select a, .button-box a, .btn.btn-primary a, #footer .contact > :last-child a, .text_text .copy ul li a, .color-chart > div ul li span a, .form .range > div a, .tx-mailchimp #mailchimp-ajax-response a {
  text-decoration: underline;
  font-weight: 500; }
  p a:hover, input:not([type="range"]) a:hover, textarea a:hover, select a:hover, .button-box a:hover, .btn.btn-primary a:hover, #footer .contact > :last-child a:hover, .text_text .copy ul li a:hover, .color-chart > div ul li span a:hover, .form .range > div a:hover, .tx-mailchimp #mailchimp-ajax-response a:hover {
    color: #7cc6c0; }

p.text-justify, input.text-justify:not([type="range"]),
textarea.text-justify,
select.text-justify,
.text-justify.button-box,
.text-justify.btn.btn-primary, #footer .contact > .text-justify:last-child, .text_text .copy ul li.text-justify, .color-chart > div ul li span.text-justify, .form .range > div.text-justify, .tx-mailchimp .text-justify#mailchimp-ajax-response {
  text-align: justify; }

.ratio.ratio-1-2, .ratio-1-2#maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-1-2:before, .ratio-1-2#maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 200%; }
  .ratio.ratio-1-2 > div, .ratio-1-2#maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio.ratio-1-1, .ratio-1-1#maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-1-1:before, .ratio-1-1#maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }
  .ratio.ratio-1-1 > div, .ratio-1-1#maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio.ratio-16-9, .ratio, #maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-16-9:before, .ratio:before, #maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  .ratio.ratio-16-9 > div, .ratio > div, #maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio.ratio-3-5, .ratio-3-5#maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-3-5:before, .ratio-3-5#maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 166.66667%; }
  .ratio.ratio-3-5 > div, .ratio-3-5#maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio.ratio-5-4, .ratio-5-4#maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-5-4:before, .ratio-5-4#maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 80%; }
  .ratio.ratio-5-4 > div, .ratio-5-4#maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio.ratio-4-5, .ratio-4-5#maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-4-5:before, .ratio-4-5#maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 125%; }
  .ratio.ratio-4-5 > div, .ratio-4-5#maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio.ratio-5-2, .ratio-5-2#maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-5-2:before, .ratio-5-2#maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 40%; }
  .ratio.ratio-5-2 > div, .ratio-5-2#maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ratio.ratio-9-16, .ratio-9-16#maps {
  position: relative;
  width: 100%; }
  .ratio.ratio-9-16:before, .ratio-9-16#maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 177.77778%; }
  .ratio.ratio-9-16 > div, .ratio-9-16#maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.relative {
  position: relative; }

.row-reverse {
  flex-direction: row-reverse; }

.video-js .vjs-big-play-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  margin-left: -25px;
  margin-top: -25px;
  left: 50%;
  top: 50%; }

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

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

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

.ta-4 {
  text-align: justify; }

a.link:hover {
  color: #7cc6c0; }

.button {
  font-size: 14px;
  font-weight: 500;
  color: #7d7d7d; }
  .button.black {
    color: #000; }
  .button-white, .full_box .button {
    color: #fff; }
  .button > svg {
    fill: #7cc6c0;
    width: 16px;
    height: 16px;
    margin-left: 10px; }
    .button > svg.arrow-right, .button > svg.arrow-left {
      width: 10px;
      height: 10px;
      transition: all 0.25s ease-in-out; }
      .button > svg.arrow-right.arrow-right, .button > svg.arrow-left.arrow-right {
        margin-left: 5px; }
      .button > svg.arrow-right.arrow-left, .button > svg.arrow-left.arrow-left {
        transform: rotate(180deg);
        margin-right: 5px; }
  .button:hover {
    color: #7cc6c0; }
    .button:hover > svg.arrow-right {
      margin-left: 7px;
      fill: #dadada; }

.bg {
  background-repeat: no-repeat; }
  .bg-fill-2, .bg-contain {
    background-size: contain; }
  .bg-fill-1, .bg-cover {
    background-size: cover; }
  .bg-right, .bg-align-3 {
    background-position: right top; }
  .bg-left, .bg-align-2 {
    background-position: left top; }
    @media (max-width: 1199.98px) {
      .bg-left, .bg-align-2 {
        background-position: -50% center; } }
  .bg-center, .bg-align-1 {
    background-position: center top; }
  .bg-valign-1 {
    background-position-y: center; }
  .bg-valign-2 {
    background-position-y: top; }
  .bg-valign-3 {
    background-position-y: bottom; }

.background-color-1 {
  background-color: transparent; }

.background-color-2 {
  background-color: #fff;
  text-shadow: initial !important; }

.background-color-3 {
  background-color: #000; }

.background-color-4 {
  background-color: #7cc6c0; }

.background-color-5 {
  background-color: #7d7d7d;
  text-shadow: initial !important; }

.background-color-6 {
  background-color: #dadada;
  text-shadow: initial !important; }

.background-color-7 {
  background-color: #ecebe7; }

.background-color-2, .background-color5, .background-color-6 {
  color: #fff; }

.bg-s {
  /*
  background-size: 40%;
background-position: 10%;*/ }
  .bg-s-1 {
    background-size: 10%;
    background-position: 50%; }
  .bg-s-2 {
    background-size: 20%;
    background-position: 40%; }
  .bg-s-3 {
    background-size: 30%;
    background-position: 30%; }
  .bg-s-4 {
    background-size: 40%;
    background-position: 20%; }
  .bg-s-5 {
    background-size: 50%;
    background-position: 10%; }
  .bg-s-6 {
    background-size: 60%;
    background-position: 0%; }
  .bg-s-7 {
    background-size: 70%;
    background-position: -10%; }
  .bg-s-8 {
    background-size: 80%;
    background-position: -20%; }
  .bg-s-9 {
    background-size: 90%;
    background-position: -30%; }
  .bg-s-10 {
    background-size: 100%;
    background-position: -40%; }
  .bg-s-11 {
    background-size: 110%;
    background-position: -50%; }
  .bg-s-12 {
    background-size: 120%;
    background-position: -60%; }

.whitebox, .frame.frame-type-login > div, .image-caption .caption, .text_image.stack_to_image .copy > div, .form .search ul, .partner-widget .partnersearch-form, .partner-widget .download-grid .download-form, .download-grid .partner-widget .download-form, .login-form .tx-felogin-pi1 {
  background: #fff;
  padding: 20px 35px; }
  @media (max-width: 768.98px) {
    .whitebox, .frame.frame-type-login > div, .image-caption .caption, .text_image.stack_to_image .copy > div, .form .search ul, .partner-widget .partnersearch-form, .partner-widget .download-grid .download-form, .download-grid .partner-widget .download-form, .login-form .tx-felogin-pi1 {
      padding: 20px; } }

a.whitebox .link-arrow, .image-caption a.caption .link-arrow, .partner-widget a.partnersearch-form .link-arrow, .partner-widget .download-grid a.download-form .link-arrow, .download-grid .partner-widget a.download-form .link-arrow, .login-form a.tx-felogin-pi1 .link-arrow {
  position: absolute;
  right: 35px;
  bottom: 20px; }

a.whitebox svg, .image-caption a.caption svg, .partner-widget a.partnersearch-form svg, .partner-widget .download-grid a.download-form svg, .download-grid .partner-widget a.download-form svg, .login-form a.tx-felogin-pi1 svg {
  fill: #dadada;
  width: 16px;
  height: 16px;
  margin-left: 10px; }
  a.whitebox svg.arrow-right, .image-caption a.caption svg.arrow-right, .partner-widget a.partnersearch-form svg.arrow-right, .partner-widget .download-grid a.download-form svg.arrow-right, .download-grid .partner-widget a.download-form svg.arrow-right, .login-form a.tx-felogin-pi1 svg.arrow-right {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    position: absolute;
    right: 35px;
    bottom: 20px; }

a.whitebox:hover svg, .image-caption a.caption:hover svg, .partner-widget a.partnersearch-form:hover svg, .partner-widget .download-grid a.download-form:hover svg, .download-grid .partner-widget a.download-form:hover svg, .login-form a.tx-felogin-pi1:hover svg {
  fill: #7cc6c0; }

.paint {
  background: no-repeat center;
  background-size: contain;
  z-index: -1; }
  @media (max-width: 768.98px) {
    .paint {
      display: none; } }
  .paint.paint-1 {
    background-image: url("assets/images/paint-1.gif");
    position: relative;
    width: 100%;
    bottom: 0;
    position: absolute; }
    .paint.paint-1:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 35%; }
    .paint.paint-1 > div {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .paint.paint-2 {
    background-image: url("assets/images/paint-2.gif");
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    position: absolute; }
    .paint.paint-2:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 87.5%; }
    .paint.paint-2 > div {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .paint.paint-3 {
    background-image: url("assets/images/paint-3.gif");
    position: relative;
    width: 100%;
    top: 150px;
    left: -110px;
    height: 342px;
    width: 227px;
    position: absolute; }
    .paint.paint-3:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 28.36879%; }
    .paint.paint-3 > div {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }

input:not([type="range"]),
textarea,
select,
.button-box,
.btn.btn-primary {
  line-height: 1;
  padding: 15px 25px;
  width: 100%;
  border: 1px solid #7cc6c0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

.actions {
  margin-top: 20px; }

.button-box {
  display: inline-block;
  width: initial;
  cursor: pointer;
  background: #fff; }
  .button-box .fa {
    color: #7cc6c0; }
  .button-box:hover {
    color: #7cc6c0; }
  .button-box.active {
    background: #7cc6c0;
    color: #fff; }
    .button-box.active .fa {
      color: #fff; }

select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none; }
  select::-ms-expand {
    display: none; }

button {
  cursor: pointer;
  border: none;
  background: transparent;
  display: block;
  outline: none; }

.atab {
  tab-size: 30;
  -moz-tab-size: 30;
  -ms-tab-size: 30; }

.input-grp {
  position: relative;
  height: 50px; }
  .input-grp input {
    position: absolute; }
  .input-grp button {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    color: #7cc6c0;
    display: flex;
    align-items: center; }
    .input-grp button svg {
      fill: #7cc6c0;
      width: 16px;
      height: 16px;
      margin-left: 10px; }
      .input-grp button svg.arrow-right {
        width: 20px;
        height: 16px; }
    .input-grp button:hover svg {
      fill: #dadada; }

.hidden {
  display: none; }

#header {
  position: fixed;
  width: 100vw;
  z-index: 999 !important;
  top: 0;
  left: 0;
  padding: 0 25px;
  transition: background-color 0.25s ease-in-out; }
  #header.sticked {
    background: rgba(255, 255, 255, 0.97); }
    @media (min-width: 576px) {
      #header.sticked {
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); } }
  @media (max-width: 768.98px) {
    #header {
      border-bottom: 1px solid #dadada;
      z-index: 99999 !important; } }
  #header > div {
    padding: 15px 0;
    transition: padding 0.25s ease-in-out;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (min-width: 576px) {
      #header > div {
        padding: 15px 30px;
        border-bottom: none;
        padding-top: 42px; } }
    #header > div .logo {
      display: flex;
      height: 40px;
      width: 126px;
      background: url("assets/logo.svg") no-repeat center top;
      background-size: contain;
      margin: 0 10px;
      transition: opacity 0.25s ease-in-out; }
      @media (min-width: 576px) {
        #header > div .logo {
          padding-top: 42px;
          margin: 0; } }
    #header > div .menu {
      display: flex;
      justify-content: center; }
      #header > div .menu a {
        display: inline-block; }
        #header > div .menu a .fa-search {
          color: #7d7d7d; }
          @media (max-width: 768.98px) {
            #header > div .menu a .fa-search {
              /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */ } }
        #header > div .menu a.toggle-menu, #header > div .menu a.toggle-menu-mobile {
          position: relative;
          padding-right: 25px; }
          #header > div .menu a.toggle-menu svg, #header > div .menu a.toggle-menu-mobile svg {
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
            transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
            transform-origin: 5.5px; }
            #header > div .menu a.toggle-menu svg path, #header > div .menu a.toggle-menu-mobile svg path {
              fill: #7cc6c0; }
            #header > div .menu a.toggle-menu svg.line-1, #header > div .menu a.toggle-menu-mobile svg.line-1 {
              transform: rotate(0) translateY(0) translateX(0); }
            #header > div .menu a.toggle-menu svg.line-3, #header > div .menu a.toggle-menu-mobile svg.line-3 {
              transform: rotate(0) translateY(0) translateX(0); }
          #header > div .menu a.toggle-menu.toggle-menu svg, #header > div .menu a.toggle-menu-mobile.toggle-menu svg {
            height: 14px;
            margin-left: 5px;
            margin-top: 1px; }
          #header > div .menu a.toggle-menu.toggle-menu-mobile, #header > div .menu a.toggle-menu-mobile.toggle-menu-mobile {
            width: 25px;
            height: 25px; }
            #header > div .menu a.toggle-menu.toggle-menu-mobile svg, #header > div .menu a.toggle-menu-mobile.toggle-menu-mobile svg {
              transform-origin: 4px; }
          #header > div .menu a.toggle-menu.open svg.line-1, #header > div .menu a.toggle-menu-mobile.open svg.line-1 {
            transform: rotate(45deg) translateY(0) translateX(0); }
          #header > div .menu a.toggle-menu.open svg.line-2, #header > div .menu a.toggle-menu-mobile.open svg.line-2 {
            opacity: 0; }
          #header > div .menu a.toggle-menu.open svg.line-3, #header > div .menu a.toggle-menu-mobile.open svg.line-3 {
            transform: rotate(-45deg) translateY(0) translateX(0); }
        #header > div .menu a i {
          margin-left: 0; }
      @media (min-width: 576px) {
        #header > div .menu {
          display: flex;
          margin-top: initial; }
          #header > div .menu a {
            /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
            padding: 0;
            background: inherit;
            display: inherit; }
            #header > div .menu a i {
              margin-left: 10px; }
          #header > div .menu ul,
          #header > div .menu > a {
            margin-left: 50px; }
          #header > div .menu ul li {
            display: inline-block;
            margin-left: 10px; }
            #header > div .menu ul li a:hover {
              color: #7cc6c0; } }
      #header > div .menu .social a svg {
        width: 16px;
        height: 16px;
        fill: #7d7d7d; }
      #header > div .menu .social a:hover svg {
        fill: #7cc6c0; }
    #header > div .mobile-topbar {
      position: absolute;
      left: 50px;
      right: 50px;
      top: 0;
      bottom: 0;
      transform: translate3d(0, -75px, 0);
      transition: transform 0.25s ease-in-out;
      display: flex;
      align-items: center; }
      #header > div .mobile-topbar ul {
        width: 100%;
        display: flex;
        justify-content: space-around; }
        #header > div .mobile-topbar ul a {
          display: flex;
          align-items: center; }
        #header > div .mobile-topbar ul .fa {
          /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
          margin-left: 5px;
          color: #7d7d7d; }
  #header.sticked > div {
    padding-top: 15px; }
    @media (max-width: 768.98px) {
      #header.sticked > div {
        padding-top: 10px;
        padding-bottom: 10px; }
        #header.sticked > div .logo {
          height: 20px; } }
  #header.is_stuck {
    background: #fff; }
    #header.is_stuck > div {
      padding-top: 10px;
      padding-bottom: 5px; }
  #header .search-box-mobile {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    pointer-events: none;
    position: absolute;
    left: 60px;
    right: 70px; }
    #header .search-box-mobile input {
      padding: 5px;
      border-top: none;
      border-left: none;
      border-right: none; }
    #header .search-box-mobile .search-results-mobile {
      background: #fff;
      position: fixed;
      left: 0;
      right: 0;
      padding: 0 25px;
      top: 43px;
      height: calc( 100vh - 50px);
      display: flex;
      flex-direction: column; }
      #header .search-box-mobile .search-results-mobile span {
        display: inline-block;
        margin-bottom: 25px; }
      #header .search-box-mobile .search-results-mobile ul {
        overflow: auto; }
      #header .search-box-mobile .search-results-mobile li {
        margin-bottom: 25px; }
        #header .search-box-mobile .search-results-mobile li h5, #header .search-box-mobile .search-results-mobile #menu ul.menu > li ul li a, #menu ul.menu > li ul #header .search-box-mobile .search-results-mobile li a, #header .search-box-mobile .search-results-mobile li p, #header .search-box-mobile .search-results-mobile li input:not([type="range"]),
        #header .search-box-mobile .search-results-mobile li textarea,
        #header .search-box-mobile .search-results-mobile li select,
        #header .search-box-mobile .search-results-mobile li .button-box,
        #header .search-box-mobile .search-results-mobile li .btn.btn-primary, #header .search-box-mobile .search-results-mobile li #footer .contact > :last-child, #footer #header .search-box-mobile .search-results-mobile li .contact > :last-child, #header .search-box-mobile .search-results-mobile li .text_text .copy ul li, .text_text .copy ul #header .search-box-mobile .search-results-mobile li li, #header .search-box-mobile .search-results-mobile .color-chart > div ul li span, .color-chart > div ul #header .search-box-mobile .search-results-mobile li span, #header .search-box-mobile .search-results-mobile li .form .range > div, .form #header .search-box-mobile .search-results-mobile li .range > div, #header .search-box-mobile .search-results-mobile li .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp #header .search-box-mobile .search-results-mobile li #mailchimp-ajax-response {
          margin: 0; }
        #header .search-box-mobile .search-results-mobile li h5, #header .search-box-mobile .search-results-mobile #menu ul.menu > li ul li a, #menu ul.menu > li ul #header .search-box-mobile .search-results-mobile li a {
          font-weight: 400; }
        #header .search-box-mobile .search-results-mobile li strong {
          color: #7cc6c0;
          font-weight: 400; }
  @media (max-width: 768.98px) {
    #header svg {
      margin-left: 0; } }

body .is-sticky header {
  background: #fff; }

body.menu-open header .logo {
  opacity: 0;
  pointer-events: none; }

body.menu-open header .search-box-mobile {
  opacity: 1 !important;
  pointer-events: all !important; }

body.menu-open header .mobile-topbar {
  transform: translate3d(0, 0, 0); }

body.menu-active header {
  background: #fff; }

#footer {
  padding: 0 25px;
  margin-top: 50px;
  margin-bottom: 0px !important; }
  @media (max-width: 1199.98px) {
    #footer {
      max-width: initial; } }
  @media (max-width: 991.98px) {
    #footer .col {
      padding: 0; } }
  @media (max-width: 768.98px) {
    #footer {
      background: #000;
      color: #fff;
      padding-top: 25px;
      padding-bottom: 25px; }
      #footer a {
        color: #fff; } }
  #footer .row, #footer .color-chart > div ul, .color-chart > div #footer ul {
    display: initial; }
    #footer .row.pb, #footer .color-chart > div ul.pb, .color-chart > div #footer ul.pb {
      padding-bottom: 25px; }
  @media (min-width: 576px) {
    #footer {
      padding: 45px 45px 0; }
      #footer .row, #footer .color-chart > div ul, .color-chart > div #footer ul {
        display: flex; } }
  #footer .footer-img {
    background: no-repeat center/cover url("assets/images/hairtalk-newsletter.png");
    position: relative;
    width: 100%; }
    #footer .footer-img:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 100%; }
    #footer .footer-img > div {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  #footer .contact {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    #footer .contact > div:first-child {
      margin-bottom: 25px; }
      @media (min-width: 992px) {
        #footer .contact > div:first-child {
          margin-bottom: 0; } }
  #footer .nav {
    display: flex;
    justify-content: center;
    margin: 25px 0; }
    #footer .nav li {
      padding: 0 5px;
      position: relative; }
      #footer .nav li:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-right: 1px solid #fff; }
      #footer .nav li:last-child:after {
        display: none; }
      #footer .nav li a {
        color: #fff;
        text-decoration: underline; }
  #footer .social {
    display: flex;
    justify-content: center; }
    @media (min-width: 576px) {
      #footer .social {
        display: none; } }
    #footer .social li {
      padding: 0 10px;
      /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */ }
      #footer .social li a {
        color: #fff; }

.frame header {
  max-width: 550px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .frame header {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .frame header {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .frame header {
      max-width: 1400px; } }

.frame.frame-layout-0 h2 {
  /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
  font-weight: 400;
  margin-bottom: 0px; }

.frame.frame-layout-0 h3, .frame.frame-layout-0 #menu ul.menu > li a, #menu ul.menu > li .frame.frame-layout-0 a {
  /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
  font-weight: 300; }

.frame.frame-type-login {
  background: #dadada;
  position: absolute;
  left: 0;
  max-width: inherit;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center; }
  .frame.frame-type-login > div {
    width: 550px; }
  .frame.frame-type-login form {
    margin-top: 10px; }
  .frame.frame-type-login h2 {
    margin-bottom: 2.25rem; }
  .frame.frame-type-login h3, .frame.frame-type-login #menu ul.menu > li a, #menu ul.menu > li .frame.frame-type-login a {
    margin-bottom: 1.5rem; }
  .frame.frame-type-login input {
    margin-bottom: 1.5rem; }

#menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 9999; }
  @media (min-width: 576px) {
    #menu {
      pointer-events: none;
      transition: opacity 0.25s ease-in-out;
      opacity: 0;
      top: 95px; } }
  @media (max-width: 768.98px) {
    #menu {
      top: 50px; } }
  @media (min-width: 576px) {
    #menu {
      top: 100px; } }
  #menu > div {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    @media (min-width: 576px) {
      #menu > div {
        padding-top: 50px; } }
    @media (max-width: 768.98px) {
      #menu > div {
        margin-bottom: 0; }
        #menu > div .row, #menu > div .color-chart > div ul, .color-chart > div #menu > div ul {
          margin: 0;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; } }
  #menu .menu-cnt {
    overflow-y: auto;
    overflow-x: hidden; }
  #menu .row, #menu .color-chart > div ul, .color-chart > div #menu ul {
    margin-bottom: 20px; }
    @media (min-width: 769px) {
      #menu .row, #menu .color-chart > div ul, .color-chart > div #menu ul {
        justify-content: center; } }
    #menu .row:nth-child(2), #menu .color-chart > div ul:nth-child(2), .color-chart > div #menu ul:nth-child(2) {
      flex: 1; }
  #menu .search .search-box {
    margin-bottom: 25px; }
    #menu .search .search-box svg {
      fill: #dadada;
      width: 40px;
      height: 40px;
      position: absolute;
      background: #fff;
      border-right: 25px solid #fff;
      box-sizing: content-box; }
      @media (min-width: 1200px) {
        #menu .search .search-box svg {
          top: 1px; } }
    #menu .search .search-box input {
      padding: 0 65px;
      max-width: 90%; }
  #menu .search .search-results, #menu .search #header .search-box-mobile .search-results-mobile, #header .search-box-mobile #menu .search .search-results-mobile,
  #menu .search .search-results-mobile {
    padding-left: 55px;
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 99;
    max-height: calc(100vh - 230px);
    overflow: auto; }
    #menu .search .search-results span, #menu .search #header .search-box-mobile .search-results-mobile span, #header .search-box-mobile #menu .search .search-results-mobile span,
    #menu .search .search-results-mobile span {
      font-weight: 400;
      margin-top: 25px;
      margin-bottom: 25px;
      display: block; }
    #menu .search .search-results ul li, #menu .search #header .search-box-mobile .search-results-mobile ul li, #header .search-box-mobile #menu .search .search-results-mobile ul li,
    #menu .search .search-results-mobile ul li {
      margin-bottom: 25px; }
      #menu .search .search-results ul li strong, #menu .search #header .search-box-mobile .search-results-mobile ul li strong, #header .search-box-mobile #menu .search .search-results-mobile ul li strong,
      #menu .search .search-results-mobile ul li strong {
        color: #7cc6c0;
        font-weight: 400; }
  #menu .search h5, #menu .search ul.menu > li ul li a, #menu ul.menu > li ul li .search a {
    font-weight: 300; }
  #menu .search .col-1 {
    text-align: right;
    align-items: flex-end;
    color: #dadada; }
  #menu .search input {
    outline: none;
    color: #7cc6c0;
    width: 100%;
    padding-left: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #7d7d7d; }
  @media (max-width: 768.98px) {
    #menu ul.menu {
      margin: 25px 0;
      padding: 0 25px; } }
  #menu ul.menu > li {
    margin-bottom: 15px; }
    @media (min-width: 576px) {
      #menu ul.menu > li {
        margin-bottom: 40px; } }
    @media (max-width: 768.98px) {
      #menu ul.menu > li i {
        transform-origin: 4px 6px;
        transition: transform 0.25s ease-in-out;
        width: 12px;
        height: 12px;
        display: inline-block;
        padding-left: 10px;
        position: relative;
        margin-left: -15px; }
        #menu ul.menu > li i:before {
          content: "";
          position: absolute;
          left: 0px;
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          -moz-transform: scale(0.9999);
          border-width: 6px 0 6px 6px;
          border-color: transparent transparent transparent #7d7d7d; }
        #menu ul.menu > li i ul {
          display: none; }
      #menu ul.menu > li.open i {
        transform: rotate(90deg); }
      #menu ul.menu > li.open ul {
        display: block; } }
    #menu ul.menu > li a:hover {
      color: #7cc6c0; }
    #menu ul.menu > li.active > a {
      color: #7cc6c0; }
      @media (min-width: 576px) {
        #menu ul.menu > li.active > a {
          padding-left: 20px; } }
    #menu ul.menu > li ul {
      width: 50%;
      display: none; }
      @media (min-width: 576px) {
        #menu ul.menu > li ul {
          position: absolute;
          top: 0;
          left: 40vw;
          display: none;
          margin-top: 20px; } }
      @media (min-width: 769px) {
        #menu ul.menu > li ul {
          margin-top: 0; } }
      @media (min-width: 1930px) {
        #menu ul.menu > li ul {
          left: 20vw; } }
      #menu ul.menu > li ul li {
        margin: 10px; }
        @media (min-width: 576px) {
          #menu ul.menu > li ul li {
            margin-bottom: 40px; } }
        #menu ul.menu > li ul li a:hover {
          color: #7cc6c0; }
        @media (max-width: 768.98px) {
          #menu ul.menu > li ul li a {
            /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
            margin-bottom: 0; } }
    @media (min-width: 576px) {
      #menu ul.menu > li.act a {
        color: #7cc6c0; }
      #menu ul.menu > li.act ul {
        display: block; }
        #menu ul.menu > li.act ul li a {
          color: initial; }
          #menu ul.menu > li.act ul li a:hover {
            color: #7cc6c0; }
        #menu ul.menu > li.act ul li.active a {
          color: #7cc6c0; } }
    @media (min-width: 576px) and (min-width: 576px) {
      #menu ul.menu > li.act ul li.active a {
        padding-left: 20px; } }
  @media (min-width: 576px) {
    #menu.no_over ul.menu li.active ul {
      display: block; } }
  #menu .nav-footer {
    position: absolute;
    display: block;
    margin: 0 -10px;
    padding: 0 25px 20px; }
    @media (min-width: 769px) {
      #menu .nav-footer {
        padding: 40px 0 0; } }
    @media (min-width: 576px) {
      #menu .nav-footer ul {
        display: flex; } }
    #menu .nav-footer ul li {
      margin: 0 10px;
      /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */ }
      @media (max-width: 575.98px) {
        #menu .nav-footer ul li {
          margin: 0 5px 10px; } }
      #menu .nav-footer ul li a:hover {
        color: #7cc6c0; }
    @media (min-width: 576px) {
      #menu .nav-footer ul.footer-menu {
        float: right; } }
    #menu .nav-footer ul.lang-menu {
      display: inline-block; }
      @media (min-width: 576px) {
        #menu .nav-footer ul.lang-menu {
          float: right; } }
      #menu .nav-footer ul.lang-menu li {
        position: relative; }
        #menu .nav-footer ul.lang-menu li svg {
          width: 10px;
          height: 10px;
          margin-left: 5px;
          fill: #7d7d7d;
          transform: rotate(-90deg) scaleX(1);
          transition: transform 0.25s ease-in-out; }
        #menu .nav-footer ul.lang-menu li span {
          cursor: pointer;
          color: #7d7d7d; }
          #menu .nav-footer ul.lang-menu li span:hover svg {
            fill: #7cc6c0; }
        #menu .nav-footer ul.lang-menu li ul {
          display: block;
          position: absolute;
          bottom: -60px;
          left: 0;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.25s ease-in-out; }
          @media (min-width: 576px) {
            #menu .nav-footer ul.lang-menu li ul {
              bottom: 15px; } }
          #menu .nav-footer ul.lang-menu li ul li {
            margin: 5px 0; }
            #menu .nav-footer ul.lang-menu li ul li a:hover {
              color: #7cc6c0; }
      #menu .nav-footer ul.lang-menu.active li svg {
        fill: #7cc6c0;
        transform: rotate(-90deg) scaleX(-1); }
      #menu .nav-footer ul.lang-menu.active li ul {
        opacity: 1;
        pointer-events: all; }

ul.login-menu {
  margin-bottom: 20px; }
  @media (min-width: 576px) {
    ul.login-menu {
      float: left; } }
  ul.login-menu li svg {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    fill: #000; }
  ul.login-menu li a:hover {
    color: #7cc6c0; }

body.menu-active,
body.menu-open {
  overflow: hidden; }
  body.menu-active #menu,
  body.menu-open #menu {
    width: 100%;
    pointer-events: all;
    opacity: 1;
    background: white; }

@media (max-width: 768.98px) {
  header.sticked + #menu {
    top: 45px !important; } }

@media (min-width: 576px) {
  header.sticked + #menu {
    top: 70px !important; } }

#breadcrumb {
  margin: 40px auto 0;
  max-width: 1200px; }
  @media (min-width: 769px) {
    #breadcrumb {
      margin: 40px auto -40px;
      padding: 0 85px; } }
  @media (min-width: 992px) {
    #breadcrumb {
      padding: 0 100px; } }
  @media (min-width: 1930px) {
    #breadcrumb {
      padding: 0 20px; } }
  #breadcrumb .spacer, #breadcrumb .last {
    display: inline-block;
    margin: 0 10px;
    color: #7cc6c0; }
  #breadcrumb .last {
    margin: 0; }

@media (max-width: 768.98px) {
  .mask-elem,
  .frame {
    margin-bottom: 30px; } }

@media (min-width: 576px) {
  .mask-elem,
  .frame {
    margin-bottom: 50px; } }

@media (min-width: 769px) {
  .mask-elem,
  .frame {
    margin-bottom: 90px; } }

@media (max-width: 768.98px) {
  .mask-elem,
  .frame {
    margin-top: 30px; } }

@media (min-width: 576px) {
  .mask-elem,
  .frame {
    margin-top: 50px; } }

@media (min-width: 769px) {
  .mask-elem,
  .frame {
    margin-top: 90px; } }

.mask-elem.space-after-extra-small, .mask-elem.frame-space-after-extra-small,
.frame.space-after-extra-small,
.frame.frame-space-after-extra-small {
  /*       @include resp-size(margin-bottom, 20px, 40px, 60px);
 */ }
  @media (max-width: 768.98px) {
    .mask-elem.space-after-extra-small, .mask-elem.frame-space-after-extra-small,
    .frame.space-after-extra-small,
    .frame.frame-space-after-extra-small {
      margin-bottom: 0; } }
  @media (min-width: 576px) {
    .mask-elem.space-after-extra-small, .mask-elem.frame-space-after-extra-small,
    .frame.space-after-extra-small,
    .frame.frame-space-after-extra-small {
      margin-bottom: 0; } }
  @media (min-width: 769px) {
    .mask-elem.space-after-extra-small, .mask-elem.frame-space-after-extra-small,
    .frame.space-after-extra-small,
    .frame.frame-space-after-extra-small {
      margin-bottom: 0; } }
  @media (max-width: 768.98px) {
    .mask-elem.space-after-extra-small .copy > div, .mask-elem.frame-space-after-extra-small .copy > div,
    .frame.space-after-extra-small .copy > div,
    .frame.frame-space-after-extra-small .copy > div {
      padding-bottom: 20px; } }
  @media (min-width: 576px) {
    .mask-elem.space-after-extra-small .copy > div, .mask-elem.frame-space-after-extra-small .copy > div,
    .frame.space-after-extra-small .copy > div,
    .frame.frame-space-after-extra-small .copy > div {
      padding-bottom: 40px; } }
  @media (min-width: 769px) {
    .mask-elem.space-after-extra-small .copy > div, .mask-elem.frame-space-after-extra-small .copy > div,
    .frame.space-after-extra-small .copy > div,
    .frame.frame-space-after-extra-small .copy > div {
      padding-bottom: 60px; } }

@media (max-width: 768.98px) {
  .mask-elem.space-after-small, .mask-elem.frame-space-after-small,
  .frame.space-after-small,
  .frame.frame-space-after-small {
    margin-bottom: 25px; } }

@media (min-width: 576px) {
  .mask-elem.space-after-small, .mask-elem.frame-space-after-small,
  .frame.space-after-small,
  .frame.frame-space-after-small {
    margin-bottom: 45px; } }

@media (min-width: 769px) {
  .mask-elem.space-after-small, .mask-elem.frame-space-after-small,
  .frame.space-after-small,
  .frame.frame-space-after-small {
    margin-bottom: 75px; } }

@media (max-width: 768.98px) {
  .mask-elem.space-after-medium, .mask-elem.frame-space-after-medium,
  .frame.space-after-medium,
  .frame.frame-space-after-medium {
    margin-bottom: 30px; } }

@media (min-width: 576px) {
  .mask-elem.space-after-medium, .mask-elem.frame-space-after-medium,
  .frame.space-after-medium,
  .frame.frame-space-after-medium {
    margin-bottom: 50px; } }

@media (min-width: 769px) {
  .mask-elem.space-after-medium, .mask-elem.frame-space-after-medium,
  .frame.space-after-medium,
  .frame.frame-space-after-medium {
    margin-bottom: 90px; } }

@media (max-width: 768.98px) {
  .mask-elem.space-after-large, .mask-elem.frame-space-after-large,
  .frame.space-after-large,
  .frame.frame-space-after-large {
    margin-bottom: 35px; } }

@media (min-width: 576px) {
  .mask-elem.space-after-large, .mask-elem.frame-space-after-large,
  .frame.space-after-large,
  .frame.frame-space-after-large {
    margin-bottom: 55px; } }

@media (min-width: 769px) {
  .mask-elem.space-after-large, .mask-elem.frame-space-after-large,
  .frame.space-after-large,
  .frame.frame-space-after-large {
    margin-bottom: 105px; } }

@media (max-width: 768.98px) {
  .mask-elem.space-after-extra-large, .mask-elem.frame-space-after-extra-large,
  .frame.space-after-extra-large,
  .frame.frame-space-after-extra-large {
    margin-bottom: 40px; } }

@media (min-width: 576px) {
  .mask-elem.space-after-extra-large, .mask-elem.frame-space-after-extra-large,
  .frame.space-after-extra-large,
  .frame.frame-space-after-extra-large {
    margin-bottom: 60px; } }

@media (min-width: 769px) {
  .mask-elem.space-after-extra-large, .mask-elem.frame-space-after-extra-large,
  .frame.space-after-extra-large,
  .frame.frame-space-after-extra-large {
    margin-bottom: 120px; } }

.mask-elem.space-before-extra-small, .mask-elem.frame-space-before-extra-small,
.frame.space-before-extra-small,
.frame.frame-space-before-extra-small {
  /*       @include resp-size(margin-top, 20px, 40px, 60px);
 */ }
  @media (max-width: 768.98px) {
    .mask-elem.space-before-extra-small, .mask-elem.frame-space-before-extra-small,
    .frame.space-before-extra-small,
    .frame.frame-space-before-extra-small {
      margin-top: 0; } }
  @media (min-width: 576px) {
    .mask-elem.space-before-extra-small, .mask-elem.frame-space-before-extra-small,
    .frame.space-before-extra-small,
    .frame.frame-space-before-extra-small {
      margin-top: 0; } }
  @media (min-width: 769px) {
    .mask-elem.space-before-extra-small, .mask-elem.frame-space-before-extra-small,
    .frame.space-before-extra-small,
    .frame.frame-space-before-extra-small {
      margin-top: 0; } }

@media (max-width: 768.98px) {
  .mask-elem.space-before-small, .mask-elem.frame-space-before-small,
  .frame.space-before-small,
  .frame.frame-space-before-small {
    margin-top: 25px; } }

@media (min-width: 576px) {
  .mask-elem.space-before-small, .mask-elem.frame-space-before-small,
  .frame.space-before-small,
  .frame.frame-space-before-small {
    margin-top: 45px; } }

@media (min-width: 769px) {
  .mask-elem.space-before-small, .mask-elem.frame-space-before-small,
  .frame.space-before-small,
  .frame.frame-space-before-small {
    margin-top: 75px; } }

@media (max-width: 768.98px) {
  .mask-elem.space-before-medium, .mask-elem.frame-space-before-medium,
  .frame.space-before-medium,
  .frame.frame-space-before-medium {
    margin-top: 30px; } }

@media (min-width: 576px) {
  .mask-elem.space-before-medium, .mask-elem.frame-space-before-medium,
  .frame.space-before-medium,
  .frame.frame-space-before-medium {
    margin-top: 50px; } }

@media (min-width: 769px) {
  .mask-elem.space-before-medium, .mask-elem.frame-space-before-medium,
  .frame.space-before-medium,
  .frame.frame-space-before-medium {
    margin-top: 90px; } }

@media (max-width: 768.98px) {
  .mask-elem.space-before-large, .mask-elem.frame-space-before-large,
  .frame.space-before-large,
  .frame.frame-space-before-large {
    margin-top: 35px; } }

@media (min-width: 576px) {
  .mask-elem.space-before-large, .mask-elem.frame-space-before-large,
  .frame.space-before-large,
  .frame.frame-space-before-large {
    margin-top: 55px; } }

@media (min-width: 769px) {
  .mask-elem.space-before-large, .mask-elem.frame-space-before-large,
  .frame.space-before-large,
  .frame.frame-space-before-large {
    margin-top: 105px; } }

@media (max-width: 768.98px) {
  .mask-elem.space-before-extra-large, .mask-elem.frame-space-before-extra-large,
  .frame.space-before-extra-large,
  .frame.frame-space-before-extra-large {
    margin-top: 40px; } }

@media (min-width: 576px) {
  .mask-elem.space-before-extra-large, .mask-elem.frame-space-before-extra-large,
  .frame.space-before-extra-large,
  .frame.frame-space-before-extra-large {
    margin-top: 60px; } }

@media (min-width: 769px) {
  .mask-elem.space-before-extra-large, .mask-elem.frame-space-before-extra-large,
  .frame.space-before-extra-large,
  .frame.frame-space-before-extra-large {
    margin-top: 120px; } }

.image-caption {
  min-height: 1px;
  position: relative; }
  @media (max-width: 768.98px) {
    .image-caption {
      text-align: center; } }
  .image-caption img {
    vertical-align: bottom;
    max-width: 100%; }
    @media (max-width: 575.98px) {
      .image-caption img {
        max-height: 400px; } }
  .image-caption .caption {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block; }
    @media (max-width: 768.98px) {
      .image-caption .caption {
        position: relative;
        left: 0; } }
    .image-caption .caption h5, .image-caption .caption #menu ul.menu > li ul li a, #menu ul.menu > li ul li .image-caption .caption a {
      /* font-size: 24px;
      font-weight: 300; */ }
  @media (min-width: 769px) {
    .image-caption.voffset-1 {
      margin-top: -30%; }
    .image-caption.voffset-2 {
      margin-bottom: -30%; } }

.fullwidth .container, .big_image .container, .cards .container, .shop .container, .stories .container, .fullwidth #footer, .big_image #footer, .cards #footer, .shop #footer, .stories #footer, .fullwidth #menu > div, .big_image #menu > div, .cards #menu > div, .shop #menu > div, .stories #menu > div, .fullwidth .big_header, .big_image .big_header, .cards .big_header, .shop .big_header, .stories .big_header, .fullwidth .text_image, .big_image .text_image, .cards .text_image, .shop .text_image, .stories .text_image, .fullwidth .text_mixed, .big_image .text_mixed, .cards .text_mixed, .shop .text_mixed, .stories .text_mixed, .fullwidth .text_text, .big_image .text_text, .cards .text_text, .shop .text_text, .stories .text_text, .fullwidth .mask_form, .big_image .mask_form, .cards .mask_form, .shop .mask_form, .stories .mask_form, .fullwidth .collage > div, .big_image .collage > div, .cards .collage > div, .shop .collage > div, .stories .collage > div, .fullwidth .order_form_thank_you, .big_image .order_form_thank_you, .cards .order_form_thank_you, .shop .order_form_thank_you, .stories .order_form_thank_you, .fullwidth .download-grid, .big_image .download-grid, .cards .download-grid, .shop .download-grid, .stories .download-grid, .fullwidth .cards > div, .big_image .cards > div, .cards > div, .shop .cards > div, .stories .cards > div, .fullwidth .full_box, .big_image .full_box, .cards .full_box, .shop .full_box, .stories .full_box, .fullwidth .order_form, .big_image .order_form, .cards .order_form, .shop .order_form, .stories .order_form, .fullwidth .video, .big_image .video, .cards .video, .shop .video, .stories .video, .fullwidth .slider, .big_image .slider, .cards .slider, .shop .slider, .stories .slider,
.fullwidth .row,
.big_image .row,
.cards .row,
.shop .row,
.stories .row,
.fullwidth .color-chart > div ul,
.color-chart > div .fullwidth ul,
.big_image .color-chart > div ul,
.color-chart > div .big_image ul,
.cards .color-chart > div ul,
.color-chart > div .cards ul,
.shop .color-chart > div ul,
.color-chart > div .shop ul,
.stories .color-chart > div ul,
.color-chart > div .stories ul {
  height: 100%; }

.big_header {
  margin-bottom: -50px; }
  .big_header .col {
    display: flex; }
  .big_header h2 {
    margin-top: 30%; }

@media (min-width: 576px) {
  .text_image .row-reverse .copy p, .text_image .row-reverse .copy input:not([type="range"]),
  .text_image .row-reverse .copy textarea,
  .text_image .row-reverse .copy select,
  .text_image .row-reverse .copy .button-box,
  .text_image .row-reverse .copy .btn.btn-primary, .text_image .row-reverse .copy #footer .contact > :last-child, #footer .text_image .row-reverse .copy .contact > :last-child, .text_image .row-reverse .text_text .copy ul li, .text_text .text_image .row-reverse .copy ul li, .text_image .row-reverse .copy .color-chart > div ul li span, .color-chart > div ul li .text_image .row-reverse .copy span, .text_image .row-reverse .copy .form .range > div, .form .text_image .row-reverse .copy .range > div, .text_image .row-reverse .copy .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .text_image .row-reverse .copy #mailchimp-ajax-response {
    padding-right: 30px; } }

.text_image h4, .text_image #menu .search input, #menu .search .text_image input {
  margin-bottom: 30px; }

@media (min-width: 576px) {
  .text_image .copy p, .text_image .copy input:not([type="range"]),
  .text_image .copy textarea,
  .text_image .copy select,
  .text_image .copy .button-box,
  .text_image .copy .btn.btn-primary, .text_image .copy #footer .contact > :last-child, #footer .text_image .copy .contact > :last-child, .text_image .text_text .copy ul li, .text_text .text_image .copy ul li, .text_image .copy .color-chart > div ul li span, .color-chart > div ul li .text_image .copy span, .text_image .copy .form .range > div, .form .text_image .copy .range > div, .text_image .copy .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .text_image .copy #mailchimp-ajax-response {
    padding-left: 30px; } }

.text_image .copy p, .text_image .copy input:not([type="range"]),
.text_image .copy textarea,
.text_image .copy select,
.text_image .copy .button-box,
.text_image .copy .btn.btn-primary, .text_image .copy #footer .contact > :last-child, #footer .text_image .copy .contact > :last-child, .text_image .text_text .copy ul li, .text_text .text_image .copy ul li, .text_image .copy .color-chart > div ul li span, .color-chart > div ul li .text_image .copy span, .text_image .copy .form .range > div, .form .text_image .copy .range > div, .text_image .copy .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .text_image .copy #mailchimp-ajax-response {
  margin-bottom: 20px; }

.text_image.stack_to_image .image {
  margin-left: -8.33333%; }

.text_image.stack_to_image .copy {
  z-index: 10;
  margin-left: 8.33333%;
  display: flex;
  align-items: center; }
  .text_image.stack_to_image .copy > div {
    padding-left: 0; }

.text_image .image.valign-3, .text_image .image.valign-2 {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .text_image .image.valign-3.valign-3, .text_image .image.valign-2.valign-3 {
    justify-content: flex-end; }

.text_mixed {
  padding: 25px 0;
  padding-bottom: 150px; }
  @media (min-width: 769px) {
    .text_mixed {
      padding-bottom: 0; } }
  .text_mixed h4, .text_mixed #menu .search input, #menu .search .text_mixed input {
    margin-bottom: 30px; }
  @media (min-width: 576px) {
    .text_mixed .copy p, .text_mixed .copy input:not([type="range"]),
    .text_mixed .copy textarea,
    .text_mixed .copy select,
    .text_mixed .copy .button-box,
    .text_mixed .copy .btn.btn-primary, .text_mixed .copy #footer .contact > :last-child, #footer .text_mixed .copy .contact > :last-child, .text_mixed .text_text .copy ul li, .text_text .text_mixed .copy ul li, .text_mixed .copy .color-chart > div ul li span, .color-chart > div ul li .text_mixed .copy span, .text_mixed .copy .form .range > div, .form .text_mixed .copy .range > div, .text_mixed .copy .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .text_mixed .copy #mailchimp-ajax-response {
      padding-left: 30px; } }

.text_text h4, .text_text #menu .search input, #menu .search .text_text input {
  margin-bottom: 30px; }

@media (min-width: 576px) {
  .text_text .copy p, .text_text .copy input:not([type="range"]),
  .text_text .copy textarea,
  .text_text .copy select,
  .text_text .copy .button-box,
  .text_text .copy .btn.btn-primary, .text_text .copy #footer .contact > :last-child, #footer .text_text .copy .contact > :last-child, .text_text .copy ul li, .text_text .copy .color-chart > div ul li span, .color-chart > div ul li .text_text .copy span, .text_text .copy .form .range > div, .form .text_text .copy .range > div, .text_text .copy .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .text_text .copy #mailchimp-ajax-response {
    padding-left: 30px; } }

.text_text .copy p, .text_text .copy input:not([type="range"]),
.text_text .copy textarea,
.text_text .copy select,
.text_text .copy .button-box,
.text_text .copy .btn.btn-primary, .text_text .copy #footer .contact > :last-child, #footer .text_text .copy .contact > :last-child, .text_text .copy ul li, .text_text .copy .color-chart > div ul li span, .color-chart > div ul li .text_text .copy span, .text_text .copy .form .range > div, .form .text_text .copy .range > div, .text_text .copy .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .text_text .copy #mailchimp-ajax-response {
  margin-bottom: 20px; }

.text_text .copy ul {
  list-style: disc;
  padding-left: 20px; }
  .text_text .copy ul li {
    margin-bottom: 10px;
    padding-left: 0; }

.collage {
  position: relative; }
  @media (min-width: 576px) {
    .collage {
      padding: 50px 0; } }
  @media (max-width: 768.98px) {
    .collage > div > .row, .color-chart.collage > div > ul {
      flex-direction: column-reverse; } }
  .collage .offset-1 {
    flex: inherit; }
  .collage .offset-2 {
    flex: inherit; }
  .collage .offset-3 {
    flex: inherit; }
  .collage .offset-4 {
    flex: inherit; }
  .collage .offset-5 {
    flex: inherit; }
  .collage .offset-6 {
    flex: inherit; }
  .collage .offset-7 {
    flex: inherit; }
  .collage .offset-8 {
    flex: inherit; }
  .collage .offset-9 {
    flex: inherit; }
  .collage .offset-10 {
    flex: inherit; }
  .collage .offset-11 {
    flex: inherit; }
  .collage .offset-12 {
    flex: inherit; }
  .collage .image-caption {
    min-height: 1px;
    margin-bottom: 30px; }
    @media (min-width: 769px) {
      .collage .image-caption img {
        margin-bottom: 160px; } }

@media (min-width: 769px) and (min-width: 992px) {
  .collage .image-caption img {
    margin-bottom: 0; } }

@media (min-width: 769px) and (max-width: 768.98px) {
  .collage .image-caption .caption {
    background: rgba(255, 255, 255, 0.9);
    padding: 5px;
    left: 0; } }
    @media (min-width: 769px) {
      .collage .image-caption h3, .collage .image-caption #menu ul.menu > li a, #menu ul.menu > li .collage .image-caption a {
        padding: 50px;
        padding-left: 100px; } }
    .collage .image-caption.background-color-6 h3, .collage .image-caption.background-color-6 #menu ul.menu > li a, #menu ul.menu > li .collage .image-caption.background-color-6 a {
      color: #7d7d7d; }
  .collage .paint {
    width: 25%;
    left: 15%;
    top: 35%;
    right: auto; }

@media (max-width: 768.98px) {
  .big_image {
    margin-left: -25px;
    margin-right: -25px;
    padding: 0 25px;
    padding-bottom: 25px; } }

.big_image .ratio, .big_image #maps {
  max-height: 700px; }

.big_image .col {
  display: flex;
  align-items: center; }
  .big_image .col > .whitebox, .big_image .frame.frame-type-login.col > div, .big_image .image-caption .col > .caption, .image-caption .big_image .col > .caption, .big_image .text_image.stack_to_image .copy.col > div, .text_image.stack_to_image .big_image .copy.col > div, .big_image .form .search .col > ul, .form .search .big_image .col > ul, .big_image .partner-widget .col > .partnersearch-form, .partner-widget .big_image .col > .partnersearch-form, .big_image .partner-widget .download-grid .col > .download-form, .partner-widget .download-grid .big_image .col > .download-form, .big_image .download-grid .partner-widget .col > .download-form, .download-grid .partner-widget .big_image .col > .download-form, .big_image .login-form .col > .tx-felogin-pi1, .login-form .big_image .col > .tx-felogin-pi1 {
    position: absolute;
    top: -60px; }

.big_image .big-image-content {
  position: relative;
  z-index: 99; }
  .big_image .big-image-content a {
    position: absolute;
    width: 100%;
    height: 100%; }

.big_image.disable-textshadow .bg-fill-2 .big-image-content, .big_image.background-color-2 .bg-fill-2 .big-image-content, .big_image.background-color-5 .bg-fill-2 .big-image-content, .big_image.background-color-6 .bg-fill-2 .big-image-content {
  text-shadow: initial !important; }

.big_image .mobile-view {
  /*& > img{
        width: 75%;
        margin: auto;
        margin-top: -20px;
 
      }*/
  display: flex;
  flex-direction: column;
  justify-content: stretch; }
  .big_image .mobile-view > div.big-image {
    flex: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

.order_form_thank_you {
  display: none;
  padding: 0;
  margin-top: 20px; }

.download-grid-outer {
  display: flex;
  justify-content: center; }

.download-grid .download-result ul li h5, .download-grid .download-result #menu ul.menu > li ul li a, #menu ul.menu > li .download-grid .download-result ul li a {
  cursor: pointer; }

.download-grid .download-result ul li svg {
  width: 20px;
  height: 20px;
  margin-right: 10px; }
  .download-grid .download-result ul li svg line {
    stroke: black;
    stroke-width: 3;
    transition: stroke 0.25s ease-in-out; }
    .download-grid .download-result ul li svg line:nth-child(1) {
      transition: transform 0.25s ease-in-out;
      transform-origin: center; }

.download-grid .download-result ul li.active svg line {
  stroke: #7cc6c0; }
  .download-grid .download-result ul li.active svg line:nth-child(1) {
    transform: scaleY(0); }

.download-grid .dl-element {
  background: #ecebe7;
  display: block;
  transition: all 0.25s ease-in-out;
  margin-bottom: 30px;
  position: relative;
  width: 100%; }
  .download-grid .dl-element:hover {
    background: #7cc6c0;
    color: #fff; }
  .download-grid .dl-element:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%; }
  .download-grid .dl-element > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .download-grid .dl-element > div {
    padding: 10px; }
  .download-grid .dl-element h6 {
    /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
    text-decoration: underline;
    text-transform: uppercase; }
  .download-grid .dl-element .footer {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    padding: 10px;
    /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */ }

.cards {
  position: relative; }
  @media (min-width: 576px) {
    .cards {
      padding: 50px 0; } }
  .cards h6 {
    font-weight: 400 !important; }
  .cards p, .cards input:not([type="range"]),
  .cards textarea,
  .cards select,
  .cards .button-box,
  .cards .btn.btn-primary, .cards #footer .contact > :last-child, #footer .cards .contact > :last-child, .cards .text_text .copy ul li, .text_text .copy ul .cards li, .cards .color-chart > div ul li span, .color-chart > div ul li .cards span, .cards .form .range > div, .form .cards .range > div, .cards .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .cards #mailchimp-ajax-response {
    line-height: 1.75; }
  .cards .col.card-default .img {
    margin-bottom: 30px; }
  @media (max-width: 768.98px) {
    .cards .col.card-default .cnt {
      padding-bottom: 25px; } }
  @media (min-width: 992px) {
    .cards .col.card-default .cnt {
      padding-left: 30px; } }
  .cards .col.card-box-right .row, .cards .col.card-box-right .color-chart > div ul, .color-chart > div .cards .col.card-box-right ul {
    margin: 0; }
  .cards .paint {
    width: 30%;
    right: 10%; }

.full_box {
  background: #000;
  color: #fff;
  margin-top: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 991.98px) {
    .full_box {
      width: 100vw; } }
  @media (max-width: 768.98px) {
    .full_box {
      margin-left: -25px;
      margin-right: -25px; } }
  .full_box > .row, .color-chart > div .full_box > ul {
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 769px) {
      .full_box > .row.row-reverse .cnt, .color-chart > div .full_box > ul.row-reverse .cnt {
        padding: 40px 40px 40px 80px; } }
  .full_box .cnt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 8.33333%; }
    @media (max-width: 768.98px) {
      .full_box .cnt {
        padding-top: 25px;
        padding-bottom: 25px; } }
    @media (min-width: 769px) {
      .full_box .cnt {
        padding: 40px 80px 40px 40px; } }
    .full_box .cnt > div {
      max-width: 700px; }
    .full_box .cnt p, .full_box .cnt input:not([type="range"]),
    .full_box .cnt textarea,
    .full_box .cnt select,
    .full_box .cnt .button-box,
    .full_box .cnt .btn.btn-primary, .full_box .cnt #footer .contact > :last-child, #footer .full_box .cnt .contact > :last-child, .full_box .cnt .text_text .copy ul li, .text_text .copy ul .full_box .cnt li, .full_box .cnt .color-chart > div ul li span, .color-chart > div ul li .full_box .cnt span, .full_box .cnt .form .range > div, .form .full_box .cnt .range > div, .full_box .cnt .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .full_box .cnt #mailchimp-ajax-response {
      margin-bottom: 2rem; }
      @media (min-width: 576px) {
        .full_box .cnt p, .full_box .cnt input:not([type="range"]),
        .full_box .cnt textarea,
        .full_box .cnt select,
        .full_box .cnt .button-box,
        .full_box .cnt .btn.btn-primary, .full_box .cnt #footer .contact > :last-child, #footer .full_box .cnt .contact > :last-child, .full_box .cnt .text_text .copy ul li, .text_text .copy ul .full_box .cnt li, .full_box .cnt .color-chart > div ul li span, .color-chart > div ul li .full_box .cnt span, .full_box .cnt .form .range > div, .form .full_box .cnt .range > div, .full_box .cnt .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .full_box .cnt #mailchimp-ajax-response {
          padding-left: 30px; } }
      .full_box .cnt p a, .full_box .cnt input:not([type="range"]) a, .full_box .cnt textarea a, .full_box .cnt select a, .full_box .cnt .button-box a, .full_box .cnt .btn.btn-primary a, .full_box .cnt #footer .contact > :last-child a, #footer .full_box .cnt .contact > :last-child a, .full_box .cnt .text_text .copy ul li a, .text_text .copy ul .full_box .cnt li a, .full_box .cnt .color-chart > div ul li span a, .color-chart > div ul li .full_box .cnt span a, .full_box .cnt .form .range > div a, .form .full_box .cnt .range > div a, .full_box .cnt .tx-mailchimp #mailchimp-ajax-response a, .tx-mailchimp .full_box .cnt #mailchimp-ajax-response a {
        color: #fff; }
  .full_box .col.img {
    position: relative;
    width: 100%; }
    .full_box .col.img:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 37.5%; }
    .full_box .col.img > div {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media (min-width: 769px) {
      .full_box .col.img {
        position: relative;
        width: 100%; }
        .full_box .col.img:before {
          display: block;
          content: "";
          width: 100%;
          padding-top: 37.5%; }
        .full_box .col.img > div {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    @media (min-width: 992px) {
      .full_box .col.img {
        background-size: contain; } }
    @media (min-width: 1930px) {
      .full_box .col.img {
        background-size: cover; } }
  @media (min-width: 769px) {
    .full_box.image-overlap.image-overlap-6 .cnt {
      margin-left: -8.33333%; }
    .full_box.image-overlap.image-overlap-7 .cnt {
      margin-left: -16.66667%; }
    .full_box.image-overlap.image-overlap-8 .cnt {
      margin-left: -25%; }
    .full_box.image-overlap.image-overlap-9 .cnt {
      margin-left: -33.33333%; }
    .full_box.image-overlap.image-overlap-10 .cnt {
      margin-left: -41.66667%; }
    .full_box.image-overlap.image-overlap-11 .cnt {
      margin-left: -50%; }
    .full_box.image-overlap.image-overlap-12 .cnt {
      margin-left: -58.33333%; } }

.shop iframe {
  width: 100%; }

.order_form select[data-key="length"], .order_form select[data-key="product"], .order_form select[data-key="count"], .order_form select-length, .order_form select-product,
.order_form .select[data-key="length"],
.order_form .select[data-key="product"],
.order_form .select[data-key="count"],
.order_form .select-length,
.order_form .select-product,
.order_form input[data-key="length"],
.order_form input[data-key="product"],
.order_form input[data-key="count"],
.order_form input-length,
.order_form input-product {
  opacity: 0;
  pointer-events: none; }
  .order_form select[data-key="length"].active, .order_form select[data-key="product"].active, .order_form select[data-key="count"].active, .order_form select-length.active, .order_form select-product.active,
  .order_form .select[data-key="length"].active,
  .order_form .select[data-key="product"].active,
  .order_form .select[data-key="count"].active,
  .order_form .select-length.active,
  .order_form .select-product.active,
  .order_form input[data-key="length"].active,
  .order_form input[data-key="product"].active,
  .order_form input[data-key="count"].active,
  .order_form input-length.active,
  .order_form input-product.active {
    opacity: 1;
    pointer-events: all; }

.order_form .select {
  position: relative; }
  .order_form .select:after {
    content: '';
    background: url("/fileadmin/templates/assets/icons/arrowdown.svg") no-repeat center center;
    background-size: contain;
    width: 15px;
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    pointer-events: none; }

.order_form .original {
  border: 2px solid red;
  display: none; }

.order_form .add-row,
.order_form .remove-row {
  cursor: pointer;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .order_form .add-row svg,
  .order_form .remove-row svg {
    width: 20px;
    height: 20px; }

.order_form .add-row {
  padding: 10px 0; }
  .order_form .add-row svg {
    width: 25px;
    height: 25px; }

.order_form .remove-row {
  margin-top: 10px; }

.order_form .form-rows .form-row {
  padding: 20px 0; }
  .order_form .form-rows .form-row:nth-child(odd) {
    background: rgba(236, 235, 231, 0.5); }

.order_form .add-row-outer {
  margin: 20px 0; }
  .order_form .add-row-outer > div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }

.order_form .order-inner {
  border-bottom: 1px solid #dadada; }

.order_form .actions {
  margin-top: 20px; }

.video .video-js {
  margin-bottom: 50px; }
  .video .video-js video {
    width: 100.1%; }

.slider {
  position: relative; }
  .slider h3, .slider #menu ul.menu > li a, #menu ul.menu > li .slider a {
    position: relative;
    z-index: 200; }
    @media (max-width: 768.98px) {
      .slider h3, .slider #menu ul.menu > li a, #menu ul.menu > li .slider a {
        margin-bottom: 50px; }
        .slider h3 br, .slider #menu ul.menu > li a br, #menu ul.menu > li .slider a br {
          display: none; } }
  .slider .paint-1 {
    width: 50%;
    right: -5%;
    bottom: 5%; }
  @media (max-width: 768.98px) {
    .slider .row .copy, .slider .color-chart > div ul .copy, .color-chart > div .slider ul .copy {
      padding: 0; } }
  .slider .slick-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    &.slick-prev {
      left: -25px; 
      text-align-last: left;
    } */ }
    .slider .slick-arrow:before {
      content: '';
      width: 30px;
      height: 30px;
      display: block;
      background: url("assets/images/slick-arrow.svg") no-repeat center top; }
    .slider .slick-arrow.slick-prev:before {
      transform: rotate(180deg); }
  @media (min-width: 576px) {
    .slider.vertical .slick-dots {
      position: absolute;
      margin-left: -16.66667%;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: left;
      justify-content: center;
      flex-direction: column; } }
  @media (min-width: 576px) and (max-width: 768.98px) {
    .slider.vertical .slick-dots {
      margin-left: 0;
      flex-direction: row;
      top: -50px;
      bottom: 0;
      left: 0;
      right: 0; } }
  @media (min-width: 576px) {
      .slider.vertical .slick-dots li {
        display: block;
        background: #fff; }
      .slider.vertical .slick-dots li,
      .slider.vertical .slick-dots button {
        width: 150px;
        height: 65px; }
      .slider.vertical .slick-dots li button {
        display: block;
        width: 100%;
        height: 65px; }
        .slider.vertical .slick-dots li button::before {
          font-family: Roboto;
          font-weight: 300;
          opacity: 1;
          font-size: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 150px;
          height: 65px; } }
      @media (min-width: 576px) and (max-width: 991.98px) {
        .slider.vertical .slick-dots li button::before {
          width: 118px; } }
  @media (min-width: 576px) {
      .slider.vertical .slick-dots li.slick-active button::before {
        font-weight: 400;
        color: #7cc6c0; }
      .slider.vertical .slick-dots li:nth-child(1) button::before {
        content: "1"; }
      .slider.vertical .slick-dots li:nth-child(2) button::before {
        content: "2"; }
      .slider.vertical .slick-dots li:nth-child(3) button::before {
        content: "3"; }
      .slider.vertical .slick-dots li:nth-child(4) button::before {
        content: "4"; }
      .slider.vertical .slick-dots li:nth-child(5) button::before {
        content: "5"; }
      .slider.vertical .slick-dots li:nth-child(6) button::before {
        content: "6"; }
      .slider.vertical .slick-dots li:nth-child(7) button::before {
        content: "7"; }
      .slider.vertical .slick-dots li:nth-child(8) button::before {
        content: "8"; }
      .slider.vertical .slick-dots li:nth-child(9) button::before {
        content: "9"; }
      .slider.vertical .slick-dots li:nth-child(10) button::before {
        content: "10"; }
      .slider.vertical .slick-dots li:nth-child(11) button::before {
        content: "11"; }
      .slider.vertical .slick-dots li:nth-child(12) button::before {
        content: "12"; } }
  @media (min-width: 1200px) {
    .slider.vertical .slick-dots {
      margin-left: -8.33333%; } }

.slick-container [ID*="loader-slick-"] {
  display: none; }

.stories {
  display: flex;
  align-items: center;
  /* .story-slider {
    height: 100%;
    display: flex;
    justify-content: center;
    img {
      height: 100%;
    }
    // RATIO

    @include media-breakpoint-down(sm) {
      //display: none;
    }
    //height: 100%;
    .slick-list,
    .slick-track {
      //height: 100%;
    }
    .story-cnt {
      box-sizing: border-box;
      height: 100%;
      background: #099;
    }

    .slick-dots {
      bottom: auto;
      top: 10px;
      padding: 0 10px;
      display: flex;
      justify-content: space-evenly;
      li {
        display: block;
        width: inherit;
        height: inherit;
        background: rgba($white, 0.5);

        button {
          //width: 100%;

          transition: width 0.25s linear;
          background: $white;

          height: 5px;
          padding: 0;
          &::before {
            display: none;
          }
        }

        &.slick-active {
          & ~ li {
            button {
              width: 0%;
            }
          }
        }
      }
    }
  } */ }
  .stories .stories-ctrl {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 50px; }
    @media (min-width: 769px) {
      .stories .stories-ctrl {
        padding-left: 40px; } }
  .stories > div > .row > div, .color-chart.stories > div > ul > div {
    height: 100%; }
  @media (max-width: 768.98px) {
    .stories > div > .row, .color-chart.stories > div > ul {
      margin: 0; }
    .stories .col {
      padding: 0; } }
  @media (max-width: 768.98px) {
    .stories .col-slider {
      background-attachment: #090; } }
  .stories .select-story {
    display: flex;
    margin: -4px; }
    @media (max-width: 768.98px) {
      .stories .select-story {
        justify-content: space-between; } }
    @media (min-width: 769px) {
      .stories .select-story {
        margin-top: 220px; } }
    @media (min-width: 992px) {
      .stories .select-story {
        margin-top: 60px; } }
    .stories .select-story li {
      margin: 0 8px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0.5;
      transition: opacity 0.25s; }
      @media (min-width: 576px) {
        .stories .select-story li {
          width: 110px;
          height: 140px; } }
      @media (max-width: 768.98px) {
        .stories .select-story li {
          width: 20%; } }
      .stories .select-story li a {
        position: relative;
        width: 100%;
        display: block; }
        .stories .select-story li a > div {
          position: relative;
          width: 100%; }
          .stories .select-story li a > div:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 100%; }
          .stories .select-story li a > div > div {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
        @media (min-width: 576px) {
          .stories .select-story li a {
            width: 100px;
            height: 140px; } }
      .stories .select-story li .avatar {
        display: block;
        border-radius: 50%;
        background: no-repeat center/cover;
        background-size: 100%;
        transition: background-size 0.25s; }
      .stories .select-story li .circle-chart {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none; }
        .stories .select-story li .circle-chart circle {
          stroke: #7cc6c0;
          stroke-width: 5;
          fill: none;
          transform: rotate(-90deg);
          /* 2, 3 */
          transform-origin: center;
          /* 4 */
          stroke-dasharray: 329.86722862692829;
          stroke-dashoffset: 329.86722862692829;
          transition: stroke-dashoffset 0.05s linear; }
      .stories .select-story li span {
        padding-top: 5px;
        position: absolute;
        display: block;
        text-overflow: ellipsis;
        text-align: center;
        overflow: hidden;
        width: 100%;
        font-size: 14px;
        color: #000; }
      .stories .select-story li:hover {
        opacity: 1; }
        .stories .select-story li:hover .avatar {
          background-size: 110%; }
      .stories .select-story li.active {
        pointer-events: none;
        cursor: default;
        opacity: 1; }
        .stories .select-story li.active .circle-chart {
          display: block; }
  .stories .paint {
    max-height: 40%;
    bottom: auto;
    top: 30%; }
    @media (min-width: 1200px) {
      .stories .paint {
        top: 35%; } }
  .stories .story-slider {
    max-width: 100%;
    margin: auto; }
    .stories .story-slider .slick-dots {
      bottom: auto;
      top: 10px;
      padding: 0 10px;
      display: flex;
      justify-content: space-evenly; }
      .stories .story-slider .slick-dots li {
        display: block;
        width: inherit;
        height: inherit;
        background: rgba(255, 255, 255, 0.5); }
        .stories .story-slider .slick-dots li button {
          transition: width 0.25s linear;
          background: #fff;
          height: 5px;
          padding: 0; }
          .stories .story-slider .slick-dots li button::before {
            display: none; }
        .stories .story-slider .slick-dots li.slick-active ~ li button {
          width: 0%; }
  .stories .slick-arrow {
    background: #fff;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7cc6c0;
    position: absolute;
    top: 50%;
    cursor: pointer; }
    .stories .slick-arrow.slick-arrow-prev {
      left: -8.33333%; }
    .stories .slick-arrow.slick-arrow-next {
      right: -8.33333%; }
    .stories .slick-arrow svg {
      fill: #7cc6c0;
      width: 16px;
      height: 16px; }
      .stories .slick-arrow svg.icon {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 50%;
        right: 0;
        top: 50%;
        margin-left: -5px;
        margin-top: -5px;
        transition: all 0.25s ease-in-out; }
        .stories .slick-arrow svg.icon.arrow-left {
          transform: rotate(180deg); }
    .stories .slick-arrow.slick-disabled {
      display: none; }

@keyframes strokedash {
  to {
    stroke-dashoffset: 0; } }

.container.fullwidth, .fullwidth#footer, #footer.big_image, #footer.cards, #footer.shop, #footer.stories, #menu > div.fullwidth, #menu > div.big_image, #menu > div.cards, #menu > div.shop, #menu > div.stories, .fullwidth.big_header, .big_header.big_image, .big_header.cards, .big_header.shop, .big_header.stories, .fullwidth.text_image, .text_image.big_image, .text_image.cards, .text_image.shop, .text_image.stories, .fullwidth.text_mixed, .text_mixed.big_image, .text_mixed.cards, .text_mixed.shop, .text_mixed.stories, .fullwidth.text_text, .text_text.big_image, .text_text.cards, .text_text.shop, .text_text.stories, .fullwidth.mask_form, .mask_form.big_image, .mask_form.cards, .mask_form.shop, .mask_form.stories, .collage > div.fullwidth, .collage > div.big_image, .collage > div.cards, .collage > div.shop, .collage > div.stories, .container.big_image, .big_image.order_form_thank_you, .big_image.download-grid, .cards > div.big_image, .big_image.full_box, .big_image.order_form, .big_image.video, .big_image.slider, .fullwidth.order_form_thank_you, .order_form_thank_you.cards, .order_form_thank_you.shop, .order_form_thank_you.stories, .fullwidth.download-grid, .download-grid.cards, .download-grid.shop, .download-grid.stories, .container.cards, .cards > div.cards, .cards.full_box, .cards.order_form, .cards.video, .cards.slider, .cards > div.fullwidth, .cards > div.shop, .cards > div.stories, .fullwidth.full_box, .full_box.shop, .full_box.stories, .container.shop, .shop.order_form, .shop.video, .shop.slider, .fullwidth.order_form, .order_form.stories, .fullwidth.video, .video.stories, .fullwidth.slider, .slider.stories, .container.stories {
  max-width: none;
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 768.98px) {
  .fringe {
    transform: rotate(-90deg);
    transform-origin: 30% 5%;
    width: 80px !important;
    margin-top: 60px;
    margin-left: -20px;
    position: absolute; } }

@media (min-width: 769px) {
  .fringe {
    max-width: 200px;
    padding: 0 20px; } }

.fringe .fringe-content {
  background: #fff;
  padding: 15px 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 50px;
  -webkit-clip-path: inset(-50px -50px 0px -50px);
  clip-path: inset(-50px -50px 0px -50px);
  z-index: 99; }
  .fringe .fringe-content .data {
    text-align: right;
    font-size: 18px;
    line-height: 140%;
    border-bottom: 1px solid #dadada;
    padding: 15px 0; }
    .fringe .fringe-content .data p, .fringe .fringe-content .data input:not([type="range"]),
    .fringe .fringe-content .data textarea,
    .fringe .fringe-content .data select,
    .fringe .fringe-content .data .button-box,
    .fringe .fringe-content .data .btn.btn-primary, .fringe .fringe-content .data #footer .contact > :last-child, #footer .fringe .fringe-content .data .contact > :last-child, .fringe .fringe-content .data .text_text .copy ul li, .text_text .copy ul .fringe .fringe-content .data li, .fringe .fringe-content .data .color-chart > div ul li span, .color-chart > div ul li .fringe .fringe-content .data span, .fringe .fringe-content .data .form .range > div, .form .fringe .fringe-content .data .range > div, .fringe .fringe-content .data .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .fringe .fringe-content .data #mailchimp-ajax-response {
      line-height: inherit; }
    .fringe .fringe-content .data small p, .fringe .fringe-content .data small input:not([type="range"]),
    .fringe .fringe-content .data small textarea,
    .fringe .fringe-content .data small select,
    .fringe .fringe-content .data small .button-box,
    .fringe .fringe-content .data small .btn.btn-primary, .fringe .fringe-content .data small #footer .contact > :last-child, #footer .fringe .fringe-content .data small .contact > :last-child, .fringe .fringe-content .data small .text_text .copy ul li, .text_text .copy ul .fringe .fringe-content .data small li, .fringe .fringe-content .data small .color-chart > div ul li span, .color-chart > div ul li .fringe .fringe-content .data small span, .fringe .fringe-content .data small .form .range > div, .form .fringe .fringe-content .data small .range > div, .fringe .fringe-content .data small .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .fringe .fringe-content .data small #mailchimp-ajax-response {
      font-size: 12px; }
    .fringe .fringe-content .data strong p, .fringe .fringe-content .data strong input:not([type="range"]),
    .fringe .fringe-content .data strong textarea,
    .fringe .fringe-content .data strong select,
    .fringe .fringe-content .data strong .button-box,
    .fringe .fringe-content .data strong .btn.btn-primary, .fringe .fringe-content .data strong #footer .contact > :last-child, #footer .fringe .fringe-content .data strong .contact > :last-child, .fringe .fringe-content .data strong .text_text .copy ul li, .text_text .copy ul .fringe .fringe-content .data strong li, .fringe .fringe-content .data strong .color-chart > div ul li span, .color-chart > div ul li .fringe .fringe-content .data strong span, .fringe .fringe-content .data strong .form .range > div, .form .fringe .fringe-content .data strong .range > div, .fringe .fringe-content .data strong .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .fringe .fringe-content .data strong #mailchimp-ajax-response {
      font-size: 24px; }
    @media (max-width: 768.98px) {
      .fringe .fringe-content .data {
        /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
        padding: 5px 0; }
        .fringe .fringe-content .data small {
          /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */ }
        .fringe .fringe-content .data strong {
          /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */ } }
    .fringe .fringe-content .data:last-child {
      border-bottom: none; }

.fringe .fringe-bottom {
  background: #fff;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 100% 100%;
  -webkit-clip-path: inset(0px -50px -50px -50px);
  clip-path: inset(0px -50px -50px -50px);
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 50px;
  z-index: 9; }
  .fringe .fringe-bottom:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%; }
  .fringe .fringe-bottom > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fringe.type-1 img {
  width: 120%;
  margin-top: -50%;
  transform-origin: top center;
  z-index: -1; }
  @media (max-width: 768.98px) {
    .fringe.type-1 img {
      animation: none; } }

.fringe.type-2 {
  z-index: -1;
  width: 25%;
  position: absolute;
  transform: rotate(90deg);
  transform-origin: left top;
  right: -50%;
  margin-top: 0;
  top: 60%; }
  @media (max-width: 768.98px) {
    .fringe.type-2 {
      margin-top: 60px; } }
  .fringe.type-2 img {
    width: 150%;
    transform-origin: top center;
    margin-top: -70%;
    margin-left: -60%;
    z-index: -1; }

.fringe .logo {
  margin: 35px 0 50px 0;
  display: flex;
  position: relative;
  width: 100%;
  background: url("assets/logo.svg") no-repeat center;
  background-size: contain; }
  @media (max-width: 991.98px) {
    .fringe .logo {
      margin: 10px 0 10px 0; } }
  .fringe .logo:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 29.03226%; }
  .fringe .logo > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.fringe .button {
  position: absolute;
  left: 10%; }
  @media (max-width: 768.98px) {
    .fringe .button {
      transform: rotate(90deg);
      transform-origin: left top;
      top: 20px;
      left: -15px;
      right: auto; } }
  @media (min-width: 992px) {
    .fringe .button {
      left: auto; } }

@keyframes swinging {
  0% {
    transform: rotate(10deg) translateY(10px); }
  50% {
    transform: rotate(5deg) translateY(-10px); }
  100% {
    transform: rotate(10deg) translateY(10px); } }

.color-chart {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  @media (max-width: 768.98px) {
    .color-chart {
      overflow: auto;
      display: block; } }
  @media (min-width: 576px) {
    .color-chart {
      padding: 100px; } }
  .color-chart .close {
    position: absolute;
    /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
    right: 20px;
    top: 10px;
    position: fixed;
    z-index: 999; }
  .color-chart > div {
    width: 100%;
    max-width: 1400px; }
    .color-chart > div ul {
      margin-bottom: 30px; }
      .color-chart > div ul li {
        width: 25%;
        padding: 10px; }
        @media (min-width: 576px) {
          .color-chart > div ul li {
            width: 25%; } }
        @media (min-width: 769px) {
          .color-chart > div ul li {
            width: 20%; } }
        @media (min-width: 992px) {
          .color-chart > div ul li {
            width: 12.5%; } }
        @media (min-width: 1200px) {
          .color-chart > div ul li {
            width: 10%; } }
        .color-chart > div ul li .img {
          box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.24);
          position: relative;
          width: 100%;
          background-size: cover;
          background-position: center center;
          border-radius: 50%;
          border: 3px solid #fff; }
          .color-chart > div ul li .img:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 100%; }
          .color-chart > div ul li .img > div {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
        .color-chart > div ul li span {
          display: block;
          font-weight: 400;
          text-align: center; }

.modal {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 9999999;
  transform: translate3d(100vw, 0, 0);
  transition: transform 0.25s ease-in-out; }
  .modal.active {
    opacity: 1;
    pointer-events: all;
    transform: translate3d(0, 0, 0); }

input[type="range"] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%; }

input[type="range"]:focus {
  outline: none; }

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: #7cc6c0;
  border-radius: 1.3px; }

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: #7cc6c0;
  border-radius: 1.3px; }

input[type="range"]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: #7cc6c0;
  border-radius: 1.3px;
  background: none;
  height: 15px; }

input[type="range"]::-webkit-slider-thumb {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #7cc6c0;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px; }

input[type="range"]::-moz-range-thumb {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #7cc6c0;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px; }

input[type="range"]::-ms-thumb {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #7cc6c0;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
  margin-top: 0; }

input[type="range"]::-ms-fill-lower {
  background: #2a6495;
  height: 1px; }

input[type="range"]::-ms-fill-upper {
  background: #3071a9;
  height: 1px; }

@media (max-width: 768.98px) {
  .tx-partnersuche {
    margin: 0 -15px; } }

@media (max-width: 768.98px) {
  .partnersearch-result, .download-grid .download-result {
    padding: 0; } }

.partner-form, .download-grid {
  margin: 0 0px; }
  @media (min-width: 576px) {
    .partner-form, .download-grid {
      margin: 0 30px; } }
  .partner-form > div, .download-grid > div {
    margin: auto;
    align-items: flex-start; }

.partnersearch-form, .download-grid .download-form {
  border-bottom: 3px solid #7cc6c0;
  padding: 25px;
  margin-bottom: 25px; }
  @media (min-width: 769px) {
    .partnersearch-form, .download-grid .download-form {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none;
      border-right: 3px solid #7cc6c0; } }
  @media (max-width: 768.98px) {
    .partnersearch-form, .download-grid .download-form {
      padding: 0; } }
  @media (min-width: 1930px) {
    .partnersearch-form, .download-grid .download-form {
      padding: 50px; } }

.partnersearch-result, .download-grid .download-result {
  position: relative;
  margin-bottom: 25px; }
  @media (min-width: 576px) {
    .partnersearch-result, .download-grid .download-result {
      margin-bottom: 0; } }
  @media (min-width: 1930px) {
    .partnersearch-result, .download-grid .download-result {
      padding: 50px; } }

.row, .color-chart > div ul {
  align-items: stretch; }

.form input,
.form select {
  margin-top: 10px;
  background: #fff; }
  .form input.search-term,
  .form select.search-term {
    padding-right: 50px; }

.form .select {
  position: relative; }

.form .arrow-down {
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  position: absolute;
  right: 15px;
  top: 25px;
  fill: #7cc6c0;
  pointer-events: none; }

.form .locate-me,
.form .select .fa-arrow-down {
  position: absolute;
  right: 10px;
  top: 10px;
  /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
  color: #7cc6c0;
  opacity: 0.75;
  cursor: pointer;
  height: 50px;
  display: flex;
  align-items: center; }
  .form .locate-me:hover,
  .form .select .fa-arrow-down:hover {
    opacity: 1; }
  .form .locate-me.fa-circle-o-notch,
  .form .select .fa-arrow-down.fa-circle-o-notch {
    animation: rotating 2s linear infinite;
    pointer-events: none; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.form .select .fa-arrow-down {
  /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
  pointer-events: none;
  right: 15px; }

.form .search {
  position: relative; }
  .form .search ul {
    z-index: 99;
    display: none;
    position: absolute;
    width: 100%;
    padding: 10px;
    border: 1px solid #7cc6c0;
    border-top: 0; }

.form select {
  margin-bottom: 40px; }

.form formgroup {
  display: flex;
  justify-content: space-between; }
  .form formgroup input {
    visibility: hidden;
    position: absolute; }
    .form formgroup input:checked ~ label {
      color: #fff; }
      .form formgroup input:checked ~ label:after {
        height: auto;
        top: 0; }
  .form formgroup .state {
    position: relative;
    width: 27%;
    height: 35px; }
    .form formgroup .state label {
      font-size: 13px;
      white-space: nowrap;
      cursor: pointer; }
      @media (max-width: 991.98px) {
        .form formgroup .state label {
          font-size: 10px; } }
      .form formgroup .state label:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        z-index: -1; }
    .form formgroup .state-2 label:after {
      background: #d9c271; }
    .form formgroup .state-3 label:after {
      background: #b1b1b1; }
    .form formgroup .state-4 label:after {
      background: #c18953; }
    .form formgroup .state label {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      text-align: center; }
      .form formgroup .state label:hover {
        color: #fff; }
        .form formgroup .state label:hover:after {
          height: auto;
          top: 0; }

.form .range {
  margin-top: 45px;
  margin-bottom: 45px;
  display: flex;
  justify-content: stretch;
  align-items: flex-end; }
  .form .range input {
    flex: 1;
    margin-bottom: 25px; }
    .form .range input::-ms-track {
      border: none; }
    .form .range input::-ms-track {
      color: transparent; }
  .form .range > div:last-child {
    text-align: right; }
  .form .range .fa {
    /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
    color: #7cc6c0; }
  .form .range svg {
    width: 30px;
    height: 30px;
    fill: #7cc6c0; }
  .form .range .search-range-display {
    width: 60px;
    display: inline-block; }

.tabs {
  z-index: 5;
  display: flex;
  align-items: stretch;
  width: 100%; }
  .tabs .button-box {
    display: block;
    flex: 1;
    padding-left: 50px;
    position: relative; }
    .tabs .button-box:first-child {
      border-right: none; }
    .tabs .button-box svg {
      width: 16px;
      height: 16px;
      fill: #7cc6c0;
      position: absolute;
      left: 25px; }
    .tabs .button-box.active svg {
      fill: #fff; }
  @media (min-width: 576px) {
    .tabs {
      display: flex;
      width: 250px;
      position: absolute; }
      .tabs .button-box {
        display: inline-block; } }

#search-result {
  display: none;
  margin-top: 15px; }
  @media (min-width: 576px) {
    #search-result {
      margin-top: 50px; } }
  #search-result li {
    margin-bottom: 50px; }
    #search-result li.header {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between; }
    @media (min-width: 576px) {
      #search-result li {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between; } }
    #search-result li .state {
      border-bottom: 4px solid #7cc6c0;
      margin-bottom: 20px;
      display: inline-block;
      padding-right: 30px;
      line-height: 1.6; }
      #search-result li .state-2 {
        border-color: #d9c271; }
      #search-result li .state-3 {
        border-color: #b1b1b1; }
      #search-result li .state-4 {
        border-color: #c18953; }
    #search-result li div:first-child {
      text-align: right;
      margin-top: 28px; }
      #search-result li div:first-child h5, #search-result #menu ul.menu > li div:first-child ul li a, #menu #search-result ul.menu > li div:first-child ul li a, #search-result #menu ul.menu > li ul li div:first-child a, #menu #search-result ul.menu > li ul li div:first-child a {
        white-space: nowrap; }
    #search-result li div:last-child {
      padding-right: 50px; }
    #search-result li.header {
      margin: 0;
      font-weight: 400; }
      #search-result li.header div {
        margin-top: 0; }
        @media (min-width: 576px) {
          #search-result li.header div {
            padding-bottom: 25px;
            padding-top: 25px; } }

#maps {
  position: relative;
  width: 100%; }
  #maps:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 200%; }
  #maps > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  @media (min-width: 576px) {
    #maps {
      position: relative;
      width: 100%; }
      #maps:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%; }
      #maps > div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }
  #maps.deactive {
    visibility: hidden;
    pointer-events: none; }

.start,
.no-results {
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  padding: 0 10%;
  text-align: center;
  display: flex;
  align-items: center; }
  .start.no-results,
  .no-results.no-results {
    display: none; }
  .start div,
  .no-results div {
    width: 100%; }
  @media (min-width: 576px) {
    .start,
    .no-results {
      height: 100%; } }

.partner-widget {
  z-index: 99;
  position: relative;
  width: 100%;
  background: url("/fileadmin/templates/assets/images/Salon-Istock.jpg") no-repeat;
  background-position: cover; }
  .partner-widget:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.33333%; }
  .partner-widget > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  @media (min-width: 576px) {
    .partner-widget {
      margin-bottom: 150px; } }
  @media (min-width: 992px) {
    .partner-widget {
      margin-bottom: 200px; } }
  @media (max-width: 768.98px) {
    .partner-widget > div {
      position: relative; } }
  .partner-widget .partnersearch-form, .partner-widget .download-grid .download-form, .download-grid .partner-widget .download-form {
    border-right: none; }
    @media (max-width: 768.98px) {
      .partner-widget .partnersearch-form, .partner-widget .download-grid .download-form, .download-grid .partner-widget .download-form {
        padding: 15px; } }
    @media (min-width: 576px) {
      .partner-widget .partnersearch-form, .partner-widget .download-grid .download-form, .download-grid .partner-widget .download-form {
        bottom: -25%;
        right: 40px;
        position: absolute; } }
    @media (min-width: 769px) {
      .partner-widget .partnersearch-form, .partner-widget .download-grid .download-form, .download-grid .partner-widget .download-form {
        right: -25%; } }
  .partner-widget .paint {
    position: absolute;
    bottom: -30%;
    left: -25%; }

.faq {
  max-width: 1400px;
  margin: 0 auto; }
  .faq .tx-jpfaq {
    margin-top: 60px; }
    .faq .tx-jpfaq ul li {
      margin: 0 0 40px 0; }
    .faq .tx-jpfaq .toggleTrigger {
      cursor: pointer;
      font-weight: 400; }
      .faq .tx-jpfaq .toggleTrigger svg {
        width: 20px;
        height: 20px;
        margin-right: 10px; }
        .faq .tx-jpfaq .toggleTrigger svg line {
          stroke: black;
          stroke-width: 3;
          transition: stroke 0.25s ease-in-out; }
          .faq .tx-jpfaq .toggleTrigger svg line:nth-child(1) {
            transition: transform 0.25s ease-in-out;
            transform-origin: center; }
      .faq .tx-jpfaq .toggleTrigger.questionUnfolded svg line {
        stroke: #7cc6c0; }
        .faq .tx-jpfaq .toggleTrigger.questionUnfolded svg line:nth-child(1) {
          transform: scaleY(0); }
    .faq .tx-jpfaq .jpfaqAnswer {
      padding-left: 36px; }

.tx-mailchimp #mailchimp-ajax-response {
  color: #7cc6c0;
  padding-top: 20px; }
  .tx-mailchimp #mailchimp-ajax-response h3, .tx-mailchimp #mailchimp-ajax-response #menu ul.menu > li a, #menu ul.menu > li .tx-mailchimp #mailchimp-ajax-response a {
    /*  $fz: $size/$base-font-size;
  $mob-fz: $size/$mobile-font-size;
  @if($mob-fz<0.85){
    $mob-fz:0.85;
  }
  font-size: ($size) + px;
  font-size: $fz + rem;
  @include media-breakpoint-down(sm) {
    font-size: $mob-fz + rem;
  }
  @if $is_heading {
    & ~ p,
    & ~  a,
    &.mt {
      margin-top: ($size * 0.6) + px;
      margin-top: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-top: $mob-fz * 0.6 + rem;
      }
    }
    & ~  a {
      display: inline-block;
    }

    &.mb {
      margin-bottom: ($size * 0.6) + px;
      margin-bottom: $fz * 0.6 + rem;
      @include media-breakpoint-down(sm) {
        margin-bottom: $mob-fz * 0.6 + rem;
      }
    }
  } */
    margin-bottom: 0; }

.login-form {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  pointer-events: none;
  background: rgba(125, 125, 125, 0.9);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 999999999;
  display: flex;
  justify-content: center;
  align-items: center; }
  .login-form.user-login-header {
    opacity: 1; }
  .login-form.active {
    opacity: 1;
    pointer-events: all; }
  .login-form .tx-felogin-pi1 {
    position: relative; }
  .login-form .paint {
    position: absolute;
    left: -15%;
    top: -15%;
    width: 50%;
    height: 50%;
    opacity: 0.75; }
  .login-form .close {
    position: absolute;
    right: 25px;
    top: 25px; }
    .login-form .close svg {
      width: 20px;
      height: 20px;
      fill: #000;
      transition: fill 0.25s ease-in-out; }
    .login-form .close:hover svg {
      fill: #7cc6c0; }
  .login-form input {
    margin-bottom: 25px; }

.news {
  max-width: 1400px;
  margin: 0 auto; }
  @media (min-width: 576px) {
    .news .news-filter {
      padding: 0 40px; } }
  @media (min-width: 1200px) {
    .news .news-filter {
      display: flex;
      justify-content: space-around;
      padding: 0 20%; } }
  .news .news-category {
    display: inline-block;
    margin: 0 20px 20px 0; }
    .news .news-category a {
      display: inline-block;
      padding: 15px 25px;
      border: 1px solid #7cc6c0;
      white-space: nowrap; }
      .news .news-category a.active {
        background: #7cc6c0;
        color: #fff;
        font-weight: 400; }
  .news .news-item {
    margin-bottom: 40px; }
    .news .news-item .article {
      position: relative;
      display: flex;
      height: 100%;
      background: #fff;
      box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); }
      @media (max-width: 768.98px) {
        .news .news-item .article {
          display: block; } }
      .news .news-item .article .news-img-wrap {
        margin: 0;
        padding: 0; }
        @media (max-width: 768.98px) {
          .news .news-item .article .news-img-wrap {
            position: relative;
            margin: 0 0 40px;
            max-width: none;
            min-height: 300px;
            overflow: hidden; } }
        .news .news-item .article .news-img-wrap img {
          display: block;
          width: 100%; }
          @media (max-width: 768.98px) {
            .news .news-item .article .news-img-wrap img {
              position: absolute; } }
      .news .news-item .article .teaser-text {
        padding: 20px 20px 40px 40px; }
        @media (max-width: 768.98px) {
          .news .news-item .article .teaser-text {
            max-width: none; } }
        .news .news-item .article .teaser-text .news-list-category {
          margin-bottom: 20px; }
        .news .news-item .article .teaser-text .header h4, .news .news-item .article .teaser-text .header #menu .search input, #menu .search .news .news-item .article .teaser-text .header input {
          margin-bottom: 10px;
          font-weight: 500; }
        .news .news-item .article .teaser-text .news-list-author {
          margin-bottom: 40px;
          font-weight: 400; }
        .news .news-item .article .teaser-text p, .news .news-item .article .teaser-text input:not([type="range"]),
        .news .news-item .article .teaser-text textarea,
        .news .news-item .article .teaser-text select,
        .news .news-item .article .teaser-text .button-box,
        .news .news-item .article .teaser-text .btn.btn-primary, .news .news-item .article .teaser-text #footer .contact > :last-child, #footer .news .news-item .article .teaser-text .contact > :last-child, .news .news-item .article .teaser-text .text_text .copy ul li, .text_text .copy ul .news .news-item .article .teaser-text li, .news .news-item .article .teaser-text .color-chart > div ul li span, .color-chart > div ul li .news .news-item .article .teaser-text span, .news .news-item .article .teaser-text .form .range > div, .form .news .news-item .article .teaser-text .range > div, .news .news-item .article .teaser-text .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp .news .news-item .article .teaser-text #mailchimp-ajax-response {
          line-height: 1.75; }
        .news .news-item .article .teaser-text .more {
          position: absolute;
          bottom: 10px;
          right: 30px; }
          .news .news-item .article .teaser-text .more .arrow-right {
            width: 20px;
            height: 20px;
            fill: #7cc6c0; }
  .news.news-single {
    padding: 120px 0; }
    .news.news-single .article .news-backlink-wrap {
      margin-bottom: 40px;
      font-weight: 500; }
      .news.news-single .article .news-backlink-wrap .arrow-back {
        width: 15px;
        height: 15px;
        transform: rotate(180deg);
        fill: #7cc6c0; }
      .news.news-single .article .news-backlink-wrap a {
        margin-left: 10px; }
    .news.news-single .article .news-list-category {
      text-align: center; }
    .news.news-single .article .header {
      text-align: center; }
    .news.news-single .article .news-list-author {
      margin-top: 40px;
      margin-bottom: 80px;
      font-weight: 500;
      text-align: center; }
    .news.news-single .article .teaser-text {
      text-align: center; }
    .news.news-single .article .news-text-wrap {
      text-align: center; }

body {
  padding-top: 1px; }
  @media (min-width: 576px) {
    body {
      background: url(assets/images/bg.png); }
      body .is-mobile {
        display: none; } }

@media (max-width: 768.98px) {
  > .row, > .color-chart > div ul {
    margin: 0; }
  .col {
    padding: 0; } }

.injected-svg {
  display: none; }

#content, #header-section {
  overflow: hidden;
  margin-top: 0; }
  @media (max-width: 768.98px) {
    #content, #header-section {
      padding: 0 25px; } }
  #content > div:first-child.stories, #content > div:first-child.big_image, #content > div:first-child.big_header, #header-section > div:first-child.stories, #header-section > div:first-child.big_image, #header-section > div:first-child.big_header {
    height: 100vh;
    margin-top: -70px;
    padding-top: 35px; }
    #content > div:first-child.stories > div,
    #content > div:first-child.stories .bg, #content > div:first-child.big_image > div,
    #content > div:first-child.big_image .bg, #content > div:first-child.big_header > div,
    #content > div:first-child.big_header .bg, #header-section > div:first-child.stories > div,
    #header-section > div:first-child.stories .bg, #header-section > div:first-child.big_image > div,
    #header-section > div:first-child.big_image .bg, #header-section > div:first-child.big_header > div,
    #header-section > div:first-child.big_header .bg {
      height: 100%;
      max-height: none; }
    @media (max-width: 768.98px) {
      #content > div:first-child.stories, #content > div:first-child.big_image, #content > div:first-child.big_header, #header-section > div:first-child.stories, #header-section > div:first-child.big_image, #header-section > div:first-child.big_header {
        /* @include aspect-ratio(1, 2);
        width: auto;
   
        .bg{
              // DUCKTAPE
        background-position-y: 20px; 
        background-position-x: -50px;
        }*/ } }
  #content > div:first-child.big_image, #header-section > div:first-child.big_image {
    margin-top: 0;
    margin-bottom: 25px;
    padding-top: 120px; }
    @media (max-width: 991.98px) {
      #content > div:first-child.big_image, #header-section > div:first-child.big_image {
        max-height: 660px;
        padding-bottom: 0; } }
    @media (max-width: 768.98px) {
      #content > div:first-child.big_image h3, #content > div:first-child.big_image #menu ul.menu > li a, #menu ul.menu > li #content > div:first-child.big_image a, #header-section > div:first-child.big_image h3, #header-section > div:first-child.big_image #menu ul.menu > li a, #menu ul.menu > li #header-section > div:first-child.big_image a {
        font-size: 40px;
        font-weight: 500; } }
    @media (min-width: 769px) {
      #content > div:first-child.big_image h3, #content > div:first-child.big_image #menu ul.menu > li a, #menu ul.menu > li #content > div:first-child.big_image a, #header-section > div:first-child.big_image h3, #header-section > div:first-child.big_image #menu ul.menu > li a, #menu ul.menu > li #header-section > div:first-child.big_image a {
        font-size: 58px;
        font-weight: 500; } }
    @media (min-width: 992px) {
      #content > div:first-child.big_image h3, #content > div:first-child.big_image #menu ul.menu > li a, #menu ul.menu > li #content > div:first-child.big_image a, #header-section > div:first-child.big_image h3, #header-section > div:first-child.big_image #menu ul.menu > li a, #menu ul.menu > li #header-section > div:first-child.big_image a {
        font-size: 70px;
        font-weight: 500;
        margin-bottom: 45px; } }
    #content > div:first-child.big_image > .bg, #header-section > div:first-child.big_image > .bg {
      background: none !important; }
      #content > div:first-child.big_image > .bg::before, #header-section > div:first-child.big_image > .bg::before {
        display: none; }
  #content > div:first-child.stories, #header-section > div:first-child.stories {
    padding-top: 150px; }
    @media (max-width: 991.98px) {
      #content > div:first-child.stories, #header-section > div:first-child.stories {
        height: auto;
        margin-top: 0;
        padding-top: 150px; } }
    #content > div:first-child.stories > div, #header-section > div:first-child.stories > div {
      width: 100%;
      display: flex;
      align-items: center; }
      #content > div:first-child.stories > div > .row, #content > div.color-chart.stories:first-child > div > ul, #header-section > div:first-child.stories > div > .row, #header-section > div.color-chart.stories:first-child > div > ul {
        width: 100%; }
        @media (min-width: 769px) {
          #content > div:first-child.stories > div > .row, #content > div.color-chart.stories:first-child > div > ul, #header-section > div:first-child.stories > div > .row, #header-section > div.color-chart.stories:first-child > div > ul {
            max-height: 75vh; } }
  #content .contenttable tr td:first-child p, #content .contenttable tr td:first-child input:not([type="range"]),
  #content .contenttable tr td:first-child textarea,
  #content .contenttable tr td:first-child select,
  #content .contenttable tr td:first-child .button-box,
  #content .contenttable tr td:first-child .btn.btn-primary, #content .contenttable tr td:first-child #footer .contact > :last-child, #footer #content .contenttable tr td:first-child .contact > :last-child, #content .contenttable tr td:first-child .text_text .copy ul li, .text_text .copy ul #content .contenttable tr td:first-child li, #content .contenttable tr td:first-child .color-chart > div ul li span, .color-chart > div ul li #content .contenttable tr td:first-child span, #content .contenttable tr td:first-child .form .range > div, .form #content .contenttable tr td:first-child .range > div, #content .contenttable tr td:first-child .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp #content .contenttable tr td:first-child #mailchimp-ajax-response, #header-section .contenttable tr td:first-child p, #header-section .contenttable tr td:first-child input:not([type="range"]),
  #header-section .contenttable tr td:first-child textarea,
  #header-section .contenttable tr td:first-child select,
  #header-section .contenttable tr td:first-child .button-box,
  #header-section .contenttable tr td:first-child .btn.btn-primary, #header-section .contenttable tr td:first-child #footer .contact > :last-child, #footer #header-section .contenttable tr td:first-child .contact > :last-child, #header-section .contenttable tr td:first-child .text_text .copy ul li, .text_text .copy ul #header-section .contenttable tr td:first-child li, #header-section .contenttable tr td:first-child .color-chart > div ul li span, .color-chart > div ul li #header-section .contenttable tr td:first-child span, #header-section .contenttable tr td:first-child .form .range > div, .form #header-section .contenttable tr td:first-child .range > div, #header-section .contenttable tr td:first-child .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp #header-section .contenttable tr td:first-child #mailchimp-ajax-response {
    padding-right: 20px; }
    @media (min-width: 576px) {
      #content .contenttable tr td:first-child p, #content .contenttable tr td:first-child input:not([type="range"]),
      #content .contenttable tr td:first-child textarea,
      #content .contenttable tr td:first-child select,
      #content .contenttable tr td:first-child .button-box,
      #content .contenttable tr td:first-child .btn.btn-primary, #content .contenttable tr td:first-child #footer .contact > :last-child, #footer #content .contenttable tr td:first-child .contact > :last-child, #content .contenttable tr td:first-child .text_text .copy ul li, .text_text .copy ul #content .contenttable tr td:first-child li, #content .contenttable tr td:first-child .color-chart > div ul li span, .color-chart > div ul li #content .contenttable tr td:first-child span, #content .contenttable tr td:first-child .form .range > div, .form #content .contenttable tr td:first-child .range > div, #content .contenttable tr td:first-child .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp #content .contenttable tr td:first-child #mailchimp-ajax-response, #header-section .contenttable tr td:first-child p, #header-section .contenttable tr td:first-child input:not([type="range"]),
      #header-section .contenttable tr td:first-child textarea,
      #header-section .contenttable tr td:first-child select,
      #header-section .contenttable tr td:first-child .button-box,
      #header-section .contenttable tr td:first-child .btn.btn-primary, #header-section .contenttable tr td:first-child #footer .contact > :last-child, #footer #header-section .contenttable tr td:first-child .contact > :last-child, #header-section .contenttable tr td:first-child .text_text .copy ul li, .text_text .copy ul #header-section .contenttable tr td:first-child li, #header-section .contenttable tr td:first-child .color-chart > div ul li span, .color-chart > div ul li #header-section .contenttable tr td:first-child span, #header-section .contenttable tr td:first-child .form .range > div, .form #header-section .contenttable tr td:first-child .range > div, #header-section .contenttable tr td:first-child .tx-mailchimp #mailchimp-ajax-response, .tx-mailchimp #header-section .contenttable tr td:first-child #mailchimp-ajax-response {
        padding-right: 40px; } }

#header-section {
  min-height: 100px; }

body {
  overflow-x: hidden;
  width: 100vw; }
  body #container {
    max-width: 1800px;
    margin: 0 auto; }
  body #menu {
    transform: translate3d(100vw, 0, 0); }
    @media (max-width: 768.98px) {
      body #menu {
        width: 0;
        pointer-events: none;
        overflow: hidden; } }
    @media (min-width: 576px) {
      body #menu {
        transform: translate3d(0, 0, 0); } }
  body #container,
  body #menu {
    transition: all 0.25s ease-in-out; }
  body.menu-open {
    overflow-y: hidden; }
    body.menu-open #container {
      transform: translate3d(-100vw, 0, 0); }
    body.menu-open #menu {
      transform: translate3d(0, 0, 0); }
      @media (max-width: 768.98px) {
        body.menu-open #menu {
          width: 100vw;
          pointer-events: all;
          overflow: inherit; } }
    @media (max-width: 768.98px) {
      body.menu-open #header > div {
        padding-top: 10px;
        padding-bottom: 10px; }
        body.menu-open #header > div .logo {
          height: 20px; } }

/*
.row [class*='col-'] { 
    border: 1px solid #b35050;
    background-clip: content-box;
    min-height: 20px;
}
*/
/*
.row [class*='col-'] {
    border: 1px solid #b35050;
    background-clip: content-box;
    min-height: 20px;
}

body {}

.fullwidth {
    &>div {
        margin-right: auto;
        margin-left: auto;
        max-width: 1600px;
    }
    .container,
    .row {
        height: 100%;
    }
}

.col {
    img {
        width: 100%;
    }
}

.bg-contain {
    background-size: cover;
}

.bg-contain {
    background-size: contain;
    background-repeat: no-repeat
}

.bg-right {
    background-position-x: right;
}*/
.debug {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: #c00;
  color: #fff;
  padding: 10px; }