@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700,800,900&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900&subset=latin-ext");
* {
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
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
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    border: 1px solid #605f92;
    padding: 5px 15px;
    font-family: "Nunito Sans", sans-serif;
}

.red-js-form-control[type="submit"] {
    display: inline-block;
    cursor: pointer;
    padding: 20px 15px;
    min-width: 200px;
    text-align: center;
    background-color: #605f92;
    color: #fff!important;
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: 2px;
    position: relative;
    border: 0;
    font-size: .85rem;
}

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

a {
    text-decoration: none
}

.debug-grid .container {
    outline: 1px solid red;
    outline-offset: -1px;
    position: relative
}

.debug-grid .container:before {
    content: '.container';
    position: absolute;
    background-color: red;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .row {
    outline: 1px solid lime;
    outline-offset: -1px;
    position: relative
}

.debug-grid .row:before {
    content: '.row';
    position: absolute;
    background-color: lime;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-1:before {
    content: ".col-1";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-2:before {
    content: ".col-2";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-3:before {
    content: ".col-3";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-4:before {
    content: ".col-4";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-5:before {
    content: ".col-5";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-6:before {
    content: ".col-6";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-7:before {
    content: ".col-7";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-8:before {
    content: ".col-8";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-9:before {
    content: ".col-9";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-10:before {
    content: ".col-10";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-11:before {
    content: ".col-11";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .col-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .col-12:before {
    content: ".col-12";
    position: absolute;
    background-color: orange;
    min-width: 70px;
    color: white;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

.debug-grid .xxsmall-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-1:before {
        content: ".xxsmall-1"!important
    }
}

.debug-grid .xxsmall-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-2:before {
        content: ".xxsmall-2"!important
    }
}

.debug-grid .xxsmall-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-3:before {
        content: ".xxsmall-3"!important
    }
}

.debug-grid .xxsmall-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-4:before {
        content: ".xxsmall-4"!important
    }
}

.debug-grid .xxsmall-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-5:before {
        content: ".xxsmall-5"!important
    }
}

.debug-grid .xxsmall-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-6:before {
        content: ".xxsmall-6"!important
    }
}

.debug-grid .xxsmall-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-7:before {
        content: ".xxsmall-7"!important
    }
}

.debug-grid .xxsmall-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-8:before {
        content: ".xxsmall-8"!important
    }
}

.debug-grid .xxsmall-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-9:before {
        content: ".xxsmall-9"!important
    }
}

.debug-grid .xxsmall-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-10:before {
        content: ".xxsmall-10"!important
    }
}

.debug-grid .xxsmall-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-11:before {
        content: ".xxsmall-11"!important
    }
}

.debug-grid .xxsmall-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxsmall-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:0) {
    .debug-grid .xxsmall-12:before {
        content: ".xxsmall-12"!important
    }
}

.debug-grid .xsmall-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-1:before {
        content: ".xsmall-1"!important
    }
}

.debug-grid .xsmall-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-2:before {
        content: ".xsmall-2"!important
    }
}

.debug-grid .xsmall-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-3:before {
        content: ".xsmall-3"!important
    }
}

.debug-grid .xsmall-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-4:before {
        content: ".xsmall-4"!important
    }
}

.debug-grid .xsmall-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-5:before {
        content: ".xsmall-5"!important
    }
}

.debug-grid .xsmall-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-6:before {
        content: ".xsmall-6"!important
    }
}

.debug-grid .xsmall-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-7:before {
        content: ".xsmall-7"!important
    }
}

.debug-grid .xsmall-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-8:before {
        content: ".xsmall-8"!important
    }
}

.debug-grid .xsmall-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-9:before {
        content: ".xsmall-9"!important
    }
}

.debug-grid .xsmall-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-10:before {
        content: ".xsmall-10"!important
    }
}

.debug-grid .xsmall-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-11:before {
        content: ".xsmall-11"!important
    }
}

.debug-grid .xsmall-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xsmall-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:361px) {
    .debug-grid .xsmall-12:before {
        content: ".xsmall-12"!important
    }
}

.debug-grid .small-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-1:before {
        content: ".small-1"!important
    }
}

.debug-grid .small-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-2:before {
        content: ".small-2"!important
    }
}

.debug-grid .small-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-3:before {
        content: ".small-3"!important
    }
}

.debug-grid .small-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-4:before {
        content: ".small-4"!important
    }
}

.debug-grid .small-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-5:before {
        content: ".small-5"!important
    }
}

.debug-grid .small-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-6:before {
        content: ".small-6"!important
    }
}

.debug-grid .small-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-7:before {
        content: ".small-7"!important
    }
}

.debug-grid .small-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-8:before {
        content: ".small-8"!important
    }
}

.debug-grid .small-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-9:before {
        content: ".small-9"!important
    }
}

.debug-grid .small-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-10:before {
        content: ".small-10"!important
    }
}

.debug-grid .small-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-11:before {
        content: ".small-11"!important
    }
}

.debug-grid .small-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .small-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:641px) {
    .debug-grid .small-12:before {
        content: ".small-12"!important
    }
}

.debug-grid .medium-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-1:before {
        content: ".medium-1"!important
    }
}

.debug-grid .medium-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-2:before {
        content: ".medium-2"!important
    }
}

.debug-grid .medium-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-3:before {
        content: ".medium-3"!important
    }
}

.debug-grid .medium-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-4:before {
        content: ".medium-4"!important
    }
}

.debug-grid .medium-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-5:before {
        content: ".medium-5"!important
    }
}

.debug-grid .medium-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-6:before {
        content: ".medium-6"!important
    }
}

.debug-grid .medium-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-7:before {
        content: ".medium-7"!important
    }
}

.debug-grid .medium-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-8:before {
        content: ".medium-8"!important
    }
}

.debug-grid .medium-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-9:before {
        content: ".medium-9"!important
    }
}

.debug-grid .medium-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-10:before {
        content: ".medium-10"!important
    }
}

.debug-grid .medium-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-11:before {
        content: ".medium-11"!important
    }
}

.debug-grid .medium-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .medium-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:821px) {
    .debug-grid .medium-12:before {
        content: ".medium-12"!important
    }
}

.debug-grid .large-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-1:before {
        content: ".large-1"!important
    }
}

.debug-grid .large-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-2:before {
        content: ".large-2"!important
    }
}

.debug-grid .large-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-3:before {
        content: ".large-3"!important
    }
}

.debug-grid .large-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-4:before {
        content: ".large-4"!important
    }
}

.debug-grid .large-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-5:before {
        content: ".large-5"!important
    }
}

.debug-grid .large-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-6:before {
        content: ".large-6"!important
    }
}

.debug-grid .large-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-7:before {
        content: ".large-7"!important
    }
}

.debug-grid .large-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-8:before {
        content: ".large-8"!important
    }
}

.debug-grid .large-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-9:before {
        content: ".large-9"!important
    }
}

.debug-grid .large-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-10:before {
        content: ".large-10"!important
    }
}

.debug-grid .large-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-11:before {
        content: ".large-11"!important
    }
}

.debug-grid .large-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .large-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1025px) {
    .debug-grid .large-12:before {
        content: ".large-12"!important
    }
}

.debug-grid .xlarge-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-1:before {
        content: ".xlarge-1"!important
    }
}

.debug-grid .xlarge-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-2:before {
        content: ".xlarge-2"!important
    }
}

.debug-grid .xlarge-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-3:before {
        content: ".xlarge-3"!important
    }
}

.debug-grid .xlarge-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-4:before {
        content: ".xlarge-4"!important
    }
}

.debug-grid .xlarge-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-5:before {
        content: ".xlarge-5"!important
    }
}

.debug-grid .xlarge-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-6:before {
        content: ".xlarge-6"!important
    }
}

.debug-grid .xlarge-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-7:before {
        content: ".xlarge-7"!important
    }
}

.debug-grid .xlarge-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-8:before {
        content: ".xlarge-8"!important
    }
}

.debug-grid .xlarge-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-9:before {
        content: ".xlarge-9"!important
    }
}

.debug-grid .xlarge-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-10:before {
        content: ".xlarge-10"!important
    }
}

.debug-grid .xlarge-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-11:before {
        content: ".xlarge-11"!important
    }
}

.debug-grid .xlarge-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xlarge-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1201px) {
    .debug-grid .xlarge-12:before {
        content: ".xlarge-12"!important
    }
}

.debug-grid .xxlarge-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-1:before {
        content: ".xxlarge-1"!important
    }
}

.debug-grid .xxlarge-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-2:before {
        content: ".xxlarge-2"!important
    }
}

.debug-grid .xxlarge-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-3:before {
        content: ".xxlarge-3"!important
    }
}

.debug-grid .xxlarge-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-4:before {
        content: ".xxlarge-4"!important
    }
}

.debug-grid .xxlarge-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-5:before {
        content: ".xxlarge-5"!important
    }
}

.debug-grid .xxlarge-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-6:before {
        content: ".xxlarge-6"!important
    }
}

.debug-grid .xxlarge-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-7:before {
        content: ".xxlarge-7"!important
    }
}

.debug-grid .xxlarge-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-8:before {
        content: ".xxlarge-8"!important
    }
}

.debug-grid .xxlarge-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-9:before {
        content: ".xxlarge-9"!important
    }
}

.debug-grid .xxlarge-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-10:before {
        content: ".xxlarge-10"!important
    }
}

.debug-grid .xxlarge-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-11:before {
        content: ".xxlarge-11"!important
    }
}

.debug-grid .xxlarge-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxlarge-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1381px) {
    .debug-grid .xxlarge-12:before {
        content: ".xxlarge-12"!important
    }
}

.debug-grid .xxxlarge-1 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-1:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-1:before {
        content: ".xxxlarge-1"!important
    }
}

.debug-grid .xxxlarge-2 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-2:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-2:before {
        content: ".xxxlarge-2"!important
    }
}

.debug-grid .xxxlarge-3 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-3:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-3:before {
        content: ".xxxlarge-3"!important
    }
}

.debug-grid .xxxlarge-4 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-4:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-4:before {
        content: ".xxxlarge-4"!important
    }
}

.debug-grid .xxxlarge-5 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-5:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-5:before {
        content: ".xxxlarge-5"!important
    }
}

.debug-grid .xxxlarge-6 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-6:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-6:before {
        content: ".xxxlarge-6"!important
    }
}

.debug-grid .xxxlarge-7 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-7:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-7:before {
        content: ".xxxlarge-7"!important
    }
}

.debug-grid .xxxlarge-8 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-8:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-8:before {
        content: ".xxxlarge-8"!important
    }
}

.debug-grid .xxxlarge-9 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-9:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-9:before {
        content: ".xxxlarge-9"!important
    }
}

.debug-grid .xxxlarge-10 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-10:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-10:before {
        content: ".xxxlarge-10"!important
    }
}

.debug-grid .xxxlarge-11 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-11:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-11:before {
        content: ".xxxlarge-11"!important
    }
}

.debug-grid .xxxlarge-12 {
    outline: 1px solid orange;
    outline-offset: -1px;
    position: relative
}

.debug-grid .xxxlarge-12:before {
    content: 'default full-width';
    position: absolute;
    background-color: orange;
    color: white;
    min-width: 70px;
    left: 0;
    top: 0;
    padding: 5px;
    z-index: 999
}

