html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
figure.full{
    margin: 1em -30px;
}
.img-fluid{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
th,
td {
    padding: 0
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-ms-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-ms-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
}
@-moz-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
}
@-ms-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
}
@-o-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
}
@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center
    }
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-moz-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-ms-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-o-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@-moz-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@-ms-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@-o-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-moz-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-ms-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-o-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom
    }
}
@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@-moz-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@-ms-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@-o-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom
    }
}
@media all {
    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483646;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: transparent
    }
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.8)
    }
    .featherlight:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em
    }
    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        min-width: 30%;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal
    }
    .featherlight .featherlight-inner {
        display: block
    }
    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        background: rgba(255, 255, 255, 0.3);
        color: #000
    }
    .featherlight .featherlight-image {
        width: 100%
    }
    .featherlight-iframe .featherlight-content {
        border-bottom: 0;
        padding: 0
    }
    .featherlight iframe {
        border: none
    }
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}
@font-face {
    font-family: 'font-icon';
    src: url("../font/font-icon.eot?13649498");
    src: url("../font/font-icon.eot?13649498#iefix") format("embedded-opentype"), url("../font/font-icon.woff?13649498") format("woff"), url("../font/font-icon.ttf?13649498") format("truetype"), url("../font/font-icon.svg?13649498#font-icon") format("svg");
    font-weight: normal;
    font-style: normal
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}
::selection {
    background: #b3d4fc;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}
.hidden {
    display: none !important;
    visibility: hidden
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}
h1 {
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1.125em
}
h2 {
    font-size: 2.1875em;
    font-weight: 300;
    line-height: 1.14286em
}
h3 {
    font-size: 1.875em;
    font-weight: 300;
    line-height: 1.16667em
}
h4 {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.25em
}
h5 {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.3125em
}
h6 {
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.35714em
}
.main-content p,
.main-content ul,
.main-content ol,
.main-content dl {
    font-size: 1.1875em;
    line-height: 1.6em;
    font-weight: 300
}
html {
    box-sizing: border-box
}
*,
*::after,
*::before {
    box-sizing: inherit
}
.cookie-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    padding: 15px;
    color: #ffffff;
    background-color: red
}
.cookie-bar>div {
    max-width: 960px;
    margin: 0 auto;
    text-align: center
}
.cookie-bar p {
    margin: 0;
    text-align: left
}
.cookie-bar a {
    display: inline-block;
    margin: 15px 10px 0 10px;
    padding: 2px 15px;
    color: #ffffff;
    font-size: 0.8125em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    border-radius: 4px
}
.cookie-bar a:hover {
    color: red;
    background-color: #ffffff
}
.main-pager ul,
.language-switcher ul,
.news .news__pager ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.main-pager ul li,
.language-switcher ul li,
.news .news__pager ul li {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-left: 8px;
    vertical-align: middle
}
.main-pager ul li:first-child,
.language-switcher ul li:first-child,
.news .news__pager ul li:first-child {
    margin-left: 0px
}
.main-pager ul a,
.language-switcher ul a,
.news .news__pager ul a {
    display: inline-block;
    height: inherit;
    width: inherit;
    color: #000000;
    font-weight: 300;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    background-color: #e6e6e6;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden
}
.main-pager ul a.previous span,
.language-switcher ul a.previous span,
.news .news__pager ul a.previous span,
.main-pager ul a.next span,
.language-switcher ul a.next span,
.news .news__pager ul a.next span {
    display: block;
    height: 1em;
    line-height: 1.5;
    overflow: hidden
}
.main-pager ul a.previous span::before,
.language-switcher ul a.previous span::before,
.news .news__pager ul a.previous span::before,
.main-pager ul a.next span::before,
.language-switcher ul a.next span::before,
.news .news__pager ul a.next span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.main-pager ul a.previous:before,
.language-switcher ul a.previous:before,
.news .news__pager ul a.previous:before,
.main-pager ul a.next:before,
.language-switcher ul a.next:before,
.news .news__pager ul a.next:before {
    display: block;
    font-family: "font-icon"
}
.main-pager ul a.previous:before,
.language-switcher ul a.previous:before,
.news .news__pager ul a.previous:before {
    content: "\e804"
}
.main-pager ul a.next:before,
.language-switcher ul a.next:before,
.news .news__pager ul a.next:before {
    content: "\e805"
}
.main-pager ul a:hover,
.language-switcher ul a:hover,
.news .news__pager ul a:hover,
.main-pager ul a:focus,
.language-switcher ul a:focus,
.news .news__pager ul a:focus,
.main-pager ul a.active,
.language-switcher ul a.active,
.news .news__pager ul a.active {
    color: #ffffff;
    font-weight: 700;
    background-color: red
}
.main-pager ul a.disabled,
.language-switcher ul a.disabled,
.news .news__pager ul a.disabled,
.main-pager ul a.disabled:hover,
.language-switcher ul a.disabled:hover,
.news .news__pager ul a.disabled:hover,
.main-pager ul a.disabled:focus,
.language-switcher ul a.disabled:focus,
.news .news__pager ul a.disabled:focus {
    color: #000000;
    font-weight: 300;
    background-color: #e6e6e6;
    opacity: 0.4
}
.main-pager ul a.disabled:hover,
.language-switcher ul a.disabled:hover,
.news .news__pager ul a.disabled:hover {
    cursor: not-allowed
}

.block-quality{
    background-color: #dcdcdc;
}
.block-quality .img-wrapper{
    text-align: center;
    padding-top: 60px;
}

