.fade-enter-active, .fade-leave-active {
    transition: opacity .15s linear;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}

/* workaround for https://github.com/bootstrap-vue/bootstrap-vue/issues/1560 */
/* source: _input-group.scss */

.input-group > .input-group-prepend > .b-dropdown > .btn,
.input-group > .input-group-append:not(:last-child) > .b-dropdown > .btn,
.input-group > .input-group-append:last-child > .b-dropdown:not(:last-child):not(.dropdown-toggle) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .b-dropdown > .btn,
.input-group > .input-group-prepend:not(:first-child) > .b-dropdown > .btn,
.input-group > .input-group-prepend:first-child > .b-dropdown:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Special styling for type=range and type=color input */
input.form-control[type="range"],
input.form-control[type="color"] {
    height: 2.25rem;
}
input.form-control.form-control-sm[type="range"],
input.form-control.form-control-sm[type="color"] {
    height: 1.9375rem;
}
input.form-control.form-control-lg[type="range"],
input.form-control.form-control-lg[type="color"] {
    height: 3rem;
}

/* Less padding on type=color */
input.form-control[type="color"] {
    padding: 0.25rem 0.25rem;
}
input.form-control.form-control-sm[type="color"] {
    padding: 0.125rem 0.125rem;
}

/* Add support for fixed layout table */
table.b-table.b-table-fixed {
    table-layout: fixed;
}

/* Busy table styling */
table.b-table[aria-busy='false'] {
    opacity: 1;
}
table.b-table[aria-busy='true'] {
    opacity: 0.6;
}

/* Sort styling */
table.b-table > thead > tr > th,
table.b-table > tfoot > tr > th {
    position: relative;
}
table.b-table > thead > tr > th.sorting,
table.b-table > tfoot > tr > th.sorting {
    padding-right: 1.5em;
    cursor: pointer;
}
table.b-table > thead > tr > th.sorting::before,
table.b-table > thead > tr > th.sorting::after,
table.b-table > tfoot > tr > th.sorting::before,
table.b-table > tfoot > tr > th.sorting::after {
    position: absolute;
    bottom: 0;
    display: block;
    opacity: 0.4;
    padding-bottom: inherit;
    font-size: inherit;
    line-height: 180%;
}
table.b-table > thead > tr > th.sorting::before,
table.b-table > tfoot > tr > th.sorting::before {
    right: 0.75em;
    content: '\2191';
}
table.b-table > thead > tr > th.sorting::after,
table.b-table > tfoot > tr > th.sorting::after {
    right: 0.25em;
    content: '\2193';
}
table.b-table > thead > tr > th.sorting_asc::after,
table.b-table > thead > tr > th.sorting_desc::before,
table.b-table > tfoot > tr > th.sorting_asc::after,
table.b-table > tfoot > tr > th.sorting_desc::before {
    opacity: 1;
}

/* Stacked table layout */
/* Derived from http://blog.adrianroselli.com/2017/11/a-responsive-accessible-table.html */
/* Always stacked */
table.b-table.b-table-stacked {
    width: 100%;
}
table.b-table.b-table-stacked,
table.b-table.b-table-stacked > tbody,
table.b-table.b-table-stacked > tbody > tr,
table.b-table.b-table-stacked > tbody > tr > td,
table.b-table.b-table-stacked > tbody > tr > th,
table.b-table.b-table-stacked > caption {
    display: block;
}

/* Hide stuff we can't deal with, or shouldn't show */
table.b-table.b-table-stacked > thead,
table.b-table.b-table-stacked > tfoot,
table.b-table.b-table-stacked > tbody > tr.b-table-top-row,
table.b-table.b-table-stacked > tbody > tr.b-table-bottom-row {
    display: none;
}

/* inter-row top border */
table.b-table.b-table-stacked > tbody > tr > :first-child {
    border-top-width: 0.4rem;
}

/* convert TD/TH contents to "cells". Caveat: child elements become cells! */
table.b-table.b-table-stacked > tbody > tr > [data-label] {
    display: grid;
    grid-template-columns: 40% auto;
    grid-gap: 0.25rem 1rem;
}

/* generate row cell "heading" */
table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
    content: attr(data-label);
    display: inline;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
}

@media all and (max-width: 575.99px) {
    /* Under SM */
    table.b-table.b-table-stacked-sm {
        width: 100%;
    }
    table.b-table.b-table-stacked-sm,
    table.b-table.b-table-stacked-sm > tbody,
    table.b-table.b-table-stacked-sm > tbody > tr,
    table.b-table.b-table-stacked-sm > tbody > tr > td,
    table.b-table.b-table-stacked-sm > tbody > tr > th,
    table.b-table.b-table-stacked-sm > caption {
        display: block;
    }
    /* hide stuff we can't deal with, or shouldn't show */
    table.b-table.b-table-stacked-sm > thead,
    table.b-table.b-table-stacked-sm > tfoot,
    table.b-table.b-table-stacked-sm > tbody > tr.b-table-top-row,
    table.b-table.b-table-stacked-sm > tbody > tr.b-table-bottom-row {
        display: none;
    }
    /* inter-row top border */
    table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
        border-top-width: 0.4rem;
    }
    /* convert TD/TH contents to "cells". Caveat: child elements become cells! */
    table.b-table.b-table-stacked-sm > tbody > tr > [data-label] {
        display: grid;
        grid-template-columns: 40% auto;
        grid-gap: 0.25rem 1rem;
    }
    /* generate row cell "heading" */
    table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
        content: attr(data-label);
        display: inline;
        text-align: right;
        overflow-wrap: break-word;
        font-weight: bold;
        font-style: normal;
    }
}

@media all and (max-width: 767.99px) {
    /* under MD  */
    table.b-table.b-table-stacked-md {
        width: 100%;
    }
    table.b-table.b-table-stacked-md,
    table.b-table.b-table-stacked-md > tbody,
    table.b-table.b-table-stacked-md > tbody > tr,
    table.b-table.b-table-stacked-md > tbody > tr > td,
    table.b-table.b-table-stacked-md > tbody > tr > th,
    table.b-table.b-table-stacked-md > caption {
        display: block;
    }
    /* hide stuff we can't deal with, or shouldn't show */
    table.b-table.b-table-stacked-md > thead,
    table.b-table.b-table-stacked-md > tfoot,
    table.b-table.b-table-stacked-md > tbody > tr.b-table-top-row,
    table.b-table.b-table-stacked-md > tbody > tr.b-table-bottom-row {
        display: none;
    }
    /* inter-row top border */
    table.b-table.b-table-stacked-md > tbody > tr > :first-child {
        border-top-width: 0.4rem;
    }
    /* convert TD/TH contents to "cells". Caveat: child elements become cells! */
    table.b-table.b-table-stacked-md > tbody > tr > [data-label] {
        display: grid;
        grid-template-columns: 40% auto;
        grid-gap: 0.25rem 1rem;
    }
    /* generate row cell "heading" */
    table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
        content: attr(data-label);
        display: inline;
        text-align: right;
        overflow-wrap: break-word;
        font-weight: bold;
        font-style: normal;
    }
}

@media all and (max-width: 991.99px) {
    /* under LG  */
    table.b-table.b-table-stacked-lg {
        width: 100%;
    }
    table.b-table.b-table-stacked-lg,
    table.b-table.b-table-stacked-lg > tbody,
    table.b-table.b-table-stacked-lg > tbody > tr,
    table.b-table.b-table-stacked-lg > tbody > tr > td,
    table.b-table.b-table-stacked-lg > tbody > tr > th,
    table.b-table.b-table-stacked-lg > caption {
        display: block;
    }
    /* hide stuff we can't deal with, or shouldn't show */
    table.b-table.b-table-stacked-lg > thead,
    table.b-table.b-table-stacked-lg > tfoot,
    table.b-table.b-table-stacked-lg > tbody > tr.b-table-top-row,
    table.b-table.b-table-stacked-lg > tbody > tr.b-table-bottom-row {
        display: none;
    }
    /* inter-row top border */
    table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
        border-top-width: 0.4rem;
    }
    /* convert TD/TH contents to "cells". Caveat: child elements become cells! */
    table.b-table.b-table-stacked-lg > tbody > tr > [data-label] {
        display: grid;
        grid-template-columns: 40% auto;
        grid-gap: 0.25rem 1rem;
    }
    /* generate row cell "heading" */
    table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
        content: attr(data-label);
        display: inline;
        text-align: right;
        overflow-wrap: break-word;
        font-weight: bold;
        font-style: normal;
    }
}

@media all and (max-width: 1199.99px) {
    /* under XL  */
    table.b-table.b-table-stacked-xl {
        width: 100%;
    }
    table.b-table.b-table-stacked-xl,
    table.b-table.b-table-stacked-xl > tbody,
    table.b-table.b-table-stacked-xl > tbody > tr,
    table.b-table.b-table-stacked-xl > tbody > tr > td,
    table.b-table.b-table-stacked-xl > tbody > tr > th,
    table.b-table.b-table-stacked-xl > caption {
        display: block;
    }
    /* hide stuff we can't deal with, or shouldn't show */
    table.b-table.b-table-stacked-xl > thead,
    table.b-table.b-table-stacked-xl > tfoot,
    table.b-table.b-table-stacked-xl > tbody > tr.b-table-top-row,
    table.b-table.b-table-stacked-xl > tbody > tr.b-table-bottom-row {
        display: none;
    }
    /* inter-row top border */
    table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
        border-top-width: 0.4rem;
    }
    /* convert TD/TH contents to "cells". Caveat: child elements become cells! */
    table.b-table.b-table-stacked-xl > tbody > tr > [data-label] {
        display: grid;
        grid-template-columns: 40% auto;
        grid-gap: 0.25rem 1rem;
    }
    /* generate row cell "heading" */
    table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
        content: attr(data-label);
        display: inline;
        text-align: right;
        overflow-wrap: break-word;
        font-weight: bold;
        font-style: normal;
    }
}