@media(min-width:1601px) {
    .debug-grid .xxxlarge-12:before {
        content: ".xxxlarge-12"!important
    }
}

.container {
    margin: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container.no-container-gutter {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.container.fluid {
    width: 100%
}

@media(max-width:0) {
    .container {
        padding-left: 0;
        padding-right: 0
    }
    .container>.row {
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width:0) {
    .container {
        width: 100%
    }
}

@media(min-width:361px) {
    .container {
        width: 100%
    }
}

@media(min-width:641px) {
    .container {
        width: 100%
    }
}

@media(min-width:821px) {
    .container {
        width: 100%
    }
}

@media(min-width:1025px) {
    .container {
        width: 85%;
    }
}

@media(min-width:1201px) {
    .container {
        width: 85%;
    }
}

@media(min-width:1381px) {
    .container {
        width: 1160px
    }
}

@media(min-width:1601px) {
    .container {
        width: 1400px
    }
}

.container.no-gutter {
    padding-left: 0;
    padding-right: 0
}

@media(min-width:0) and (max-width:360px) {
    .container.no-gutter-xxsmall {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxsmall .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) and (max-width:640px) {
    .container.no-gutter-xsmall {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-xsmall .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xsmall .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) and (max-width:820px) {
    .container.no-gutter-small {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-small .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-small .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) and (max-width:1024px) {
    .container.no-gutter-medium {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-medium .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-medium .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) and (max-width:1200px) {
    .container.no-gutter-large {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-large .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-large .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) and (max-width:1380px) {
    .container.no-gutter-xlarge {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-xlarge .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xlarge .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) and (max-width:1600px) {
    .container.no-gutter-xxlarge {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxlarge .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) and (max-width:4000px) {
    .container.no-gutter-xxxlarge {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row {
        margin-left: 0;
        margin-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="xxsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="xsmall-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="small-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="medium-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="large-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="xlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="xxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="xxxlarge-"] {
        padding-left: 0;
        padding-right: 0
    }
    .container.no-gutter-xxxlarge .row [class^="col-"] {
        padding-left: 0;
        padding-right: 0
    }
}

.container.no-gutter .row {
    margin-left: 0;
    margin-right: 0
}

.container.no-gutter .row [class^="xxsmall-"] {
    padding-left: 0;
    padding-right: 0
}

.container.no-gutter .row [class^="xsmall-"] {
    padding-left: 0;
    padding-right: 0
}

.container.no-gutter .row [class^="small-"] {
    padding-left: 0;
    padding-right: 0
}

.container.no-gutter .row [class^="medium-"] {
    padding-left: 0;
    padding-right: 0
}

.container.no-gutter .row [class^="large-"] {
    padding-left: 0;
    padding-right: 0
}

.container.no-gutter .row [class^="xlarge-"] {
    padding-left: 0;
    padding-right: 0
}

.container.no-gutter .row [class^="xxlarge-"] {
    padding-left: 0;
    padding-right: 0
}

.container.no-gutter .row [class^="xxxlarge-"] {
    padding-left: 0;
    padding-right: 0
}

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

.container.alt {
    max-width: 1200px
}

.container-fluid {
    width: 100%
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row.no-gutter,
.row.no-gutter .row {
    margin-left: 0;
    margin-right: 0
}

.row.no-gutter [class^="xxsmall-"],
.row.no-gutter .row [class^="xxsmall-"] {
    padding-left: 0;
    padding-right: 0
}

.row.no-gutter [class^="xsmall-"],
.row.no-gutter .row [class^="xsmall-"] {
    padding-left: 0;
    padding-right: 0
}

.row.no-gutter [class^="small-"],
.row.no-gutter .row [class^="small-"] {
    padding-left: 0;
    padding-right: 0
}

.row.no-gutter [class^="medium-"],
.row.no-gutter .row [class^="medium-"] {
    padding-left: 0;
    padding-right: 0
}

.row.no-gutter [class^="large-"],
.row.no-gutter .row [class^="large-"] {
    padding-left: 0;
    padding-right: 0
}

.row.no-gutter [class^="xlarge-"],
.row.no-gutter .row [class^="xlarge-"] {
    padding-left: 0;
    padding-right: 0
}

.row.no-gutter [class^="xxlarge-"],
.row.no-gutter .row [class^="xxlarge-"] {
    padding-left: 0;
    padding-right: 0
}

.row.no-gutter [class^="xxxlarge-"],
.row.no-gutter .row [class^="xxxlarge-"] {
    padding-left: 0;
    padding-right: 0
}

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

.row.standalone {
    margin-left: 0;
    margin-right: 0
}

.col-1 {
    padding-left: 15px;
    padding-right: 15px;
    width: 8.33333%
}

@media(max-width:0) {
    .col-1 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-2 {
    padding-left: 15px;
    padding-right: 15px;
    width: 16.66667%
}

@media(max-width:0) {
    .col-2 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-3 {
    padding-left: 15px;
    padding-right: 15px;
    width: 25%
}

@media(max-width:0) {
    .col-3 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-4 {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33333%
}

@media(max-width:0) {
    .col-4 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-5 {
    padding-left: 15px;
    padding-right: 15px;
    width: 41.66667%
}

@media(max-width:0) {
    .col-5 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-6 {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%
}

@media(max-width:0) {
    .col-6 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-7 {
    padding-left: 15px;
    padding-right: 15px;
    width: 58.33333%
}

@media(max-width:0) {
    .col-7 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-8 {
    padding-left: 15px;
    padding-right: 15px;
    width: 66.66667%
}

@media(max-width:0) {
    .col-8 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-9 {
    padding-left: 15px;
    padding-right: 15px;
    width: 75%
}

@media(max-width:0) {
    .col-9 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-10 {
    padding-left: 15px;
    padding-right: 15px;
    width: 83.33333%
}

@media(max-width:0) {
    .col-10 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-11 {
    padding-left: 15px;
    padding-right: 15px;
    width: 91.66667%
}

@media(max-width:0) {
    .col-11 {
        padding-left: 0;
        padding-right: 0
    }
}

.col-12 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media(max-width:0) {
    .col-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.xxsmall-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-1 {
        width: 8.33333%!important
    }
}

.xxsmall-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-2 {
        width: 16.66667%!important
    }
}

.xxsmall-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-3 {
        width: 25%!important
    }
}

.xxsmall-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-4 {
        width: 33.33333%!important
    }
}

.xxsmall-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-5 {
        width: 41.66667%!important
    }
}

.xxsmall-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-6 {
        width: 50%!important
    }
}

.xxsmall-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-7 {
        width: 58.33333%!important
    }
}

.xxsmall-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-8 {
        width: 66.66667%!important
    }
}

.xxsmall-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-9 {
        width: 75%!important
    }
}

.xxsmall-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-10 {
        width: 83.33333%!important
    }
}

.xxsmall-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-11 {
        width: 91.66667%!important
    }
}

.xxsmall-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxsmall-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0) {
    .xxsmall-12 {
        width: 100%!important
    }
}

.xsmall-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-1 {
        width: 8.33333%!important
    }
}

.xsmall-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-2 {
        width: 16.66667%!important
    }
}

.xsmall-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-3 {
        width: 25%!important
    }
}

.xsmall-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-4 {
        width: 33.33333%!important
    }
}

.xsmall-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-5 {
        width: 41.66667%!important
    }
}

.xsmall-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-6 {
        width: 50%!important
    }
}

.xsmall-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-7 {
        width: 58.33333%!important
    }
}

.xsmall-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-8 {
        width: 66.66667%!important
    }
}

.xsmall-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-9 {
        width: 75%!important
    }
}

.xsmall-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-10 {
        width: 83.33333%!important
    }
}

.xsmall-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-11 {
        width: 91.66667%!important
    }
}

.xsmall-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xsmall-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:361px) {
    .xsmall-12 {
        width: 100%!important
    }
}

.small-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-1 {
        width: 8.33333%!important
    }
}

.small-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-2 {
        width: 16.66667%!important
    }
}

.small-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-3 {
        width: 25%!important
    }
}

.small-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-4 {
        width: 33.33333%!important
    }
}

.small-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-5 {
        width: 41.66667%!important
    }
}

.small-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-6 {
        width: 50%!important
    }
}

.small-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-7 {
        width: 58.33333%!important
    }
}

.small-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-8 {
        width: 66.66667%!important
    }
}

.small-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-9 {
        width: 75%!important
    }
}

.small-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-10 {
        width: 83.33333%!important
    }
}

.small-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-11 {
        width: 91.66667%!important
    }
}

.small-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .small-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:641px) {
    .small-12 {
        width: 100%!important
    }
}

.medium-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-1 {
        width: 8.33333%!important
    }
}

.medium-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-2 {
        width: 16.66667%!important
    }
}

.medium-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-3 {
        width: 25%!important
    }
}

.medium-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-4 {
        width: 33.33333%!important
    }
}

.medium-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-5 {
        width: 41.66667%!important
    }
}

.medium-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-6 {
        width: 50%!important
    }
}

.medium-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-7 {
        width: 58.33333%!important
    }
}

.medium-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-8 {
        width: 66.66667%!important
    }
}

.medium-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-9 {
        width: 75%!important
    }
}

.medium-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-10 {
        width: 83.33333%!important
    }
}

.medium-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-11 {
        width: 91.66667%!important
    }
}

.medium-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .medium-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:821px) {
    .medium-12 {
        width: 100%!important
    }
}

.large-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-1 {
        width: 8.33333%!important
    }
}

.large-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-2 {
        width: 16.66667%!important
    }
}

.large-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-3 {
        width: 25%!important
    }
}

.large-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-4 {
        width: 33.33333%!important
    }
}

.large-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-5 {
        width: 41.66667%!important
    }
}

.large-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-6 {
        width: 50%!important
    }
}

.large-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-7 {
        width: 58.33333%!important
    }
}

.large-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-8 {
        width: 66.66667%!important
    }
}

.large-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-9 {
        width: 75%!important
    }
}

.large-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-10 {
        width: 83.33333%!important
    }
}

.large-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-11 {
        width: 91.66667%!important
    }
}

.large-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .large-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .large-12 {
        width: 100%!important
    }
}

.xlarge-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-1 {
        width: 8.33333%!important
    }
}

.xlarge-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-2 {
        width: 16.66667%!important
    }
}

.xlarge-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-3 {
        width: 25%!important
    }
}

.xlarge-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-4 {
        width: 33.33333%!important
    }
}

.xlarge-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-5 {
        width: 41.66667%!important
    }
}

.xlarge-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-6 {
        width: 50%!important
    }
}

.xlarge-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-7 {
        width: 58.33333%!important
    }
}

.xlarge-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-8 {
        width: 66.66667%!important
    }
}

.xlarge-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-9 {
        width: 75%!important
    }
}

.xlarge-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-10 {
        width: 83.33333%!important
    }
}

.xlarge-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-11 {
        width: 91.66667%!important
    }
}

.xlarge-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xlarge-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1201px) {
    .xlarge-12 {
        width: 100%!important
    }
}

.xxlarge-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-1 {
        width: 8.33333%!important
    }
}

.xxlarge-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-2 {
        width: 16.66667%!important
    }
}

.xxlarge-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-3 {
        width: 25%!important
    }
}

.xxlarge-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-4 {
        width: 33.33333%!important
    }
}

.xxlarge-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-5 {
        width: 41.66667%!important
    }
}