@media screen and (max-width: 1050px) {
    .main-nav {
        margin-right: 50px
    }
}
.main-nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    width: 100%;
    height: 60px;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 3.33333em;
    text-align: justify;
    overflow: hidden
}
.main-nav ul:after {
    display: inline-block;
    height: 0;
    width: 100%;
    content: ""
}
.main-nav ul li {
    display: inline-block;
    vertical-align: top;
}
.main-nav ul li.main-searchbar {
    min-width: 30px
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-nav ul li.main-searchbar {
        display: none;
        padding-top: 15px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-nav ul li.main-searchbar {
        display: none;
        padding-top: 15px
    }
}
.main-nav a {
    color: #000000;
    text-decoration: none;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    text-transform: lowercase;
}
.main-nav a:hover,
.main-nav a:focus,
.main-nav a.active {
    color: red
}
.main-nav a.active {
    cursor: default
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: none;
        background-color: rgba(255, 255, 255, 0);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 60px, #fff 60px);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60px, #fff 60px)
    }
    .main-nav ul {
        height: auto;
        padding-top: 60px;
        line-height: 2em
    }
    .main-nav ul li {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        text-align: center
    }
    .main-nav ul li a {
        display: block
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: none;
        background-color: rgba(255, 255, 255, 0);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 60px, #fff 60px);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60px, #fff 60px)
    }
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .main-nav ul {
        height: auto;
        padding-top: 60px;
        line-height: 0;
    }
    .main-nav ul li {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        text-align: center;
        line-height: 2.22222em
    }
    .main-nav ul li a {
        display: block
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-nav.active {
        display: block
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-nav.active {
        display: block
    }
}
.mobile-nav {
    display: none;
    position: fixed;
    top: 20px;
    right: 15px;
    z-index: 200
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .mobile-nav {
        display: block
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .mobile-nav {
        display: block
    }
}
.context-nav {
    position: fixed;
    z-index: 190;
    width: 100%;
    background-color: #ffffff;
    background-color: rgba(242, 242, 242, 0.6)
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .context-nav {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .context-nav {
        background-color: #ffffff
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .context-nav {
        background-color: #ffffff
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .context-nav nav {
        display: none
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .context-nav nav {
        display: none
    }
}
.context-nav nav .scope-label {
    display: none
}
.context-nav nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px 0;
    font-size: 1.125em;
    font-weight: 400
}
.context-nav nav ul li {
    display: table-cell;
    padding-right: 10px
}
.context-nav nav ul li:last-child {
    padding-right: 0px
}
.context-nav nav ul li a {
    display: block;
    padding: 6px 0;
    color: #000000;
    text-align: center;
    text-decoration: none;
    background-color: #d9d9d9;
    border-bottom: 1px solid rgba(172, 172, 172, 0.6);
    border-radius: 6px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.context-nav nav ul li a:hover,
.context-nav nav ul li a.active {
    color: #ffffff;
    background-color: red;
    border-color: #900000
}
.context-nav nav ul li a.active {
    font-weight: 700;
    cursor: default
}
.context-nav fieldset {
    display: none;
    padding-top: 15px;
    padding-bottom: 15px
}
.context-nav fieldset select {
    width: 100%
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .context-nav fieldset {
        display: block
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .context-nav fieldset {
        display: block
    }
}
.main-searchbar {
    display: inline-block
}
.main-searchbar fieldset {
    position: relative;
    display: inline-block
}
.main-searchbar fieldset .main-searchbar__text {
    display: inline-block;
    width: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    /*font-size: 0.83333em;*/
    font-size: 0.66em;
    font-weight: 400;
    background-color: #ffffff;
    border: 0px solid transparent;
    border-radius: 7px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.main-searchbar fieldset .main-searchbar__text:focus {
    outline: none
}
.main-searchbar fieldset .main-searchbar__text.active {
    /* width: 165px; */
    width: 90px;
    padding-right: 15px;
    padding-left: 40px;
    background-color: #e3e3e3
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-searchbar fieldset .main-searchbar__text {
        width: 300px;
        padding-right: 15px;
        padding-left: 40px;
        background-color: #e3e3e3
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-searchbar fieldset .main-searchbar__text {
        width: 300px;
        padding-right: 15px;
        padding-left: 40px;
        background-color: #e3e3e3
    }
}
.main-searchbar fieldset .main-searchbar__submit {
    position: absolute;
    top: 50%;
    left: 0px;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-top: -15px;
    background-color: transparent;
    background-image: url(../img/icon-search.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 0px solid transparent
}
.main-searchbar fieldset .main-searchbar__submit:focus {
    outline: none
}
.main-searchbar fieldset .main-searchbar__submit.active {
    margin-left: 5px;
    background-image: url(../img/icon-search-active.svg)
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-searchbar fieldset .main-searchbar__submit {
        margin-left: 5px;
        background-image: url(../img/icon-search-active.svg)
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-searchbar fieldset .main-searchbar__submit {
        margin-left: 5px;
        background-image: url(../img/icon-search-active.svg)
    }
}
.main-slider {
    position: relative;
    width: 100%;
    overflow: hidden
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-slider {
        height: auto
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-slider {
        height: auto
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-slider .main-slider__slides {
        min-height: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-slider .main-slider__slides {
        min-height: 0
    }
}
.main-slider .main-slider__slides .main-slider__slide {
    width: 100%;
    min-height: inherit
}
.main-slider .main-slider__slides .main-slider__slide.skin-1 {
    background-color: #000000
}
.main-slider .main-slider__slides .main-slider__slide.skin-1 .scope-title {
    color: red
}
.main-slider .main-slider__slides .main-slider__slide.skin-1 .scope-subtitle {
    color: #ffffff
}
.main-slider .main-slider__slides .main-slider__slide.skin-1 p {
    color: #ffffff
}

.main-slider .main-slider__slides .main-slider__slide.skin-5 {
    background-color: #52ae32;
}
.main-slider .main-slider__slides .main-slider__slide.skin-5 .scope-title {
    color: #ffffff
}
.main-slider .main-slider__slides .main-slider__slide.skin-5 .scope-subtitle {
    color: #ffffff
}
.main-slider .main-slider__slides .main-slider__slide.skin-5 p {
    color: #ffffff
}

.main-slider .main-slider__slides .main-slider__slide.skin-2 {
    background-color: #ededed
}
.main-slider .main-slider__slides .main-slider__slide.skin-2 .scope-title {
    color: #000000
}
.main-slider .main-slider__slides .main-slider__slide.skin-2 .scope-subtitle {
    color: #000000
}
.main-slider .main-slider__slides .main-slider__slide.skin-2 p {
    color: #000000
}
.main-slider .main-slider__slides .main-slider__slide .wrapper {
    position: relative
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__image img {
    width: 100%
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__image img.main-slider__image-mobile {
    display: none;
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__image img {
        opacity: 0.3
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__image img {
        opacity: 0.3
    }
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 189;
    width: 100%;
    padding-top: 50px
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text .scope-title {
    margin: 0 0 0.5em 0;
    font-weight: 400
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text .scope-subtitle {
    margin: 1em 0;
    font-weight: 700
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text p {
    margin: 1.5em 0;
    font-weight: 400;
    line-height: 1.25em
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text p {
        display: none
    }
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text img {
    max-width: 70%;
    margin-bottom: 10px
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text img {
        max-width: 50%
    }
}
.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text .call-to-action {
    font-size: 1.125em
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__image img.main-slider__image-desktop {
        display: none;
    }
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__image img.main-slider__image-mobile {
        display: block;
    }
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text:empty {
        display: none;
    }
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text {
        position: relative;
        padding: 30px 15px;
    }
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text img {
        max-width: 100%;
    }
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text .scope-subtitle,
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text .scope-subtitle p,
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text p {
        margin: 15px 0;
    }
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text p br {
        /*display: none;*/
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text {
        font-size: 0.8em
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text {
        font-size: 0.6em
    }
}
.main-slider .main-slider__pager,
.main-slider .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 190;
    width: 100%;
    text-align: center
}
.main-slider .main-slider__pager ul,
.main-slider .slick-dots {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.main-slider .main-slider__pager ul li,
.main-slider .slick-dots li {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 3px;
    background-color: transparent;
    background-image: url(../img/icon-pager.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer
}
.main-slider .main-slider__pager ul li.active,
.main-slider .slick-dots li.slick-active {
    background-image: url(../img/icon-pager-active.svg);
    cursor: default
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-slider .main-slider__pager ul li,
    .main-slider .slick-dots li {
        height: 16px;
        width: 16px;
        background-size: contain
    }
}
@media screen and (min-width: 0em) and (max-width: 48.0625em) {
    .main-slider .slick-dots {
        position: relative;
        margin-top: 20px;
    }
}
.main-slider .main-slider__prev,
.main-slider .main-slider__next {
    position: absolute;
    top: 50%;
    z-index: 190;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    color: #c3c3c3;
    font-family: "font-icon";
    font-size: 1.25em;
    text-align: center;
    line-height: 50px;
    cursor: pointer
}
.main-slider .main-slider__prev:hover,
.main-slider .main-slider__next:hover {
    color: red
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .main-slider .main-slider__prev,
    .main-slider .main-slider__next {
        display: none
    }
}
.main-slider .main-slider__prev {
    left: 0px
}
.main-slider .main-slider__prev:before {
    content: "\e801"
}
.main-slider .main-slider__next {
    right: 0px
}
.main-slider .main-slider__next:before {
    content: "\e802"
}
.card-layout {
    padding-bottom: 15px
}
.card-layout ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.card-layout ul::after {
    clear: both;
    content: "";
    display: table
}
.card-layout ul li {
    float: left;
    width: 16.666%;
    padding-top: 15px;
    padding-left: 0.5%;
    padding-right: 0.5%
}
.card-layout ul li img{
    object-fit: cover;
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .card-layout ul li {
        width: 50%
    }
    .card-layout ul li:nth-child(odd) {
        padding-left: 0px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .card-layout ul li {
        width: 50%
    }
    .card-layout ul li:nth-child(odd) {
        padding-left: 0px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .card-layout ul li {
        float: none;
        width: 100%;
        padding-left: 0px
    }
}
.card {
    position: relative;
    height: 150px;
    border-radius: 8px;
    overflow: hidden
}
.card .card__image {
    height: 100%;
    width: 100%;
    margin: 0
}
.card .card__image img {
    max-width: 100%;
    min-height: 100%
}
.card .card__text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.card .card__text a {
    display: table;
    height: 100%;
    width: 100%;
    color: #ffffff;
    font-size: 0.95em;
    font-weight: 400;
    line-height: 1.15789em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    -moz-transition: background-color 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
    transition: background-color 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s
}
.card .card__text a {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.card .card__text a span {
    display: table-cell;
    vertical-align: middle;
    text-transform: lowercase;
}*/

.card .card__text a:hover {
    background-color: red
}
.field {
    font-size: 1.1em;
    line-height: 1em;
    text-align: center
}
.field a {
    display: block;
    color: #000000;
    text-decoration: none;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s
}
.field a:hover,
.field a:focus {
    color: red
}
.field figure {
    margin: 0;
    margin-bottom: 10px
}
.field figure img {
    max-width: 100px;
    max-height: 100px
}
.field span {
    display: block
}
.tabs .tabs__nav {
    border-bottom: 1px solid #dddddd
}
.tabs .tabs__nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    font-size: 1.125em
}
.tabs .tabs__nav ul::after {
    clear: both;
    content: "";
    display: table
}
.tabs .tabs__nav ul li {
    float: left;
    margin-left: 15px
}
.tabs .tabs__nav ul li:first-child {
    margin-left: 0px
}
.tabs .tabs__nav a {
    display: block;
    min-width: 150px;
    padding: 6px 18px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    background-color: #d9d9d9;
    border-top: 1px solid rgba(172, 172, 172, 0.6);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-transition: background-color 0.3s ease 0s;
    -moz-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s
}
.tabs .tabs__nav a:hover,
.tabs .tabs__nav a.active {
    color: #ffffff;
    background-color: red;
    border-color: #900000
}
.tabs .tabs__nav a.active {
    font-weight: 700;
    cursor: default
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .tabs .tabs__nav a {
        min-width: 0
    }
}
.tab-hidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}
.hamburger,
.mobile-nav .mobile-nav-toggler {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 25px;
    outline: 0
}
.hamburger>span,
.mobile-nav .mobile-nav-toggler>span {
    position: absolute;
    left: 0;
    display: block;
    height: 4px;
    width: 100%;
    background-color: #000000;
    opacity: 1;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out
}
.hamburger>span:nth-child(1),
.mobile-nav .mobile-nav-toggler>span:nth-child(1) {
    top: 0px
}
.hamburger>span:nth-child(2),
.mobile-nav .mobile-nav-toggler>span:nth-child(2) {
    top: 8px
}
.hamburger>span:nth-child(3),
.mobile-nav .mobile-nav-toggler>span:nth-child(3) {
    top: 16px
}
.hamburger.active>span:nth-child(1),
.mobile-nav .active.mobile-nav-toggler>span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}
.hamburger.active>span:nth-child(2),
.mobile-nav .active.mobile-nav-toggler>span:nth-child(2) {
    opacity: 0
}
.hamburger.active>span:nth-child(3),
.mobile-nav .active.mobile-nav-toggler>span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.call-to-action {
    display: inline-block;
    padding: 6px 18px;
    min-width: 120px;
    color: #ffffff;
    font-size: 1.125em;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background-color: red;
    border-bottom: 1px solid rgba(144, 0, 0, 0.6);
    border-radius: 6px
}
.call-to-action:active {
    padding-top: 7px;
    padding-bottom: 5px;
    vertical-align: top
}
.thumbnail,
.team-item>figure {
    height: 100px;
    width: 100px;
    margin: 0;
    background-color: #e8e8e8;
    border-radius: 50%;
    overflow: hidden
}
.thumbnail img,
.team-item>figure img {
    width: inherit;
    height: inherit
}
.team-item {
    display: table;
    width: 100%
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .team-item {
        display: block
    }
}
.team-item>figure {
    display: inline-block;
    margin-right: 15px
}
.team-item>div {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    overflow: hidden
}
.team-item .scope-title {
    color: #000000;
    font-weight: 400
}
.team-item .scope-subtitle {
    color: #000000;
    font-weight: 300
}
.team-item p {
    margin: 0;
    color: #4a4a4a;
    font-size: 1em;
    line-height: 1.25em
}
.team-item p:nth-of-type(1) {
    margin-top: 5px
}
.team-item a {
    color: #4a4a4a;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}
.team-item a:hover,
.team-item a:focus {
    color: red;
    border-color: red
}
.team-item .scope-phone {
    font-size: 0.9em
}
.q-and-a {
    font-size: 1.25em
}
.q-and-a dt,
.q-and-a dd {
    margin: 0
}
.q-and-a dt {
    padding: 0.15em 0
}
.q-and-a dt a {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    color: #000000;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.q-and-a dt a:before {
    position: absolute;
    top: 0;
    left: -30px;
    color: #999999;
    font-family: "font-icon";
    font-size: 1em;
    line-height: 1.75em;
    content: "\e808"
}
.q-and-a dt a:hover {
    color: red
}
.q-and-a dt a:hover:before {
    color: red
}
.q-and-a dt a.active {
    color: red
}
.q-and-a dt a.active:before {
    color: red;
    content: "\e809"
}
.q-and-a dd {
    margin-left: 30px
}
.q-and-a p {
    font-size: 1em
}
.q-and-a p:first-child {
    margin-top: 0.5em
}
.date {
    font-size: 1em;
    font-weight: 300
}
.date em {
    display: block;
    font-size: 1.5625em;
    font-style: normal
}
.mosaic {
    margin-right: -1px;
    margin-bottom: -10px;
    margin-left: -10px;
    padding-bottom: 60px;
    overflow: hidden
}
.mosaic::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .mosaic {
        padding-bottom: 45px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .mosaic {
        padding-bottom: 45px
    }
}
.mosaic .mosaic__item {
    position: relative;
    display: table;
    float: left;
    width: 50%;
    height: 350px;
    padding-bottom: 10px;
    padding-left: 10px
}
.mosaic .mosaic__item.mosaic__item--single {
    width: 33.3333333333%
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .mosaic .mosaic__item.mosaic__item--single {
        width: 50%
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .mosaic .mosaic__item.mosaic__item--single {
        width: 50%
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .mosaic .mosaic__item.mosaic__item--single {
        width: 100%
    }
}
.mosaic .mosaic__item.mosaic__item--double {
    width: 66.6666666666%
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .mosaic .mosaic__item.mosaic__item--double {
        width: 50%
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .mosaic .mosaic__item.mosaic__item--double {
        width: 50%
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .mosaic .mosaic__item.mosaic__item--double {
        width: 100%
    }
}
.mosaic .mosaic__item .mosaic__item__image {
    display: table-cell;
    height: 100%;
    width: 100%;
    background-color: #efefef;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.mosaic .mosaic__item .mosaic__item__text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s
}
.mosaic .mosaic__item .mosaic__item__text>div {
    display: table;
    height: 100%;
    width: 100%;
    padding: 15px;
    text-align: center;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75)
}
.mosaic .mosaic__item .mosaic__item__text>div>div {
    display: table-cell;
    vertical-align: middle
}
.mosaic .mosaic__item .mosaic__item__text .scope-title {
    color: red
}
.mosaic .mosaic__item .mosaic__item__text .scope-subtitle,
.mosaic .mosaic__item .mosaic__item__text p {
    color: #ffffff
}
.mosaic .mosaic__item .mosaic__item__text p {
    font-size: 1.25em;
    line-height: 1.2em
}
.mosaic .mosaic__item:hover .mosaic__item__text,
.mosaic .mosaic__item.active .mosaic__item__text {
    opacity: 1
}
@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes spinner {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}
@keyframes spinner {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.spinner {
    display: inline-block;
    height: 46px;
    width: 46px;
    background-color: transparent;
    background-image: url(../img/spinner.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-animation: spinner 0.7s linear infinite;
    -moz-animation: spinner 0.7s linear infinite;
    animation: spinner 0.7s linear infinite
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*,
*:before,
*:after {
    box-sizing: inherit
}
html,
body {
    height: 100%;
    color: #000;
    font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body {
    /*    display: table;
        height: 100%;
        width: 100%;
        overflow-x: hidden*/
}
::selection {
    color: red;
    background: #000000
}
::-moz-selection {
    color: red;
    background: #000000
}
.wrapper {
    max-width: 58.75em;
    margin-left: auto;
    margin-right: auto
}
.wrapper::after {
    clear: both;
    content: "";
    display: table
}
.main-content {
    /*display: table-row;*/
    height: auto
}
.main-content .main-content__inner {
    padding-top: 60px
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .single-page {
        margin-top: 53px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .single-page {
        margin-top: 53px
    }
}
.slide {
    width: 100%
}
.slide .wrapper {
    position: relative
}
.slide .wrapper img {
    width: 100%
}
.slide .wrapper .slide__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100px
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .slide .wrapper .slide__text {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .slide .wrapper .slide__text {
        padding-top: 70px;
        font-size: 0.8em
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .slide .wrapper .slide__text {
        padding-top: 40px;
        font-size: 0.6em
    }
}
.slide.skin-1 {
    background-color: #ededed
}
.slide.skin-2 {
    background-color: transparent;
    background-image: url(../img/tile-1.jpg);
    background-position: left bottom;
    background-repeat: repeat-x
}
.slide .scope-title {
    font-weight: 300
}
.slide .scope-signature {
    display: inline-block;
    margin-top: 0.9375em;
    color: red;
    font-size: 1.125em;
    font-weight: 900
}
.cover {
    padding-top: 25px;
    padding-bottom: 60px
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .cover {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .cover {
        padding-bottom: 50px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .cover {
        padding-bottom: 50px
    }
}
.cover .cover__footer {
    padding-top: 10px;
    text-align: right
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .cover .cover__footer {
        text-align: left
    }
}
.columns::after {
    clear: both;
    content: "";
    display: table
}
.columns .columns__item {
    float: left;
    width: 50%
}
.columns .columns__item:nth-child(1) {
    padding-right: 20px
}
.columns .columns__item:nth-child(2) {
    padding-left: 20px
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .columns .columns__item:nth-child(1) {
        padding-right: 10px
    }
    .columns .columns__item:nth-child(2) {
        padding-left: 10px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .columns .columns__item {
        float: none;
        width: auto
    }
    .columns .columns__item:nth-child(1) {
        padding-right: 0px
    }
    .columns .columns__item:nth-child(2) {
        padding-left: 0px
    }
}
.panoramic {
    position: relative;
    height: 540px;
    overflow: hidden
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .panoramic {
        height: 320px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .panoramic {
        height: 190px
    }
}
.panoramic div {
    position: absolute;
    top: 0;
    left: 50%;
    height: inherit
}
.panoramic div img {
    height: inherit;
    margin-left: -50%
}
.video-embed-iframe {
    display: none
}
.video-embed-iframe iframe {
    max-width: 100%
}
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 199;
    height: 60px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15)
}
.main-header .wrapper {
    position: relative
}
.main-header .main-logo {
    width: 130px;
    float: left;
    padding-top: 10px
}
.staging{
    display: block;
    position: absolute;
    bottom: -4px;
    right: -1px;
    color: #f00;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .main-header .main-logo {
        padding-left: 15px
    }
}
.main-header .main-nav {
    margin-left: 180px
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-header .main-nav {
        margin-left: 0px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-header .main-nav {
        margin-left: 0px
    }
}
.main-subheader {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 200;
    width: 100%;
    background-color: #d0d0d0
}
.main-subheader:before {
    position: absolute;
    top: -10px;
    left: 0;
    display: block;
    height: 10px;
    width: 100%;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    content: ""
}
html.js .main-subheader {
    display: none
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-subheader {
        height: 100%;
        width: 100%;
        background-color: #ffffff;
        border-bottom: 0px solid transparent
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-subheader {
        height: 100%;
        width: 100%;
        background-color: #ffffff;
        border-bottom: 0px solid transparent
    }
}
.main-subheader .main-subheader__wrapper {
    padding: 45px 0;
    text-align: center
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-subheader .main-subheader__wrapper {
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15)
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-subheader .main-subheader__wrapper {
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15)
    }
}
.main-subheader .main-subheader__block {
    display: inline-block;
    text-align: left;
    vertical-align: top
}
.main-subheader .main-subheader__block .scope-title {
    font-weight: 700
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-subheader .main-subheader__block {
        display: block;
        padding: 30px 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.15)
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-subheader .main-subheader__block {
        display: block;
        padding: 30px 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.15)
    }
}
.main-subheader .main-subheader__fields {
    margin-top: 8px
}
.main-subheader .main-subheader__fields form,
.main-subheader .main-subheader__fields fieldset {
    margin: 0;
    padding: 0
}
.main-subheader .main-subheader__fields form::after {
    clear: both;
    content: "";
    display: table
}
.main-subheader .main-subheader__fields fieldset {
    float: left;
    margin-right: 12px
}
.main-subheader .main-subheader__fields fieldset:last-child {
    height: 40px;
    padding-right: 12px;
    border-right: 1px solid #e6e6e6
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-subheader .main-subheader__fields fieldset {
        width: 245px
    }
    .main-subheader .main-subheader__fields fieldset:last-child {
        width: auto;
        padding-right: 0;
        border-right: 0px solid transparent
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-subheader .main-subheader__fields fieldset {
        width: 245px
    }
    .main-subheader .main-subheader__fields fieldset:last-child {
        width: auto;
        padding-right: 0;
        border-right: 0px solid transparent
    }
}
.main-subheader .main-subheader__fields button {
    margin-top: 4px
}
.main-subheader .main-subheader__fields .form-input {
    display: block;
    margin-bottom: 10px
}
.main-subheader .main-subheader__fields .form-input,
.main-subheader .main-subheader__fields .form-select-wrapper {
    width: 190px
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-subheader .main-subheader__fields .form-input,
    .main-subheader .main-subheader__fields .form-select-wrapper {
        width: 100%
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-subheader .main-subheader__fields .form-input,
    .main-subheader .main-subheader__fields .form-select-wrapper {
        width: 100%
    }
}
.main-subheader a.header-logout {
    color: #000;
    text-decoration: none
}
.main-subheader a.header-logout:hover {
    color: red
}
.main-logo a {
    position: relative;
    display: block;
    height: 45px;
    width: 134px;
    background-image: url("../img/logo-rossini.jpg?v2025");
    background-size: cover;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 1.3 / 1),
only screen and (min-resolution: 125dpi),
only screen and (min-resolution: 1.3dppx) {
    .main-logo a {
        background-image: url("../img/logo-rossini_2x.png?v2025");
        background-size: 116px 41px
    }
}
.main-logo a span {
    display: block;
    height: 1em;
    line-height: 1.5;
    overflow: hidden
}
.main-logo a span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.main-header-toolbar-toggler {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 201;
    height: 50px;
    width: 50px;
    text-decoration: none;
    background-color: red;
    border-bottom-left-radius: 100%
}
.main-header-toolbar-toggler span {
    display: block;
    height: 1em;
    line-height: 1.5;
    overflow: hidden
}
.main-header-toolbar-toggler span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.main-header-toolbar-toggler:before {
    display: block;
    height: 43px;
    width: 43px;
    float: right;
    color: #ffffff;
    font-family: "font-icon";
    line-height: 43px;
    text-align: center;
    content: "\e808"
}
.main-header-toolbar-toggler.active:before {
    content: "\e809"
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-header-toolbar-toggler {
        display: none;
        position: fixed;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        margin-left: -25px;
        background-color: transparent
    }
    .main-header-toolbar-toggler:before {
        height: 50px;
        width: 50px;
        color: red;
        font-size: 1.5625em;
        line-height: 50px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-header-toolbar-toggler {
        display: none;
        position: fixed;
        top: auto;
        right: auto;
        bottom: 5px;
        left: 50%;
        margin-left: -25px;
        background-color: transparent
    }
    .main-header-toolbar-toggler:before {
        height: 50px;
        width: 50px;
        color: red;
        font-size: 1.5625em;
        line-height: 50px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    html.mobile-nav-open .main-header-toolbar-toggler {
        display: block
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    html.mobile-nav-open .main-header-toolbar-toggler {
        display: block
    }
}
.main-footer {
    /*display: table-row;*/
    /*height: 280px;*/
    background-color: #000000
}
.main-footer .wrapper {
    position: relative
}
.main-footer .wrapper .back-to-top {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -27.5px;
    margin-left: -27.5px
}
.main-footer .footer-info {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.main-footer .footer-info::after {
    clear: both;
    content: "";
    display: table
}
.main-footer .footer-info .footer-site-map,
.main-footer .footer-info .footer-misc {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 14.89362%
}
.main-footer .footer-info .footer-bar{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 40px;
}
.main-footer .footer-info .footer-misc{
    position: relative;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 14.89362%
}
.main-footer .footer-info .footer-site-map:last-child,
.main-footer .footer-info .footer-misc:last-child {
    margin-right: 0
}
.main-footer .footer-info .footer-site-map:nth-child(6n),
.main-footer .footer-info .footer-misc:nth-child(6n) {
    margin-right: 0
}
.main-footer .footer-info .footer-site-map:nth-child(6n+1),
.main-footer .footer-info .footer-misc:nth-child(6n+1) {
    clear: left
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .main-footer .footer-info .footer-site-map,
    .main-footer .footer-info .footer-misc {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-footer .footer-info .footer-site-map,
    .main-footer .footer-info .footer-misc {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 31.1828%;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .main-footer .footer-info .footer-site-map:nth-child(6n),
    .main-footer .footer-info .footer-misc:nth-child(6n) {
        margin-right: 2.12766%
    }
    .main-footer .footer-info .footer-site-map:nth-child(6n+1),
    .main-footer .footer-info .footer-misc:nth-child(6n+1) {
        clear: none
    }
    .main-footer .footer-info .footer-site-map:last-child,
    .main-footer .footer-info .footer-misc:last-child {
        margin-right: 0
    }
    .main-footer .footer-info .footer-site-map:nth-child(3n),
    .main-footer .footer-info .footer-misc:nth-child(3n) {
        margin-right: 0
    }
    .main-footer .footer-info .footer-site-map:nth-child(3n+1),
    .main-footer .footer-info .footer-misc:nth-child(3n+1) {
        clear: left
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-footer .footer-info .footer-site-map,
    .main-footer .footer-info .footer-misc {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 46.66667%;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .main-footer .footer-info .footer-site-map:nth-child(6n),
    .main-footer .footer-info .footer-misc:nth-child(6n) {
        margin-right: 2.12766%
    }
    .main-footer .footer-info .footer-site-map:nth-child(6n+1),
    .main-footer .footer-info .footer-misc:nth-child(6n+1) {
        clear: none
    }
    .main-footer .footer-info .footer-site-map:last-child,
    .main-footer .footer-info .footer-misc:last-child {
        margin-right: 0
    }
    .main-footer .footer-info .footer-site-map:nth-child(2n),
    .main-footer .footer-info .footer-misc:nth-child(2n) {
        margin-right: 0
    }
    .main-footer .footer-info .footer-site-map:nth-child(2n+1),
    .main-footer .footer-info .footer-misc:nth-child(2n+1) {
        clear: left
    }
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .main-footer .footer-info .footer-bar{
        margin-top: 0;
    }
    .main-footer .footer-info .footer-misc {
        width: 100%;
        position: relative;
    }
    .main-footer .footer-info .footer-site-map.fake{
        display: none;
    }
}
.main-footer .footer-details {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0.75em;
    line-height: 1.66667em;
    border-top: 1px solid #484848
}
.main-footer .footer-details::after {
    clear: both;
    content: "";
    display: table
}
.main-footer .footer-details ul {
    text-align: right
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-footer .footer-details ul {
        margin-top: 10px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-footer .footer-details ul {
        margin-top: 10px
    }
}
.main-footer .footer-details p,
.main-footer .footer-details ul {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%
}
.main-footer .footer-details p:last-child,
.main-footer .footer-details ul:last-child {
    margin-right: 0
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .main-footer .footer-details p,
    .main-footer .footer-details ul {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 100%;
        text-align: center
    }
    .main-footer .footer-details p:last-child,
    .main-footer .footer-details ul:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .main-footer .footer-details p,
    .main-footer .footer-details ul {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 100%;
        text-align: center
    }
    .main-footer .footer-details p:last-child,
    .main-footer .footer-details ul:last-child {
        margin-right: 0
    }
}
.back-to-top {
    display: block;
    height: 55px;
    width: 55px;
    color: red;
    text-decoration: none;
    background-color: #000000;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.back-to-top span {
    display: block;
    height: 1em;
    line-height: 1.5;
    overflow: hidden
}
.back-to-top span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.back-to-top:before {
    display: block;
    height: 100%;
    width: 100%;
    font-family: "font-icon";
    font-size: 1.25em;
    line-height: 55px;
    text-align: center;
    content: "\e803"
}
.back-to-top:hover {
    color: #ffffff;
    background-color: red
}
.footer-site-map .scope-title {
    color: red;
    font-weight: 400
}
.footer-site-map .scope-title:not(:first-child) {
    margin-top: 9px;
}
.footer-site-map .scope-title a {
    color: red;
    text-transform: lowercase;
    -webkit-transition: color 0.5s ease 0s;
    -moz-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s
}
.footer-site-map .scope-title a:hover,
.footer-site-map .scope-title a:focus {
    color: #ffffff
}
.footer-site-map ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin-top: 10px;
    color: #999999;
    font-size: 0.875em;
    font-weight: 400
}
.footer-site-map ul a {
    color: #999999;
    text-transform: lowercase;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}
.footer-site-map ul a:hover,
.footer-site-map ul a:focus {
    color: #f8f8f8;
    border-color: #a9a9a9
}
.footer-site-map a {
    text-decoration: none
}
.footer-misc .scope-title {
    color: #999999;
    font-weight: 400
}
.social-wrapper .certification-logo {
    display: inline-block;
    margin: 15px 15px 0 0
}
.social-wrapper .certification-logo img {
    max-height: 50px
}
.footer-details p {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 10px;
    color: #999999
}
.footer-details ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.footer-details ul li {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px
}
.footer-details ul li:first-child {
    margin-left: 0px
}
.footer-details ul li:last-child {
    margin-right: 0px
}
.footer-details a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}
.footer-details a:hover,
.footer-details a:focus {
    color: #999999;
    border-color: #6f6f6f
}

/*.social-wrapper > a + a{
    margin-left: 15px;
}*/
.goto-youtube,
.social-icon{
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    height: 45px;
    width: 45px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #999999;
    text-align: center;
    text-decoration: none;
    border: 2px solid #999999;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}
.goto-youtube{
    margin-right: 15px;
}
.social-icon{
    font-size: 1.875em;
    line-height: 45px;
}
.goto-youtube:before {
    display: inline-block;
    font-family: "font-icon";
    font-size: 1.875em;
    line-height: 45px;
    content: "\e80a"
}
.goto-youtube:after,
.social-icon:after{
    display: inline-block;
    position: absolute;
    bottom: -2px;
    left: 12px;
    height: 6px;
    width: 4px;
    background: #000000;
    content: ""
}
.goto-youtube span {
    display: inline-block;
    height: 1em;
    line-height: 1.5;
    overflow: hidden
}
.goto-youtube span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.goto-youtube:hover,
.social-icon:hover{
    color: #ffffff;
    border-color: #ffffff
}
.form-input,
.form-select,
.form-button,
.form-minimal-button {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px solid transparent
}
.form-input {
    padding: 10px;
    color: #000000;
    font-size: 0.9375em;
    font-weight: 400;
    background-color: #e6e6e6;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.form-input::-webkit-input-placeholder {
    color: #6f6f6f;
    font-weight: 400
}
.form-input::-moz-placeholder {
    color: #6f6f6f;
    font-weight: 400
}
.form-input:-moz-placeholder {
    color: #6f6f6f;
    font-weight: 400
}
.form-input:-ms-input-placeholder {
    color: #6f6f6f;
    font-weight: 400
}
.form-input:focus {
    outline: 0;
    border-color: #8e8e8e
}
.form-select-wrapper {
    position: relative;
    display: inline-block;
    min-width: 250px
}
.form-select-wrapper select {
    display: block;
    width: 100%;
    padding: 7px;
    background-color: #d8d8d8;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.form-select-wrapper select:focus {
    outline: 0;
    border-color: #8e8e8e
}
.form-select-wrapper:before {
    position: absolute;
    top: 6px;
    right: 10px;
    color: red;
    font-family: "font-icon";
    content: "\e800";
    pointer-events: none
}
.form-select {
    color: #000000;
    font-size: 0.9375em;
    font-weight: 400
}
.form-button,
.form-minimal-button {
    color: #ffffff;
    background-color: red;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.form-button:hover,
.form-minimal-button:hover {
    color: red;
    background-color: #000000
}
.form-button:focus,
.form-minimal-button:focus {
    outline: 0
}
.form-minimal-button {
    height: 30px;
    width: 30px;
    border-radius: 50%
}
.form-minimal-button span {
    display: block;
    height: 1em;
    line-height: 1.5;
    overflow: hidden
}
.form-minimal-button span::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.form-minimal-button:before {
    display: inline-block;
    height: 30px;
    width: 28px;
    margin-left: 2px;
    font-family: "font-icon";
    line-height: 30px;
    text-align: center;
    content: "\e802"
}
.form-label {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 400
}
.welcome {
    background-color: #f2f2f2;
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: hidden
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .welcome {
        padding-top: 50px;
        padding-bottom: 50px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .welcome {
        padding-top: 25px;
        padding-bottom: 25px
    }
}
.welcome .welcome__text {
    text-align: center
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .welcome .welcome__text {
        text-align: left
    }
}
.welcome .welcome__text .scope-subtitle {
    color: #666666
}
.welcome .welcome__text p {
    color: #666666
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .welcome .welcome__text {
        padding-right: 15px;
        padding-left: 15px
    }
}
.welcome .welcome__gate {
    padding-top: 20px;
    text-align: center
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .welcome .welcome__gate {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .welcome .welcome__gate {
        padding-top: 0
    }
}
.welcome .welcome__gate ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%
}
.welcome .welcome__gate ul li {
    display: table-cell;
    margin-top: 15px;
    margin-bottom: 15px
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .welcome .welcome__gate ul li {
        display: block;
        margin-top: 40px;
        margin-bottom: 40px
    }
}
@media screen and (min-width: 48.0625em) {
    html.js .welcome .welcome__gate li {
        opacity: 0
    }
    html.js .welcome .welcome__gate li.active {
        opacity: 1;
        -webkit-animation-name: bounceInUp;
        -moz-animation-name: bounceInUp;
        animation-name: bounceInUp;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    html.js .welcome .welcome__gate li {
        opacity: 0
    }
    html.js .welcome .welcome__gate li.active {
        opacity: 1;
        -webkit-animation-name: bounceInUp;
        -moz-animation-name: bounceInUp;
        animation-name: bounceInUp;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
.timeline {
    padding-top: 50px
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .timeline {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .timeline {
        padding-top: 30px
    }
}
.timeline .timeline__header {
    text-align: center
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .timeline .timeline__header {
        text-align: left
    }
}
.timeline .timeline__header .scope-subtitle {
    color: #666666
}
.timeline .timeline__body {
    max-width: 58.75em;
    margin: 0 auto;
    margin-top: 30px
}
.timeline .timeline__body ul {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    padding-top: 125px;
    padding-bottom: 50px
}
.timeline .timeline__body ul:after {
    position: absolute;
    top: 0;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-left: -8px;
    background-color: red;
    border-radius: 50%;
    content: ""
}
.timeline .timeline__body ul:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    height: 100%;
    width: 2px;
    margin-left: -1px;
    background-color: #999999;
    content: ""
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .timeline .timeline__body ul:after {
        left: 52px
    }
    .timeline .timeline__body ul:before {
        left: 52px
    }
}
.timeline .timeline__body ul .timeline__event {
    position: relative;
    margin-bottom: 75px
}
.timeline .timeline__body ul .timeline__event::after {
    clear: both;
    content: "";
    display: table
}
.timeline .timeline__body ul .timeline__event:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 175;
    display: block;
    height: 55px;
    width: 55px;
    margin-top: -27.5px;
    margin-left: -27.5px;
    background-color: red;
    border: 1px solid #999999;
    border-radius: 50%;
    content: ""
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .timeline .timeline__body ul .timeline__event:before {
        top: 0;
        left: 52px;
        margin-top: 32px
    }
}
.timeline .timeline__body ul .timeline__event .timeline__event__image {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 180;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 200px;
    width: 200px;
    margin: 0;
    margin-left: -100px;
    background-color: #f2f2f2;
    border: 2px solid #999999;
    border-radius: 50%
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .timeline .timeline__body ul .timeline__event .timeline__event__image {
        height: 150px;
        width: 150px;
        margin-left: -75px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .timeline .timeline__body ul .timeline__event .timeline__event__image {
        left: 5px;
        margin-left: 0px;
        height: 90px;
        width: 90px
    }
}
.timeline .timeline__body ul .timeline__event .timeline__event__image img {
    width: inherit;
    height: inherit;
    border-radius: inherit
}
.timeline .timeline__body ul .timeline__event .timeline__event__description {
    float: right;
    height: 200px;
    width: 50%;
    padding: 0 50px 0 140px;
    text-align: left
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .timeline .timeline__body ul .timeline__event .timeline__event__description {
        height: 150px;
        padding: 0 15px 0 105px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .timeline .timeline__body ul .timeline__event .timeline__event__description {
        float: left;
        height: 120px;
        width: auto;
        padding: 0 0 0 120px
    }
}
.timeline .timeline__body ul .timeline__event:nth-child(odd) .timeline__event__description {
    float: left;
    padding: 0 140px 0 50px;
    text-align: right
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .timeline .timeline__body ul .timeline__event:nth-child(odd) .timeline__event__description {
        padding: 0 105px 0 15px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .timeline .timeline__body ul .timeline__event:nth-child(odd) .timeline__event__description {
        float: left;
        height: 120px;
        width: auto;
        padding: 0 0 0 120px;
        text-align: left
    }
}
html.js .timeline__event:nth-child(odd) .timeline__event__description {
    opacity: 0
}
html.js .timeline__event:nth-child(odd) .timeline__event__description.active {
    opacity: 1
}
@media screen and (min-width: 48.0625em) {
    html.js .timeline__event:nth-child(odd) .timeline__event__description.active {
        -webkit-animation-name: rotateInDownRight;
        -moz-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    html.js .timeline__event:nth-child(odd) .timeline__event__description.active {
        -webkit-animation-name: rotateInDownRight;
        -moz-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
html.js .timeline__event:nth-child(even) .timeline__event__description {
    opacity: 0
}
html.js .timeline__event:nth-child(even) .timeline__event__description.active {
    opacity: 1
}
@media screen and (min-width: 48.0625em) {
    html.js .timeline__event:nth-child(even) .timeline__event__description.active {
        -webkit-animation-name: rotateInDownLeft;
        -moz-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    html.js .timeline__event:nth-child(even) .timeline__event__description.active {
        -webkit-animation-name: rotateInDownLeft;
        -moz-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
.timeline__event__description {
    display: table
}
.timeline__event__description div {
    display: table-cell;
    vertical-align: middle
}
.timeline__event__description div .scope-title {
    color: red;
    font-weight: 900
}
.timeline__event__description div p {
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 0.9375em;
    line-height: 1.33333em
}
.contact .contact__header {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #f2f2f2
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .contact .contact__header {
        padding-top: 25px;
        padding-bottom: 15px
    }
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .contact .contact__header .wrapper {
        padding-right: 15px;
        padding-left: 15px
    }
}
.contact .contact__footer ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    width: 100%;
    padding: 40px 10px;
    font-size: 1em;
    text-align: center
}
.contact .contact__footer ul::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .contact .contact__footer ul.has3,
    .contact .contact__footer ul.has5,
    .contact .contact__footer ul.has7,
    .contact .contact__footer ul.has9 {
        text-align: left
    }
}
.contact .contact__footer ul li {
    display: inline-block;
    padding: 15px 10px;
    text-align: left;
    vertical-align: top;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}
@media screen and (min-width: 58.75em) {
    .contact .contact__footer ul li {
        max-width: 25%
    }
    .contact .contact__footer ul li:first-child:nth-last-child(1),
    .contact .contact__footer ul li:first-child:nth-last-child(1) ~ li {
        width: 100%
    }
    .contact .contact__footer ul li:first-child:nth-last-child(2),
    .contact .contact__footer ul li:first-child:nth-last-child(2) ~ li {
        width: 50%
    }
    .contact .contact__footer ul li:first-child:nth-last-child(3),
    .contact .contact__footer ul li:first-child:nth-last-child(3) ~ li {
        width: 33.33333%
    }
    .contact .contact__footer ul li:first-child:nth-last-child(4),
    .contact .contact__footer ul li:first-child:nth-last-child(4) ~ li {
        width: 25%
    }
}
@media screen and (max-width: 58.75em) and (min-width: 48.0625em) {
    .contact .contact__footer ul li {
        width: 50%
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .contact .contact__footer ul li {
        width: 50%
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .contact .contact__footer ul li {
        display: block;
        width: 100%
    }
}
.contact-map .contact-map__toolbar {
    padding: 12.5px 0;
    background-color: #ffffff
}
.contact-map .contact-map__toolbar .wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .contact-map .contact-map__toolbar .wrapper {
        padding-right: 15px;
        padding-left: 15px
    }
}
.contact-map .contact-map__toolbar .wrapper>div {
    float: left;
    width: 50%
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .contact-map .contact-map__toolbar .wrapper>div {
        display: block;
        width: 100%;
        text-align: center
    }
    .goto-services {
        justify-content: center !important;
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .contact-map .contact-map__toolbar .wrapper>div {
        display: block;
        width: 100%;
        text-align: center
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .contact-map .contact-map__toolbar .wrapper>div {
        display: block;
        width: 100%;
        text-align: center
    }
}
.contact-map .contact-map__toolbar .contact-map__misc {
    text-align: right
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .contact-map .contact-map__toolbar .contact-map__misc {
        margin-top: 20px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .contact-map .contact-map__toolbar .contact-map__misc {
        margin-top: 20px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .contact-map .contact-map__toolbar .contact-map__misc {
        margin-top: 20px
    }
}
.contact-map .contact-map__canvas {
    position: relative;
    height: 550px;
    background-color: #efefef
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .contact-map .contact-map__canvas {
        height: 330px;
        width: 90%;
        margin: 0 auto
    }
}
.contact-map .contact-map__canvas .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px
}
.contact-map .contact-map__canvas .gmaps {
    height: 100%;
    width: 100%
}
.contact-map__legenda ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    color: #4a4a4a;
    font-size: 1.125em;
    line-height: 1.38889em
}
.contact-map__legenda ul li {
    display: inline-block;
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid #d4d4d4
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .contact-map__legenda ul li {
        margin-left: 5px;
        padding-left: 0px;
        border-left: 0px solid transparent
    }
}
.contact-map__legenda ul li:first-child {
    margin-left: 0px;
    padding-left: 0px;
    border-left: 0px solid transparent
}
.contact-map__legenda ul li .map-dot {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 2px;
    vertical-align: middle;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.contact-map__legenda ul li .map-dot.map-dot--1 {
    background-image: url(../img/map-dot-1.png)
}
.contact-map__legenda ul li .map-dot.map-dot--2 {
    background-image: url(../img/map-dot-2.png)
}
.contact-map__legenda ul li .map-dot.map-dot--3 {
    background-image: url(../img/map-dot-3.png)
}
.map-infobox {
    position: relative;
    width: 300px !important;
    min-height: 135px;
    font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 7px
}
.map-infobox::after {
    clear: both;
    content: "";
    display: table
}
.map-infobox:after {
    position: absolute;
    bottom: -17px;
    left: 50%;
    height: 0;
    width: 0;
    border-left: 17.5px solid transparent;
    border-right: 17.5px solid transparent;
    border-top: 17.5px solid #000;
    margin-left: -17.5px;
    opacity: 0.8
}
.map-infobox.map-infobox--alternate {
    width: 380px !important
}
.map-infobox .map-infobox__image {
    float: left;
    border-radius: 7px;
    overflow: hidden
}
.map-infobox .map-infobox__image img {
    max-width: 150px
}
.map-infobox .map-infobox__text {
    padding: 15px 30px;
    overflow: hidden
}
.map-infobox .scope-title {
    display: block;
    color: red;
    font-size: 1.36364em;
    line-height: 1.26667em;
    font-weight: 700
}
.map-infobox p {
    margin: 0;
    color: #ffffff;
    font-size: 1.27273em;
    line-height: 1.35714em;
    font-weight: 300
}
.map-infobox a {
    color: #ffffff;
    text-decoration: none
}
.goto-services {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #666666;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.38889em;
    text-decoration: none;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s
}
.goto-services:hover {
    color: red
}
.goto-services span:first-of-type {
    padding: 0 30px;
    color: #FFF;
    line-height: 49px;
    text-align: center;
    background-color: #F00;
    border-bottom: 1px solid rgba(172, 172, 172, 0.6);
    border-radius: 6px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.goto-services span:first-of-type:hover {
    color: #000;
    background-color: #EEE;
    border-color: #900000;
}
.goto-services span:last-of-type {
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url(../img/icon-agent.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.legal {
    background-color: #f2f2f2;
    padding-top: 60px;
    padding-bottom: 60px
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .legal {
        padding-top: 30px;
        padding-bottom: 30px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .legal {
        padding-top: 20px;
        padding-bottom: 20px
    }
}
.legal .legal__header,
.legal .legal__body {
    padding-right: 150px;
    padding-left: 150px
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .legal .legal__header,
    .legal .legal__body {
        padding-right: 75px;
        padding-left: 75px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .legal .legal__header,
    .legal .legal__body {
        padding-right: 15px;
        padding-left: 15px
    }
}
.legal .legal__header .scope-subtitle {
    color: #666666
}
.legal .legal__header p {
    margin: 2em 0;
    color: #666666
}
.plants {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #efefef
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .plants {
        padding-right: 15px;
        padding-left: 15px
    }
}
.plants .plants__nav {
    margin-bottom: 30px
}
.plants .plants__nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    width: 100%;
    font-size: 1.125em;
    line-height: 1.27778em;
    font-weight: 400;
    text-align: justify
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .plants .plants__nav ul {
        text-align: center
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .plants .plants__nav ul {
        text-align: center
    }
}
.plants .plants__nav ul:after {
    display: inline-block;
    height: 0;
    width: 100%;
    content: ""
}
.plants .plants__nav ul li {
    display: inline-block;
    margin: 10px 0;
    text-align: center
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .plants .plants__nav ul li {
        margin-right: 10px;
        margin-left: 10px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .plants .plants__nav ul li {
        margin-right: 10px;
        margin-left: 10px
    }
}
.plants .plants__nav a {
    display: block;
    height: 110px;
    width: 110px;
    color: #ffffff;
    text-decoration: none
}
.plants .plants__nav a span {
    display: table-cell;
    height: inherit;
    width: inherit;
    vertical-align: middle;
    background-color: #999999;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}
.plants .plants__nav a:hover span,
.plants .plants__nav a:focus span,
.plants .plants__nav a.active span {
    background-color: red
}
.plants .plants__nav a.active span {
    cursor: default
}
.plants .plants__body {
    text-align: center
}
.plants .plants__body .scope-title {
    color: red
}
.news {
    background-color: #efefef;
    display: block;
    padding-top: 50px;
    padding-bottom: 50px
}
.news::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .news {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .news {
        padding-top: 50px;
        padding-bottom: 50px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .news {
        padding-top: 25px;
        padding-bottom: 35px
    }
}
.news .news__articles {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 74.46809%;
    padding-top: 8px
}
.news .news__articles:last-child {
    margin-right: 0
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .news .news__articles {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 74.19355%
    }
    .news .news__articles:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .news .news__articles {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 100%;
        padding-top: 0px
    }
    .news .news__articles:last-child {
        margin-right: 0
    }
}
.news .news__articles .news__image {
    margin: 0;
    margin-bottom: 20px
}
.news .news__articles .news__image img {
    max-width: 100%
}
.news .news__articles .news__video {
    margin-bottom: 20px
}
.news .news__articles .news__video iframe {
    max-width: 100%
}
.news .news__articles .news__article {
    padding-top: 25px;
    padding-bottom: 25px
}
.news .news__articles .news__article::after {
    clear: both;
    content: "";
    display: table
}
.news .news__articles .news__article:first-child {
    padding-top: 0px
}
.news .news__articles .news__article .news__timestamp {
    float: left;
    min-width: 100px;
    padding-right: 20px
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .news .news__articles .news__article .news__timestamp {
        float: none;
        padding-right: 0px;
        padding-bottom: 15px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .news .news__articles .news__article .news__timestamp {
        float: none;
        padding-right: 0px;
        padding-bottom: 15px
    }
}
.news .news__articles .news__article .news__body {
    overflow: hidden
}
.news .news__articles .news__article .news__body .scope-subtitle {
    color: #666666
}
.news .news__options {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 23.40426%;
    padding-left: 15px
}
.news .news__options:last-child {
    margin-right: 0
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .news .news__options {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 22.58065%
    }
    .news .news__options:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .news .news__options {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 100%;
        margin-top: 30px;
        padding-left: 0px
    }
    .news .news__options:last-child {
        margin-right: 0
    }
}
.news .news__options .scope-title {
    color: red;
    font-weight: 400
}
.news .news__options div {
    margin-top: 15px
}
.news .news__options div:first-child {
    margin-top: 0px
}
.news .news__filters {
    margin-top: 10px
}
.news .news__filters ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    font-size: 1em;
    font-weight: 300
}
.news .news__filters ul li {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #d2d2d2
}
.news .news__filters ul li:first-child {
    padding-top: 0px;
    border-top: 0px solid transparent
}
.news .news__filters a {
    color: #000000;
    text-decoration: none;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s
}
.news .news__filters a:hover,
.news .news__filters a:focus,
.news .news__filters li.active a {
    color: red
}
.news .news__pager {
    margin-top: 25px;
    margin-bottom: 10px
}
.services .services__item {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #efefef
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .services .services__item {
        padding-top: 25px;
        padding-bottom: 25px
    }
}
.services .services__item:nth-child(even) {
    background-color: #ffffff
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .services .services__item:last-child {
        padding-bottom: 50px
    }
}
.services .services__inner {
    padding-right: 10%;
    padding-left: 19%
}
.services .services__inner::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .services .services__inner {
        padding-right: 10%;
        padding-left: 10%
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .services .services__inner {
        padding-right: 15px;
        padding-left: 15px
    }
}
.services .services__inner .services__icon {
    float: left;
    margin-top: 10px;
    margin-right: 30px
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .services .services__inner .services__icon {
        margin-right: 15px;
        float: none;
        margin-bottom: 15px
    }
    .services .services__inner .services__icon img {
        max-width: 60px;
        max-height: 60px
    }
}
.services .services__inner .services__icon figure {
    margin: 0
}
.services .services__inner .services__body {
    overflow: hidden
}
.services .services__inner .services__body .scope-subtitle {
    color: #000;
}
.services .services__inner .services__body .team-item {
    margin-top: 30px;
    font-size: 1.1875em;
    line-height: 1.375em
}
.services .services__inner .services__body .team-item a,
.services .services__inner .services__body .team-item .scope-phone {
    color: #000
}
.agent-search .agent-search__input {
    margin-top: 30px
}
.agent-search .agent-search__results .scope-title {
    font-weight: 400
}
.agent-search .agent-search__results p {
    margin: 0;
    font-size: 1em;
    line-height: 1.375em
}
.agent-search .agent-search__results a {
    color: #000000;
    text-decoration: none;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s
}
.agent-search .agent-search__results a:hover,
.agent-search .agent-search__results a:focus {
    color: red
}
.agent-search .agent-search__results .agent-search__result {
    padding-top: 30px
}
.products {
    padding-top: 20px;
    background-color: #efefef
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .products {
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 15px
    }
}
.products .products__nav {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 20.89362%
}
.products .products__nav:last-child {
    margin-right: 0
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .products .products__nav {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 100%
    }
    .products .products__nav:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .products .products__nav {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 100%
    }
    .products .products__nav:last-child {
        margin-right: 0
    }
}
.products .products__nav .scope-label {
    display: none
}
.products .products__nav fieldset {
    display: none;
    padding-bottom: 15px
}
.products .products__nav fieldset select {
    width: 100%
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .products .products__nav fieldset {
        display: block
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .products .products__nav fieldset {
        display: block
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .products .products__nav nav {
        display: none
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .products .products__nav nav {
        display: none
    }
}
.products .products__nav nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.products .products__nav nav ul li {
    margin-bottom: 3px
}
.products .products__nav nav>ul {
    padding-bottom: 10px;
    font-size: 1.125em;
    font-weight: 400
}
.products .products__nav nav>ul>li>a {
    padding: 6px 16px;
    color: #000000;
    background-color: #d9d9d9;
    border-bottom: 1px solid rgba(172, 172, 172, 0.6);
    border-radius: 6px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.products .products__nav nav>ul>li>a:hover,
.products .products__nav nav>ul>li>a.active {
    color: #ffffff;
    background-color: red;
    border-color: #900000
}
.products .products__nav nav>ul>li>a.active {
    font-weight: 700
}
.products .products__nav nav>ul>li>ul {
    padding: 5px 0;
    font-size: 0.94444em;
    line-height: 1.29412em
}
.products .products__nav nav>ul>li>ul>li {
    margin-top: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #d2d2d2
}
.products .products__nav nav>ul>li>ul>li:first-child {
    padding-top: 0px;
    border-top: 0px solid transparent
}
.products .products__nav nav>ul>li>ul>li>a {
    padding: 0 12px 0 16px;
    color: #000000;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.products .products__nav nav>ul>li>ul>li>a:hover,
.products .products__nav nav>ul>li>ul>li>a.active {
    color: red
}
.products .products__nav nav>ul>li>ul>li>a.active {
    font-weight: 400
}
.products .products__nav nav>ul>li>ul>li.subcategory-li {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0px solid transparent
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>a {
    padding: 6px 16px;
    color: #ffffff;
    font-weight: 400;
    background-color: #999999;
    border-radius: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6)
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>a:hover,
.products .products__nav nav>ul>li>ul>li.subcategory-li>a.active {
    background-color: #666666
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul {
    padding: 5px 0;
    font-size: 1em;
    line-height: 1.29412em
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul>li {
    margin-top: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #d2d2d2
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul>li:first-child {
    padding-top: 0px;
    border-top: 0px solid transparent
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul>li>a {
    padding: 0 12px 0 16px;
    color: #000000;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul>li>a:hover,
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul>li>a.active {
    color: red
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul>li>a.active {
    font-weight: 400
}
.products .products__nav nav a {
    display: block;
    text-decoration: none
}
.products .products__nav nav a.active {
    font-weight: 400;
    cursor: default
}
.products__welcome {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 76.97872%;
    padding-bottom: 50px;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
.products__welcome:last-child {
    margin-right: 0
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .products__welcome {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .products__welcome {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 100%;
        padding-bottom: 20px
    }
    .products__welcome:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .products__welcome {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 100%;
        padding-bottom: 10px
    }
    .products__welcome:last-child {
        margin-right: 0
    }
}
.products__welcome header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}
.products__welcome header figure {
    margin: 0
}
.products__welcome header figure img {
    width: 100%
}
.products__welcome section {
    padding: 50px 30px;
    text-align: center;
    border-bottom: 2px solid #e2e2e2
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .products__welcome section {
        text-align: left
    }
}
.products__welcome section:last-child {
    border-bottom: 0px solid transparent
}
.products__welcome section .scope-subtitle {
    color: #666666
}
.products__welcome section.restricted {
    min-height: 200px;
    text-align: left
}
.products__body {
    float: left;
    display: block;
    width: 76.97872%;
    padding-bottom: 50px;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
.products__body:last-child {
    margin-right: 0
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .products__body {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 100%;
        margin-bottom: 15px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .products__body:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .products__body {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 100%;
        margin-bottom: 15px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .products__body:last-child {
        margin-right: 0
    }
}
.products__aside {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 14.89362%
}
.products__aside:last-child {
    margin-right: 0
}
.products__aside .scope-title {
    display: none;
    margin-bottom: 15px;
    color: red;
    font-weight: 700;
    font-size: 1.5em
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .products__aside {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 100%
    }
    .products__aside .scope-title {
        display: block
    }
    .products__aside:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .products__aside {
        float: left;
        display: block;
        margin-right: 6.66667%;
        width: 100%
    }
    .products__aside .scope-title {
        display: block
    }
    .products__aside:last-child {
        margin-right: 0
    }
}
.product .product__intro {
    padding: 20px
}
.product .product__intro p:empty,
.product .product__details p:empty {
    display: none;
}
.product .product__intro p,
.product .product__details p {
    margin: 0;
}
.product .product__intro p + p,
.product .product__details p + p {
    margin-top: 20px;
}
.product .product__intro .scope-title {
    color: red;
    font-weight: 400
}
.product .product__intro .scope-subtitle {
    color: #666666
}
.product .product__intro p {
    font-size: 1.1875em
}
.product .product__features {
    border-top: 2px solid #e2e2e2;
    padding: 15px 15px 20px 15px;
}
.product .product__features ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    padding-bottom: 0;
    font-size: 1.125em;
    line-height: 1.11111em
}
.product .product__features ul li {
    display: inline-block;
    max-width: 100px;
    padding-top: 15px
}
.product .product__features figure {
    max-width: 70px;
    margin: 0 auto
}
.product .product__features figure img {
    width: 100%
}
.product .product__features span {
    display: block;
    margin-top: 10px;
    text-align: center
}
.product .product__explore {
    border-top: 2px solid #e2e2e2;
    margin-top: 15px
}
.product .product__details {
    padding: 20px;
}
.product .product__details .scope-title {
    font-weight: 400
}
.product .product__details dt,
.product .product__details dl {
    font-size: 14px !important;
    line-height: 20px !important;
}
.product .product__actions {
    padding:  0 20px 20px 20px;
}
.product .product__actions .wrapper-action{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}
.product .product__actions ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    font-size: 1em;
    line-height: 1.1875em;
}
.product .product__actions ul li {
    display: inline-block;
    margin-left: 20px
}
.product .product__actions ul li:first-child {
    margin-left: 0px
}
.product .product__actions .wrapper-action a.clear-link{
    color: #f00;
    border-bottom: 2px solid #f00;
    text-decoration: none;
}
.products__related {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 8px
}
.products__related figure {
    max-width: 300px;
    margin: 0 auto
}
.products__related figure img {
    width: 100%
}
.products__related .scope-subtitle {
    font-weight: 400
}
.products__related p {
    margin: 0;
    margin-top: 8px;
    font-size: 1.125em;
    line-height: 1.27778em
}
.products__related a {
    color: red;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.products__related a:hover {
    color: #000000
}
.icon-badge {
    margin: 0;
    margin-top: 30px
}
.specs {
    color: #666666
}
.specs dt,
.specs dd {
    padding: 10px
}
.specs dt {
    float: left;
    clear: left;
    width: 45%;
    font-weight: bold
}
.specs dt:nth-of-type(odd) {
    background-color: #e5e5e5
}
.specs dd {
    font-weight: 400;
    margin: 0 0 0 45%
}
.specs dd:nth-of-type(odd) {
    position: relative;
    background-color: #f2f2f2
}
.product-navigator {
    position: relative
}
.product-navigator .product-zoom img {
    background-color: #ffffff
}
.product-navigator .product-navigator__nav {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 190;
    display: none
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .product-navigator .product-navigator__nav {
        right: 0
    }
}
html.js .product-navigator .product-navigator__nav {
    display: block
}
.product-navigator .product-navigator__nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.product-navigator .product-navigator__nav li {
    margin-top: 20px
}
.product-navigator .product-navigator__nav li:first-child {
    margin-top: 0px
}
.product-navigator .product-navigator__nav a {
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
    color: #ffffff;
    text-decoration: none;
    background-color: #d9d9d9;
    border-bottom: 1px solid rgba(172, 172, 172, 0.6);
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .product-navigator .product-navigator__nav a {
        height: 25px;
        width: 25px
    }
}
.product-navigator .product-navigator__nav a:hover,
.product-navigator .product-navigator__nav a.active {
    color: #ffffff;
    background-color: red;
    border-color: #900000
}
.product-navigator .product-navigator__nav a.active {
    cursor: default
}
.product-navigator .product-navigator__nav a img {
    position: absolute;
    left: -25%;
    top: 0;
    max-height: 100%
}
.product-navigator .product-navigator__nav a .icon-technical-details {
    display: block;
    height: inherit;
    width: inherit;
    line-height: 50px;
    text-align: center
}
.product-navigator .product-navigator__nav a .icon-technical-details em {
    height: 1em;
    line-height: 1.5;
    overflow: hidden
}
.product-navigator .product-navigator__nav a .icon-technical-details em::before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.product-navigator .product-navigator__nav a .icon-technical-details:before {
    font-family: "font-icon";
    font-size: 1.25em;
    content: "\e80b"
}
.product-navigator .product-navigator__items img {
    max-width: 100%
}
.product-action {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    text-align: center;

    background-color: #F00;
    border-bottom: 1px solid rgba(172, 172, 172, 0.6);
    border-radius: 6px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.product-action span {
    display: inline-block;
    margin-left: 10px;
}
.product-action:before {
    content: "\e80c";
    display: inline-block;

    font-family: "font-icon";
    font-size: 1.125em;
}
.product-action:hover {
    color: #000;
    background-color: #EEE;
    border-color: #900000
}
.service-action {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    color: #FFF;
    line-height: 50px;
    text-decoration: none;
    text-align: center;

    background-color: #F00;
    border-bottom: 1px solid rgba(172, 172, 172, 0.6);
    border-radius: 6px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.service-action:hover {
    color: #000;
    background-color: #EEE;
    border-color: #900000
}
.static {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px
}
@media screen and (min-width: 0) and (max-width: 58.75em) {
    .static {
        padding-right: 15px;
        padding-left: 15px
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .static {
        padding-top: 30px;
        padding-bottom: 30px
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .static {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: left
    }
}
.static .scope-subtitle {
    color: #666666
}
.static p {
    margin: 2em 0
}
@media screen and (min-width: 30.0625em) and (max-width: 48.0625em) {
    .static p {
        margin: 1em 0
    }
}
@media screen and (min-width: 0) and (max-width: 30.0625em) {
    .static p {
        margin: 1em 0
    }
}
.static p:last-child {
    margin-bottom: 0
}


.f-relative{
    position: relative;
}
.f-overlay{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
}
.f-t {
    display: table;
    width: 100%;
    height: 100%;
}
.f-t .f-tcm{
    display: table-cell;
    vertical-align: middle;
}

.bee-text-center{
    text-align: center;
}
.bee-img-responsive {
    display: block;
    position: relative;
    max-width: 100%;
}

.main-pager ul li,
.language-switcher ul li,
.news .news__pager ul li {
    margin-left: 5px;
}
.tabs .tabs__nav ul li {
    margin-left: 10px;
}
.tabs .tabs__nav a {
    padding: 6px 12px;
}


/* Language Switch
 * ------------------------------------------------------------ */

.language-switch {
    display: none;
    position: fixed;
    top: 5px;
    right: 0;
    padding: 0;
    margin: 0;
    background-color: red;
    border-radius: 25px 0 0 25px;
    z-index: 999;
}
.language-switch .language-switch-label {
    display: block;
    float: left;
    padding: 15px 15px 15px 20px;
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.language-switch .language-switch-content {
    display: block;
    float: left;
    padding: 10px 15px 10px 0;
    margin: 0;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden;
}
.language-switch .language-switch-content li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.language-switch .language-switch-content li a{
    display: block;
    width: 30px;
    height: 30px;
    color: #666;
    padding: 5px 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none !important;
    border-radius: 5px;
    background-color: #e6e6e6;
}
.language-switch .language-switch-content li a.active {
    color: red;
    background-color: #FFF;
}

.main-nav .language-switch-content {
    display: none;
    padding: 15px 0 0;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.15);
}
.main-nav .language-switch-content li {
    display: inline-block;
    border: none;
}
.main-nav .language-switch-content li + li {
    margin-left: 10px;
}

@media (max-width: 769px){
    .language-switch{
        display: none !important;
    }
    .main-nav .language-switch-content {
        display: block;
        margin-top: 32px
    }
    .main-nav .language-switch-content li a{
        text-transform: uppercase;
    }
}


/* HOMEPAGE
 * ------------------------------------------------------------ */

.main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__image img {
    opacity: 1 !important;
}
.main-slider .main-slider__slides .main-slider__slide.skin-rossini {
    background-color: red;
}
.main-slider .main-slider__slides .main-slider__slide.skin-4 {
    background-color: #FFF;
}
.main-slider .main-slider__slides .main-slider__slide.skin-4 .scope-title{
    color: red;
    font-weight: 900 !important;
    font-size: 34px;
}
.main-slider .main-slider__slides .main-slider__slide.skin-4 p {
    margin: 15px 0 !important;
    font-size: 20px !important;
}
.main-slider .main-slider__slides .main-slider__slide.skin-4 p.bold{
    font-weight: bold !important;
}
.main-slider .main-slider__slides .main-slider__slide.skin-4 p.upp {
    text-transform: uppercase;
    font-weight: bold !important;
}
@media screen and (max-width: 30.0625em) and (min-width: 0) {
    .main-slider .main-slider__slides .main-slider__slide .wrapper .main-slider__text  .scope-subtitle p {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .main-slider .main-slider__slides .main-slider__slide.skin-4 .scope-title{
        font-size: 22px;
    }
    .main-slider .main-slider__slides .main-slider__slide.skin-4 p {
        font-size: 13px !important;
        margin: 3px 0 !important;
    }
}

.card-layout {
    display: block;
    position: relative;
    padding: 15px 15px 0;
}
.card-layout ul {
    display: block;
    position: relative;
    width: auto;
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.card-layout ul li {
    display: block;
    position: relative;
    padding: 0 7.5px 15px !important;
}
.card .card__image img,
.product-navigator .product-navigator__items img,
.news .news__articles .news__image img{
    width: 100%;
}

/* AZIENDA
 * ------------------------------------------------------------ */
.azienda-presidente h3{
    margin: 0;
    color: #fe0000;
    font-size: 25px;
    line-height: 25px;
    font-weight: 900;
}
.azienda-presidente h4{
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}
@media (max-width: 320px){
    .azienda-presidente h3{
        font-size: 20px;
        line-height: 20px;
    }
    .azienda-presidente h4{
        font-size: 14px;
        line-height: 14px;
    }
}
@media (max-width: 58.75em){
    .azienda-presidente .f-overlay{
        padding: 15px;
    }
}


/* PRODUCTS
 * ------------------------------------------------------------ */
.products .products__nav nav>ul,
.products .products__nav nav>ul>li>ul,
.products .products__nav nav>ul>li>ul>li.subcategory-li>ul {
    font-size: 15px;
}
.products .products__nav nav>ul>li>a {
    text-transform: lowercase;
    padding: 6px 10px;
    line-height: 16px;
}
.products .products__nav nav>ul>li>ul>li.subcategory-li>a {
    text-transform: lowercase;
    padding: 6px 10px;
    line-height: 16px;
}
.product .product__features__5{
    border-top: none;
}
.product .product__features__5 ul {
    font-size: 0;
    text-align: center;
}
.product .product__features__5 ul:before,
.product .product__features__5 ul:after {
    content: '';
    display: table;
    position: relative;
    width: 100%;
    height: 0;
    clear: both;
}
.product .product__features__5 ul li{
    width: 17%;
    float: left;
    max-width: 100%;
    font-size: 18px;
    line-height: 22px;
    vertical-align: top;
}
.product .product__features__5 ul li:last-child {
    width: 32%;
}
.product .product__features__5 ul li span {
    margin-bottom: 10px;
}


/* NEWS
 * ------------------------------------------------------------ */

.news .news__articles .news__article .news__body .scope-text,
.news .news__articles .news__article .news__body .scope-text p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    margin: 25px 0;
}


/* CONTACT MAP
 * ------------------------------------------------------------ */

.map-infobox {
}
.map-infobox .map-infobox__image {
    border-radius: 5px 0 0 0;
}
.map-infobox .map-infobox__desc{
    display: block;
    position: relative;
    clear: both;    
}
.map-infobox .map-infobox__desc p{
    color: #FFF;
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    padding: 20px;
}
.contact .contact__footer ul {
    text-align: left;
}
.contact .contact__footer ul li {
    width: 50% !important;
    max-width: 50% !important;
    padding: 15px 0 !important;
}


/* CONTACT MOBILE
 * ------------------------------------------------------------ */

.contact__body .contact-mobile {
    display: none;
    padding: 15px 15px 30px;
    overflow: hidden;
}

.contact__body .contact-mobile .cm-widget-tabs,
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-controls,
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-controls .cm-widget-tabs-control,
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-controls .cm-widget-tabs-control button,
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-content,
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-content select,
.contact__body .contact-mobile .cm-store,
.contact__body .contact-mobile .cm-store .cm-store-detail,
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-image,
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-image img,
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-content,
.contact__body .contact-mobile .cm-store .cm-store-desc,
.contact__body .contact-mobile .cm-store .cm-contacts,
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact,
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-image,
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-image img,
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content,
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-content .cm-store-name,
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-content .cm-store-address,
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content .cm-contact-name,
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content .cm-contact-desc,
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content .cm-contact-address{
    display: block;
    position: relative;
}

/* Tabs */
.contact__body .contact-mobile .cm-widget-tabs{
}
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-controls{
    margin-right: -5px;
    margin-bottom: 15px;
    margin-left: -5px;
}
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-controls .cm-widget-tabs-control{
    padding: 0 5px;
    width: 50%;
    min-height: 1px;
    float: left;
}
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-controls .cm-widget-tabs-control button,
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-content select {
    width: 100%;
    padding: 15px 5px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    border: none !important;
    border-radius: 4px;
    background-color: #d8d8d8;
    outline: none !important;
}
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-controls .cm-widget-tabs-control button.active {
    color: #fe0000;
    background-color: #fff;
}
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-content {
    margin-bottom: 15px;
}
.contact__body .contact-mobile .cm-widget-tabs .cm-widget-tabs-content select {

}

/* Store */
.contact__body .contact-mobile .cm-store{
    width: 100%;
}
.contact__body .contact-mobile .cm-store .cm-store-detail{
    margin-bottom: 13px;
}
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-image{
    width: 120px;
    float: left;
    margin-right: 20px;
}
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-image img{
    width: 100%;
}
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-content{
    overflow: hidden;
}
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-content .f-t {
    min-height: 120px;
}
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-content .cm-store-name{
    color: #F00;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}
.contact__body .contact-mobile .cm-store .cm-store-detail .cm-store-content .cm-store-address{
    color: #000;
    font-size: 14px;
}

/* Store desc */
.contact__body .contact-mobile .cm-store .cm-store-desc {
    margin-bottom: 27px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

/* Contacts */
.contact__body .contact-mobile .cm-store .cm-contacts{
    width: 100%;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact{
    margin-bottom: 28px;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact:last-child {
    margin-bottom: 0;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-image{
    width: 100px;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
    background-color: #e8e8e8;
    overflow: hidden;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-image img{
    width: 100%;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content{
    overflow: hidden;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content .f-t {
    min-height: 100px;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content .cm-contact-name{
    color: #000;
    font-weight: 600;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content .cm-contact-desc{   
    color: #666;
    font-size: 14px;
}
.contact__body .contact-mobile .cm-store .cm-contacts .cm-contact .cm-contact-content .cm-contact-address{
    margin-top: 6px;   
    color: #999;
    font-size: 13px;
}


.footer-site-map .scope-catalogue {
    font-size: 14px;
    line-height: 26px;
    vertical-align: middle;
    white-space: nowrap;
}
.footer-site-map .scope-catalogue .fa {
    margin-right: 5px;
    font-size: 24px;
    vertical-align: middle;
}
.search-list {
    float: left;
    display: block;
    width: 76.97872%;
    padding-bottom: 50px;
    background-color: #ffffff;
    padding: 15px;
    padding-bottom: 200px;
}
.search-list .scope-title {
    font-size: 32px;
    margin-bottom: 20px;
}
.search-list form {
    display: block;
    position: relative;
    margin-bottom: 50px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .search-list {
        width: 100%;
    }
    .search-list .scope-title {
        font-size: 24px;
    }
}
.search-list form fieldset{
    display: block;
    position: relative;
    width: 100%;
}
.search-list form fieldset input[type="text"] {
    display: block;
    position: relative;
    width: 100%;
    padding: 5px 59px 5px 15px;
    line-height: 30px;
}
.search-list form fieldset button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    background: none;
    border: none;
} 
.search-list form fieldset button:after {
    content: '\f002';
    font-family: FontAwesome;
}
.search-list form span.results {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
    font-weight: bold;
}
.search-list .no-results {
    margin-bottom: 300px;
}
.search-list article,
.product .product__related article{

}

.product .product__related {
    margin-top: 40px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
}
.product .product__related .scope-title {
    color: red;
    font-weight: 400;
}
.search-list article + article,
.product .product__related article {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.search-list article:after,
.product .product__related article:after {
    content: '';
    display: table;
    width: 100%;
    height: 0;
    clear: both;
}
.search-list article .item-image,
.product .product__related article .item-image{
    display: block;
    float: left;
    width: 200px;
    margin-right: 15px;
}
.search-list article .item-image img,
.product .product__related article .item-image img{
    display: block;
    max-width: 100%;
}
.search-list article .item-description,
.product .product__related article .item-description{
    display: block;
    position: relative;
    overflow: hidden;
}
.search-list article .item-description p,
.product .product__related article .item-description p{
    font-size: 14px;
    line-height: 18px;
}




/* Scroll Top
------------------------------------------------------------ */

.bee-scroll-top{
    display: none;
    position: fixed;
    width: 32px;
    height: 32px;
    right: -47px;
    bottom: 26px;
    padding: 0;
    margin: 0;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border: none;
    background-color: #F00;
    overflow: hidden;
    cursor: pointer;
    z-index: 70;
    box-sizing: border-box;
    transition: right .5s ease;
}
.bee-scroll-top i {
    display: inline-block;
    text-align: center;
    font-size: 16px;
}
.bee-scroll-top.in{
    right: 15px;
}

.legal-notes > h1{
    color: red;
    font-weight: 700;
    margin-bottom: 1em;
}
.legal .legal__header .legal-notes > p, .bee-dialog .legal-notes > p{
    margin: 0 0 2em 0;
}

.wrapper-certs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px;
}
.wrapper-certs .cert + .cert{
    margin-left: 20px;
}

.wrapper-certs .cert img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: -webkit-filter .3s ease-out, filter .3s ease-out;
}
.wrapper-certs .cert img:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* RESPONSIVE
 * ------------------------------------------------------------ */
@media (max-width: 767px) {
    h1{
        font-size: 2em;
    } 
    .product .product__actions ul li {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }
    .product .product__actions ul li:first-child {
        margin-top: 0px;
    }
    .product .product__actions .wrapper-action a.clear-link{
        margin-top: 15px;
    }
    .wrapper-certs .cert{
        width: 100%;
    }
    .wrapper-certs .cert img{
        width: 100px;
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
    .wrapper-certs .cert + .cert{
        margin-left: 0;
        margin-top: 20px;
    }

    .product .product__features__5 ul li{
        width: 50%;
        float: none;
    }
    .product .product__features__5 ul li:last-child {
        width: 100%;
    }
    .contact__body .contact-map {
        display: none;
    }
    .contact__body .contact-mobile {
        display: block;
    }
    .contact .contact__footer {
        display: none;
    }
    .bee-scroll-top {
        display: block;
    }
}
@media (max-width: 320px) {
    .product .product__features__5 ul li{
        width: 100%;
    }

}
@media (max-width: 479px) {
    .search-list article .item-image, 
    .product .product__related article .item-image {
        float: none !important;
        margin-bottom: 10px;
        width: 100%;
    }
}