@charset "UTF-8";
/*!
* Bootstrap Grid v4.0.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)
*/
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container.full {
max-width: 100% !important;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1540px;
}
}
@media (min-width: 2100px) {
.container {
max-width: 2040px;
}
}
@media (min-width: 3000px) {
.container.wide {
max-width: 2940px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
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, .col-6, .col-7, .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, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .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 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1600px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xxl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xxl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xxl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xxl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xxl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xxl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xxl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xxl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xxl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xxl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.333333%;
}
.offset-xxl-2 {
margin-left: 16.666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.333333%;
}
.offset-xxl-5 {
margin-left: 41.666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.333333%;
}
.offset-xxl-8 {
margin-left: 66.666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.333333%;
}
.offset-xxl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 2200px) {
.col-xxxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxxl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxxl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxxl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxxl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxxl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxxl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxxl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxxl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxxl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxxl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxxl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxxl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxxl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxxl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xxxl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xxxl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xxxl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xxxl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xxxl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xxxl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xxxl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xxxl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xxxl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xxxl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xxxl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xxxl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xxxl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xxxl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xxxl-0 {
margin-left: 0;
}
.offset-xxxl-1 {
margin-left: 8.333333%;
}
.offset-xxxl-2 {
margin-left: 16.666667%;
}
.offset-xxxl-3 {
margin-left: 25%;
}
.offset-xxxl-4 {
margin-left: 33.333333%;
}
.offset-xxxl-5 {
margin-left: 41.666667%;
}
.offset-xxxl-6 {
margin-left: 50%;
}
.offset-xxxl-7 {
margin-left: 58.333333%;
}
.offset-xxxl-8 {
margin-left: 66.666667%;
}
.offset-xxxl-9 {
margin-left: 75%;
}
.offset-xxxl-10 {
margin-left: 83.333333%;
}
.offset-xxxl-11 {
margin-left: 91.666667%;
}
}
.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: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.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: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
/**
* Colors
*/
/**
/* Font weight variables
*/
/**
* Font family
*/
/**
* Border radius
*/
/**
* Scale
*/
/**
* Translate
*/
/**
* Skew
*/
/**
* Rotate
*/
/**
* Transition
*/
/**
* REM units
*/
.slbOverlay, .slbWrapOuter, .slbWrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.slbOverlay {
overflow: hidden;
z-index: 2000;
background-color: #000;
opacity: 0.7;
animation: slbOverlay 0.5s;
}
.slbWrapOuter {
overflow-x: hidden;
overflow-y: auto;
z-index: 2010;
}
.slbWrap {
position: absolute;
text-align: center;
}
.slbWrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.slbContentOuter {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0px auto;
padding: 0 1em;
box-sizing: border-box;
z-index: 2020;
text-align: left;
max-width: 100%;
}
.slbContentEl .slbContentOuter {
padding: 5em 1em;
}
.slbContent {
position: relative;
}
.slbContentEl .slbContent {
animation: slbEnter 0.3s;
background-color: #fff;
box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4);
}
.slbImageWrap {
animation: slbEnter 0.3s;
position: relative;
}
.slbImageWrap:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 5em;
bottom: 5em;
display: block;
z-index: -1;
box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
background-color: #FFF;
}
.slbDirectionNext .slbImageWrap {
animation: slbEnterNext 0.4s;
}
.slbDirectionPrev .slbImageWrap {
animation: slbEnterPrev 0.4s;
}
.slbImage {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 5em 0;
margin: 0 auto;
}
.slbCaption {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
font-size: 1.4em;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0.71429em 0;
color: #fff;
color: rgba(255, 255, 255, 0.7);
text-align: center;
}
.slbCloseBtn, .slbArrow {
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
background: none;
}
.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner {
padding: 0;
border: 0;
}
.slbCloseBtn:hover, .slbArrow:hover {
opacity: 0.5;
}
.slbCloseBtn:active, .slbArrow:active {
opacity: 0.8;
}
.slbCloseBtn {
animation: slbEnter 0.3s;
font-size: 3em;
width: 1.66667em;
height: 1.66667em;
line-height: 1.66667em;
position: absolute;
right: -0.33333em;
top: 0;
color: #fff;
color: rgba(255, 255, 255, 0.7);
text-align: center;
}
.slbLoading .slbCloseBtn {
display: none;
}
.slbLoadingText {
font-size: 1.4em;
color: #fff;
color: rgba(255, 255, 255, 0.9);
}
.slbArrows {
position: fixed;
top: 50%;
left: 0;
right: 0;
}
.slbLoading .slbArrows {
display: none;
}
.slbArrow {
position: absolute;
top: 50%;
margin-top: -5em;
width: 5em;
height: 10em;
opacity: 0.7;
text-indent: -999em;
overflow: hidden;
}
.slbArrow:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -0.8em 0 0 -0.8em;
border: 0.8em solid transparent;
}
.slbArrow.next {
right: 0;
}
.slbArrow.next:before {
border-left-color: #fff;
}
.slbArrow.prev {
left: 0;
}
.slbArrow.prev:before {
border-right-color: #fff;
}
.slbIframeCont {
width: 80em;
height: 0;
overflow: hidden;
padding-top: 56.25%;
margin: 5em 0;
}
.slbIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
background: #000;
}
@keyframes slbOverlay {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@keyframes slbEnter {
from {
opacity: 0;
transform: translate3d(0, -1em, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes slbEnterNext {
from {
opacity: 0;
transform: translate3d(4em, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes slbEnterPrev {
from {
opacity: 0;
transform: translate3d(-4em, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
article, aside, figure, footer, header, hgroup, nav, section, img {
display: block;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
*vertical-align: baseline;
}
label, input[type=button], input[type=submit], button {
cursor: pointer;
overflow: visible;
}
em, i {
font-weight: inherit;
}
/************************************************************************************
FONT FACE
*************************************************************************************/
@font-face {
font-family: 'Helvetica Neue LT Pro';
src: url("../font/subset-HelveticaNeueLTPro-Lt.woff2") format("woff2"), url("../font/subset-HelveticaNeueLTPro-Lt.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue LT Pro';
src: url("../font/subset-HelveticaNeueLTPro-Md.woff2") format("woff2"), url("../font/subset-HelveticaNeueLTPro-Md.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue LT Pro';
src: url("../font/subset-HelveticaNeueLTPro-Bd.woff2") format("woff2"), url("../font/subset-HelveticaNeueLTPro-Bd.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Orator';
src: url("../font/OratorBT-TenPitch.woff2") format("woff2"), url("../font/OratorBT-TenPitch.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/************************************************************************************
GENERAL
*************************************************************************************/
body {
font-family: Helvetica Neue LT Pro,sans-serif;
font-size: 14px;
line-height: 1.6em;
font-weight: 300;
color: #000;
background: #fff;
margin: 0;
padding: 0;
min-height: 100vh;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
body.hp {
background: #cecece;
}
body.hp .header.active {
background: #fff;
}
body.hp .content {
display: -ms-flexbox;
display: flex;
}
/* Box sizing */
*, *:after, *:before {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* Anchors */
a {
color: #000;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/* Heading */
h1, .h1 {
font-family: Helvetica Neue LT Pro,sans-serif;
font-size: 2.1875rem;
line-height: 1.3em;
font-weight: 400;
margin: 0;
}
h1 .big, .h1 .big {
font-size: 1.625rem;
}
h2, .h2 {
font-family: Helvetica Neue LT Pro,sans-serif;
font-size: 1.875rem;
line-height: 1.3em;
font-weight: 600;
color: #000;
margin: 0 0 10px 0;
}
h3, .h3 {
font-family: Helvetica Neue LT Pro,sans-serif;
font-size: 1.25rem;
line-height: 1.3em;
font-weight: 600;
color: #000;
margin: 0 0 10px 0;
}
h4, .h4 {
font-family: Helvetica Neue LT Pro,sans-serif;
font-size: 1.5625rem;
line-height: 1.3em;
font-weight: 600;
color: #000;
margin: 0 0 10px 0;
}
h5, .h5 {
font-family: Helvetica Neue LT Pro,sans-serif;
font-size: 1.25rem;
line-height: 1.3em;
font-weight: 600;
color: #000;
margin: 0 0 10px 0;
}
h6, .h6 {
font-family: Helvetica Neue LT Pro,sans-serif;
font-size: 1.25rem;
line-height: 1.3em;
font-weight: 600;
color: #000;
margin: 0 0 10px 0;
}
.suphead {
font-size: 1.0625rem;
color: #8995a6;
text-transform: uppercase;
letter-spacing: 0.02em;
}
/* Paragraphs */
p {
margin: 0 0 20px 0;
}
address, cite {
font-style: normal;
}
/* Lists */
ul {
list-style: none;
margin: 0 0 1.25rem 0;
padding: 0;
}
ul li {
padding: 0 0 0 1.25rem;
margin: 0 0 0.3125rem 0;
}
ul.unstyled li {
padding: 0;
background: none;
}
ol {
list-style: none;
margin: 0 0 1.25rem 0;
padding: 0;
counter-reset: counter;
margin-left: 0;
}
ol li {
margin: 0 0 0.625rem 0;
padding: 0 0 0 20px;
counter-increment: counter;
position: relative;
}
ol li:before {
color: #2285c8;
content: counter(counter) ". ";
position: absolute;
left: 0;
top: 0;
}
dl {
margin: 0 0 1.25rem 0;
}
dt {
font-weight: bold;
}
/* Various */
sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
.bold, b, strong {
font-weight: 600;
}
.italic, i, em {
font-style: italic;
}
.nowrap, .nobr {
white-space: nowrap !important;
}
/************************************************************************************
CONTENT
*************************************************************************************/
.content {
-ms-flex-positive: 1;
flex-grow: 1;
}
/* Block */
.block {
padding: 5rem 0;
position: relative;
}
.block.narrow {
padding: 2.5rem 0;
}
.block.alt {
background: #000;
}
.block.alpha {
padding-top: 0;
}
.block.alpha-narrow {
padding-top: 2.5rem;
}
.block.omega {
padding-bottom: 0;
}
.anchor {
position: absolute;
left: 0;
top: 0;
}
/* Various */
.section-head {
margin-bottom: 2.5rem;
text-align: center;
}
.section-head h1, .section-head h2, .section-head h3 {
margin-bottom: 0;
}
.intro {
max-width: 500px;
margin: 0 auto 2.5rem auto;
text-align: center;
}
.intro.wide {
max-width: 68.75rem;
}
/* Pager */
.pager {
margin: 1.875rem 0;
text-align: center;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pager ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pager li {
padding: 0;
background: none;
}
.pager li a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 2.25rem;
height: 2.25rem;
background: #666;
text-align: center;
}
.pager li a.active {
background: #000;
color: #fff;
text-decoration: none;
}
.pager .prev {
width: 2.25rem;
height: 2.25rem;
background: #000;
}
.pager .next {
width: 2.25rem;
height: 2.25rem;
background: #000;
}
.pager .counter {
display: none;
}
/* Gmap */
.gmap-wrap {
position: relative;
}
.gmap-wrap .gmap {
height: 900px;
background: #e3e3e3;
}
.gmap-wrap img {
max-width: inherit !important;
}
/*================================= Various Content =================================*/
.last {
margin-bottom: 0 !important;
}
/* Buttons */
.btn,
.sendbutton {
font-size: 0.75rem;
font-family: Helvetica Neue LT Pro,sans-serif;
line-height: 1.3em;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .2em;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #000;
color: #fff;
height: 2.8125rem;
padding: 0 1.25rem;
white-space: nowrap;
text-decoration: none;
position: relative;
border: 2px solid #000;
transition: 0.5s all;
}
.btn:hover,
.sendbutton:hover {
background-color: #fff;
border: 2px solid #fff;
color: #000;
}
.btn.line,
.sendbutton.line {
background: none;
color: #000;
}
.btn.line:hover,
.sendbutton.line:hover {
background: #000;
border-color: #000;
color: #fff;
}
.btn.alt,
.sendbutton.alt {
background: #000;
border: 2px solid #000;
}
.btn.alt:hover,
.sendbutton.alt:hover {
background: #000;
border: 2px solid #000;
}
.btn.alt.line,
.sendbutton.alt.line {
background: none;
color: #000;
}
.btn.alt.line:hover,
.sendbutton.alt.line:hover {
background: #000;
border-color: #000;
color: #fff;
}
.btn.arr-r:after,
.sendbutton.arr-r:after {
content: '';
border: solid #fff;
border-width: 0 2.5px 2.5px 0;
display: inline-block;
padding: 3px;
margin-left: 5px;
transform: rotate(-45deg);
}
/* SVG icons */
.icon {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
position: relative;
fill: currentColor;
}
/* Cookie Notice */
.cookie-notice {
font-size: 14px;
position: fixed;
z-index: 10000;
bottom: 0;
width: 100%;
padding: 10px 15px;
background: rgba(0, 0, 0, 0.9);
color: #CCC;
text-align: center;
}
.cookie-button {
display: inline-block;
padding: 2px 10px;
margin-left: 25px;
background: #02ad65;
color: #fff;
text-align: center;
}
.cookie-button:hover {
background: #90ca16;
color: #fff;
}
.cookie-test {
position: fixed;
z-index: 10000;
bottom: 0;
width: 150px;
padding: 25px 15px;
background: rgba(50, 50, 50, 0.95);
color: #CCC;
text-align: center;
}
/* FY Apple! */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.btn {
-webkit-appearance: none;
}
/************************************************************************************
ENTRY
*************************************************************************************/
.entry {
margin: 0 0 2.5rem 0;
}
.entry h2, .entry h3 {
margin-top: 30px;
}
.entry h2:first-child, .entry h3:first-child {
margin-top: 0;
}
.entry ul li {
position: relative;
}
.entry ul li:before {
content: '';
position: absolute;
left: 0;
top: 0.75rem;
width: 4px;
height: 4px;
display: block;
background: #000;
}
/************************************************************************************
TABLES
*************************************************************************************/
.entry table {
width: 100%;
margin: 0 0 1.875rem 0;
}
.entry table th {
font-weight: normal;
border-bottom: 1px solid #c9cacb;
padding: 0.625rem 1.25rem;
background: #e3e3e3;
color: #000;
}
.entry table td {
border-bottom: 1px solid #c9cacb;
padding: 0.625rem 1.25rem;
}
/************************************************************************************
FORMS
*************************************************************************************/
form.std label {
font-size: 1.0625rem;
line-height: 1.3em;
color: #9f9f9f;
margin: 0 0 0.625rem 0;
display: block;
}
form.std input.text {
font-size: 1.0625rem;
font-family: Helvetica Neue LT Pro,sans-serif;
line-height: 1.3em;
color: #000;
border: 2px solid #e7e7e7;
padding: 0.3125rem 0.9375rem;
height: 3.125rem;
width: 100%;
}
form.std input.text.error {
background: #fcf4f4;
border-color: #be1e19;
}
form.std input.text.req {
background-image: url("../img/req.svg");
background-position: right center;
background-repeat: no-repeat;
}
form.std textarea {
font-size: 1.0625rem;
font-family: Helvetica Neue LT Pro,sans-serif;
line-height: 1.3em;
color: #000;
resize: vertical;
border: 2px solid #e7e7e7;
padding: 0.3125rem 0.9375rem;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 150px;
min-height: 150px;
max-height: 300px;
}
form.std textarea.req {
background-image: url("../img/req.svg");
background-position: right center;
background-repeat: no-repeat;
}
form.std select {
font-size: 1.0625rem;
line-height: 1.3em;
color: #000;
width: 100%;
padding: 0.125rem 0.625rem;
}
form.std option {
font-size: 1.0625rem;
line-height: 1.3em;
padding: 0.125rem 0.625rem;
}
form.std .cell {
margin-bottom: 1.25rem;
position: relative;
text-align: left;
}
form.std .toggle {
position: relative;
padding: 0 0 0 1.5625rem;
}
form.std .toggle label {
display: inline-block;
vertical-align: top;
margin: 0;
}
form.std .toggle input {
margin: 0;
position: absolute;
left: 0;
top: 0.125rem;
}
form.std .radio, form.std .checker {
position: absolute;
left: 0;
top: 0;
}
form.std .checker {
position: absolute;
left: 0;
top: 0;
background: url("../img/checker.svg") 0 0 no-repeat;
background-color: #fff;
background-position: 0 -1.4375rem;
background-size: 1.4375rem;
transition: 0.5s all;
border: 2px solid #fff;
width: 1.625rem;
height: 1.625rem;
margin: 0;
border-radius: 50%;
cursor: pointer;
}
form.std .checker input {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
}
form.std .checker.active {
background-position: 0 0;
background-color: transparent;
}
form.std .checker.has-error {
border-color: #be1e19;
}
#form-ajax-content {
position: relative;
}
#form-ajax-content.loading:after {
content: '';
position: absolute;
z-index: 90;
left: 50%;
top: 50%;
width: 70px;
height: 70px;
background: url("../img/spinner.svg") center center no-repeat;
background-size: cover !important;
transform: translate(-50%, -50%);
}
#form-ajax-content > .inner {
opacity: 1;
transition: 0.3s all;
}
#form-ajax-content.loading > .inner {
opacity: 0.4;
}
/*================================= Cform =================================*/
.cform legend {
display: none;
}
.cform label {
display: none;
}
.cform textarea {
font-size: 1.0625rem;
font-family: Helvetica Neue LT Pro,sans-serif;
color: #000;
background: #fff;
border: none;
padding: 10px 15px;
display: block;
resize: vertical;
margin: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 190px;
min-height: 190px;
max-height: 300px;
}
.cform input.single {
font-size: 1.0625rem;
font-family: Helvetica Neue LT Pro,sans-serif;
color: #000;
background: #fff;
padding: 10px 15px;
border: none;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.cform input[type="hidden"] {
display: none;
}
.cform .cf-ol {
margin: 0 -10px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cform .cf-ol > li {
margin: 0 0 1.25rem 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
padding: 0 10px;
}
.cform .cf-ol > li:before {
content: '';
}
.cform .cf-sb {
float: none;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.cf_hidden {
display: none !important;
}
.emailreqtxt, .reqtxt {
font-weight: 600;
float: right;
color: #f00808;
position: absolute;
right: 10px;
top: 15px;
}
/* Form contact */
.form-contact {
border: 3px solid #eff1f3;
padding: 35px;
max-width: 824px;
margin: 0 auto;
}
.form-contact .cform {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
}
.form-contact .cf-fs1 {
max-width: 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.form-contact .cf-fs2 {
max-width: 66.66666%;
-ms-flex: 0 0 66.66666%;
flex: 0 0 66.66666%;
padding-left: 20px;
}
/* Mesages & errors */
.cf_info.waiting {
background: #f6e4cd;
border: 1px solid #efc389;
color: #ee9a2e;
margin: 0 0 1.875rem 0;
}
.cf_info.failure {
background: #fae7ea;
border: 1px solid #f1c7d2;
color: #e5547a;
padding: 0.9375rem 1.25rem;
margin: 0 0 1.875rem 0;
}
.cf_info.success {
background: #ebf5bc;
border: 1px solid #c7d198;
color: #98b028;
margin: 0 0 1.875rem 0;
}
.cf_info span {
font-weight: 600;
padding: 0.9375rem 1.25rem;
display: block;
}
.cf_error,
.single.cf_error {
border-color: #ff637d;
}
.cf_li_err .single {
border-color: #ff637d !important;
}
.cf_li_err textarea {
border-color: #ff637d !important;
}
.cf_li_err label {
color: #ee4d6c !important;
}
.cf_li_err label a {
color: #ee4d6c !important;
}
.cf_error,
.single.cf_error {
border-color: #ff637d;
}
.cf_li_err .single {
border-color: #ff637d !important;
}
.cf_li_err textarea {
border-color: #ff637d !important;
}
.cf_li_err label {
color: #ee4d6c !important;
}
.cf_li_err label a {
color: #ee4d6c !important;
}
/*================================= Contact form 7 =================================*/
/* Mesages & errors */
body .wpcf7 div.wpcf7-response-output {
padding: 0;
background: #ebf5bc;
border: 1px solid #f1c7d2;
color: #46b450;
padding: 0.9375rem 1.25rem;
margin: 0 0 1.875rem 0;
}
body .wpcf7 form.invalid div.wpcf7-response-output,
body .wpcf7 form.unaccepted div.wpcf7-response-output {
border: 1px solid #f1c7d2;
background: #fae7ea;
color: #e5547a;
}
body span.wpcf7-not-valid-tip {
font-size: 13px;
}
body span.wpcf7-list-item {
margin: 0;
}
body .wpcf7-form-control-wrap {
position: static;
}
/************************************************************************************
TABS
*************************************************************************************/
.tabs {
position: relative;
}
.tabs .tab-nav ul {
margin: 0 0 0 -1px;
padding: 0;
}
.tabs .tab-nav li {
float: left;
list-style-type: none;
padding: 0;
background: none;
margin: 0 0 0 1px;
}
.tabs .tab-nav li a {
display: block;
text-decoration: none;
outline: 0;
padding: 15px 30px;
background: #000;
color: #fff;
}
.tabs .tab-nav li a:hover {
background: #a0a0a0;
color: #000;
}
.tabs .tab-nav li a.selected {
background: #e3e3e3;
color: #000;
}
.tabs .tab-content .tab {
float: left;
width: 100%;
padding: 30px;
background: #e3e3e3;
display: none;
}
.tabs .tab-content .tab.selected {
position: static !important;
display: block;
}
/************************************************************************************
QTIP
*************************************************************************************/
.qtip-default {
padding: 8px 15px;
background-color: #000;
color: #000;
border-radius: 5px;
}
.qtip-content {
font-size: 1rem;
color: #fff;
}
/************************************************************************************
SIMPLE LIGHTBOX
*************************************************************************************/
.slbArrow {
font-size: 15px;
}
.slbArrow.prev {
background: #fff;
width: 40px;
height: 40px;
margin-top: -20px;
opacity: 1;
transition: 0.5s all;
}
.slbArrow.prev:before {
border: none;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(135deg);
width: 15px;
height: 15px;
margin-top: -7.5px;
margin-left: -6px;
transition: 0.5s all;
}
.slbArrow.prev:hover {
opacity: 1;
background: #000;
}
.slbArrow.prev:hover:before {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.slbArrow.next {
background: #fff;
width: 40px;
height: 40px;
margin-top: -20px;
opacity: 1;
transition: 0.5s all;
}
.slbArrow.next:before {
border: none;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(-45deg);
width: 15px;
height: 15px;
margin-top: -7.5px;
transition: 0.5s all;
}
.slbArrow.next:hover {
opacity: 1;
background: #000;
}
.slbArrow.next:hover:before {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.slbCloseBtn {
font-size: 30px;
line-height: 40px;
font-weight: 400;
font-family: Arial,sans-serif;
color: #fff;
width: 40px;
height: 40px;
background: #fff;
color: #000;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
right: 0;
top: 0;
position: fixed;
font-size: 0;
transition: 0.5s all;
}
.slbCloseBtn:after {
content: '';
width: 24px;
height: 2px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -1px;
display: block;
background: #000;
transform: rotate(45deg);
transition: 0.5s all;
}
.slbCloseBtn:before {
content: '';
width: 2px;
height: 24px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12px;
margin-left: -1px;
display: block;
background: #000;
transform: rotate(45deg);
transition: 0.5s all;
}
.slbCloseBtn:hover {
opacity: 1;
background: #000;
color: #fff;
}
.slbCloseBtn:hover:after {
background: #fff;
transform: rotate(-45deg);
}
.slbCloseBtn:hover:before {
background: #fff;
transform: rotate(-45deg);
}
/************************************************************************************
MODAL
*************************************************************************************/
.modal {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
background: rgba(0, 0, 0, 0.5);
overflow: auto;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal.active {
display: -ms-flexbox;
display: flex;
}
.modal .modal-content {
padding: 3.125rem;
}
.modal .modal-content.alt {
background: #f9fbfc;
}
.modal .modal-box {
font-size: 1.125rem;
max-width: 25rem;
background-color: #fff;
line-height: 1.5em;
margin: auto;
position: relative;
}
.modal .modal-box .modal-close {
position: absolute;
right: 0;
top: 0;
text-decoration: none;
width: 2.5rem;
height: 2.5rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #000;
color: #fff;
}
.modal .modal-box .modal-close:after {
content: '×';
font-size: 1.875rem;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.modal .modal-box .modal-close .icon {
width: 1.125rem;
height: 1.125rem;
transform: rotate(0deg);
transition: 0.3s all;
}
.modal .modal-box .modal-close:hover {
background: #fff;
}
.modal .modal-box .modal-close:hover:after {
color: #000;
}
.modal .modal-box .modal-close:hover .icon {
transform: rotate(90deg);
}
.modal .modal-box.modal-order {
width: 100%;
max-width: 36.25rem;
background: #e5e5e5;
}
.modal .modal-box-wrap {
width: 100%;
padding: 3.125rem 0.9375rem 0.9375rem;
margin: auto;
overflow: hidden;
position: relative;
animation-name: animateTop;
animation-duration: .4s;
}
@keyframes animateTop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
/************************************************************************************
SUDO SLIDERS
*************************************************************************************/
.slider {
overflow: hidden;
background: none;
}
.slider ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: block;
}
.slider li.panel {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: block;
overflow: hidden;
background: none;
}
.slider-nav {
display: block;
position: static;
margin-bottom: 30px;
}
.slider-nav ol {
margin: 0 -5px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
top: 30px;
height: 0;
}
.slider-nav li {
margin: 0;
padding: 0 5px;
background: none;
display: block;
font-size: 0;
}
.slider-nav li a {
width: 12px;
height: 12px;
display: block;
background: #999;
text-indent: -80000px;
border-radius: 50%;
}
.slider-nav li a:hover {
background: #999;
}
.slider-nav li.current a {
background: #000;
}
.slider-nav li:before {
content: '';
}
.slider-nav .prev {
position: absolute;
left: 1.875rem;
top: 50%;
transform: translate(0, -50%);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
background: #666;
}
.slider-nav .prev:hover {
background: #000;
}
.slider-nav .prev:after {
content: '';
border: solid #fff;
border-width: 0 0.15625rem 0.15625rem 0;
display: inline-block;
padding: 0.1875rem;
margin-left: 0.1875rem;
transform: rotate(135deg);
}
.slider-nav .next {
position: absolute;
right: 1.875rem;
top: 50%;
transform: translate(0, -50%);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
background: #666;
}
.slider-nav .next:hover {
background: #000;
}
.slider-nav .next:after {
content: '';
border: solid #fff;
border-width: 0 0.15625rem 0.15625rem 0;
display: inline-block;
padding: 0.1875rem;
margin-left: -0.1875rem;
transform: rotate(-45deg);
}
/* Item slider */
.item-slider {
position: relative;
}
.item-slider.hide-nav .slider-nav {
display: none;
}
/* Service slider */
.img-slider {
position: relative;
}
.img-slider .slider {
width: 100%;
position: relative !important;
}
.img-slider .slider ul {
position: absolute !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.img-slider li.panel {
margin: 0;
}
.img-slider.anim {
/*.item {
@include transition(all, .5);
@include translate(0,0);
}
.item-1 {
@include translate(-50px,0);
}
.item-2 {
@include translate(50px,0);
}*/
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/************************************************************************************
HEADER
*************************************************************************************/
.header {
left: 0;
top: 0;
width: 100%;
z-index: 300;
overflow: hidden;
background: #fff;
transition: 0.5s all;
}
.header .inner {
height: 6.25rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 0 40px;
}
.header .logo {
max-width: 10.625rem;
position: relative;
top: 9px;
}
.header.active {
background: #fff;
}
.header-r {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
body.hp .header {
position: absolute;
left: 0;
top: 0;
width: 100%;
background: none;
}
.teaser-tiles {
width: 100%;
display: -ms-flexbox;
display: flex;
padding: 5rem 0;
}
.teaser-tiles .teaser-content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.teaser-tiles .teaser-img {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
margin-left: -40%;
}
.teaser-tiles .teaser-img .item-list .item-1 {
padding-top: 18%;
}
.teaser-tiles .teaser-text {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
position: relative;
z-index: 20;
}
.teaser-tiles .teaser-text h1 {
font-size: 4.0625rem;
font-weight: 500;
line-height: 1.4em;
max-width: 750px;
margin-top: -34%;
margin-left: 14%;
}
.teaser-tiles .teaser-text .btn {
margin-top: 1.875rem;
}
.teaser-tiles .container, .teaser-tiles .row, .teaser-tiles .col-12 {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
}
.teaser {
width: 100%;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.teaser .img {
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
display: -ms-flexbox;
display: flex;
}
.teaser .img .inner {
height: 100%;
width: 100%;
max-height: 100vh;
min-height: 400px;
position: relative;
}
.teaser .img .inner img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.teaser .text {
position: relative;
z-index: 20;
padding-left: 15px;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
}
.teaser .text h1 {
font-family: Orator,sans-serif;
font-size: 1.375rem;
line-height: 2.8em;
letter-spacing: .25em;
text-transform: uppercase;
white-space: nowrap;
position: relative;
margin-left: 44%;
color: #fff;
}
.main-nav {
vertical-align: top;
text-align: left;
}
.main-nav ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 -1.5625rem;
}
.main-nav ul li {
padding: 0 1.5625rem;
margin: 0;
}
.main-nav ul li a {
font-size: 1rem;
font-weight: 500;
color: #000;
text-decoration: none;
position: relative;
transition: 0.2s all;
}
.main-nav ul li a:after {
content: '';
width: 0;
height: 1px;
background: #000;
position: absolute;
left: 0;
bottom: -10px;
transition: 0.5s all;
}
.main-nav ul li a:hover:after {
width: 100%;
}
.main-nav ul li.current-menu-item a:after {
width: 100%;
}
.lng-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
vertical-align: top;
text-align: left;
margin-left: 5rem;
}
.lng-nav ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 -0.625rem;
}
.lng-nav ul li {
padding: 0 0.625rem;
margin: 0;
}
.lng-nav ul li a {
font-size: 1rem;
font-weight: 500;
color: #000;
text-decoration: none;
position: relative;
text-transform: uppercase;
transition: 0.2s all;
}
.lng-nav ul li a:after {
content: '';
width: 0;
height: 1px;
background: #000;
position: absolute;
left: 0;
bottom: -10px;
transition: 0.5s all;
}
.lng-nav ul li a:hover:after {
width: 100%;
}
.lng-nav ul li.current-menu-item a:after {
width: 100%;
}
.nav-btn {
display: none;
vertical-align: top;
width: 30px;
height: 30px;
margin-left: 1.875rem;
text-align: center;
position: relative;
z-index: 2001;
cursor: pointer;
-ms-flex-align: center;
align-items: center;
}
.nav-btn .lines {
width: 30px;
height: 4px;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
display: block;
position: relative;
position: absolute;
top: 50%;
margin-top: -2px;
}
.nav-btn .line-1,
.nav-btn .line-2,
.nav-btn .line-3 {
display: block;
width: 100%;
height: 2px;
background: #000;
transition: 0.1s;
position: absolute;
left: 0;
content: '';
transform-origin: 0.28571rem center;
}
.nav-btn .line-1 {
top: 0;
transition: opacity 0.1s 0.1s ease;
}
.nav-btn .line-2 {
top: 10px;
transform-origin: 50% 50%;
transition: top 0.1s 0.1s ease, transform 0.1s ease;
}
.nav-btn .line-3 {
top: -10px;
transform-origin: 50% 50%;
transition: top 0.1s 0.1s ease, transform 0.1s ease;
}
.nav-btn.active .line-1 {
transition: opacity 0.1s 0s ease;
background: transparent;
opacity: 0;
}
.nav-btn.active .line-2 {
transform: rotate3d(0, 0, 1, 45deg);
transition: top 0.1s ease, transform 0.1s 0.1s ease;
top: 0;
}
.nav-btn.active .line-3 {
transform: rotate3d(0, 0, 1, -45deg);
transition: top 0.1s ease, transform 0.1s 0.1s ease;
top: 0;
}
.nav-btn.active:hover .line-1,
.nav-btn.active:hover .line-2,
.nav-btn.active:hover .line-3 {
background: #000;
}
.mobile-nav {
background: #000;
width: 100%;
position: fixed;
right: 0;
top: 0;
z-index: 90;
overflow-y: auto;
max-height: 100%;
padding: 8.125rem 0 1.25rem 0;
transition: 0.3s all;
transform: translate(0, -100%);
}
.mobile-nav.active {
transform: translate(0, 0);
}
.mobile-nav ul {
margin: 0;
padding: 0;
}
.mobile-nav ul li {
font-size: 1.0625rem;
color: #fff;
margin: 0;
padding: 0;
background: none;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-nav ul li.active a {
color: #ffa70e;
}
.mobile-nav ul li:last-child {
border: none;
}
.mobile-nav ul li a {
font-weight: 400;
display: block;
width: 100%;
padding: 14px 0;
color: #fff;
border: none;
position: relative;
text-decoration: none;
}
.mobile-nav-overlay {
position: fixed;
left: 0;
top: 0;
z-index: 80;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
display: none;
}
.mobile-nav-wrap {
display: none;
}
/************************************************************************************
LAYOUT
*************************************************************************************/
.projects .item-list {
margin-left: 0;
margin-right: 0;
}
.projects .item {
padding-bottom: 1.875rem;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.projects .item .img {
display: block;
margin-bottom: 0.625rem;
}
.projects .item .img a {
position: relative;
display: block;
overflow: hidden;
}
.projects .item .img a .std {
position: relative;
}
.projects .item .img a .bw {
position: absolute;
left: 0;
top: 0;
}
.projects .item .img a .bw img {
filter: grayscale(1);
opacity: 1;
}
.projects .item .img a:hover .bw img {
opacity: 0;
}
.projects .item .text {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.projects .item h2 {
font-size: 1rem;
margin: 5px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-right: 10px;
}
.projects .item .subhead {
font-size: 13px;
line-height: 1.3em;
margin: 5px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-align: right;
}
.project-detail .head {
margin-bottom: 3.125rem;
}
.project-detail .head h1 {
font-size: 1.4375rem;
margin-bottom: 0.625rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-right: 10px;
}
.project-detail .head .subhead {
font-size: 1.125rem;
line-height: 1.3em;
font-weight: 300;
font-style: italic;
}
.project-detail .info {
margin-bottom: 6.25rem;
}
.project-detail .info ul li {
line-height: 1.3em;
display: -ms-flexbox;
display: flex;
margin: 1.25rem 0;
padding: 0;
}
.project-detail .info ul li .label {
-ms-flex: 0 0 220px;
flex: 0 0 220px;
max-width: 220px;
padding-right: 20px;
}
.project-detail .info sup {
font-size: 0.5625rem;
top: -0.4375rem;
}
.project-detail .gallery {
padding-left: 1.875rem;
}
.project-detail .gallery .item {
margin-bottom: 2.5rem;
}
.project-detail .gallery .item .img a {
position: relative;
display: block;
}
.project-detail .gallery .item .img a:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.team .intro {
font-size: 1.0625rem;
line-height: 1.6em;
}
.team .text {
text-align: center;
}
.team .img {
margin-bottom: 40px;
}
.contact h3 {
margin-bottom: 1.875rem;
}
.contact ul li {
padding: 0;
}
/************************************************************************************
FOOTER
*************************************************************************************/
.footer {
padding: 1.25rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footer .inner {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .copy {
font-size: 0.875rem;
margin: 0;
}
.footer .mw {
position: relative;
color: #c6c6c6;
display: block;
}
.footer .mw:hover {
color: #00daee;
}
.footer .mw .text {
position: absolute;
left: 0;
top: 0;
text-indent: -80000px;
display: block;
}
.footer .mw .icon-mw {
width: 70px;
height: 30px;
}
.footer .orwin {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
transition: 0.3s all;
opacity: 0.5;
}
.footer .orwin:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
.footer .orwin .text {
position: absolute;
left: 0;
top: 0;
text-indent: -80000px;
display: block;
}
body.hp .footer {
border: none;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/*========================= Viewport width 1799px and lower =========================*/
@media screen and (max-width: 1799px) {
.teaser-tiles .teaser-text h1 {
margin-top: -35.5%;
margin-left: 10.5%;
}
.main-nav ul li a {
font-size: 1rem;
}
}
/*========================= Viewport width 1599px and lower =========================*/
@media screen and (max-width: 1599px) {
.teaser-tiles {
padding: 2.5rem 0;
}
.teaser-tiles .teaser-text h1 {
font-size: 2.8125rem;
max-width: 500px;
margin-top: -34%;
margin-left: 12%;
}
.main-nav ul li a {
font-size: 0.9375rem;
}
.gallery .item-list {
height: auto !important;
}
.gallery .item {
position: static !important;
}
}
/*========================= Viewport width 1199px and lower =========================*/
@media screen and (max-width: 1199px) {
.teaser-tiles .teaser-text h1 {
font-size: 2.5rem;
margin-top: -35%;
margin-left: 10%;
}
.teaser .img {
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
}
.teaser .text {
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
.teaser .text h1 {
margin-left: 54%;
}
.project-detail .info ul li .label {
-ms-flex: 0 0 11.25rem;
flex: 0 0 11.25rem;
max-width: 11.25rem;
}
}
/*========================= Viewport width 991px and lower =========================*/
@media screen and (max-width: 991px) {
html {
font-size: 15px;
}
.header .logo {
top: 0;
}
.header .inner {
padding: 0;
}
.main-nav {
display: none;
}
.nav-btn {
display: block;
}
.mobile-nav-wrap {
display: block;
}
.teaser .img {
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
}
.teaser .text {
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
.teaser .text h1 {
margin-left: 64%;
}
.teaser-tiles .teaser-content {
display: block;
}
.teaser-tiles .teaser-text {
margin-bottom: 2.5rem;
}
.teaser-tiles .teaser-text h1 {
font-size: 2.5rem;
max-width: 400px;
margin-top: 0;
margin-left: 0;
}
.teaser-tiles .teaser-img {
margin-left: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.block {
padding: 3.75rem 0;
}
.project-detail .gallery {
padding-left: 0;
}
.project-detail .info {
margin-bottom: 3.125rem;
}
}
/*========================= Viewport width 767px and lower =========================*/
@media screen and (max-width: 767px) {
html {
font-size: 14px;
}
.teaser-tiles {
padding: 3.75rem 0;
overflow: hidden;
}
.teaser-tiles .teaser-text {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.teaser-tiles .teaser-text h1 {
font-size: 2.1875rem;
max-width: 350px;
margin-left: 0;
}
.teaser-tiles .teaser-img .row {
margin: 0 -30px;
}
.teaser-tiles .teaser-img .item-list .item:first-child {
display: none !important;
}
.teaser {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.teaser .img {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
display: block;
}
.teaser .img .inner {
max-height: inherit;
height: auto;
}
.teaser .img .inner img {
position: relative;
}
.teaser .text {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 100px 15px 30px 15px;
-ms-flex-pack: start;
justify-content: flex-start;
}
.teaser .text h1 {
margin-left: 0;
white-space: inherit;
}
.block {
padding: 2.5rem 0;
}
.contact {
margin-bottom: 2.5rem;
}
.projects .item-list {
height: auto !important;
}
.projects .item {
position: static !important;
}
}
/*========================= Viewport width 575px and lower =========================*/
@media screen and (max-width: 575px) {
html {
font-size: 13px;
}
.teaser-tiles {
padding: 2.5rem 0 2.5rem 0;
/*.teaser-img {
flex: 0 0 80%;
max-width: 80%;
margin-left: -50%;
.item-list {
margin-left: -5px;
margin-right: -5px;
.item {
padding-left: 5px;
padding-right: 5px;
}
}
}*/
}
.teaser-tiles .teaser-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.teaser-tiles .teaser-text {
max-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.teaser-tiles .teaser-text h1 {
max-width: 350px;
}
.projects .item .text {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
/*# sourceMappingURL=styles.css.map */