.xxlarge-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-6 {
        width: 50%!important
    }
}

.xxlarge-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-7 {
        width: 58.33333%!important
    }
}

.xxlarge-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-8 {
        width: 66.66667%!important
    }
}

.xxlarge-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-9 {
        width: 75%!important
    }
}

.xxlarge-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-10 {
        width: 83.33333%!important
    }
}

.xxlarge-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-11 {
        width: 91.66667%!important
    }
}

.xxlarge-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxlarge-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1381px) {
    .xxlarge-12 {
        width: 100%!important
    }
}

.xxxlarge-1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-1 {
        width: 8.33333%!important
    }
}

.xxxlarge-2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-2 {
        width: 16.66667%!important
    }
}

.xxxlarge-3 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-3 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-3 {
        width: 25%!important
    }
}

.xxxlarge-4 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-4 {
        width: 33.33333%!important
    }
}

.xxxlarge-5 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-5 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-5 {
        width: 41.66667%!important
    }
}

.xxxlarge-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-6 {
        width: 50%!important
    }
}

.xxxlarge-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-7 {
        width: 58.33333%!important
    }
}

.xxxlarge-8 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-8 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-8 {
        width: 66.66667%!important
    }
}

.xxxlarge-9 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-9 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-9 {
        width: 75%!important
    }
}

.xxxlarge-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-10 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-10 {
        width: 83.33333%!important
    }
}

.xxxlarge-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-11 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-11 {
        width: 91.66667%!important
    }
}

.xxxlarge-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@media(max-width:0) {
    .xxxlarge-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1601px) {
    .xxxlarge-12 {
        width: 100%!important
    }
}

html {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    font-family: "Merriweather", serif
}

@media(max-width:1380px) {
    html {
        font-size: 13.5px
    }
}

@media(max-width:820px) {
    html {
        font-size: 12px
    }
}

#tinymce {
    padding: 15px 30px
}

.typo,
#tinymce {
    color: #47465e;
    line-height: 1.5
}

.typo .error,
#tinymce .error {
    color: #e2574c
}

.typo .success,
#tinymce .success {
    color: #3db39e
}

.typo.white,
#tinymce.white {
    color: #fff
}

.typo.white a,
#tinymce.white a {
    color: #fff
}

.typo.white ul li:before,
#tinymce.white ul li:before {
    background-color: #fff
}

.typo h1,
#tinymce h1 {
    font-size: 3.2em;
    font-weight: 900;
    font-family: "Nunito Sans", sans-serif;
    margin-bottom: 15px;
    line-height: 1.2
}

.typo h2,
#tinymce h2 {
    font-size: 2.4em;
    font-weight: 900;
    font-family: "Nunito Sans", sans-serif;
    margin-bottom: 15px;
    line-height: 1.2
}

.typo h3,
#tinymce h3 {
    font-size: 1.9em;
    font-weight: 900;
    font-family: "Nunito Sans", sans-serif;
    margin-bottom: 15px;
    line-height: 1.2
}

.typo h4,
#tinymce h4 {
    font-size: 1.6em;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    margin-bottom: 15px;
    line-height: 1.2
}

.typo h5,
#tinymce h5 {
    font-size: 1.4em;
    font-weight: 300;
    font-family: "Nunito Sans", sans-serif;
    margin-bottom: 15px;
    line-height: 1.2
}

.typo h6,
#tinymce h6 {
    font-size: 1.2em;
    font-weight: 300;
    font-family: "Nunito Sans", sans-serif;
    margin-bottom: 15px;
    line-height: 1.2
}

.typo h1,
#tinymce h1 {
    letter-spacing: 1px
}

.typo h2,
.typo h3,
#tinymce h2,
#tinymce h3 {
    letter-spacing: 1px;
    color: #605f92
}

.typo p,
#tinymce p {
    font-size: 1em;
    padding: 5px 0 15px;
    font-weight: 400;
    letter-spacing: .5px
}

.typo blockquote,
#tinymce blockquote {
    font-style: italic
}

.typo li,
#tinymce li {
    font-weight: 400;
    margin-bottom: 5px
}

.typo ul>li,
#tinymce ul>li {
    position: relative;
    margin-bottom: 5px
}

.typo ul>li:before,
#tinymce ul>li:before {
    content: '';
    position: absolute;
    display: block;
    height: 7px;
    width: 7px;
    background-color: #f6dbb2;
    left: -14px;
    top: 6px;
    transition: all .2s ease-out
}

.typo ol,
#tinymce ol {
    list-style: none;
    padding-left: 25px;
    counter-reset: li
}

.typo ol>li,
#tinymce ol>li {
    position: relative
}

.typo ol>li:before,
#tinymce ol>li:before {
    content: counter(li) ".";
    counter-increment: li;
    position: absolute;
    top: 0;
    left: -25px;
    font-weight: 700
}

.typo dl dd,
#tinymce dl dd {
    margin-left: 15px
}

.typo strong,
#tinymce strong {
    font-weight: 600
}

.typo sub,
#tinymce sub {
    font-size: .8em;
    position: relative;
    top: .3em
}

.typo sup,
#tinymce sup {
    font-size: .8em;
    position: relative;
    bottom: .3em
}

.typo small,
#tinymce small {
    font-size: .7em
}

.typo hr,
#tinymce hr {
    border: 0;
    height: 1px;
    background-color: #605f92;
    margin: 15px 0;
    display: block
}

.ico,
#developer .circle .icon span {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-position: center
}

.ico-search {
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjExMy44NDRweCIgaGVpZ2h0PSIxMTMuODQ0cHgiIHZpZXdCb3g9IjAgMCAxMTMuODQ0IDExMy44NDQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExMy44NDQgMTEzLjg0NCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgkNCgkJPGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSI0MS43MTkiIGN5PSI0MS43MTkiIHI9IjI2LjUiLz4NCgkNCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNjAuODExIiB5MT0iNjAuMTA0IiB4Mj0iOTEuMjE3IiB5Mj0iOTAuNTEiLz4NCgk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ig0KCQlNMjguNjM4LDMxLjQ2NmMzLjU0OS0zLjU0OSw3Ljg1My01Ljg4LDEyLjM5NS02Ljk5NSIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.ico-close {
    width: 22px;
    height: 22px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjczLjc1cHgiIGhlaWdodD0iNzMuNzVweCIgdmlld0JveD0iMCAwIDczLjc1IDczLjc1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3My43NSA3My43NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI3MC43NSIgeTE9IjcwLjc1IiB4Mj0iMyIgeTI9IjMiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjMiIHkxPSI3MC43NSIgeDI9IjcwLjc1IiB5Mj0iMyIvPg0KPC9zdmc+DQo=)
}

.ico-close-alt {
    width: 22px;
    height: 22px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjczLjc1cHgiIGhlaWdodD0iNzMuNzVweCIgdmlld0JveD0iMCAwIDczLjc1IDczLjc1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3My43NSA3My43NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMyQzNENTAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI3MC43NSIgeTE9IjcwLjc1IiB4Mj0iMyIgeTI9IjMiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJDM0Q1MCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjMiIHkxPSI3MC43NSIgeDI9IjcwLjc1IiB5Mj0iMyIvPg0KPC9zdmc+DQo=)
}

.ico-developer,
#developer .circle .icon span {
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDM4LjUyOSA0MzguNTI5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzguNTI5IDQzOC41Mjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMzQ5LjQ1OSw1Mi41MzRjLTEwLjY2My0xMC42NTctMjMuNjA1LTE1Ljk4Ny0zOC44MzQtMTUuOTg3Yy0xNS4yMjIsMC0yOC4xNjUsNS4zMjctMzguODI1LDE1Ljk4NyAgIGMtMTAuNjU2LDEwLjY1Ny0xNS45ODQsMjMuNTk4LTE1Ljk4NCwzOC44MjhjMCw5Ljg5NywyLjQ2NywxOS4wODEsNy40MTYsMjcuNTVjNC45NDgsOC40NywxMS42MDQsMTUuMDg2LDE5Ljk4NSwxOS44NDIgICBjMCw5Ljg5Ny0wLjgwNSwxOC42MDgtMi40MiwyNi4xMjVjLTEuNjIyLDcuNTE3LTQuMjg0LDE0LjEyOC03Ljk5NCwxOS44NDJjLTMuNzIsNS43MTEtNy41NjYsMTAuNTYxLTExLjU2NiwxNC41NiAgIGMtNC4wMDEsMy45OTktOS42MTYsNy43NTUtMTYuODQ4LDExLjI3OGMtNy4yMzEsMy41MjEtMTMuOTQ1LDYuNDY4LTIwLjEyOSw4Ljg1MWMtNi4xODQsMi4zNzUtMTQuNTE0LDUuMTgyLTI0Ljk4Miw4LjQxOSAgIGMtMTkuMDM2LDUuOTAzLTMzLjY4OSwxMS4zMjMtNDMuOTY4LDE2LjI3NVYxMDIuMjA2YzguMzc1LTQuNzU1LDE1LjAzNy0xMS4zNywxOS45ODUtMTkuODRjNC45NDctOC40Nyw3LjQyMS0xNy42NTUsNy40MjEtMjcuNTUyICAgYzAtMTUuMjI1LTUuMzI3LTI4LjE2OS0xNS45ODctMzguODI2QzE1Ni4wNzMsNS4zMzIsMTQzLjEzMiwwLDEyNy45MDMsMGMtMTUuMjMsMC0yOC4xNzEsNS4zMjgtMzguODMxLDE1Ljk4OCAgIEM3OC40MTYsMjYuNjQ1LDczLjA4NSwzOS41ODksNzMuMDg1LDU0LjgxNGMwLDkuODk3LDIuNDc0LDE5LjA4Miw3LjQyMSwyNy41NTJjNC45NDgsOC40NywxMS42MDksMTUuMDg1LDE5Ljk4NSwxOS44NHYyMzQuMTE3ICAgYy04LjM3Niw0Ljc1My0xNS4wMzcsMTEuMzc1LTE5Ljk4NSwxOS44NDJjLTQuOTQ3LDguNDczLTcuNDIxLDE3LjY1OC03LjQyMSwyNy41NTJjMCwxNS4yMjUsNS4zMjcsMjguMTY4LDE1Ljk4NywzOC44MjQgICBzMjMuNjA0LDE1Ljk4OCwzOC44MzEsMTUuOTg4YzE1LjIyNiwwLDI4LjE3LTUuMzMyLDM4LjgyNi0xNS45ODhjMTAuNjU3LTEwLjY1NiwxNS45ODctMjMuNiwxNS45ODctMzguODI0ICAgYzAtOS44OTQtMi40NzQtMTkuMDc5LTcuNDIxLTI3LjU1MmMtNC45NDktOC40NjctMTEuNjEtMTUuMDg5LTE5Ljk4NS0xOS44NDJWMzI4LjljMC0xMy4xMzEsMy45NDktMjIuNjQ1LDExLjg0Ny0yOC41NDQgICBjNy44OTgtNS45MDcsMjQuMDI5LTEyLjY2Miw0OC4zOTUtMjAuMjczYzI1LjY5OS04LjE4Niw0NS4wMjEtMTUuODk5LDU3Ljk2My0yMy4xMzRjNDIuNjMzLTI0LjE2Nyw2NC4xNDItNjMuNTY4LDY0LjUyMS0xMTguMTk2ICAgYzguMzgxLTQuNzU1LDE1LjAzNy0xMS4zNzIsMTkuOTg1LTE5Ljg0MmM0Ljk0NS04LjQ3LDcuNDIzLTE3LjY1Myw3LjQyMy0yNy41NUMzNjUuNDQ3LDc2LjEzNSwzNjAuMTE2LDYzLjE5NCwzNDkuNDU5LDUyLjUzNHogICAgTTE0Ny4zMjEsNDAzLjEzOGMtNS4zMzIsNS4zMzEtMTEuODAzLDcuOTk0LTE5LjQxNCw3Ljk5NGMtNy42MTYsMC0xNC4wODctMi42NjMtMTkuNDE3LTcuOTk0ICAgYy01LjMyNy01LjMyNS03Ljk5NC0xMS44LTcuOTk0LTE5LjQxMWMwLTcuNjE3LDIuNjY0LTE0LjA4NSw3Ljk5NC0xOS40MTdjNS4zMy01LjMyOCwxMS44MDEtNy45OTQsMTkuNDE3LTcuOTk0ICAgYzcuNjExLDAsMTQuMDgzLDIuNjY5LDE5LjQxNCw3Ljk5NGM1LjMzLDUuMzMyLDcuOTkzLDExLjgsNy45OTMsMTkuNDE3QzE1NS4zMTMsMzkxLjMzOCwxNTIuNjUxLDM5Ny44MTIsMTQ3LjMyMSw0MDMuMTM4eiAgICBNMTQ3LjMyMSw3NC4yMzJjLTUuMzMyLDUuMzMtMTEuODAzLDcuOTk0LTE5LjQxNCw3Ljk5NGMtNy42MTYsMC0xNC4wODctMi42NjQtMTkuNDE3LTcuOTk0ICAgYy01LjMyNy01LjMzLTcuOTk0LTExLjc5OC03Ljk5NC0xOS40MTRjMC03LjYxNCwyLjY2NC0xNC4wODcsNy45OTQtMTkuNDEyYzUuMzMtNS4zMjksMTEuODAxLTcuOTk0LDE5LjQxNy03Ljk5NCAgIGM3LjYxMSwwLDE0LjA4MywyLjY2NiwxOS40MTQsNy45OTRjNS4zMyw1LjMyNSw3Ljk5MywxMS43OTgsNy45OTMsMTkuNDEyQzE1NS4zMTMsNjIuNDM0LDE1Mi42NTEsNjguOTA1LDE0Ny4zMjEsNzQuMjMyeiAgICBNMzMwLjA0MiwxMTAuNzc5Yy01LjMyOCw1LjMyNy0xMS43OTYsNy45OTMtMTkuNDEsNy45OTNjLTcuNjE4LDAtMTQuMDktMi42NjYtMTkuNDE0LTcuOTkzICAgYy01LjMyOC01LjMyNy03Ljk5NC0xMS43OTktNy45OTQtMTkuNDE0YzAtNy42MTQsMi42NjYtMTQuMDgzLDcuOTk0LTE5LjQxNHMxMS43OTYtNy45OTMsMTkuNDE0LTcuOTkzICAgYzcuNjE0LDAsMTQuMDgyLDIuNjYzLDE5LjQxLDcuOTkzYzUuMzI4LDUuMzI2LDcuOTk0LDExLjc5OSw3Ljk5NCwxOS40MTRDMzM4LjAzNiw5OC45NzksMzM1LjM3NCwxMDUuNDUyLDMzMC4wNDIsMTEwLjc3OXoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}