/* Details row styling */
table.b-table > tbody > tr.b-table-details > td {
    border-top: none;
}

@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-ms-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-webkit-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-moz-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-ms-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-webkit-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-ms-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-ms-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-moz-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-ms-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-webkit-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-moz-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-ms-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@-ms-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
.ok-loading g {
  animation: rotate 1.4s linear infinite;
  transform-origin: center; }
.ok-loading circle {
  animation: spin 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
  fill: none;
  stroke: #8ac9ce;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  stroke-width: 4;
  transform-origin: center;
  -webkit-transform-origin: center; }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-ms-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-webkit-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-moz-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-ms-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-webkit-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@-moz-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@-ms-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
.ok-loading-white g {
  animation: rotate 1.4s linear infinite;
  transform-origin: center; }
.ok-loading-white circle {
  animation: spin 1.4s ease-in-out infinite,opacity 5.6s ease-in-out infinite;
  fill: none;
  stroke: #FFF;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  stroke-width: 4;
  transform-origin: center;
  -webkit-transform-origin: center; }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-ms-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-webkit-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-moz-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-ms-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-webkit-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@-moz-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@-ms-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
.slideFade-enter-active, .slideFade-leave-active {
  transition: all 1s ease;
  height: auto;
  max-height: 10000px;
  opacity: 1; }

.slideFade-leave-active {
  transition: all .5s ease; }

.slideFade-enter, .slideFade-leave-to {
  height: auto;
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  opacity: 0; }

.slideFade-move {
  transition: transform .3s; }

.fade-enter-active, .fade-leave-active {
  transition: all 1s ease;
  opacity: 1; }

.fade-leave-active {
  transition: all .5s ease; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.fade-move {
  transition: transform .3s; }

.fadePlaceholder-enter-active, .fadePlaceholder-leave-active {
  transition: opacity 1s ease;
  opacity: 1; }

.fadePlaceholder-leave-active {
  transition: opacity .5s ease; }

.fadePlaceholder-enter, .fadePlaceholder-leave-to {
  opacity: 0;
  background: none !important; }

/* Colors */
/* Margin & Padding */
/* Fonts */
/* Thumb */
/* Borders */

/*# sourceMappingURL=global-vars.css.map */

@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-ms-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-webkit-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-moz-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-ms-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-webkit-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-ms-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-ms-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-moz-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-ms-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-webkit-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-moz-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-ms-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@-ms-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
.ok-loading g {
  animation: rotate 1.4s linear infinite;
  transform-origin: center; }
.ok-loading circle {
  animation: spin 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
  fill: none;
  stroke: #8ac9ce;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  stroke-width: 4;
  transform-origin: center;
  -webkit-transform-origin: center; }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-ms-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-webkit-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-moz-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-ms-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-webkit-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@-moz-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@-ms-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
.ok-loading-white g {
  animation: rotate 1.4s linear infinite;
  transform-origin: center; }
.ok-loading-white circle {
  animation: spin 1.4s ease-in-out infinite,opacity 5.6s ease-in-out infinite;
  fill: none;
  stroke: #FFF;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  stroke-width: 4;
  transform-origin: center;
  -webkit-transform-origin: center; }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-ms-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-webkit-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-moz-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-ms-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-webkit-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@-moz-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@-ms-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
.slideFade-enter-active, .slideFade-leave-active {
  transition: all 1s ease;
  height: auto;
  max-height: 10000px;
  opacity: 1; }

.slideFade-leave-active {
  transition: all .5s ease; }

.slideFade-enter, .slideFade-leave-to {
  height: auto;
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  opacity: 0; }

.slideFade-move {
  transition: transform .3s; }

.fade-enter-active, .fade-leave-active {
  transition: all 1s ease;
  opacity: 1; }

.fade-leave-active {
  transition: all .5s ease; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.fade-move {
  transition: transform .3s; }

.fadePlaceholder-enter-active, .fadePlaceholder-leave-active {
  transition: opacity 1s ease;
  opacity: 1; }

.fadePlaceholder-leave-active {
  transition: opacity .5s ease; }

.fadePlaceholder-enter, .fadePlaceholder-leave-to {
  opacity: 0;
  background: none !important; }

.slide-in-list-move {
  transition: opacity .5s linear, transform .5s ease-in-out; }
.slide-in-list-leave-active {
  transition: opacity 0.4s linear, transform 0.4s cubic-bezier(0.5, 0, 0.7, 0.4);
  transition-delay: calc( 0.1s * (var(--total) - var(--i)) ); }
.slide-in-list-enter-active {
  transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0.2, 0.5, 0.1, 1);
  transition-delay: calc( 0.1s * var(--i) ); }
.slide-in-list-enter, .slide-in-list-leave-to {
  opacity: 0; }
.slide-in-list-enter {
  transform: translateX(-1em); }
.slide-in-list-leave-to {
  transform: translateX(1em); }

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

@import url("https://fonts.googleapis.com/css?family=Catamaran:300,400,500,700|Lato:300,300i,400,400i,700,700i,900");
@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-ms-keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@keyframes check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  1% {
    opacity: 1; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 13px;
    width: 7px; } }
@-webkit-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-moz-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-ms-keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@keyframes reversecheck {
  0% {
    height: 13px;
    width: 7px; }
  25% {
    height: 0;
    width: 7px; }
  50% {
    height: 0;
    width: 0; } }
@-webkit-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-ms-keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes inside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-ms-keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@keyframes outside-animation {
  0% {
    stroke-dashoffset: 1000; }
  20% {
    stroke-dashoffset: 1000; }
  40% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-moz-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-ms-keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@keyframes polygon-right-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  80% {
    width: 700px; }
  100% {
    width: 700px; } }
@-webkit-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-moz-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-ms-keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@keyframes polygon-left-fill-mask {
  0% {
    width: 0; }
  40% {
    width: 0; }
  60% {
    width: 700px; }
  100% {
    width: 700px; } }
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@-ms-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
.ok-loading g {
  animation: rotate 1.4s linear infinite;
  transform-origin: center; }
.ok-loading circle {
  animation: spin 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;
  fill: none;
  stroke: #8ac9ce;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  stroke-width: 4;
  transform-origin: center;
  -webkit-transform-origin: center; }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-ms-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-webkit-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-moz-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-ms-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-webkit-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@-moz-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@-ms-keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