form input[type="text"],
form textarea,
.form input[type="text"],
.form textarea {
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    border: 1px solid #605f92;
    padding: 5px 15px;
    font-family: "Nunito Sans", sans-serif
}

form input[type="text"]:focus,
form textarea:focus,
.form input[type="text"]:focus,
.form textarea:focus {
    background-color: #fcf5e9;
    outline: 0
}

form textarea,
.form textarea {
    min-height: 100px;
    resize: vertical;
    max-height: 200px;
    padding: 10px 15px
}

.img-responsive {
    max-width: 100%
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-center-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

a:focus {
    outline: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: none;
    outline: 0
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */

.animsition,
.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd
}

.animsition-loading,
.animsition-loading:after {
    width: 32px;
    height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    z-index: 2
}

.animsition-loading {
    background-color: transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.2);
    border-right: 5px solid rgba(0, 0, 0, 0.2);
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    border-left: 5px solid #eee;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: animsition-loading;
    animation-name: animsition-loading
}

@-webkit-keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fade-out {
    -webkit-animation-name: fade-out;
    animation-name: fade-out
}

@-webkit-keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up
}

@-webkit-keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

@keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

.fade-out-up {
    -webkit-animation-name: fade-out-up;
    animation-name: fade-out-up
}

@-webkit-keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-sm {
    -webkit-animation-name: fade-in-up-sm;
    animation-name: fade-in-up-sm
}

@-webkit-keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

.fade-out-up-sm {
    -webkit-animation-name: fade-out-up-sm;
    animation-name: fade-out-up-sm
}

@-webkit-keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-lg {
    -webkit-animation-name: fade-in-up-lg;
    animation-name: fade-in-up-lg
}

@-webkit-keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

@keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

.fade-out-up-lg {
    -webkit-animation-name: fade-out-up-lg;
    animation-name: fade-out-up-lg
}

@-webkit-keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

@keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

.fade-out-down {
    -webkit-animation-name: fade-out-down;
    animation-name: fade-out-down
}

@-webkit-keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down-sm {
    -webkit-animation-name: fade-in-down-sm;
    animation-name: fade-in-down-sm
}

@-webkit-keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

.fade-out-down-sm {
    -webkit-animation-name: fade-out-down-sm;
    animation-name: fade-out-down-sm
}

.fade-in-down-lg {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

@keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

.fade-out-down-lg {
    -webkit-animation-name: fade-out-down-lg;
    animation-name: fade-out-down-lg
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left
}

@-webkit-keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

@keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

.fade-out-left {
    -webkit-animation-name: fade-out-left;
    animation-name: fade-out-left
}

@-webkit-keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-sm {
    -webkit-animation-name: fade-in-left-sm;
    animation-name: fade-in-left-sm
}

@-webkit-keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

@keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

.fade-out-left-sm {
    -webkit-animation-name: fade-out-left-sm;
    animation-name: fade-out-left-sm
}

@-webkit-keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-lg {
    -webkit-animation-name: fade-in-left-lg;
    animation-name: fade-in-left-lg
}

@-webkit-keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

@keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

.fade-out-left-lg {
    -webkit-animation-name: fade-out-left-lg;
    animation-name: fade-out-left-lg
}

@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right
}

@-webkit-keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

@keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

.fade-out-right {
    -webkit-animation-name: fade-out-right;
    animation-name: fade-out-right
}

@-webkit-keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-sm {
    -webkit-animation-name: fade-in-right-sm;
    animation-name: fade-in-right-sm
}

@-webkit-keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

@keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

.fade-out-right-sm {
    -webkit-animation-name: fade-out-right-sm;
    animation-name: fade-out-right-sm
}

@-webkit-keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-lg {
    -webkit-animation-name: fade-in-right-lg;
    animation-name: fade-in-right-lg
}

@-webkit-keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

@keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

.fade-out-right-lg {
    -webkit-animation-name: fade-out-right-lg;
    animation-name: fade-out-right-lg
}

@-webkit-keyframes rotate-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in {
    -webkit-animation-name: rotate-in;
    animation-name: rotate-in
}

@-webkit-keyframes rotate-out {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out {
    -webkit-animation-name: rotate-out;
    animation-name: rotate-out
}

@-webkit-keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in-sm {
    -webkit-animation-name: rotate-in-sm;
    animation-name: rotate-in-sm
}

@-webkit-keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out-sm {
    -webkit-animation-name: rotate-out-sm;
    animation-name: rotate-out-sm
}

@-webkit-keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in-lg {
    -webkit-animation-name: rotate-in-lg;
    animation-name: rotate-in-lg
}

@-webkit-keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 1
    }
    0%,
    to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out-lg {
    -webkit-animation-name: rotate-out-lg;
    animation-name: rotate-out-lg
}

@-webkit-keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateX(0deg);
        transform: perspective(550px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateX(0deg);
        transform: perspective(550px) rotateX(0deg);
        opacity: 1
    }
}

.flip-in-x {
    -webkit-animation-name: flip-in-x;
    animation-name: flip-in-x;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(0deg);
        transform: perspective(550px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(0deg);
        transform: perspective(550px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x {
    -webkit-animation-name: flip-out-x;
    animation-name: flip-out-x;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0deg);
        transform: perspective(100px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0deg);
        transform: perspective(100px) rotateX(0deg);
        opacity: 1
    }
}

.flip-in-x-nr {
    -webkit-animation-name: flip-in-x-nr;
    animation-name: flip-in-x-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(0deg);
        transform: perspective(100px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(0deg);
        transform: perspective(100px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-nr {
    -webkit-animation-name: flip-out-x-nr;
    animation-name: flip-out-x-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1
    }
}

.flip-in-x-fr {
    -webkit-animation-name: flip-in-x-fr;
    animation-name: flip-in-x-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-fr {
    -webkit-animation-name: flip-out-x-fr;
    animation-name: flip-out-x-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateY(0deg);
        transform: perspective(550px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateY(0deg);
        transform: perspective(550px) rotateY(0deg);
        opacity: 1
    }
}

.flip-in-y {
    -webkit-animation-name: flip-in-y;
    animation-name: flip-in-y;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(0deg);
        transform: perspective(550px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(0deg);
        transform: perspective(550px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y {
    -webkit-animation-name: flip-out-y;
    animation-name: flip-out-y;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateY(0deg);
        transform: perspective(100px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateY(0deg);
        transform: perspective(100px) rotateY(0deg);
        opacity: 1
    }
}

.flip-in-y-nr {
    -webkit-animation-name: flip-in-y-nr;
    animation-name: flip-in-y-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(0deg);
        transform: perspective(100px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(0deg);
        transform: perspective(100px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-nr {
    -webkit-animation-name: flip-out-y-nr;
    animation-name: flip-out-y-nr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
        opacity: 1
    }
}

.flip-in-y-fr {
    -webkit-animation-name: flip-in-y-fr;
    animation-name: flip-in-y-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-fr {
    -webkit-animation-name: flip-out-y-fr;
    animation-name: flip-out-y-fr;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in {
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in
}

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    50%,
    to {
        opacity: 0
    }
}

@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    50%,
    to {
        opacity: 0
    }
}

.zoom-out {
    -webkit-animation-name: zoom-out;
    animation-name: zoom-out
}

@-webkit-keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in-sm {
    -webkit-animation-name: zoom-in-sm;
    animation-name: zoom-in-sm
}

@-webkit-keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    50%,
    to {
        opacity: 0
    }
}

@keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    50%,
    to {
        opacity: 0
    }
}

.zoom-out-sm {
    -webkit-animation-name: zoom-out-sm;
    animation-name: zoom-out-sm
}

@-webkit-keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in-lg {
    -webkit-animation-name: zoom-in-lg;
    animation-name: zoom-in-lg
}

@-webkit-keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
    50%,
    to {
        opacity: 0
    }
}

@keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
    50%,
    to {
        opacity: 0
    }
}

.zoom-out-lg {
    -webkit-animation-name: zoom-out-lg;
    animation-name: zoom-out-lg
}

@-webkit-keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

@keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

.overlay-slide-in-top {
    top: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-top;
    animation-name: overlay-slide-in-top
}

@-webkit-keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

.overlay-slide-out-top {
    top: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-top;
    animation-name: overlay-slide-out-top
}

@-webkit-keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

@keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

.overlay-slide-in-bottom {
    bottom: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-bottom;
    animation-name: overlay-slide-in-bottom
}

@-webkit-keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

.overlay-slide-out-bottom {
    bottom: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-bottom;
    animation-name: overlay-slide-out-bottom
}

@-webkit-keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

@keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.overlay-slide-in-left {
    width: 0;
    -webkit-animation-name: overlay-slide-in-left;
    animation-name: overlay-slide-in-left
}

@-webkit-keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.overlay-slide-out-left {
    left: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-left;
    animation-name: overlay-slide-out-left
}

@-webkit-keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

@keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.overlay-slide-in-right {
    right: 0;
    width: 0;
    -webkit-animation-name: overlay-slide-in-right;
    animation-name: overlay-slide-in-right
}

@-webkit-keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.overlay-slide-out-right {
    right: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-right;
    animation-name: overlay-slide-out-right
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal,
[data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: ""
}

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(43, 46, 56, 0.9)
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal,
.remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent
}

.remodal-close:hover,
.remodal-close:focus {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif!important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:hover,
.remodal-confirm:focus {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:hover,
.remodal-cancel:focus {
    background: #ef5350
}

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width:641px) {
    .remodal {
        max-width: 700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

body {
    background-color: #fff
}

#main-navbar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    transition: opacity .4s ease-out
}

.open-menu #main-navbar {
    opacity: 0
}

@media(max-width:1024px) {
    #main-navbar {
        bottom: auto;
        display: block;
        left: 0;
        right: 0;
        top: 0
    }
}

@media(min-width:1025px) {
    #main-navbar.compact.on-violet .box .title .hamburger .icon span {
        background-color: #fff
    }
}

@media(min-width:1025px) and (max-width:820px) {
    #main-navbar.compact.on-violet .box .title .hamburger .icon span {
        background-color: #605f92
    }
}

@media(min-width:1025px) {
    #main-navbar.compact.on-violet .box .title h2 {
        color: #fff;
        mix-blend-mode: difference;
        text-shadow: -1px 0 #605f92, 0 1px #605f92, 1px 0 #605f92, 0 -1px #605f92
    }
}

@media(min-width:1025px) and (max-width:820px) {
    #main-navbar.compact.on-violet .box .title h2 {
        color: #605f92;
        text-shadow: none
    }
}

@media(min-width:1025px) {
    #main-navbar.compact .box .title .navbar-hamburger {
        cursor: pointer;
        width: 150px
    }
    #main-navbar.compact .box .title .hamburger {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        transition-delay: .4s;
        opacity: 1
    }
    #main-navbar.compact .box .nav {
        max-height: 0
    }
}

#main-navbar .box {
    width: 200px
}

@media(max-width:1024px) {
    #main-navbar .box {
        width: auto;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(71, 70, 94, 0.2)
    }
}

#main-navbar .box .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px
}

@media(max-width:1024px) {
    #main-navbar .box .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px
    }
}

#main-navbar .box .title .brand {
    display: none
}

@media(max-width:1024px) {
    #main-navbar .box .title .brand {
        display: block
    }
}

#main-navbar .box .title .navbar-hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:1024px) {
    #main-navbar .box .title .navbar-hamburger {
        cursor: pointer
    }
}

#main-navbar .box .title .hamburger {
    transition: all .3s ease-out;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0
}

@media(max-width:1024px) {
    #main-navbar .box .title .hamburger {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 1
    }
}

#main-navbar .box .title .hamburger .icon {
    width: 18px;
    height: 18px;
    position: relative
}

#main-navbar .box .title .hamburger .icon span {
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #605f92
}

#main-navbar .box .title .hamburger .icon span:nth-child(1) {
    top: 3px
}

#main-navbar .box .title .hamburger .icon span:nth-child(2) {
    top: 8px
}

#main-navbar .box .title .hamburger .icon span:nth-child(3) {
    top: 13px
}

#main-navbar .box .title h2 {
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    color: #605f92;
    letter-spacing: 1px;
    font-size: 1.1em
}

@media(max-width:1024px) {
    #main-navbar .box .title h2 {
        display: none
    }
}

#main-navbar .box .nav {
    overflow: hidden;
    transition: all .4s ease-in-out;
    max-height: 350px
}

@media(max-width:1024px) {
    #main-navbar .box .nav {
        display: none
    }
}

#main-navbar .box .nav ul {
    border: 1px solid rgba(96, 95, 146, 0.3);
    border-left: 0;
    border-right: 0;
    padding: 30px;
    padding-right: 10px;
    position: relative
}

#main-navbar .box .nav ul:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80px;
    background-color: rgba(229, 229, 229, 0.4)
}

#main-navbar .box .nav ul li {
    position: relative;
    z-index: 10;
    padding: 15px;
    padding-left: 0
}

#main-navbar .box .nav ul li a {
    color: #605f92;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    display: inline-block;
    position: relative
}

#main-navbar .box .nav ul li a:hover:after {
    width: 100%
}

#main-navbar .box .nav ul li a:focus {
    outline: 0;
    box-shadow: none
}

#main-navbar .box .nav ul li a:after {
    content: '';
    position: absolute;
    display: block;
    background-color: #f6dbb2;
    width: 0;
    height: 8px;
    transition: all .2s ease-out
}

#main-footer {
    background-color: #1d1f1f;
    padding: 50px 0
}

@media(max-width:640px) {
    #main-footer {
        padding: 30px 0 20px
    }
}

#main-footer .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

@media(max-width:640px) {
    #main-footer .logo {
        margin-bottom: 0
    }
}

#main-footer .logo img {
    display: block
}

@media(max-width:640px) {
    #main-footer .logo img {
        height: 30px
    }
}

@media(max-width:640px) {
    #main-footer .nav {
        display: none
    }
}

#main-footer .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#main-footer .nav ul li {
    padding: 5px 15px
}

#main-footer .nav ul li a {
    display: block;
    padding: 5px;
    color: #fff;
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: 1px
}

#main-footer .legal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0 70px
}

@media(max-width:640px) {
    #main-footer .legal {
        margin-top: 25px;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

#main-footer .legal p {
    font-family: "Nunito Sans", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: .9em
}

@media(max-width:640px) {
    #main-footer .legal p {
        margin-bottom: 10px;
        line-height: 1.2
    }
}

#main-footer .legal p:nth-child(2) {
    font-weight: 100
}

#main-footer .legal p a {
    color: #fff;
    font-weight: 700
}

@-webkit-keyframes cn-text {
    0% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes cn-text {
    0% {
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes cn-text-fadeoff {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    20% {
        opacity: 1;
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

@keyframes cn-text-fadeoff {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    20% {
        opacity: 1;
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

#cookie-notify {
    background-color: rgba(96, 95, 146, 0.8);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    transition: all .4s ease-out;
    z-index: 9999;
    font-size: .7em;
    padding: 8px 0
}

@media(max-width:820px) {
    #cookie-notify {
        font-size: .9em
    }
}

#cookie-notify.show {
    opacity: 1;
    pointer-events: all
}

#cookie-notify.show .cookie-content {
    -webkit-animation-name: cn-text;
    animation-name: cn-text;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#cookie-notify.fadeOff {
    opacity: 0;
    transition-delay: .2s;
    pointer-events: none
}

#cookie-notify.fadeOff .cookie-content {
    -webkit-animation-name: cn-text-fadeoff;
    animation-name: cn-text-fadeoff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

#cookie-notify .cookie-content {
    font-family: "Merriweather", serif;
    font-weight: 300;
    opacity: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: all .2s ease-out
}

#cookie-notify .cookie-content .text-wrapper {
    color: #fff;
    text-align: center
}

#cookie-notify .cookie-content .text-wrapper p {
    text-align: center;
    font-weight: 300;
    display: inline
}

#cookie-notify .cookie-content .text-wrapper a {
    display: inline-block;
    font-weight: 400;
    margin: 5px;
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 5px 10px;
    transition: all .2s ease-out;
    font-family: "Nunito Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px
}

#cookie-notify .cookie-content .text-wrapper a:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

#cookie-notify .cookie-content .text-wrapper a:focus {
    outline: 0;
    box-shadow: none
}

#browser-alert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 20px 0 15px;
    background-color: rgba(96, 95, 146, 0.9);
    display: none;
    pointer-events: none;
    transition: all .5s ease-out
}

#browser-alert.hover {
    opacity: .1
}

#browser-alert.show {
    display: block
}

#browser-alert .text-wrapper {
    color: #fff;
    text-align: center
}

#browser-alert .text-wrapper h2 {
    color: #fff
}

.btn {
    display: inline-block;
    cursor: pointer;
    padding: 20px 15px;
    min-width: 200px;
    text-align: center;
    background-color: #605f92;
    color: #fff!important;
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: 2px;
    position: relative;
    border: 0;
    font-size: .85rem
}

.btn:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background-color: #47465e
}

.btn:focus {
    outline: 0;
    box-shadow: none
}

.btn:hover {
    background-color: #fff;
    color: #605f92!important;
    outline: 1px solid #47465e;
    outline-offset: -1px
}

.btn-slim {
    padding: 12px 15px
}

#developer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: 9999;
    display: none;
    overflow: hidden
}

#developer.show {
    display: block
}

#developer .circle {
    pointer-events: all;
    position: absolute;
    padding: 5px;
    z-index: 10
}

#developer .circle .icon {
    cursor: pointer;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #333;
    opacity: .1;
    transition: all .2s ease-out
}

#developer .circle .icon.active {
    background-color: #000;
    opacity: 1
}

#developer .circle .icon:hover {
    opacity: 1
}

#developer .circle .icon span {
    display: block;
    width: 16px;
    height: 16px
}

#developer .box {
    position: absolute;
    background-color: white;
    max-width: 400px;
    left: 0;
    bottom: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all .2s ease-out;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    pointer-events: all;
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.3)
}

#developer .box .title {
    background-color: #333;
    color: white;
    padding: 8px 10px;
    text-align: center;
    font-weight: 700
}

#developer .box.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#developer .box .content .feature {
    padding: 10px 15px;
    border-bottom: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#developer .box .content .feature p {
    margin-right: 10px
}

#developer .box .content .feature:last-child {
    border: 0
}

#developer .box .foot {
    height: 38px;
    padding: 5px 15px 5px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    background-color: #333
}

#developer .box .foot span {
    background-color: black;
    padding: 1px 3px
}

.red-js-form * {
    box-sizing: border-box
}

.red-js-form-control-wrapper {
    position: relative;
    width: 100%
}

.red-js-form-control-wrapper label {
    display: inline
}

.red-js-form-errors {
    color: #e2574c;
    display: none;
    padding: 15px
}

.red-js-form-errors p {
    margin: 0
}

.red-js-form-control {
    display: block;
}

.red-js-form-control[type="checkbox"] {
    width: auto;
    display: inline-block;
    margin-right: 5px
}