@keyframes colors {
  0% {
    stroke: #8ac9ce; }
  25% {
    stroke: #299065; }
  50% {
    stroke: #9b9258; }
  75% {
    stroke: #d55232; }
  100% {
    stroke: #d5a5c1; } }
.ok-loading-white g {
  animation: rotate 1.4s linear infinite;
  transform-origin: center; }
.ok-loading-white circle {
  animation: spin 1.4s ease-in-out infinite,opacity 5.6s ease-in-out infinite;
  fill: none;
  stroke: #FFF;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  stroke-width: 4;
  transform-origin: center;
  -webkit-transform-origin: center; }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-ms-keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg); } }
@-webkit-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-moz-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-ms-keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@keyframes spin {
  0% {
    stroke-dashoffset: 100; }
  50% {
    stroke-dashoffset: 20;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100;
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg); } }
@-webkit-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@-moz-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@-ms-keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
@keyframes opacity {
  0% {
    stroke: rgba(255, 255, 255, 0.8); }
  25% {
    stroke: white; }
  50% {
    stroke: rgba(255, 255, 255, 0.5); }
  75% {
    stroke: rgba(255, 255, 255, 0.7); }
  100% {
    stroke: white; } }
.slideFade-enter-active, .slideFade-leave-active {
  transition: all 1s ease;
  height: auto;
  max-height: 10000px;
  opacity: 1; }

.slideFade-leave-active {
  transition: all .5s ease; }

.slideFade-enter, .slideFade-leave-to {
  height: auto;
  max-height: 0px;
  overflow: hidden;
  padding: 0;
  opacity: 0; }

.slideFade-move {
  transition: transform .3s; }

.fade-enter-active, .fade-leave-active {
  transition: all 1s ease;
  opacity: 1; }

.fade-leave-active {
  transition: all .5s ease; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.fade-move {
  transition: transform .3s; }

.fadePlaceholder-enter-active, .fadePlaceholder-leave-active {
  transition: opacity 1s ease;
  opacity: 1; }

.fadePlaceholder-leave-active {
  transition: opacity .5s ease; }

.fadePlaceholder-enter, .fadePlaceholder-leave-to {
  opacity: 0;
  background: none !important; }

/* Colors */
/* Margin & Padding */
/* Fonts */
/* Thumb */
/* Borders */
@font-face {
  font-family: 'oathkeeper';
  font-display: auto;
  src: url("https://www.parfumswinkel.nl/skin/frontend/oathkeeper/default/fonts/oathkeeper.eot?zddz3p");
  src: url("https://www.parfumswinkel.nl/skin/frontend/oathkeeper/default/fonts/oathkeeper.eot?zddz3p#iefix") format("embedded-opentype"), url("https://www.parfumswinkel.nl/skin/frontend/oathkeeper/default/fonts/oathkeeper.ttf?zddz3p") format("truetype"), url("https://www.parfumswinkel.nl/skin/frontend/oathkeeper/default/fonts/oathkeeper.woff?zddz3p") format("woff"), url("https://www.parfumswinkel.nl/skin/frontend/oathkeeper/default/fonts/oathkeeper.svg?zddz3p#oathkeeper") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  transition: all .2s ease;
  font-family: "Catamaran", Arial, sans-serif;
  -webkit-overflow-scrolling: touch; }

html, body {
  transition: unset; }
  html .cms, body .cms {
    min-height: 60vh; }
  html.no-scroll, body.no-scroll {
    overflow: hidden; }
  html.fixedBody, body.fixedBody {
    position: fixed;
    overflow: hidden;
    padding-top: 156px;
    height: 100%; }
  html h1, html h2, html h3, html h4, body h1, body h2, body h3, body h4 {
    font-family: "Lato", Arial, sans-serif;
    letter-spacing: .5px; }
  html h1, body h1 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    line-height: 27px;
    margin-top: 15px; }
  html h2, body h2 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    line-height: 23px; }
  @media (min-width: 576px) {
    html h2, body h2 {
      font-size: 22px;
      line-height: 25px; } }
  @media (min-width: 768px) {
    html h1, body h1 {
      font-size: 25px; }
    html h2, body h2 {
      font-size: 25px;
      line-height: 27px; } }
  html p, body p {
    font-family: "Catamaran", Arial, sans-serif; }
  html small, html span, body small, body span {
    font-family: inherit; }
  html a, html .actAsLink, body a, body .actAsLink {
    color: #3a7e7a;
    cursor: pointer; }
    html a:hover, html .actAsLink:hover, body a:hover, body .actAsLink:hover {
      text-decoration: none;
      color: #2b2b2b; }
  html .fake-disabled, body .fake-disabled {
    opacity: .5;
    cursor: progress; }
  html .noselect, body .noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
       supported by Chrome, Opera and Firefox */ }
  html .overflow-ellipsis, body .overflow-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  html svg, body svg {
    fill: currentColor; }
  html ol, html ul, body ol, body ul {
    margin-left: 15px; }
    html ol li, html ul li, body ol li, body ul li {
      padding-left: 5px; }
  html .text-underline, body .text-underline {
    text-decoration: underline !important; }
  html .coal-text, body .coal-text {
    color: #2b2b2b !important; }
  html input, body input {
    font-family: "Lato", Arial, sans-serif; }
    html input[type=text], html input[type=password], html input[type=number], html input[type=url], html input[type=email], html input[type=date], html input[type=tel], body input[type=text], body input[type=password], body input[type=number], body input[type=url], body input[type=email], body input[type=date], body input[type=tel] {
      border: 1px solid #e6e6e6;
      border-left: 2px solid #2b2b2b;
      padding: 0 0 0 15px;
      height: 35px;
      z-index: 10;
      width: 100%;
      border-radius: 0; }
      html input[type=text]:focus, html input[type=password]:focus, html input[type=number]:focus, html input[type=url]:focus, html input[type=email]:focus, html input[type=date]:focus, html input[type=tel]:focus, body input[type=text]:focus, body input[type=password]:focus, body input[type=number]:focus, body input[type=url]:focus, body input[type=email]:focus, body input[type=date]:focus, body input[type=tel]:focus {
        outline: none; }
    html input[type=checkbox], html input[type=radio], body input[type=checkbox], body input[type=radio] {
      display: none; }
    html input:read-only, body input:read-only {
      background: #f4f4f4; }
    html input:-moz-read-only, body input:-moz-read-only {
      background: #f4f4f4; }
    html input:focus, body input:focus {
      box-shadow: none !important;
      border: 1px solid #e6e6e6;
      border-left: 2px solid #2b2b2b; }
    html input.dirty, body input.dirty {
      border: 1px solid #beddd0;
      border-left: 3px solid #299065; }
    html input.error, body input.error {
      border: 1px solid #facecf;
      border-left: 3px solid #f05d61 !important;
      color: #f05d61; }
      html input.error:focus, body input.error:focus {
        border: 1px solid #facecf !important;
        border-left: 3px solid #f05d61;
        color: #f05d61 !important; }
  html .input-group-text, body .input-group-text {
    padding-top: 5px;
    padding-bottom: 0;
    background-color: #f4f4f4;
    border: 1px solid #e6e6e6; }
  html .lato, body .lato {
    font-family: "Lato", Arial, sans-serif; }
  html .text-icon-inline, body .text-icon-inline {
    width: 15px !important;
    height: 15px !important;
    transform: translateY(-2px); }
  html .helpdesk-contact-form-button, body .helpdesk-contact-form-button {
    display: none !important; }
  html .text-wrap, body .text-wrap {
    white-space: normal !important; }
  html .text-nowrap, body .text-nowrap {
    white-space: nowrap; }
  html .text-danger, body .text-danger {
    color: #f05d61; }
  html .tp-withaction, body .tp-withaction {
    cursor: pointer; }
  @media (min-width: 768px) {
    html .vue-go-top, body .vue-go-top {
      right: 90px !important;
      bottom: 15px !important;
      width: 60px !important;
      height: 60px !important;
      border-radius: 30px !important; } }
  html .greybg, body .greybg {
    background: #f4f4f4; }
  html .price, body .price {
    white-space: nowrap; }
  html .input-height, body .input-height {
    height: 35px !important; }
  html div.validate-container, html div.validate-container-select, html div.validate-container-date, html div.validate-container-radio, body div.validate-container, body div.validate-container-select, body div.validate-container-date, body div.validate-container-radio {
    position: relative; }
    html div.validate-container.validate-container-floating:after, html div.validate-container-select.validate-container-floating:after, html div.validate-container-date.validate-container-floating:after, html div.validate-container-radio.validate-container-floating:after, body div.validate-container.validate-container-floating:after, body div.validate-container-select.validate-container-floating:after, body div.validate-container-date.validate-container-floating:after, body div.validate-container-radio.validate-container-floating:after {
      top: 25px; }
    html div.validate-container:after, html div.validate-container-select:after, html div.validate-container-date:after, html div.validate-container-radio:after, body div.validate-container:after, body div.validate-container-select:after, body div.validate-container-date:after, body div.validate-container-radio:after {
      display: block;
      position: absolute;
      top: 50%;
      right: 30px;
      transform: scaleX(-1) rotate(135deg);
      transform-origin: left top;
      border-right: 2px solid #299065;
      border-top: 2px solid #299065;
      content: '';
      display: block;
      height: 13px;
      width: 7px;
      right: 30px;
      top: 17.5px;
      opacity: 0; }
    html div.validate-container.dirty:after, html div.validate-container-select.dirty:after, html div.validate-container-date.dirty:after, html div.validate-container-radio.dirty:after, body div.validate-container.dirty:after, body div.validate-container-select.dirty:after, body div.validate-container-date.dirty:after, body div.validate-container-radio.dirty:after {
      content: "";
      -webkit-animation: check 0.4s;
      -moz-animation: check 0.4s;
      -o-animation: check 0.4s;
      animation: check 0.4s;
      height: 13px;
      width: 7px;
      opacity: 1; }
    html div.validate-container.error:after, html div.validate-container-select.error:after, html div.validate-container-date.error:after, html div.validate-container-radio.error:after, body div.validate-container.error:after, body div.validate-container-select.error:after, body div.validate-container-date.error:after, body div.validate-container-radio.error:after {
      display: none; }
  html .checkbox-label.error, body .checkbox-label.error {
    color: #f05d61; }
    html .checkbox-label.error a, body .checkbox-label.error a {
      font-weight: bold;
      color: #f05d61; }
  html *[lazy=loading], body *[lazy=loading] {
    background-size: auto !important;
    background-repeat: no-repeat;
    background-position: center; }
  html img[lazy=loading], body img[lazy=loading] {
    max-width: 70px !important; }
  html *[lazy=loaded], body *[lazy=loaded] {
    animation-name: fadein;
    animation-duration: .7s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-timing-function: ease-out;
    -moz-animation-name: fadein;
    -moz-animation-duration: .7s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-direction: normal;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: .7s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: ease-out; }
@keyframes fadein {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  html div.validate-container-date:after, body div.validate-container-date:after {
    right: 85px;
    top: 39px;
    z-index: 700; }
  html div.validate-container-radio:after, body div.validate-container-radio:after {
    top: 35px; }
  html div.validate-container-select:after, body div.validate-container-select:after {
    right: 45px;
    top: 17px; }
  html div.validate-container-password svg, body div.validate-container-password svg {
    width: 25px;
    height: 25px;
    opacity: .5; }
  html div.validate-container-password:after, body div.validate-container-password:after {
    right: 60px;
    z-index: 600; }
  html .bold, body .bold {
    font-weight: 900; }
  html .ie-fallback, body .ie-fallback {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #FFF;
    display: block;
    text-align: center;
    padding-top: 15%; }
    html .ie-fallback p, body .ie-fallback p {
      width: 80%;
      max-width: 600px;
      margin: 0 auto; }
    html .ie-fallback img, body .ie-fallback img {
      margin-bottom: 30px;
      max-width: 80%;
      width: 350px; }
  html .input-error input[type=text], html .input-error input[type=password], html .input-error input[type=number], html .input-error input[type=url], html .input-error input[type=email], html .input-error input[type=date], html .input-error input[type=tel], body .input-error input[type=text], body .input-error input[type=password], body .input-error input[type=number], body .input-error input[type=url], body .input-error input[type=email], body .input-error input[type=date], body .input-error input[type=tel] {
    border: 1px solid #f05d61;
    border-left: 2px solid #f05d61; }
    html .input-error input[type=text] input:focus, html .input-error input[type=password] input:focus, html .input-error input[type=number] input:focus, html .input-error input[type=url] input:focus, html .input-error input[type=email] input:focus, html .input-error input[type=date] input:focus, html .input-error input[type=tel] input:focus, body .input-error input[type=text] input:focus, body .input-error input[type=password] input:focus, body .input-error input[type=number] input:focus, body .input-error input[type=url] input:focus, body .input-error input[type=email] input:focus, body .input-error input[type=date] input:focus, body .input-error input[type=tel] input:focus {
      outline: none; }
  html .tp-bullets, body .tp-bullets {
    background: transparent; }
  html .validation-failed, body .validation-failed {
    border: 1px solid #f05d61 !important;
    border-left: 2px solid #f05d61 !important;
    outline: none !important; }
  html .validation-advice, body .validation-advice {
    display: inline-block; }
  html textarea, body textarea {
    width: 100%;
    border: 1px solid #e6e6e6;
    border-left: 2px solid #2b2b2b;
    min-height: 80px;
    margin-bottom: 15px;
    padding: 7.5px 15px; }
    html textarea.dirty, body textarea.dirty {
      border-left: 3px solid #299065; }
    html textarea.error, body textarea.error {
      border-left: 3px solid #f05d61;
      color: #f05d61; }
    html textarea:focus, body textarea:focus {
      outline: none; }
  @media (max-width: 767.98px) {
    html .forcefullwidth_wrapper_tp_banner, body .forcefullwidth_wrapper_tp_banner {
      height: 300px !important; }
      html .forcefullwidth_wrapper_tp_banner .fullwidthbanner-container, body .forcefullwidth_wrapper_tp_banner .fullwidthbanner-container {
        height: 300px !important; }
        html .forcefullwidth_wrapper_tp_banner .fullwidthbanner-container .rev_slider, body .forcefullwidth_wrapper_tp_banner .fullwidthbanner-container .rev_slider {
          height: 300px !important; } }
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  html, body {
    /*Safari browsers only (any version and any device) */ }
    html .clearfix:before, html .clearfix:after, html .container:before, html .container:after, html .container-fluid:before, html .container-fluid:after, html .row:before, html .row:after, body .clearfix:before, body .clearfix:after, body .container:before, body .container:after, body .container-fluid:before, body .container-fluid:after, body .row:before, body .row:after {
      display: none; } }

  html [v-cloak], body [v-cloak] {
    display: none; }
  html .noselect, body .noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
       supported by Chrome and Opera */ }
  html .row-inner, body .row-inner {
    width: 100%; }
  html .row-level-1, body .row-level-1 {
    margin-left: 0;
    margin-right: 0; }
    html .row-level-1 .col-xs-12, body .row-level-1 .col-xs-12 {
      padding: 0; }
  html .coal-txt, body .coal-txt {
    color: #2b2b2b; }
  html .green-txt, body .green-txt {
    color: #299065; }
  html .copper-txt, body .copper-txt {
    color: #d55232; }
  html .alert, body .alert {
    border-radius: 0;
    padding: 7.5px 15px; }
  html .alert-info, body .alert-info {
    color: #FFF;
    background: #8ac9ce;
    border-color: #91D3D9;
    border-left: 2px solid #3a7e7a; }
  html .alert-warning, body .alert-warning {
    color: #FFF;
    background: #d55232;
    border-color: #D95424;
    border-left: 2px solid #59230F; }
  html .alert-danger, body .alert-danger {
    color: #FFF;
    background: #f05d61;
    border-color: #D95458;
    border-left: 2px solid #592324; }
  html .alert-success, body .alert-success {
    color: #FFF;
    background: #299065;
    border-color: #247F59;
    border-left: 2px solid #19593F; }
  html .form-text, body .form-text {
    margin-top: -15px;
    margin-bottom: 15px; }
  html .pointer, body .pointer {
    cursor: pointer; }
  html .w100, body .w100 {
    width: 100% !important; }
  html .uppercase, body .uppercase {
    text-transform: uppercase; }
  html .anchor, body .anchor {
    height: 150px;
    margin-top: -150px;
    visibility: hidden; }
  html .snackbar, body .snackbar {
    z-index: 9999;
    width: 100%; }
    @media (min-width: 768px) {
      html .snackbar, body .snackbar {
        width: auto; } }
  html .coverbackground, body .coverbackground {
    height: 100%; }
  html .rotate-0, body .rotate-0 {
    transform: rotateZ(0deg);
    transition-delay: .25s; }
  html .rotate-180, body .rotate-180 {
    transform: rotateZ(180deg);
    transition-delay: .25s; }
  html .pointer, body .pointer {
    cursor: pointer; }
  html .quick-tip, body .quick-tip {
    background: #8ac9ce;
    color: #FFF; }
    html .quick-tip .col, body .quick-tip .col {
      font-size: 15px;
      line-height: 17px;
      padding-right: 0; }
    html .quick-tip svg, body .quick-tip svg {
      width: 25px;
      height: 25px;
      margin-right: 15px; }
  html .helpdesk-contact-form-button.right, body .helpdesk-contact-form-button.right {
    right: 0;
    transform: rotate(-90deg) translate(0, -100%);
    transform-origin: 100% 0; }
  html .breadcrumbs, body .breadcrumbs {
    margin: 0 -15px !important;
    padding: 0 15px 0 0;
    background: #f4f4f4;
    min-height: 38px; }
    @media (min-width: 576px) {
      html .breadcrumbs, body .breadcrumbs {
        margin: 0 -30px !important; } }
    @media (min-width: 992px) {
      html .breadcrumbs, body .breadcrumbs {
        background: transparent;
        min-height: auto;
        margin: 30px auto 15px !important;
        padding: 0; } }
    html .breadcrumbs .btn, body .breadcrumbs .btn {
      background: #8ac9ce;
      color: #FFF;
      text-transform: none;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-grow: 0; }
      html .breadcrumbs .btn svg, body .breadcrumbs .btn svg {
        width: 15px;
        height: 15px;
        transform: rotate(90deg) translateX(-2px);
        margin-right: 7.5px; }
    html .breadcrumbs ul, body .breadcrumbs ul {
      list-style: none; }
      html .breadcrumbs ul li, body .breadcrumbs ul li {
        margin-right: 7.5px;
        color: #2b2b2b;
        opacity: .5; }
        html .breadcrumbs ul li:first-of-type, body .breadcrumbs ul li:first-of-type {
          padding-left: 0; }
        html .breadcrumbs ul li.current, html .breadcrumbs ul li:hover, body .breadcrumbs ul li.current, body .breadcrumbs ul li:hover {
          opacity: 1; }
        html .breadcrumbs ul li a, body .breadcrumbs ul li a {
          color: #606060; }
  html .checkbox-container, body .checkbox-container {
    display: flex;
    align-items: center;
    position: relative; }
    html .checkbox-container input, body .checkbox-container input {
      display: none !important; }
    html .checkbox-container.error, body .checkbox-container.error {
      color: #f05d61 !important; }
      html .checkbox-container.error label:before, body .checkbox-container.error label:before {
        border: 1px solid #f05d61; }
    html .checkbox-container label, body .checkbox-container label {
      display: flex;
      align-items: flex-start;
      position: relative; }
      html .checkbox-container label:before, body .checkbox-container label:before {
        content: '';
        min-width: 17px;
        width: 17px;
        height: 17px;
        display: inline-block;
        border-radius: 2px;
        background-color: #FFF;
        border: 1px solid #e6e6e6;
        margin-right: 7.5px;
        margin-top: 3px; }
      html .checkbox-container label:after, body .checkbox-container label:after {
        transform: scaleX(-1) rotate(135deg);
        transform-origin: left top;
        border-right: 2px solid #FFF;
        border-top: 2px solid #FFF;
        content: '';
        display: block;
        height: 13px;
        left: 2px;
        position: absolute;
        top: 12.5px;
        width: 7px; }
    html .checkbox-container input:checked + label:before, body .checkbox-container input:checked + label:before {
      background-color: #8ac9ce;
      border-color: #8ac9ce; }
    html .checkbox-container input:checked + label:after, body .checkbox-container input:checked + label:after {
      -webkit-animation: check 0.4s;
      -moz-animation: check 0.4s;
      -o-animation: check 0.4s;
      animation: check 0.4s; }
  html .reversed-checkbox-container, body .reversed-checkbox-container {
    display: flex;
    align-items: center;
    position: relative; }
    html .reversed-checkbox-container.error, body .reversed-checkbox-container.error {
      color: #f05d61 !important; }
      html .reversed-checkbox-container.error label:before, body .reversed-checkbox-container.error label:before {
        border: 1px solid #f05d61; }
    html .reversed-checkbox-container label, body .reversed-checkbox-container label {
      display: flex;
      align-items: flex-start;
      position: relative; }
      html .reversed-checkbox-container label:before, body .reversed-checkbox-container label:before {
        content: '';
        min-width: 17px;
        width: 17px;
        height: 17px;
        display: inline-block;
        border-radius: 2px;
        background-color: #FFF;
        border: 1px solid #e6e6e6;
        margin-right: 7.5px;
        margin-top: 3px; }
      html .reversed-checkbox-container label:after, body .reversed-checkbox-container label:after {
        transform: scaleX(-1) rotate(135deg);
        transform-origin: left top;
        border-right: 2px solid #FFF;
        border-top: 2px solid #FFF;
        content: '';
        display: block;
        height: 13px;
        left: 2px;
        position: absolute;
        top: 12.5px;
        width: 7px; }
    html .reversed-checkbox-container input:not(:checked) + label:before, body .reversed-checkbox-container input:not(:checked) + label:before {
      background-color: #8ac9ce;
      border-color: #8ac9ce; }
    html .reversed-checkbox-container input:not(:checked) + label:after, body .reversed-checkbox-container input:not(:checked) + label:after {
      -webkit-animation: check 0.4s;
      -moz-animation: check 0.4s;
      -o-animation: check 0.4s;
      animation: check 0.4s; }
  html .radio-container, body .radio-container {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 15px 0; }
    html .radio-container label, body .radio-container label {
      display: flex;
      align-items: flex-start; }
      html .radio-container label:before, body .radio-container label:before {
        content: '';
        min-width: 17px;
        width: 17px;
        height: 17px;
        border: 1px solid #e6e6e6;
        border-radius: 9px;
        margin: 3px 7.5px 0 0; }
      html .radio-container label:after, body .radio-container label:after {
        content: '';
        width: 0;
        height: 0;
        background: #8ac9ce;
        position: absolute;
        transition: .2s all;
        top: 10px;
        left: 10px; }
    html .radio-container input:checked + label:before, body .radio-container input:checked + label:before {
      border-color: #8ac9ce; }
    html .radio-container input:checked + label:after, body .radio-container input:checked + label:after {
      width: 9px;
      height: 9px;
      left: 4px;
      top: 7px;
      border-radius: 5px; }
  html input[type=submit], body input[type=submit] {
    background: #2b2b2b;
    color: #FFF;
    cursor: pointer;
    border: none;
    padding: 7.5px;
    text-transform: uppercase; }
  html select, body select {
    border: 1px solid #e6e6e6;
    border-left: 2px solid #2b2b2b;
    padding: 0 15px;
    height: 35px;
    z-index: 10;
    width: 100%; }
    html select.dirty, body select.dirty {
      border: 1px solid #beddd0;
      border-left: 3px solid #299065; }
    html select.error, body select.error {
      border: 1px solid #facecf;
      border-left: 3px solid #f05d61;
      color: #f05d61; }
    html select.custom-select, body select.custom-select {
      display: inline-block;
      width: 100%;
      height: calc(2.25rem + 2px);
      padding: .375rem 1.75rem .375rem .75rem;
      line-height: 1.5;
      vertical-align: middle;
      background: #fff url("https://www.parfumswinkel.nl/skin/frontend/oathkeeper/default/css/oathkeeper/data:image/svg+xml;charset=utf8,%3Csv")xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
      background-size: 8px 10px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0 !important;
      border-left: 2px solid #2b2b2b !important; }
      html select.custom-select.dirty, body select.custom-select.dirty {
        border: 1px solid #beddd0;
        border-left: 3px solid #299065 !important; }
      html select.custom-select.error, body select.custom-select.error {
        border: 1px solid #facecf;
        border-left: 3px solid #f05d61 !important;
        color: #f05d61; }
  html .container, body .container {
    max-width: none;
    padding: 0;
    width: calc(100% - 30px); }
    @media (min-width: 576px) {
      html .container, body .container {
        width: calc(100% - 60px); } }
    @media (min-width: 1200px) {
      html .container, body .container {
        max-width: 1460px; } }
    html .container section, body .container section {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto; }
  @media (min-width: 992px) {
    html .sticky, body .sticky {
      position: -webkit-sticky;
      position: sticky;
      top: 130px; } }
  html .ok-icon, body .ok-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor; }
  html .btn, body .btn {
    background: #2b2b2b;
    color: #FFF !important;
    border-radius: 0;
    text-transform: uppercase; }
    html .btn.wishlist, body .btn.wishlist {
      background: transparent !important;
      border: none;
      color: #2b2b2b !important;
      padding: 0; }
      html .btn.wishlist .ok-add-to-wishlist, body .btn.wishlist .ok-add-to-wishlist {
        width: 33px !important;
        height: 28px !important; }
    html .btn.full-btn, body .btn.full-btn {
      width: 100%; }
    html .btn.btn-primary, body .btn.btn-primary {
      background: #e15a00;
      border: none; }
      html .btn.btn-primary:focus, body .btn.btn-primary:focus {
        box-shadow: none; }
      html .btn.btn-primary:not(:disabled):not(.disabled).active, html .btn.btn-primary:not(:disabled):not(.disabled):active, body .btn.btn-primary:not(:disabled):not(.disabled).active, body .btn.btn-primary:not(:disabled):not(.disabled):active {
        background-color: #e15a00; }
    html .btn.btn-secondary, body .btn.btn-secondary {
      border: none; }
      html .btn.btn-secondary:focus, body .btn.btn-secondary:focus {
        box-shadow: none; }
      html .btn.btn-secondary:hover, body .btn.btn-secondary:hover {
        background: #2b2b2b; }
      html .btn.btn-secondary:not(:disabled):not(.disabled).active, html .btn.btn-secondary:not(:disabled):not(.disabled):active, body .btn.btn-secondary:not(:disabled):not(.disabled).active, body .btn.btn-secondary:not(:disabled):not(.disabled):active {
        background-color: #2b2b2b; }
    html .btn.green, body .btn.green {
      background: #299065; }
    html .btn.red, body .btn.red {
      background: #f05d61;
      border-color: #f05d61 !important; }
    html .btn.grey, body .btn.grey {
      background: #606060; }
    html .btn.copper, body .btn.copper {
      background: #d55232; }
    html .btn.gold, body .btn.gold {
      background: #9b9258; }
    html .btn.ghost, body .btn.ghost {
      background: transparent !important;
      border: 1px solid #2b2b2b;
      color: #2b2b2b !important; }
      html .btn.ghost:hover, body .btn.ghost:hover {
        background: transparent;
        color: #2b2b2b !important; }
    html .btn.ghost.green, body .btn.ghost.green {
      border-color: #299065; }
    html .btn:hover, body .btn:hover {
      color: #FFF; }
    html .btn svg, body .btn svg {
      width: 22px;
      height: 22px;
      margin-right: 5px; }
  html .vue-scrollbar__scrollbar-vertical, body .vue-scrollbar__scrollbar-vertical {
    width: 7px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    opacity: 1 !important; }
    html .vue-scrollbar__scrollbar-vertical:hover, body .vue-scrollbar__scrollbar-vertical:hover {
      background: #f4f4f4; }
    html .vue-scrollbar__scrollbar-vertical .scrollbar, body .vue-scrollbar__scrollbar-vertical .scrollbar {
      background: #e6e6e6 !important;
      opacity: 1 !important;
      width: 100%; }
  html form .modal-dialog input, html form .modal-dialog select, body form .modal-dialog input, body form .modal-dialog select {
    margin-bottom: 15px; }
  html form footer, body form footer {
    margin-top: 0 !important; }
  html .modal-dialog.modal-xl, body .modal-dialog.modal-xl {
    width: 90%;
    max-width: 1400px; }
  html .modal-content, body .modal-content {
    border-radius: 0; }
  html .modal-body h3, body .modal-body h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700; }
  html .modal-footer, body .modal-footer {
    margin-top: 0 !important; }
  html .modal-backdrop.show, body .modal-backdrop.show {
    opacity: .2; }
  html .sticky-loading, body .sticky-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px; }
  html .loading-logo, body .loading-logo {
    margin-bottom: 15px;
    width: 150px; }
    html .loading-logo .stroke-fill, body .loading-logo .stroke-fill {
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      stroke: #8ac9ce; }
    html .loading-logo .polygon-fill, body .loading-logo .polygon-fill {
      fill: #DCF3F4; }
    html .loading-logo #left-inside-stroke, body .loading-logo #left-inside-stroke {
      animation: inside-animation 2.5s ease-out normal forwards infinite; }
    html .loading-logo #right-inside-stroke, body .loading-logo #right-inside-stroke {
      animation: inside-animation 2.5s ease-out normal forwards infinite; }
    html .loading-logo #left-outside-stroke, body .loading-logo #left-outside-stroke {
      animation: outside-animation 2.5s ease-out normal forwards infinite; }
    html .loading-logo #right-outside-stroke, body .loading-logo #right-outside-stroke {
      animation: outside-animation 2.5s ease-out normal forwards infinite; }
    html .loading-logo #polygon-right-fill-mask, body .loading-logo #polygon-right-fill-mask {
      transform-origin: center;
      animation: polygon-right-fill-mask 2.5s ease-out normal forwards infinite; }
    html .loading-logo #polygon-left-fill-mask, body .loading-logo #polygon-left-fill-mask {
      transform-origin: center;
      animation: polygon-left-fill-mask 2.5s ease-out normal forwards infinite; }
  html #menu-icon, body #menu-icon {
    width: 25px;
    height: 25px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 3px; }
    html #menu-icon span, body #menu-icon span {
      display: block;
      position: absolute;
      height: 1.5px;
      width: 100%;
      background: #2b2b2b;
      border-radius: 0px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      html #menu-icon span:nth-child(1), body #menu-icon span:nth-child(1) {
        top: 0px; }
      html #menu-icon span:nth-child(2), html #menu-icon span:nth-child(3), body #menu-icon span:nth-child(2), body #menu-icon span:nth-child(3) {
        top: 9px; }
      html #menu-icon span:nth-child(4), body #menu-icon span:nth-child(4) {
        top: 18px; }
    html #menu-icon.isOpen span:nth-child(1), body #menu-icon.isOpen span:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%; }
    html #menu-icon.isOpen span:nth-child(2), body #menu-icon.isOpen span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    html #menu-icon.isOpen span:nth-child(3), body #menu-icon.isOpen span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    html #menu-icon.isOpen span:nth-child(4), body #menu-icon.isOpen span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }
  html .tp-loader.spinner6, body .tp-loader.spinner6 {
    background: url(https://www.parfumswinkel.nl/skin/frontend/oathkeeper/default/images/loading.svg) center center;
    width: 50px;
    height: 50px; }
  html .helpdesk-contact-form-button.left, body .helpdesk-contact-form-button.left {
    z-index: 750; }
  html .etrusted-badge-container, body .etrusted-badge-container {
    z-index: 900 !important; }
  html .tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4, body .tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4 {
    position: fixed;
    bottom: 0;
    z-index: 994; }
  html .trustbadge-responsive-footer_db8d3657bdbe440c985ae127463eaad4__logo, body .trustbadge-responsive-footer_db8d3657bdbe440c985ae127463eaad4__logo {
    margin-bottom: 0 !important;
    top: 3px; }
  html .trustbadge-responsive-footer_db8d3657bdbe440c985ae127463eaad4__sub-text, body .trustbadge-responsive-footer_db8d3657bdbe440c985ae127463eaad4__sub-text {
    margin-top: 3px !important; }
  html .trustbadge-responsive-footer_db8d3657bdbe440c985ae127463eaad4 svg, body .trustbadge-responsive-footer_db8d3657bdbe440c985ae127463eaad4 svg {
    display: none; }
  html .newsletterEnrichmentModal, body .newsletterEnrichmentModal {
    color: #2b2b2b; }
    html .newsletterEnrichmentModal .modal-body, body .newsletterEnrichmentModal .modal-body {
      padding: 0 !important; }
    html .newsletterEnrichmentModal form, body .newsletterEnrichmentModal form {
      margin-right: -15px;
      margin-left: -15px; }
    html .newsletterEnrichmentModal p, body .newsletterEnrichmentModal p {
      display: block; }
  html .m-0, body .m-0 {
    margin: 0 !important; }
  html .m-1, body .m-1 {
    margin: 15px !important; }
  html .m-2, body .m-2 {
    margin: 30px !important; }
  html .m-3, body .m-3 {
    margin: 67.5px !important; }
  html .mt-0, html .my-0, body .mt-0, body .my-0 {
    margin-top: 0 !important; }
  html .mr-0, html .mx-0, body .mr-0, body .mx-0 {
    margin-right: 0 !important; }
  html .mb-0, html .my-0, body .mb-0, body .my-0 {
    margin-bottom: 0 !important; }
  html .ml-0, html .mx-0, body .ml-0, body .mx-0 {
    margin-left: 0 !important; }
  html .mt-1, html .my-1, body .mt-1, body .my-1 {
    margin-top: 15px !important; }
  html .mr-1, html .mx-1, body .mr-1, body .mx-1 {
    margin-right: 15px !important; }
  html .ml-1, html .mx-1, body .ml-1, body .mx-1 {
    margin-left: 15px !important; }
  html .mb-1, html .my-1, body .mb-1, body .my-1 {
    margin-bottom: 15px !important; }
  html .mt-2, html .my-2, body .mt-2, body .my-2 {
    margin-top: 30px !important; }
  html .mr-2, html .mx-2, body .mr-2, body .mx-2 {
    margin-right: 30px !important; }
  html .ml-2, html .mx-2, body .ml-2, body .mx-2 {
    margin-left: 30px !important; }
  html .mb-2, html .my-2, body .mb-2, body .my-2 {
    margin-bottom: 30px !important; }
  html .mt-3, html .my-3, body .mt-3, body .my-3 {
    margin-top: 67.5px !important; }
  html .mr-3, html .mx-3, body .mr-3, body .mx-3 {
    margin-right: 67.5px !important; }
  html .ml-3, html .mx-3, body .ml-3, body .mx-3 {
    margin-left: 67.5px !important; }
  html .mb-3, html .my-3, body .mb-3, body .my-3 {
    margin-bottom: 67.5px !important; }
  html .p-0, body .p-0 {
    padding: 0 !important; }
  html .p-1, body .p-1 {
    padding: 15px !important; }
  html .p-2, body .p-2 {
    padding: 30px !important; }
  html .p-3, body .p-3 {
    padding: 67.5px !important; }
  html .pl-0, html .px-0, body .pl-0, body .px-0 {
    padding-left: 0 !important; }
  html .pr-0, html .px-0, body .pr-0, body .px-0 {
    padding-right: 0 !important; }
  html .pt-0, html .py-0, body .pt-0, body .py-0 {
    padding-top: 0 !important; }
  html .pb-0, html .py-0, body .pb-0, body .py-0 {
    padding-bottom: 0 !important; }
  html .pl-1, html .px-1, body .pl-1, body .px-1 {
    padding-left: 15px !important; }
  html .pr-1, html .px-1, body .pr-1, body .px-1 {
    padding-right: 15px !important; }
  html .pt-1, html .py-1, body .pt-1, body .py-1 {
    padding-top: 15px !important; }
  html .pb-1, html .py-1, body .pb-1, body .py-1 {
    padding-bottom: 15px !important; }
  html .pl-2, html .px-2, body .pl-2, body .px-2 {
    padding-left: 30px !important; }
  html .pr-2, html .px-2, body .pr-2, body .px-2 {
    padding-right: 30px !important; }
  html .pt-2, html .py-2, body .pt-2, body .py-2 {
    padding-top: 30px !important; }
  html .pb-2, html .py-2, body .pb-2, body .py-2 {
    padding-bottom: 30px !important; }
  html .pl-3, html .px-3, body .pl-3, body .px-3 {
    padding-left: 67.5px !important; }
  html .pr-3, html .px-3, body .pr-3, body .px-3 {
    padding-right: 67.5px !important; }
  html .pt-3, html .py-3, body .pt-3, body .py-3 {
    padding-top: 67.5px !important; }
  html .pb-3, html .py-3, body .pb-3, body .py-3 {
    padding-bottom: 67.5px !important; }
  @media (min-width: 576px) {
    html .m-sm-0, body .m-sm-0 {
      margin: 0 !important; }
    html .m-sm-1, body .m-sm-1 {
      margin: 15px !important; }
    html .m-sm-2, body .m-sm-2 {
      margin: 30px !important; }
    html .m-sm-3, body .m-sm-3 {
      margin: 67.5px !important; }
    html .mt-sm-0, body .mt-sm-0 {
      margin-top: 0 !important; }
    html .mr-sm-0, body .mr-sm-0 {
      margin-right: 0 !important; }
    html .mb-sm-0, body .mb-sm-0 {
      margin-bottom: 0 !important; }
    html .ml-sm-0, body .ml-sm-0 {
      margin-left: 0 !important; }
    html .mt-sm-1, body .mt-sm-1 {
      margin-top: 15px !important; }
    html .mr-sm-1, body .mr-sm-1 {
      margin-right: 15px !important; }
    html .ml-sm-1, body .ml-sm-1 {
      margin-left: 15px !important; }
    html .mb-sm-1, body .mb-sm-1 {
      margin-bottom: 15px !important; }
    html .mt-sm-2, body .mt-sm-2 {
      margin-top: 30px !important; }
    html .mr-sm-2, body .mr-sm-2 {
      margin-right: 30px !important; }
    html .ml-sm-2, body .ml-sm-2 {
      margin-left: 30px !important; }
    html .mb-sm-2, body .mb-sm-2 {
      margin-bottom: 30px !important; }
    html .mt-sm-3, body .mt-sm-3 {
      margin-top: 67.5px !important; }
    html .mr-sm-3, body .mr-sm-3 {
      margin-right: 67.5px !important; }
    html .ml-sm-3, body .ml-sm-3 {
      margin-left: 67.5px !important; }
    html .mb-sm-3, body .mb-sm-3 {
      margin-bottom: 67.5px !important; }
    html .p-sm-0, body .p-sm-0 {
      padding: 0 !important; }
    html .p-sm-1, body .p-sm-1 {
      padding: 15px !important; }
    html .p-sm-2, body .p-sm-2 {
      padding: 30px !important; }
    html .p-sm-3, body .p-sm-3 {
      padding: 67.5px !important; }
    html .pl-sm-0, body .pl-sm-0 {
      padding-left: 0 !important; }
    html .pr-sm-0, body .pr-sm-0 {
      padding-right: 0 !important; }
    html .pt-sm-0, body .pt-sm-0 {
      padding-top: 0 !important; }
    html .pb-sm-0, body .pb-sm-0 {
      padding-bottom: 0 !important; }
    html .pl-sm-1, body .pl-sm-1 {
      padding-left: 15px !important; }
    html .pr-sm-1, body .pr-sm-1 {
      padding-right: 15px !important; }
    html .pt-sm-1, body .pt-sm-1 {
      padding-top: 15px !important; }
    html .pb-sm-1, body .pb-sm-1 {
      padding-bottom: 15px !important; }
    html .pl-sm-2, body .pl-sm-2 {
      padding-left: 30px !important; }
    html .pr-sm-2, body .pr-sm-2 {
      padding-right: 30px !important; }
    html .pt-sm-2, body .pt-sm-2 {
      padding-top: 30px !important; }
    html .pb-sm-2, body .pb-sm-2 {
      padding-bottom: 30px !important; }
    html .pl-sm-3, body .pl-sm-3 {
      padding-left: 67.5px !important; }
    html .pr-sm-3, body .pr-sm-3 {
      padding-right: 67.5px !important; }
    html .pt-sm-3, body .pt-sm-3 {
      padding-top: 67.5px !important; }
    html .pb-sm-3, body .pb-sm-3 {
      padding-bottom: 67.5px !important; } }
  @media (min-width: 768px) {
    html .m-md-0, body .m-md-0 {
      margin: 0 !important; }
    html .m-md-1, body .m-md-1 {
      margin: 15px !important; }
    html .m-md-2, body .m-md-2 {
      margin: 30px !important; }
    html .m-md-3, body .m-md-3 {
      margin: 67.5px !important; }
    html .mt-md-0, body .mt-md-0 {
      margin-top: 0 !important; }
    html .mr-md-0, body .mr-md-0 {
      margin-right: 0 !important; }
    html .mb-md-0, body .mb-md-0 {
      margin-bottom: 0 !important; }
    html .ml-md-0, body .ml-md-0 {
      margin-left: 0 !important; }
    html .mt-md-1, body .mt-md-1 {
      margin-top: 15px !important; }
    html .mr-md-1, body .mr-md-1 {
      margin-right: 15px !important; }
    html .ml-md-1, body .ml-md-1 {
      margin-left: 15px !important; }
    html .mb-md-1, body .mb-md-1 {
      margin-bottom: 15px !important; }
    html .mt-md-2, body .mt-md-2 {
      margin-top: 30px !important; }
    html .mr-md-2, body .mr-md-2 {
      margin-right: 30px !important; }
    html .ml-md-2, body .ml-md-2 {
      margin-left: 30px !important; }
    html .mb-md-2, body .mb-md-2 {
      margin-bottom: 30px !important; }
    html .mt-md-3, body .mt-md-3 {
      margin-top: 67.5px !important; }
    html .mr-md-3, body .mr-md-3 {
      margin-right: 67.5px !important; }
    html .ml-md-3, body .ml-md-3 {
      margin-left: 67.5px !important; }
    html .mb-md-3, body .mb-md-3 {
      margin-bottom: 67.5px !important; }
    html .p-md-0, body .p-md-0 {
      padding: 0 !important; }
    html .p-md-1, body .p-md-1 {
      padding: 15px !important; }
    html .p-md-2, body .p-md-2 {
      padding: 30px !important; }
    html .p-md-3, body .p-md-3 {
      padding: 67.5px !important; }
    html .pl-md-0, body .pl-md-0 {
      padding-left: 0 !important; }
    html .pr-md-0, body .pr-md-0 {
      padding-right: 0 !important; }
    html .pt-md-0, body .pt-md-0 {
      padding-top: 0 !important; }
    html .pb-md-0, body .pb-md-0 {
      padding-bottom: 0 !important; }
    html .pl-md-1, body .pl-md-1 {
      padding-left: 15px !important; }
    html .pr-md-1, body .pr-md-1 {
      padding-right: 15px !important; }
    html .pt-md-1, body .pt-md-1 {
      padding-top: 15px !important; }
    html .pb-md-1, body .pb-md-1 {
      padding-bottom: 15px !important; }
    html .pl-md-2, body .pl-md-2 {
      padding-left: 30px !important; }
    html .pr-md-2, body .pr-md-2 {
      padding-right: 30px !important; }
    html .pt-md-2, body .pt-md-2 {
      padding-top: 30px !important; }
    html .pb-md-2, body .pb-md-2 {
      padding-bottom: 30px !important; }
    html .pl-md-3, body .pl-md-3 {
      padding-left: 67.5px !important; }
    html .pr-md-3, body .pr-md-3 {
      padding-right: 67.5px !important; }
    html .pt-md-3, body .pt-md-3 {
      padding-top: 67.5px !important; }
    html .pb-md-3, body .pb-md-3 {
      padding-bottom: 67.5px !important; } }
  @media (min-width: 992px) {
    html .m-lg-0, body .m-lg-0 {
      margin: 0 !important; }
    html .m-lg-1, body .m-lg-1 {
      margin: 15px !important; }
    html .m-lg-2, body .m-lg-2 {
      margin: 30px !important; }
    html .m-lg-3, body .m-lg-3 {
      margin: 67.5px !important; }
    html .mr-lg--1, body .mr-lg--1 {
      margin-right: -15px !important; }
    html .mx-lg-1, body .mx-lg-1 {
      margin-left: 15px !important;
      margin-right: 15px !important; }
    html .mt-lg-0, body .mt-lg-0 {
      margin-top: 0 !important; }
    html .mr-lg-0, body .mr-lg-0 {
      margin-right: 0 !important; }
    html .mb-lg-0, body .mb-lg-0 {
      margin-bottom: 0 !important; }
    html .ml-lg-0, body .ml-lg-0 {
      margin-left: 0 !important; }
    html .mt-lg-1, body .mt-lg-1 {
      margin-top: 15px !important; }
    html .mr-lg-1, body .mr-lg-1 {
      margin-right: 15px !important; }
    html .ml-lg-1, body .ml-lg-1 {
      margin-left: 15px !important; }
    html .mb-lg-1, body .mb-lg-1 {
      margin-bottom: 15px !important; }
    html .mt-lg-2, body .mt-lg-2 {
      margin-top: 30px !important; }
    html .mr-lg-2, body .mr-lg-2 {
      margin-right: 30px !important; }
    html .ml-lg-2, body .ml-lg-2 {
      margin-left: 30px !important; }
    html .mb-lg-2, body .mb-lg-2 {
      margin-bottom: 30px !important; }
    html .mt-lg-3, body .mt-lg-3 {
      margin-top: 67.5px !important; }
    html .mr-lg-3, body .mr-lg-3 {
      margin-right: 67.5px !important; }
    html .ml-lg-3, body .ml-lg-3 {
      margin-left: 67.5px !important; }
    html .mb-lg-3, body .mb-lg-3 {
      margin-bottom: 67.5px !important; }
    html .p-lg-0, body .p-lg-0 {
      padding: 0 !important; }
    html .p-lg-1, body .p-lg-1 {
      padding: 15px !important; }
    html .p-lg-2, body .p-lg-2 {
      padding: 30px !important; }
    html .p-lg-3, body .p-lg-3 {
      padding: 67.5px !important; }
    html .px-lg-0, body .px-lg-0 {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    html .px-lg-1, body .px-lg-1 {
      padding-left: 15px !important;
      padding-right: 15px !important; }
    html .px-lg-2, body .px-lg-2 {
      padding-left: 30px !important;
      padding-right: 30px !important; }
    html .px-lg-3, body .px-lg-3 {
      padding-left: 67.5px !important;
      padding-right: 67.5px !important; }
    html .py-lg-0, body .py-lg-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    html .py-lg-1, body .py-lg-1 {
      padding-top: 15px !important;
      padding-bottom: 15px !important; }
    html .py-lg-2, body .py-lg-2 {
      padding-top: 30px !important;
      padding-bottom: 30px !important; }
    html .py-lg-3, body .py-lg-3 {
      padding-top: 67.5px !important;
      padding-bottom: 67.5px !important; }
    html .pl-lg-0, body .pl-lg-0 {
      padding-left: 0 !important; }
    html .pr-lg-0, body .pr-lg-0 {
      padding-right: 0 !important; }
    html .pt-lg-0, body .pt-lg-0 {
      padding-top: 0 !important; }
    html .pb-lg-0, body .pb-lg-0 {
      padding-bottom: 0 !important; }
    html .pl-lg-1, body .pl-lg-1 {
      padding-left: 15px !important; }
    html .pr-lg-1, body .pr-lg-1 {
      padding-right: 15px !important; }
    html .pt-lg-1, body .pt-lg-1 {
      padding-top: 15px !important; }
    html .pb-lg-1, body .pb-lg-1 {
      padding-bottom: 15px !important; }
    html .pl-lg-2, body .pl-lg-2 {
      padding-left: 30px !important; }
    html .pr-lg-2, body .pr-lg-2 {
      padding-right: 30px !important; }
    html .pt-lg-2, body .pt-lg-2 {
      padding-top: 30px !important; }
    html .pb-lg-2, body .pb-lg-2 {
      padding-bottom: 30px !important; }
    html .pl-lg-3, body .pl-lg-3 {
      padding-left: 67.5px !important; }
    html .pr-lg-3, body .pr-lg-3 {
      padding-right: 67.5px !important; }
    html .pt-lg-3, body .pt-lg-3 {
      padding-top: 67.5px !important; }
    html .pb-lg-3, body .pb-lg-3 {
      padding-bottom: 67.5px !important; } }
  @media (min-width: 1200px) {
    html .m-xl-0, body .m-xl-0 {
      margin: 0 !important; }
    html .m-xl-1, body .m-xl-1 {
      margin: 15px !important; }
    html .m-xl-2, body .m-xl-2 {
      margin: 30px !important; }
    html .m-xl-3, body .m-xl-3 {
      margin: 67.5px !important; }
    html .mt-xl-0, body .mt-xl-0 {
      margin-top: 0 !important; }
    html .mr-xl-0, body .mr-xl-0 {
      margin-right: 0 !important; }
    html .mb-xl-0, body .mb-xl-0 {
      margin-bottom: 0 !important; }
    html .ml-xl-0, body .ml-xl-0 {
      margin-left: 0 !important; }
    html .mt-xl-1, body .mt-xl-1 {
      margin-top: 15px !important; }
    html .mr-xl-1, body .mr-xl-1 {
      margin-right: 15px !important; }
    html .ml-xl-1, body .ml-xl-1 {
      margin-left: 15px !important; }
    html .mb-xl-1, body .mb-xl-1 {
      margin-bottom: 15px !important; }
    html .mt-xl-2, body .mt-xl-2 {
      margin-top: 30px !important; }
    html .mr-xl-2, body .mr-xl-2 {
      margin-right: 30px !important; }
    html .ml-xl-2, body .ml-xl-2 {
      margin-left: 30px !important; }
    html .mb-xl-2, body .mb-xl-2 {
      margin-bottom: 30px !important; }
    html .mt-xl-3, body .mt-xl-3 {
      margin-top: 67.5px !important; }
    html .mr-xl-3, body .mr-xl-3 {
      margin-right: 67.5px !important; }
    html .ml-xl-3, body .ml-xl-3 {
      margin-left: 67.5px !important; }
    html .mb-xl-3, body .mb-xl-3 {
      margin-bottom: 67.5px !important; }
    html .p-xl-0, body .p-xl-0 {
      padding: 0 !important; }
    html .p-xl-1, body .p-xl-1 {
      padding: 15px !important; }
    html .p-xl-2, body .p-xl-2 {
      padding: 30px !important; }
    html .p-xl-3, body .p-xl-3 {
      padding: 67.5px !important; }
    html .pl-xl-0, html .py-xl-0, body .pl-xl-0, body .py-xl-0 {
      padding-left: 0 !important; }
    html .pr-xl-0, html .py-xl-0, body .pr-xl-0, body .py-xl-0 {
      padding-right: 0 !important; }
    html .pt-xl-0, html .px-xl-0, body .pt-xl-0, body .px-xl-0 {
      padding-top: 0 !important; }
    html .pb-xl-0, html .px-xl-0, body .pb-xl-0, body .px-xl-0 {
      padding-bottom: 0 !important; }
    html .pl-xl-1, html .py-xl-1, body .pl-xl-1, body .py-xl-1 {
      padding-left: 15px !important; }
    html .pr-xl-1, html .py-xl-1, body .pr-xl-1, body .py-xl-1 {
      padding-right: 15px !important; }
    html .pt-xl-1, html .px-xl-1, body .pt-xl-1, body .px-xl-1 {
      padding-top: 15px !important; }
    html .pb-xl-1, html .px-xl-1, body .pb-xl-1, body .px-xl-1 {
      padding-bottom: 15px !important; }
    html .pl-xl-2, html .py-xl-2, body .pl-xl-2, body .py-xl-2 {
      padding-left: 30px !important; }
    html .pr-xl-2, html .py-xl-2, body .pr-xl-2, body .py-xl-2 {
      padding-right: 30px !important; }
    html .pt-xl-2, html .px-xl-2, body .pt-xl-2, body .px-xl-2 {
      padding-top: 30px !important; }
    html .pb-xl-2, html .px-xl-2, body .pb-xl-2, body .px-xl-2 {
      padding-bottom: 30px !important; }
    html .pl-xl-3, html .py-xl-3, body .pl-xl-3, body .py-xl-3 {
      padding-left: 67.5px !important; }
    html .pr-xl-3, html .py-xl-3, body .pr-xl-3, body .py-xl-3 {
      padding-right: 67.5px !important; }
    html .pt-xl-3, html .px-xl-3, body .pt-xl-3, body .px-xl-3 {
      padding-top: 67.5px !important; }
    html .pb-xl-3, html .px-xl-3, body .pb-xl-3, body .px-xl-3 {
      padding-bottom: 67.5px !important; } }
  html .customer-support, body .customer-support {
    display: none; }
  html .tooltip-inner a, body .tooltip-inner a {
    color: #8ac9ce; }
  html svg.chevron-up, body svg.chevron-up {
    transform: rotateZ(180deg) !important; }
  html svg.chevron-left, body svg.chevron-left {
    transform: rotateZ(90deg) !important; }
  html svg.chevron-right, body svg.chevron-right {
    transform: rotateZ(-90deg) !important; }
  html .flex-grow-0, body .flex-grow-0 {
    flex-grow: 0 !important; }
  html .flex-grow, body .flex-grow {
    flex-grow: 1; }
  html .flex-shrink-0, body .flex-shrink-0 {
    flex-shrink: 0 !important; }
  html .flex-shrink, body .flex-shrink {
    flex-shrink: 1; }
  html .collapsable, body .collapsable {
    margin: 0 -15px; }
    @media (min-width: 768px) {
      html .collapsable, body .collapsable {
        margin: 0 0 30px; } }
    html .collapsable .title, body .collapsable .title {
      display: flex;
      padding: 15px;
      text-transform: uppercase;
      font-size: 17px;
      font-weight: 700;
      font-family: "Lato", Arial, sans-serif;
      border: 1px solid #e6e6e6;
      justify-content: space-between;
      align-items: center;
      background: #FFF;
      cursor: pointer;
      width: 100%; }
      html .collapsable .title h1, body .collapsable .title h1 {
        font-size: 17px;
        margin: 0; }
      html .collapsable .title svg, body .collapsable .title svg {
        transform: rotate(0deg); }
      @media (min-width: 768px) {
        html .collapsable .title, body .collapsable .title {
          margin-bottom: 30px; } }
    html .collapsable.open .title > svg, body .collapsable.open .title > svg {
      transform: rotate(180deg); }
    html .collapsable .content, body .collapsable .content {
      padding: 15px 15px 30px;
      background: #FFF; }
      @media (min-width: 768px) {
        html .collapsable .content, body .collapsable .content {
          padding: 30px 15px; } }
  html .swiper-container, body .swiper-container {
    height: 35vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px; }
    @media (min-width: 576px) {
      html .swiper-container, body .swiper-container {
        height: 50vh; } }
  html .swiper-wrapper, body .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center; }
  html .swiper-wrapper, body .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  html .swiper-slide, body .swiper-slide {
    float: left;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    @media (min-width: 768px) {
      html .swiper-slide, body .swiper-slide {
        display: block; } }
    html .swiper-slide img, body .swiper-slide img {
      max-height: 100%; }
  html .swiper-slide, body .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  html .swiper-button-prev, html .swiper-button-next, body .swiper-button-prev, body .swiper-button-next {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 100%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; }
    html .swiper-button-prev.swiper-button-disabled, html .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled, body .swiper-button-next.swiper-button-disabled {
      display: none; }
    html .swiper-button-prev svg, html .swiper-button-next svg, body .swiper-button-prev svg, body .swiper-button-next svg {
      width: 25px;
      height: 25px; }
  html .swiper-button-next, body .swiper-button-next {
    top: 0;
    right: 0;
    left: auto; }
  html .swiper-pagination, body .swiper-pagination {
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px 0 0 !important; }
  html .swiper-pagination-bullet, body .swiper-pagination-bullet {
    width: 100%;
    height: 8px;
    border-radius: 2px;
    background: #e6e6e6;
    margin-right: 7.5px; }
    html .swiper-pagination-bullet.swiper-pagination-bullet-active, body .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #2b2b2b; }
  @media (min-width: 768px) {
    html .swiper-container, body .swiper-container {
      height: 525px; }
    html .swiper-wrapper, body .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform,-webkit-transform;
      -webkit-box-sizing: content-box;
      box-sizing: content-box; }
    html .swiper-container-vertical > .swiper-wrapper, body .swiper-container-vertical > .swiper-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    html .swiper-button-prev, html .swiper-button-next, body .swiper-button-prev, body .swiper-button-next {
      position: absolute;
      top: 0;
      width: 100%;
      height: 44px;
      z-index: 10;
      cursor: pointer;
      background: #FFF;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e6e6e6;
      border-bottom: 2px solid #2b2b2b; }
      html .swiper-button-prev.swiper-button-disabled, html .swiper-button-next.swiper-button-disabled, body .swiper-button-prev.swiper-button-disabled, body .swiper-button-next.swiper-button-disabled {
        display: none; }
      html .swiper-button-prev svg, html .swiper-button-next svg, body .swiper-button-prev svg, body .swiper-button-next svg {
        width: 25px;
        height: 25px; }
    html .swiper-button-next, body .swiper-button-next {
      bottom: 0;
      top: auto;
      background: #FFF;
      border: 1px solid #e6e6e6;
      border-top: 2px solid #2b2b2b; }
    html .swiper-container-vertical .swiper-slide, body .swiper-container-vertical .swiper-slide {
      height: 120px !important; }
      html .swiper-container-vertical .swiper-slide span, body .swiper-container-vertical .swiper-slide span {
        margin-bottom: 0; } }
  html #admin_messages li, html .messages li ul, html .messages li ul li span, body #admin_messages li, body .messages li ul, body .messages li ul li span {
    display: none; }
  html #tsbadge4_db8d3657bdbe440c985ae127463eaad4, body #tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
    z-index: 980 !important; }
  html #chat-widget-container, body #chat-widget-container {
    z-index: 981 !important; }

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