.wpcf7-not-valid-tip {
    font-size: .7em;
    margin-top: 10px;
}

.red-js-form-control:focus {
    outline: 0
}

.red-js-form-control[type="submit"] {
    cursor: pointer
}

.red-js-form-icon {
    width: 20px;
    height: 20px;
    right: 10px;
    top: 5px;
    margin-left: 5px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: none
}

@media(max-width:1024px) {
    .red-js-form-icon:hover .red-js-form-message {
        display: none!important
    }
}

.red-js-form-icon.invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20286.054%20286.054%22%20style%3D%22enable-background%3Anew%200%200%20286.054%20286.054%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23E2574C%3B%22%20d%3D%22M143.027%2C0C64.04%2C0%2C0%2C64.04%2C0%2C143.027c0%2C78.996%2C64.04%2C143.027%2C143.027%2C143.027%20c78.996%2C0%2C143.027-64.022%2C143.027-143.027C286.054%2C64.04%2C222.022%2C0%2C143.027%2C0z%20M143.027%2C259.236%20c-64.183%2C0-116.209-52.026-116.209-116.209S78.844%2C26.818%2C143.027%2C26.818s116.209%2C52.026%2C116.209%2C116.209%20S207.21%2C259.236%2C143.027%2C259.236z%20M143.036%2C62.726c-10.244%2C0-17.995%2C5.346-17.995%2C13.981v79.201c0%2C8.644%2C7.75%2C13.972%2C17.995%2C13.972%20c9.994%2C0%2C17.995-5.551%2C17.995-13.972V76.707C161.03%2C68.277%2C153.03%2C62.726%2C143.036%2C62.726z%20M143.036%2C187.723%20c-9.842%2C0-17.852%2C8.01-17.852%2C17.86c0%2C9.833%2C8.01%2C17.843%2C17.852%2C17.843s17.843-8.01%2C17.843-17.843%20C160.878%2C195.732%2C152.878%2C187.723%2C143.036%2C187.723z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    display: block
}

.red-js-form-icon.invalid:hover .red-js-form-message {
    display: block;
    background-color: #e2574c
}

.red-js-form-icon.invalid:hover .red-js-form-message:before {
    border-color: transparent #e2574c transparent transparent
}

.red-js-form-icon.valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20286.054%20286.054%22%20style%3D%22enable-background%3Anew%200%200%20286.054%20286.054%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%233DB39E%3B%22%20d%3D%22M143.031%2C0C64.027%2C0%2C0.004%2C64.04%2C0.004%2C143.027c0%2C78.996%2C64.031%2C143.027%2C143.027%2C143.027%20c78.987%2C0%2C143.018-64.031%2C143.018-143.027C286.049%2C64.049%2C222.018%2C0%2C143.031%2C0z%20M143.031%2C259.236%20c-64.183%2C0-116.209-52.026-116.209-116.209S78.857%2C26.818%2C143.031%2C26.818s116.2%2C52.026%2C116.2%2C116.209%20S207.206%2C259.236%2C143.031%2C259.236z%20M199.241%2C82.187c-6.079-3.629-13.847-1.475-17.342%2C4.827l-47.959%2C86.147l-26.71-32.512%20c-4.836-5.569-11.263-8.456-17.333-4.827c-6.079%2C3.638-8.591%2C12.39-4.657%2C18.004l37.169%2C45.241c2.78%2C3.611%2C5.953%2C5.775%2C9.27%2C6.392%20l0.027%2C0.054l0.34%2C0.018c0.751%2C0.116%2C11.979%2C2.19%2C16.815-6.463l55.048-98.876C207.402%2C93.879%2C205.32%2C85.825%2C199.241%2C82.187z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    display: block
}

.red-js-form-icon.info {
    background-image: url("data:image/svg+xml;utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2013.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%2014948)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%221024px%22%20height%3D%22768px%22%20viewBox%3D%220%200%201024%20768%22%20enable-background%3D%22new%200%200%201024%20768%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%232394BC%22%20d%3D%22M512%2C0.011c-212.089%2C0-384%2C171.913-384%2C383.976c0%2C212.089%2C171.911%2C384%2C384%2C384%0A%09%09c212.09%2C0%2C384-171.911%2C384-384C896%2C171.948%2C724.087%2C0.011%2C512%2C0.011z%20M512%2C695.988c-172.318%2C0-311.999-139.68-311.999-311.998%0A%09%09C200.001%2C211.67%2C339.681%2C71.988%2C512%2C71.988c172.319%2C0%2C311.999%2C139.68%2C311.999%2C311.999S684.319%2C695.988%2C512%2C695.988z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20fill%3D%22%232394BC%22%20d%3D%22M385.401%2C310.455c0-16.542%2C5.31-33.303%2C15.933-50.281c10.619-16.978%2C26.12-31.038%2C46.493-42.184%0A%09c20.374-11.142%2C44.143-16.716%2C71.307-16.716c25.246%2C0%2C47.538%2C4.661%2C66.867%2C13.974c19.329%2C9.317%2C34.257%2C21.986%2C44.796%2C38.004%0A%09c10.533%2C16.023%2C15.802%2C33.434%2C15.802%2C52.24c0%2C14.802-3.004%2C27.777-9.013%2C38.919c-6.007%2C11.145-13.149%2C20.766-21.418%2C28.861%0A%09c-8.272%2C8.098-23.117%2C21.725-44.534%2C40.88c-5.921%2C5.399-10.67%2C10.145-14.235%2C14.235c-3.572%2C4.093-6.228%2C7.836-7.967%2C11.229%0A%09c-1.742%2C3.396-3.095%2C6.791-4.049%2C10.188c-0.96%2C3.394-2.396%2C9.361-4.31%2C17.892c-3.311%2C18.112-13.671%2C27.165-31.082%2C27.165%0A%09c-9.056%2C0-16.676-2.959-22.855-8.882c-6.183-5.918-9.271-14.713-9.271-26.381c0-14.627%2C2.26-27.295%2C6.791-38.002%0A%09c4.527-10.713%2C10.534-20.114%2C18.023-28.21c7.484-8.099%2C17.586-17.717%2C30.298-28.863c11.143-9.75%2C19.198-17.108%2C24.16-22.072%0A%09c4.964-4.963%2C9.143-10.489%2C12.539-16.586c3.396-6.094%2C5.094-12.709%2C5.094-19.851c0-13.93-5.183-25.683-15.542-35.262%0A%09c-10.362-9.574-23.729-14.366-40.094-14.366c-19.158%2C0-33.262%2C4.832-42.315%2C14.497c-9.055%2C9.664-16.715%2C23.899-22.985%2C42.705%0A%09c-5.921%2C19.68-17.153%2C29.515-33.695%2C29.515c-9.754%2C0-17.982-3.437-24.683-10.317C388.752%2C325.909%2C385.401%2C318.465%2C385.401%2C310.455z%0A%09%20M512.866%2C596.728c-10.625%2C0-19.896-3.441-27.818-10.319c-7.925-6.875-11.885-16.495-11.885-28.86%0A%09c0-10.971%2C3.828-20.198%2C11.492-27.688c7.661-7.484%2C17.064-11.231%2C28.209-11.231c10.972%2C0%2C20.198%2C3.747%2C27.687%2C11.231%0A%09c7.485%2C7.489%2C11.231%2C16.717%2C11.231%2C27.688c0%2C12.19-3.917%2C21.768-11.754%2C28.731C532.192%2C593.244%2C523.139%2C596.728%2C512.866%2C596.728z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 30px;
    display: block
}

.red-js-form-icon.info:hover .red-js-form-message {
    display: block;
    background-color: #2394bc
}

.red-js-form-icon.info:hover .red-js-form-message:before {
    border-color: transparent #2394bc transparent transparent
}

.red-js-form-icon>.red-js-form-message {
    position: absolute;
    left: 100%;
    padding: 5px 10px;
    top: 0;
    margin-left: 5px;
    min-width: 200px;
    min-height: 32px;
    display: none;
    z-index: 99
}

.red-js-form-icon>.red-js-form-message p {
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: 300;
    letter-spacing: .5px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.red-js-form-icon>.red-js-form-message:before {
    content: "";
    border-style: solid;
    border-width: 5px 5px 5px 0;
    position: absolute;
    left: -5px;
    top: 10px
}

.hero {
    position: relative;
    height: 100vh;
    min-height: 800px
}

@media(max-width:820px) {
    .hero {
        min-height: 600px;
        height: auto
    }
}

@media(max-width:640px) {
    .hero {
        min-height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 50px
    }
}

.hero>div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

@media(max-width:640px) {
    .hero>div {
        position: static
    }
}

.hero .content {
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.hero .content .content-wrapper {
    width: 100%
}

.hero .content .content-wrapper .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 36%
}

@media(max-width:1380px) {
    .hero .content .content-wrapper .logo {
        top: 25%
    }
}

.hero .content .content-wrapper .logo img {
    display: block
}

@media(max-width:1380px) {
    .hero .content .content-wrapper .logo img {
        height: 140px
    }
}

@media(max-width:820px) {
    .hero .content .content-wrapper .logo img {
        height: 100px
    }
}

@media(max-width:640px) {
    .hero .content .content-wrapper .logo img {
        display: none
    }
}

.hero .content .content-wrapper .text-wrapper {
    margin-bottom: 200px;
    padding-right: 50px;
    text-align: right
}

@media(max-width:820px) {
    .hero .content .content-wrapper .text-wrapper {
        padding-right: 20px;
        margin-bottom: 180px
    }
}

@media(max-width:640px) {
    .hero .content .content-wrapper .text-wrapper {
        text-align: left;
        margin: 0;
        padding: 30px 0
    }
}

.hero .content .content-wrapper .text-wrapper h2 {
    font-size: 4em;
    font-weight: 900;
    color: #605f92
}

@media(max-width:1380px) {
    .hero .content .content-wrapper .text-wrapper h2 {
        font-size: 3em
    }
}

@media(max-width:640px) {
    .hero .content .content-wrapper .text-wrapper h2 {
        font-size: 2.4em;
        text-align: center;
        margin: 0
    }
}

.hero .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero .bg>div {
    width: 50%
}

@media(max-width:640px) {
    .hero .bg>div {
        width: 100%
    }
}

@media(max-width:640px) {
    .hero .bg .white {
        display: none
    }
}

.hero .bg .image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media(max-width:640px) {
    .hero .bg .image {
        height: 300px
    }
}

.section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 100px 0 50px;
    padding: 0 70px
}

@media(max-width:1380px) {
    .section-header {
        margin: 30px 0;
        padding: 0 30px
    }
}

@media(max-width:820px) {
    .section-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

@media(max-width:640px) {
    .section-header {
        margin: 50px 0 0
    }
}

.section-header .header {
    padding: 0 50px 0 30px;
    position: relative;
    width: 300px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:820px) {
    .section-header .header {
        width: 100%;
        margin-bottom: 30px
    }
}

@media(max-width:640px) {
    .section-header .header {
        width: 100%;
        margin-bottom: 15px
    }
}

.section-header .header .text-wrapper {
    position: relative;
    z-index: 10;
    padding-top: 15px
}

.section-header .header .text-wrapper h2 {
    font-size: 3.2em;
    font-weight: 900;
    font-family: "Nunito Sans", sans-serif;
    color: #605f92
}

.section-header .header .bg {
    position: absolute;
    top: 0;
    left: 0
}

.section-header .header .bg span {
    display: block;
    width: 130px;
    height: 94px;
    background-color: #f6dbb2
}

@media(max-width:640px) {
    .section-header .header .bg span {
        height: 80px
    }
}

.section-header .text {
    padding: 30px;
    padding-top: 10px
}

@media(max-width:820px) {
    .section-header .text {
        padding: 15px;
        padding-top: 30px;
        max-width: 550px;
        margin: auto
    }
}

.section-header .text .text-wrapper {
    color: #605f92!important;
    font-size: 1.2em
}

@media(max-width:1380px) {
    .section-header .text .text-wrapper {
        font-size: 1em
    }
}

.contact {
    padding-bottom: 50px
}

.contact .box {
    background-color: #fff;
    padding: 50px
}

@media(max-width:1024px) {
    .contact .box {
        padding: 30px
    }
}

@media(max-width:820px) {
    .contact .box {
        padding: 15px
    }
}

.contact .box .title {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 30px
}

.contact .box .title h2 {
    font-weight: 900;
    color: #605f92
}

.contact .box .circles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:820px) {
    .contact .box .circles {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contact .box .circles .item {
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:640px) {
    .contact .box .circles .item {
        width: 100%
    }
}

.contact .box .circles .item .circle {
    border-radius: 50%;
    background-color: #e5e5e5;
    width: 160px;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:1024px) {
    .contact .box .circles .item .circle {
        width: 120px;
        height: 120px
    }
}

.contact .box .circles .item .circle img {
    display: block;
    width: 55px;
}

.wpcf7-spinner {
    position: absolute;
}

@media(max-width:1024px) {
    .contact .box .circles .item .circle img {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.contact .box .circles .item .label {
    margin-top: 30px;
    text-align: center;
    color: #47465e
}

.contact .box .circles .item .label a {
    color: #47465e
}

.contact .box .footer {
    margin-top: 50px
}

@media(max-width:820px) {
    .contact .box .footer {
        margin-top: 30px
    }
}

.contact .box .footer .text-wrapper {
    text-align: center
}

.contact .box .footer .text-wrapper p {
    margin-bottom: 5px
}

.clients {
    overflow: hidden
}

.clients .box {
    background-color: #fff;
    padding: 50px
}

@media(max-width:820px) {
    .clients .box {
        padding: 15px
    }
}

.clients .box .title {
    text-align: center;
    margin-bottom: 30px
}

@media(max-width:820px) {
    .clients .box .title {
        margin-bottom: 0
    }
}

.clients .box .title h2 {
    font-weight: 900;
    color: #605f92
}

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

@media(max-width:1200px) {
    .clients .box .items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.clients .box .items .item {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:820px) {
    .clients .box .items .item {
        padding: 15px
    }
}

@media(max-width:640px) {
    .clients .box .items .item {
        width: 50%;
        padding: 10px
    }
}

.clients .box .items .item img {
    display: block;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width:820px) {
    .clients .box .items .item img {
        max-height: 80px
    }
}

.image-titled {
    margin-bottom: 50px;
    position: relative
}

.image-titled .image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 657px
}

@media(max-width:1380px) {
    .image-titled .image {
        height: 550px
    }
}

@media(max-width:820px) {
    .image-titled .image {
        height: 300px
    }
}

.image-titled .title {
    background-color: #605f92;
    padding: 50px 30px 50px 50px;
    width: 60%;
    position: absolute;
    left: 0;
    bottom: 0
}

.this-width {
    width: 70%;
    margin: 0 auto;
}

@media(max-width:820px) {
    .image-titled .title {
        width: auto;
        padding: 30px;
        position: static
    }
    .this-width {
        width: 100%;
    }
}

.image-titled .title .text-wrapper h2 {
    font-family: "Nunito Sans", sans-serif;
    color: #fff;
    font-weight: 900;
    font-size: 2.4em;
    line-height: 1.2
}

.top-brand {
    padding: 40px 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

@media(max-width:1024px) {
    .top-brand {
        display: none
    }
}

.hero-label {
    position: relative;
    margin-top: -120px;
    background-color: #fff
}

@media(max-width:820px) {
    .hero-label {
        max-width: 600px;
        margin: auto;
        margin-top: -120px
    }
}

@media(max-width:640px) {
    .hero-label {
        margin: 0
    }
}

.hero-label .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.hero-label .bg span {
    position: absolute;
    display: block;
    background-color: #f6dbb2;
    width: 16px;
    height: 16px
}

.hero-label .bg span:nth-child(1) {
    height: 120px;
    left: 0;
    top: 0
}

.hero-label .bg span:nth-child(2) {
    left: 0;
    top: 0;
    width: 100%
}

.hero-label .bg span:nth-child(3) {
    height: 120px;
    right: 0;
    top: 0
}

.hero-label .content {
    padding: 30px 120px
}

@media(max-width:820px) {
    .hero-label .content {
        padding: 30px 50px
    }
}

@media(max-width:640px) {
    .hero-label .content {
        padding: 30px
    }
}

.hero-label .content .text-wrapper {
    font-size: 1.4em;
    color: #605f92
}

@media(max-width:820px) {
    .hero-label .content .text-wrapper {
        font-size: 1.1em
    }
}

@media(max-width:640px) {
    .hero-label .content .text-wrapper p {
        padding: 0
    }
}

.text-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 30px
}

@media(max-width:820px) {
    .text-title {
        padding: 15px
    }
}

.text-title .icon {
    width: 80px;
    height: 10px;
    background-image: url("../img/mustache.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 15px
}

.text-title h2 {
    text-transform: uppercase;
    color: #b5b5b5;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: "Nunito Sans", sans-serif;
    font-size: 1rem
}

.section {
    background-repeat: no-repeat
}

@media(max-width:820px) {
    .section {
        background-image: none!important
    }
}

.section.bg-1 {
    background-image: url("../img/bg_1.jpg");
    background-position: 50% 10%
}

.section.lgray {
    background-color: #f9f9f9
}

.section.violet {
    background-color: #605f92
}

@media(max-width:640px) {
    .section.violet {
        background-color: #fff
    }
}

.text-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1200px) {
    .text-image {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.text-image>div {
    width: 50%
}

@media(max-width:1200px) {
    .text-image>div {
        width: 100%
    }
}

.text-image .text {
    padding-right: 50px
}

@media(max-width:820px) {
    .text-image .text {
        padding: 0;
        max-width: 550px;
        margin: auto
    }
}

@media(max-width:1200px) {
    .text-image .text .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.text-image .text .title .text-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 0
}

@media(max-width:1200px) {
    .text-image .text .title .text-title {
        padding-right: 0
    }
}

@media(max-width:1200px) {
    .text-image .image {
        height: 300px;
        margin-bottom: 30px
    }
}

@media(max-width:640px) {
    .text-image .image {
        margin-bottom: 15px
    }
}

.text-image .image .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%
}

.tabs {
    margin-top: -200px;
    margin-bottom: 100px
}

@media(max-width:820px) {
    .tabs {
        margin-bottom: 15px
    }
}

@media(max-width:640px) {
    .tabs {
        margin: 0;
        background-color: #fff;
        margin-top: 15px
    }
}

.tabs .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tabs .title .tabs-wrapper {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 80px
}

@media(max-width:1200px) {
    .tabs .title .tabs-wrapper {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width:640px) {
    .tabs .title .tabs-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        padding: 0;
        margin-bottom: 15px
    }
}

.tabs .title .tabs-wrapper .item {
    padding: 15px;
    margin-right: 20px;
    background-color: #605f92;
    width: auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 80px;
    transition: all .2s ease-out
}

@media(max-width:640px) {
    .tabs .title .tabs-wrapper .item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin: 0 0 15px 0
    }
    .tabs .title .tabs-wrapper .item:last-child {
        margin-bottom: 0
    }
}

.tabs .title .tabs-wrapper .item.active {
    background-color: #47465e;
    height: 85px
}

@media(max-width:640px) {
    .tabs .title .tabs-wrapper .item.active {
        height: 60px
    }
}

.tabs .title .tabs-wrapper .item.active p {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

@media(max-width:640px) {
    .tabs .title .tabs-wrapper .item.active p {
        -webkit-transform: none;
        transform: none
    }
}

.tabs .title .tabs-wrapper .item p {
    transition: all .2s ease-out;
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: 1px;
    color: #fff;
    line-height: 1.2;
    font-size: .9em
}

.tabs .content {
    background-color: #fff
}

.tabs .content .swiper-slide {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs .content .swiper-slide>div {
    width: 50%;
    outline-offset: -1px
}

@media(max-width:1200px) {
    .tabs .content .swiper-slide>div {
        width: 100%
    }
}

.tabs .content .swiper-slide .image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 750px
}

@media(max-width:1200px) {
    .tabs .content .swiper-slide .image {
        display: none
    }
}

.tabs .content .swiper-slide .text {
    padding: 50px;
    padding-top: 100px;
    position: relative
}

@media(max-width:1380px) {
    .tabs .content .swiper-slide .text {
        padding: 40px
    }
}

@media(max-width:820px) {
    .tabs .content .swiper-slide .text {
        max-width: 550px;
        margin: auto
    }
}

@media(max-width:640px) {
    .tabs .content .swiper-slide .text {
        padding: 0
    }
}

.tabs .content .swiper-slide .text:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    background-color: #f9f9f9;
    pointer-events: none
}

@media(max-width:820px) {
    .tabs .content .swiper-slide .text:after {
        content: none
    }
}

.tabs .content .swiper-slide .text>div {
    position: relative;
    z-index: 10
}

.tabs .content .swiper-slide .text .foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fix-space.one {
    height: 200px
}

@media(max-width:1380px) {
    .fix-space.one {
        height: 200px
    }
}

@media(max-width:640px) {
    .fix-space.one {
        height: 0
    }
}

.fix-space.two {
    height: 150px
}

@media(max-width:640px) {
    .fix-space.two {
        height: 0
    }
}

.specs {
    background-color: #fff;
    padding: 50px;
    margin-bottom: -100px
}

@media(max-width:1380px) {
    .specs {
        padding: 30px
    }
}

@media(max-width:820px) {
    .specs {
        padding: 15px
    }
}

@media(max-width:640px) {
    .specs {
        margin-bottom: 15px
    }
}

.specs>.title {
    text-align: center
}

.specs .cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px
}

@media(max-width:1600px) {
    .specs .cols {
        padding: 50px 0px
    }
    .specs .cols .item {
        padding: 0 25px;
    }
    .specs {
        padding: 50px 40px
    }
}

@media(max-width:1380px) {
    .specs .cols {
        padding: 15px;
        padding-top: 30px
    }
}

@media(max-width:1024px) {
    .specs .cols {
        padding: 30px 0 15px 0
    }
}

@media(max-width:820px) {
    .specs .cols {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.specs .cols .item {
    width: 33.33%;
    padding: 0 25px
}

@media(max-width:1600px) {
    .specs .cols .item {
        padding: 0 25px;
    }
}

@media(max-width:1380px) {
    .specs .cols .item {
        padding: 0 20px
    }
}

@media(max-width:1024px) {
    .specs .cols .item {
        padding: 0 20px
    }
}

@media(max-width:820px) {
    .specs .cols .item {
        padding: 0 10px
    }
}

@media(max-width:640px) {
    .specs .cols .item {
        width: 50%;
        margin-bottom: 15px;
        width: 100%;
        padding: 0
    }
}

.specs .cols .item .top span {
    display: block;
    width: 100%;
    background-color: #605f92;
    height: 1px
}

.specs .cols .item .top span:nth-child(1) {
    width: 50%;
    height: 5px
}

.specs .cols .item .title {
    margin-top: 30px;
    height: 100px;
    padding: 0 0px
}

@media(max-width:1200px) {
    .specs .cols .item .title {
        padding: 0 15px
    }
}

@media(max-width:820px) {
    .specs .cols .item .title {
        height: auto
    }
}

.specs .cols .item .text-wrapper {
    padding: 0 20px;
    margin-bottom: 30px
}

@media(max-width:1200px) {
    .specs .cols .item .text-wrapper {
        padding: 0 15px
    }
}

.specs .cols .item .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:820px) {
    .specs .cols .item .bottom {
        display: none
    }
}

.specs .cols .item .bottom span {
    display: block;
    width: 100%;
    background-color: #605f92;
    height: 1px
}

.specs .cols .item .bottom span:nth-child(1) {
    width: 70%;
    height: 20px
}

.specs .foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.fsp-is-open {
    overflow: hidden!important
}

.fullscreen-popup-scene {
    -webkit-perspective: 2000px;
    perspective: 2000px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 999
}

.fullscreen-popup {
    padding: 15px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 400;
    background-color: #f9f9f9;
    display: block;
    -webkit-transform: scale(0.3) rotateX(60deg);
    transform: scale(0.3) rotateX(60deg);
    opacity: 0;
    pointer-events: none;
    transition: all .35s ease-in
}

.fullscreen-popup.show {
    transition: all .35s ease-out;
    pointer-events: all;
    opacity: 1;
    -webkit-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg)
}

.fullscreen-popup .controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 100;
    padding: 30px;
    padding: 30px 70px;
    pointer-events: none
}

.fullscreen-popup .controls .item {
    pointer-events: all
}

.fullscreen-popup .controls .item.close {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .2s ease-out
}

.fullscreen-popup .controls .item.close.alt {
    -webkit-transform: translateX(40px);
    transform: translateX(40px)
}

.fullscreen-popup .controls .item.close.alt .label {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px)
}

.fullscreen-popup .controls .item.close .label {
    padding: 5px 15px;
    transition: all .2s ease-out;
    opacity: 1
}

.fullscreen-popup .controls .item.close .label p {
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: 1px;
    color: #b5b5b5
}

.fullscreen-popup .controls .item.close .icon {
    width: 32px;
    height: 32px;
    position: relative
}

.fullscreen-popup .controls .item.close .icon span {
    position: absolute;
    width: 32px;
    height: 8px;
    background-color: #f6dbb2;
    top: 16px;
    margin-top: -4px
}

.fullscreen-popup .controls .item.close .icon span:nth-child(1) {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.fullscreen-popup .controls .item.close .icon span:nth-child(2) {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.fullscreen-popup .content-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    overflow-y: auto
}

@media(max-width:640px) {
    .fullscreen-popup .content-wrapper {
        padding-top: 80px
    }
}

.fullscreen-popup .content-wrapper .content {
    padding: 30px;
    max-width: 1700px;
    margin: auto
}

@media(max-width:640px) {
    .fullscreen-popup .content-wrapper .content {
        padding: 15px 0
    }
}

.contact-form .title {
    text-align: center
}

.contact-form .title h2 {
    position: relative;
    font-size: 2.6em;
    font-weight: 900;
    font-family: "Nunito Sans", sans-serif;
    color: #605f92;
    display: inline-block;
    margin-bottom: 30px
}

.contact-form .title h2:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 8px;
    background-color: #f6dbb2
}

.contact-form .form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact-form .form-container>.col {
    width: 50%;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width:1200px) {
    .contact-form .form-container>.col {
        width: 100%
    }
}

@media(max-width:640px) {
    .contact-form .form-container>.col {
        padding: 0
    }
}

.contact-form .form-container>.col .row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-form .form-container>.col.wide {
    width: 100%
}

.contact-form .form-container .box {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
    height: 100%
}

@media(max-width:640px) {
    .contact-form .form-container .box {
        padding: 15px
    }
}

.contact-form .form-container .box:last-child {
    margin-bottom: 0
}

.contact-form .form-container .box .box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact-form .form-container .box .input-wrapper {
    padding: 20px 25px 15px 25px;
    height: 100%;
    width: 100%
}

@media(max-width:640px) {
    .contact-form .form-container .box .input-wrapper {
        padding: 10px 0 5px 0
    }
}

.contact-form .form-container .box .input-wrapper.tiny {
    padding-top: 10px;
    padding-bottom: 5px
}

.contact-form .form-container .box .input-wrapper.down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.contact-form .form-container .box .input-wrapper.radio .radio-wrapper {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-form .form-container .box .input-wrapper.radio .radio-wrapper label {
    padding-left: 0;
    margin-right: 10px
}

.contact-form .form-container .box .input-wrapper.radio .radio-wrapper .red-js-form-control-wrapper {
    width: 40px!important
}

.contact-form .form-container .box .input-wrapper.radio .radio-wrapper input {
    margin-top: 0
}

.contact-form .form-container .box .input-wrapper label {
    padding: 5px 0 5px 15px;
    display: block;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 300;
    color: #605f92;
    font-size: .9em
}

.contact-form .form-container .box .input-wrapper label span.gray {
    color: #b5b5b5
}

.contact-form .form-container .form-section-title {
    font-family: "Nunito Sans", sans-serif;
    padding: 10px 25px 5px
}

.contact-form .form-container .form-section-title.alt {
    text-align: center;
    width: 100%;
    position: relative;
    padding: 15px 15px 20px 15px
}

.contact-form .form-container .form-section-title.alt:before,
.contact-form .form-container .form-section-title.alt:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background-color: #605f92
}

.contact-form .form-container .form-section-title.alt:before {
    right: 50%;
    height: 6px
}

.contact-form .form-container .form-section-title h2 {
    color: #605f92;
    font-weight: 900;
    font-size: 1.4em;
    margin-bottom: 5px
}

.contact-form .form-container .form-section-title p {
    font-weight: 300;
    color: #b5b5b5;
    letter-spacing: .4px;
    font-size: .9em
}

.contact-form .form-cols {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:1200px) {
    .contact-form .form-cols {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contact-form .form-cols>.col {
    padding: 0 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width:640px) {
    .contact-form .form-cols>.col {
        padding: 0
    }
}

.contact-form .form-cols>.col.wide {
    width: 40%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:1200px) {
    .contact-form .form-cols>.col.wide {
        width: 100%
    }
}

.contact-form .recaptcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px
}

.contact-form .form-submit {
    text-align: center;
    width: 100%
}

@media(max-width:820px) {
    .contact-form .form-disabled {
        display: none
    }
}

.contact-form .form-disabled>* {
    opacity: .3;
    pointer-events: none
}

.contact-form .form-disabled .red-js-form-icon {
    opacity: 0!important
}

.contact-form .checkbox-input-list {
    -webkit-column-count: 2;
    column-count: 2
}

@media(max-width:640px) {
    .contact-form .checkbox-input-list {
        -webkit-column-count: initial;
        column-count: initial
    }
}

@media(max-width:1150px) {
    .specs .cols {
        display: flex;
        flex-direction: column;
    }
    .specs .cols .item {
        width: 100%;
    }
}

.contact-form .checkbox-input-list .item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    display: block
}

.contact-form .checkbox-input-list .item .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.contact-form .checkbox-input-list .item .input-wrapper .red-js-form-control-wrapper {
    width: auto!important
}

.contact-form .checkbox-input-list .item .input-wrapper input[type="text"] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    width: 100px
}

.contact-form .checkbox-input-list .item .input-wrapper label {
    min-height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 15px;
    padding: 15px 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.checkbox.checked .check span {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.checkbox .check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #605f92;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.checkbox .check span {
    display: block;
    width: 70%;
    height: 70%;
    background-color: #605f92;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .2s ease-out
}

.checkbox .label {
    padding: 5px;
    padding-left: 20px
}

.checkbox .label p {
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.6em;
    font-weight: 900;
    color: #605f92;
    letter-spacing: 1px
}

#fsmenu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease-out;
    transition-delay: .1s
}

#fsmenu.open {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s
}

#fsmenu.open .scene .bg {
    transition-delay: 0s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background: linear-gradient(90deg, #fff, white)
}

#fsmenu.open .scene .content ul {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition-delay: .4s
}

#fsmenu .scene {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#fsmenu .scene .bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition-delay: .5s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all .4s ease-out;
    opacity: .9
}

#fsmenu .scene .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:1024px) {
    #fsmenu .scene .content {
        max-height: 100vh;
        overflow-y: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#fsmenu .scene .content .close {
    position: absolute;
    top: 32px;
    left: 42px
}

@media(max-width:1024px) {
    #fsmenu .scene .content .close {
        left: auto;
        right: 32px
    }
}

@media(max-width:820px) {
    #fsmenu .scene .content .close {
        right: 20px;
        top: 20px
    }
}

#fsmenu .scene .content .close .icon {
    width: 32px;
    height: 32px;
    position: relative;
    cursor: pointer
}

#fsmenu .scene .content .close .icon span {
    display: block;
    position: absolute;
    width: 32px;
    height: 6px;
    top: 13px;
    background-color: #605f92
}

#fsmenu .scene .content .close .icon span:nth-child(1) {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

#fsmenu .scene .content .close .icon span:nth-child(2) {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

#fsmenu .scene .content ul {
    transition: all .4s ease-out;
    border: 1px solid #b9b9d1;
    border-left: 0;
    border-right: 0;
    padding: 30px 0 30px 50px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0
}

@media(max-width:1024px) {
    #fsmenu .scene .content ul {
        border: 0;
        padding: 0
    }
}

#fsmenu .scene .content ul li {
    padding: 15px;
    text-align: left
}

@media(max-width:1024px) {
    #fsmenu .scene .content ul li {
        text-align: center
    }
}

@media(max-width:820px) {
    #fsmenu .scene .content ul li {
        padding: 6px
    }
}

#fsmenu .scene .content ul li a {
    font-size: 3.4em;
    padding: 5px;
    display: block;
    color: #605f92;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
    position: relative;
    display: inline-block
}

@media(max-width:1200px) {
    #fsmenu .scene .content ul li a {
        font-size: 3em
    }
}

@media(max-width:820px) {
    #fsmenu .scene .content ul li a {
        font-size: 2em
    }
}

#fsmenu .scene .content ul li a:hover:after,
#fsmenu .scene .content ul li a:focus:after {
    left: 0;
    right: 0
}

#fsmenu .scene .content ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    height: 12px;
    background-color: #f6dbb2;
    bottom: -5px;
    transition: all .2s ease-out
}

.remodal {
    padding: 0;
    margin: 0;
    position: relative;
    max-width: 90vw!important
}

.remodal .remodal-close {
    position: absolute;
    right: -35px;
    top: -50px
}

@media(max-width:820px) {
    .remodal .remodal-close {
        right: 0
    }
}

.remodal .remodal-close:before {
    font-size: 5em
}

.remodal #gmap {
    height: 80vh
}

.checkbox.checked .check {
    background-color: #605f92;
}

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