/*!
 * gulp-nunjucks-sass-template
 * A Gulp 4 template including SCSS, Nunjucks, JS and more
 *
 * Url: jcmadore.com
 * Author: Jean-CHristophe Madore
 * Copyright 2021-2022. MIT licensed.
 */
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap);.card .card__body strong,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--primary-font)
}

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

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

.card .card__body strong,p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote,figure {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    background-color: transparent
}

a:hover {
    color: #0056b3
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

img {
    vertical-align: middle;
    border-style: none;
    display: block;
    height: auto;
    width: 100%
}

svg {
    overflow: hidden;
    vertical-align: middle
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[role=button],[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.container-xxxl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

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

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto,.col-xxxl,.col-xxxl-1,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9,.col-xxxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

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

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

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

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

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

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

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

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

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

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

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

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

.d-flex {
    display: flex!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --primary-color: #ff0001;
    --secondary-color: #333333;
    --black-color: #000000;
    --white-color: #ffffff;
    --accent-color: #f0f0f0;
    --primary-font: Raleway;
    --secondary-font: Montserrat;
    --btn-font: Raleway;
    --sm: 576px;
    --md: 768px;
    --lg: 992px;
    --xl: 1200px;
    --xxl: 1400px;
    --xxxl: 1700px;
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.h1,h1 {
    font-size: 5rem;
    font-weight: 800;
    color: var(--secondary-color)
}

.h2,h2 {
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--secondary-color)
}

.h3,h3 {
    font-weight: 500;
    color: var(--secondary-color)
}

.card .card__body strong,.p,p {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--secondary-color)
}

.card .card__body strong.small,p.small {
    font-size: 1.2rem;
    font-weight: 400;
    color: #000
}

[class^=btn-] {
    color: #fff
}

input,textarea {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000
}

input:placeholder,textarea:placeholder {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000
}

.card .card__body .text-primary strong,.text-primary,.text-primary .card .card__body strong,.text-primary .h1,.text-primary .h2,.text-primary .h3,.text-primary .h4,.text-primary .h5,.text-primary .h6,.text-primary a,.text-primary h1,.text-primary h2,.text-primary h3,.text-primary h4,.text-primary h5,.text-primary h6,.text-primary p {
    color: #ff0001
}

.bg-primary {
    background-color: #ff0001
}

.card .card__body .text-secondary strong,.text-secondary,.text-secondary .card .card__body strong,.text-secondary .h1,.text-secondary .h2,.text-secondary .h3,.text-secondary .h4,.text-secondary .h5,.text-secondary .h6,.text-secondary a,.text-secondary h1,.text-secondary h2,.text-secondary h3,.text-secondary h4,.text-secondary h5,.text-secondary h6,.text-secondary p {
    color: #333
}

.bg-secondary {
    background-color: #333
}

.card .card__body .text-black strong,.text-black,.text-black .card .card__body strong,.text-black .h1,.text-black .h2,.text-black .h3,.text-black .h4,.text-black .h5,.text-black .h6,.text-black a,.text-black h1,.text-black h2,.text-black h3,.text-black h4,.text-black h5,.text-black h6,.text-black p {
    color: #000
}

.bg-black {
    background-color: #000
}

.card .card__body .text-white strong,.text-white,.text-white .card .card__body strong,.text-white .h1,.text-white .h2,.text-white .h3,.text-white .h4,.text-white .h5,.text-white .h6,.text-white a,.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white p {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.card .card__body .text-accent strong,.text-accent,.text-accent .card .card__body strong,.text-accent .h1,.text-accent .h2,.text-accent .h3,.text-accent .h4,.text-accent .h5,.text-accent .h6,.text-accent a,.text-accent h1,.text-accent h2,.text-accent h3,.text-accent h4,.text-accent h5,.text-accent h6,.text-accent p {
    color: #f0f0f0
}

.bg-accent {
    background-color: #f0f0f0
}

.btn-primary {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    padding: 1.3rem 1.6rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    text-align: center
}

.btn-primary:hover {
    color: var(--primary-color)
}

.btn-secondary {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    padding: 1.1rem 1.6rem;
    transition: .3s ease-in-out;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    text-align: center
}

.btn-secondary:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.bg-transparent {
    background-color: transparent
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.d-grid {
    display: grid
}

.d-inline-grid {
    display: inline-grid
}

.font-thin {
    font-weight: 100
}

.font-extralight {
    font-weight: 200
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.c-cardicon__content .card .card__body strong,.c-cardicon__content p,.c-cardicon__content ul,.card .card__body .c-cardicon__content strong,.font-semibold,.ls-steps>li ul li {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.opacity-0 {
    opacity: 0
}

.opacity-5 {
    opacity: .05
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.opacity-95 {
    opacity: .95
}

.opacity-100 {
    opacity: 1
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.pt-section {
    padding-top: 6rem
}

.pb-section {
    padding-bottom: 6rem
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.px-0 {
    padding-right: 0;
    padding-left: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.mx-0 {
    margin-right: 0;
    margin-left: 0
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.p-10 {
    padding: 10px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pl-10 {
    padding-left: 10px
}

.pr-10 {
    padding-right: 10px
}

.px-10 {
    padding-right: 10px;
    padding-left: 10px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.m-10 {
    margin: 10px
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.ml-10 {
    margin-left: 10px
}

.mr-10 {
    margin-right: 10px
}

.mx-10 {
    margin-right: 10px;
    margin-left: 10px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.p-15 {
    padding: 15px
}

.pt-15 {
    padding-top: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pl-15 {
    padding-left: 15px
}

.pr-15 {
    padding-right: 15px
}

.px-15 {
    padding-right: 15px;
    padding-left: 15px
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.m-15 {
    margin: 15px
}

.mt-15 {
    margin-top: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

.mr-15 {
    margin-right: 15px
}

.mx-15 {
    margin-right: 15px;
    margin-left: 15px
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.p-20 {
    padding: 20px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pl-20 {
    padding-left: 20px
}

.pr-20 {
    padding-right: 20px
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.m-20 {
    margin: 20px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

.mr-20 {
    margin-right: 20px
}

.mx-20 {
    margin-right: 20px;
    margin-left: 20px
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.p-30 {
    padding: 30px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-30 {
    padding-left: 30px
}

.pr-30 {
    padding-right: 30px
}

.px-30 {
    padding-right: 30px;
    padding-left: 30px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.m-30 {
    margin: 30px
}

.mt-30 {
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.ml-30 {
    margin-left: 30px
}

.mr-30 {
    margin-right: 30px
}

.mx-30 {
    margin-right: 30px;
    margin-left: 30px
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.p-60 {
    padding: 60px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pl-60 {
    padding-left: 60px
}

.pr-60 {
    padding-right: 60px
}

.px-60 {
    padding-right: 60px;
    padding-left: 60px
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.m-60 {
    margin: 60px
}

.mt-60 {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.ml-60 {
    margin-left: 60px
}

.mr-60 {
    margin-right: 60px
}

.mx-60 {
    margin-right: 60px;
    margin-left: 60px
}

.my-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.p-100 {
    padding: 100px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pl-100 {
    padding-left: 100px
}

.pr-100 {
    padding-right: 100px
}

.px-100 {
    padding-right: 100px;
    padding-left: 100px
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.m-100 {
    margin: 100px
}

.mt-100 {
    margin-top: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-100 {
    margin-left: 100px
}

.mr-100 {
    margin-right: 100px
}

.mx-100 {
    margin-right: 100px;
    margin-left: 100px
}

.my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

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

a,a:hover {
    text-decoration: none
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #dee5ec;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: var(--secondary-font),sans-serif;
    font-size: 1.8rem;
    color: grey;
    font-weight: 600;
    line-height: 26px;
    outline: 0;
    margin: .8rem 0;
    padding: 1.6rem 2.5rem 1.6rem 1.6rem;
    position: relative;
    text-align: left!important;
    transition: .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal!important;
    width: 100%
}

.nice-select:hover {
    border-color: #ced8e3
}

.nice-select.open,.nice-select:active,.nice-select:focus {
    border-color: #dee5ec
}

.nice-select:after {
    border-bottom: 2px solid #ff0001;
    border-right: 2px solid #ff0001;
    content: '';
    display: block;
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 40%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: .15s ease-in-out;
    width: 10px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    width: calc(100% + 2px)
}

.nice-select.open .list li {
    padding: 1.6rem;
    border: 1px solid #dee5ec;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal!important;
    font-family: var(--secondary-font),sans-serif;
    font-size: 1.5rem;
    color: grey;
    font-weight: 600;
    line-height: 20px
}

.nice-select.open .list li:hover {
    color: #fff
}

.nice-select.open .list li:before {
    content: ""
}

.nice-select.disabled {
    border-color: #e4eaf0;
    color: grey;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #fff
}

.nice-select .list {
    background-color: #fff;
    box-sizing: border-box;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: -1px;
    transform-origin: 50% 0;
    transform: scale(.75) translateY(-21px);
    transition: .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: .2s
}

.nice-select .option:hover {
    background-color: #ff0001;
    color: #fff
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: grey;
    cursor: default;
    display: none
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.beefup {
    margin: 1em 0;
    border: 1px solid #ddd;
    border-radius: 4px
}

.beefup:hover {
    border-color: #ccc
}

.beefup:first-child {
    margin-top: 0
}

.beefup__body,.beefup__head {
    padding: 10px 20px
}

.beefup__head {
    cursor: pointer;
    position: relative;
    margin: 0;
    padding-right: 50px
}

.beefup__head>button,button.beefup__head {
    cursor: pointer;
    display: block;
    width: 100%;
    background: 0 0;
    border: 0;
    font: inherit;
    text-align: inherit
}

.beefup__head>button[aria-disabled],button.beefup__head[aria-disabled] {
    cursor: default;
    outline: 0
}

.beefup__head>button {
    position: relative;
    z-index: 1;
    margin: -10px -50px -10px -20px;
    padding: inherit;
    width: calc(100% + 70px);
    background: inherit;
    border: inherit
}

.beefup__head::after {
    transition: transform .2s ease-out;
    content: '';
    transform: translate(0,-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 0;
    margin-top: -2px;
    padding: 3px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    color: #ccc
}

.beefup.is-open>.beefup__head::after {
    transform: translate(0,-50%) rotate(225deg);
    margin-top: 2px
}

.pushy {
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.pushy .pushy-nav {
    width: 25rem
}

.pushy .pushy-nav a {
    color: var(--secondary-color)
}

.pushy a {
    display: block;
    color: #ff0001;
    padding: 15px 0;
    text-decoration: none
}

.pushy a.btn {
    position: absolute;
    bottom: 0
}

.pushy a:hover {
    color: #ff0001
}

.pushy li:last-child a {
    border-bottom: none
}

.pushy ul:first-child {
    margin-top: 10px
}

.pushy.pushy-left {
    left: 0
}

.pushy.pushy-right {
    right: 0
}

.pushy-left {
    transform: translate3d(-200px,0,0)
}

.pushy-open-left #container,.pushy-open-left .push,.pushy-right {
    transform: translate3d(200px,0,0)
}

.pushy-open-left .pushy,.pushy-open-right .pushy {
    transform: translate3d(0,0,0)
}

.pushy-open-left .pushy-content,.pushy-open-right .pushy-content {
    visibility: visible
}

#container,.push,.pushy {
    transition: transform .2s cubic-bezier(.16,.68,.43,.99)
}

.pushy-content {
    visibility: hidden;
    height: 100%;
    padding-bottom: 2rem;
    transition: visibility .2s cubic-bezier(.16,.68,.43,.99)
}

.site-overlay {
    display: none
}

.pushy-open-left .site-overlay,.pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,.5);
    -webkit-animation: .5s fade;
    animation: .5s fade
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.pushy-submenu>ul {
    transition: max-height .2s ease-in-out,visibility .2s ease-in-out
}

.pushy-submenu>ul .pushy-link {
    transition: opacity .2s ease-in-out
}

.pushy-submenu button {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: left;
    background: 0 0;
    border: 0
}

.pushy-submenu button:hover {
    color: #fff
}

.pushy-submenu>a,.pushy-submenu>button {
    position: relative
}

.pushy-submenu>a::after,.pushy-submenu>button::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../img/icons/arrow.svg) no-repeat;
    transform: translateY(-50%);
    transition: transform .2s
}

.pushy-submenu-closed>ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

.pushy-submenu-closed .pushy-link {
    opacity: 0
}

.pushy-submenu-open>ul {
    max-height: 200px;
    visibility: visible
}

.pushy-submenu-open .pushy-link {
    opacity: 1
}

.pushy-submenu-open>a::after,.pushy-submenu-open>button::after {
    transform: translateY(-50%) rotate(90deg)
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,to {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    0%,to {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0%,to {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,to {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0)
    }
}

.animate__swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0%,to {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

@keyframes tada {
    0%,to {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%,to {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,to {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0%,28%,70% {
        transform: scale(1)
    }

    14%,42% {
        transform: scale(1.3)
    }
}

@keyframes heartBeat {
    0%,28%,70% {
        transform: scale(1)
    }

    14%,42% {
        transform: scale(1.3)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    background: 0 0/100% 100% no-repeat;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.card .card__body .fancybox-error strong,.fancybox-error .card .card__body strong,.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: dotted 1px
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    background: linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: 1s linear infinite fancybox-rotate;
    animation: 1s linear infinite fancybox-rotate;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0,0,0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1,1,1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1,1,1) translate3d(0,0,0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0,0,0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.card .card__body .fancybox-share strong,.fancybox-share .card .card__body strong,.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    color: #000
}

.icon {
    line-height: 1
}

.display {
    font-size: 5rem;
    line-height: 1.2;
    font-weight: 700;
    opacity: .1;
    text-align: center;
    font-family: var(--primary-font)
}

.display--primary-color {
    font-size: 5rem;
    font-weight: 600;
    text-align: center;
    font-family: var(--secondary-font);
    color: var(--primary-color)
}

.display--primary-color sup {
    font-family: var(--secondary-font);
    font-size: 4rem
}

.card .card__body strong:not(:last-child),.h1:not(:last-child),.h2:not(:last-child),.h3:not(:last-child),.h4:not(:last-child),.h5:not(:last-child),.h6:not(:last-child),h1:not(:last-child),h2:not(:last-child),h3:not(:last-child),h4:not(:last-child),h5:not(:last-child),h6:not(:last-child),p:not(:last-child) {
    margin-bottom: 1.5rem
}

.card .card__body strong,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p {
    font-family: var(--primary-font)
}

.h1,.h2,h1,h2 {
    line-height: 1.18
}

h1 {
    font-size: 4rem
}

h2 {
    font-size: 2.5rem
}

.h3,h3 {
    text-transform: uppercase;
    font-size: 2.5rem;
    letter-spacing: 5px
}

.card .card__body strong,.h3,h3,p {
    line-height: 1.25
}

span.number {
    font-family: var(--secondary-font)
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("eot"),url(../fonts/icons.woff2) format("woff2"),url(../fonts/icons.woff) format("woff"),url(../fonts/icons.ttf) format("truetype"),url(../fonts/icons.svg#icons) format("svg")
}

.icon:before,ul.list--arrow li::before {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-ic_adresse:before {
    content: "\E001"
}

.icon-ic_arrow:before,ul.list--arrow li::before {
    content: "\E002"
}

.icon-ic_caculateur:before {
    content: "\E003"
}

.icon-ic_email:before {
    content: "\E004"
}

.icon-ic_facebook:before {
    content: "\E005"
}

.icon-ic_favicon:before {
    content: "\E006"
}

.icon-ic_multiplication:before {
    content: "\E007"
}

.icon-ic_symbole-logo:before {
    content: "\E008"
}

.icon-ic_telephone:before {
    content: "\E009"
}

button {
    border: none;
    outline: 0
}

[class^=btn-] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: .5s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8rem;
    font-family: var(--primary-font)
}

.btn-primary {
    transition: .3s ease-in-out;
    border: solid 3px var(--primary-color);
    font-size: 1.6rem;
    font-weight: 700
}

.btn-primary:hover {
    background-color: transparent
}

.btn-primary--ghost {
    transition: .3s ease-in-out;
    border: solid 3px var(--primary-color);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--secondary-color);
    background-color: transparent
}

.btn-primary--ghost:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.btn-primary--white {
    transition: .3s ease-in-out;
    border: 3px solid #fff;
    font-size: 1.6rem;
    font-weight: 700;
    background-color: #fff;
    color: var(--primary-color)
}

.btn-primary--white:hover {
    background-color: transparent;
    color: #fff
}

.btn-step {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--secondary-color);
    border: var(--primary-color) 3px solid;
    padding: 1.3rem 1.6rem;
    border-radius: 5px;
    margin: 1rem
}

.btn-step.active {
    color: #fff;
    background-color: var(--primary-color)
}

.btn-icon:before {
    font-size: 2.4rem;
    margin-right: .75rem;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.card {
    height: 100%;
    display: flex;
    flex-direction: column
}

.card .card__head {
    background-color: var(--secondary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5rem;
    min-height: 314px
}

.card .card__head h3 {
    color: #fff;
    text-transform: uppercase
}

.card .card__body {
    padding: 3rem;
    box-shadow: 0 1px 15px 1px rgba(0,0,0,.16);
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card .card__body strong {
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;
    display: block;
    margin-top: 3rem;
    margin-bottom: .5rem!important
}

.card .card__body .typography {
    min-height: 75px
}

.card .card__body .typography a {
    color: inherit;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--primary-color);
    text-decoration-color: var(--primary-color);
    transition: color .2s
}

.card .card__body .typography a:hover {
    color: var(--primary-color)
}

.card .card__body img {
    width: 50%
}

.card .card__body .btn-primary {
    display: block;
    margin: 5rem auto 0
}

.card--square {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1.5rem;
    position: relative;
    overflow: hidden;
    width: calc(100% - 30px)
}

.card--square::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: calc(100% / (1/1))
}

.card--square>* {
    position: absolute
}

.card--square>figure,.card--square>iframe,.card--square>img,.card--square>picture,.card--square>video {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card--square::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .7;
    background: var(--secondary-color);
    z-index: 1;
    top: 0;
    left: 0;
    transition: opacity .3s ease-in-out
}

.card--square .text {
    z-index: 2;
    padding: 2.5rem;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.card--square .text h3 {
    color: #fff;
    text-transform: uppercase
}

.card--square .text hr {
    background-color: var(--primary-color);
    height: 3px;
    border: none;
    width: 75px;
    margin: auto
}

.card--square:hover .text,.card--square:hover::after {
    opacity: 0
}

.card--big {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 50rem
}

.card--big::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: var(--secondary-color);
    z-index: 1;
    top: 0;
    left: 0;
    transition: .3s ease-in-out
}

.card--big .text {
    z-index: 2;
    padding: 2.5rem;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.card--big .text h3 {
    color: #fff;
    text-transform: uppercase
}

.card--big .text hr {
    background-color: var(--primary-color);
    height: 3px;
    border: none;
    width: 75px;
    margin: auto
}

.card .card__body .card--big .text strong,.card--big .text .card .card__body strong,.card--big .text p {
    margin-top: 3rem;
    color: #fff
}

.card--big:hover::after {
    height: 18rem;
    top: 50%;
    transform: translateY(-50%)
}

.card .card__body .card--big:hover .text strong,.card--big:hover .text .card .card__body strong,.card--big:hover .text p {
    display: none
}

.card--long {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 25rem
}

.card--long::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: var(--secondary-color);
    z-index: 1;
    top: 0;
    left: 0;
    transition: opacity .3s ease-in-out
}

.card--long .text {
    z-index: 2;
    padding: 2.5rem;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.card--long .text h3 {
    color: #fff;
    text-transform: uppercase
}

.card--long .text hr {
    background-color: var(--primary-color);
    height: 3px;
    border: none;
    width: 75px;
    margin: auto
}

.card--long:hover .text,.card--long:hover::after {
    opacity: 0
}

.card--long.active,.card--long.nice-select.open,.card--long:active,.card--long:focus {
    border: var(--primary-color) 5px solid
}

.card--long.active::after,.card--long.nice-select.open::after,.card--long:active::after,.card--long:focus::after {
    opacity: .8
}

.card--long.active .text,.card--long.nice-select.open .text,.card--long:active .text,.card--long:focus .text {
    opacity: 1
}

.card--red {
    background-color: var(--primary-color);
    min-height: 26rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.card--red img,.card--red svg {
    max-width: 7.5rem;
    margin-bottom: 2rem
}

.card--red .text,.card--red .text--hover {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2rem 6rem;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.card .card__body .card--red .text strong,.card .card__body .card--red .text--hover strong,.card--red .text .card .card__body strong,.card--red .text h2,.card--red .text h3,.card--red .text p,.card--red .text--hover .card .card__body strong,.card--red .text--hover h2,.card--red .text--hover h3,.card--red .text--hover p {
    color: #fff
}

.card--red .text--hover {
    opacity: 0;
    position: absolute
}

.card--red:hover .text {
    opacity: 0
}

.card--red:hover .text--hover {
    opacity: 1
}

.card-calc h4 {
    color: var(--primary-color);
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center
}

.card-calc img {
    width: 100%;
    height: auto
}

#temoignages {
    text-align: center
}

#temoignages .splide__slide {
    padding: 50px 75px
}

.loader {
    background: var(--primary-color);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

h4.beefup__head {
    margin-bottom: 0
}

.calculator__surface .icon-ic_multiplication {
    font-size: 2.1rem;
    color: var(--primary-color);
    margin: 3rem
}

.calculator__surface .card-calc {
    position: relative
}

.calculator__surface .card-calc .card-calc__number {
    font-size: 3.7rem;
    font-weight: 700;
    font-family: var(--secondary-font);
    color: #9e9e9e;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: none;
    text-align: center;
    max-width: 30rem
}

.calculator__surface .card-calc .card-calc__unit {
    font-size: 3.7rem;
    font-weight: 700;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%)
}

.calculator__surface .card-calc .card-calc__unit sup {
    font-size: 2.5rem
}

.badge--primary {
    color: #fff;
    font-family: var(--primary-font);
    font-size: 3.5rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--primary-color);
    border-radius: 100%;
    height: 9rem;
    width: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6rem 0
}

.quantity {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 50px;
    box-shadow: 0 2px 10px 1px rgba(112,112,112,.5);
    margin: auto
}

[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield;
    font-family: var(--secondary-font)
}

.quantity input {
    width: 11rem;
    height: 5rem;
    font-family: var(--secondary-font);
    font-size: 1.8rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50% 0 0;
    margin: 0;
    text-align: right
}

.quantity .percent {
    font-family: var(--secondary-font);
    font-size: 1.8rem;
    font-weight: 700;
    color: rgba(51,51,51,.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.quantity input:focus {
    outline: 0
}

.quantity-nav {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.quantity-button {
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: var(--secondary-color)
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%
}

ul.list-custom {
    font-family: var(--secondary-font),sans-serif;
    font-size: 2rem;
    color: #000;
    font-weight: 400;
    line-height: 1.5
}

ul.list-custom li:before {
    content: '\2022';
    color: var(--primary-color);
    margin-right: .5rem
}

ul.list--arrow {
    margin-top: 2rem
}

ul.list--arrow li:not(:last-child) {
    margin-bottom: 1rem
}

ul.list--arrow li a {
    color: var(--secondary-color);
    transition: color .3s ease-in-out;
    font-family: var(--primary-font)
}

ul.list--arrow li a:hover {
    color: var(--primary-color)
}

ul.list--arrow li::before {
    font-size: 1.5rem;
    color: var(--primary-color);
    transform: translateY(2px);
    display: inline-block;
    margin-right: .5rem
}

ul.coord .icon {
    display: flex;
    align-items: flex-start;
    margin-bottom: 4rem
}

ul.coord .icon::before {
    font-size: 3rem;
    color: var(--primary-color);
    margin-right: 1.5rem
}

ul.coord .icon a {
    color: var(--secondary-color);
    line-height: 1.3;
    transition: color .3s ease-in-out;
    font-family: Raleway
}

ul.coord .icon a strong {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    font-family: Montserrat
}

ul.coord .icon a:hover:not(strong) {
    color: var(--primary-color)
}

ol {
    display: flex;
    flex-wrap: wrap
}

ol li {
    background-color: #f0f0f0;
    width: 100%;
    margin-bottom: 1.5rem
}

ol li .list__number {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 3.3rem;
    font-weight: 600;
    font-family: var(--secondary-font);
    height: 9rem;
    min-width: 9rem;
    display: flex;
    justify-content: center;
    align-items: center
}

ol li .list__content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.card .card__body ol li .list__content strong,ol li .list__content .card .card__body strong,ol li .list__content p {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 0!important
}

ol li .list__content span {
    font-size: 1.5rem;
    font-style: italic
}

ol li .list__content span a {
    text-decoration: underline;
    color: var(--secondary-color)
}

hr {
    box-sizing: content-box;
    overflow: visible;
    border: 0;
    height: 3px;
    background: var(--primary-color);
    width: 7.5rem;
    z-index: 2
}

.gallery-thumbs {
    height: 100%
}

.gallery-thumbs .swiper-slide {
    height: -webkit-fit-content!important;
    height: -moz-fit-content!important;
    height: fit-content!important;
    position: relative
}

.gallery-thumbs .swiper-slide .thumbnail-video::after {
    background-color: grey;
    border-radius: 50%;
    content: "";
    display: flex;
    height: 30px;
    left: 50%;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s ease-in-out;
    width: 30px
}

.gallery-thumbs .swiper-slide .thumbnail-video:hover::after {
    opacity: 1
}

.page__banner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 35rem;
    display: flex;
    align-items: center
}

.page__banner .col {
    z-index: 2
}

.page__banner h1 {
    color: #fff;
    z-index: 2
}

.page__banner hr {
    z-index: 2
}

.page__banner::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    background: #333;
    background: linear-gradient(180deg,rgba(113,113,113,0) 0,#333 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .92
}

.banner {
    padding: 7.5rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    min-height: 35rem;
    display: flex;
    align-items: center
}

.banner::before {
    background-color: var(--primary-color);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.banner::after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: var(--primary-color);
    transform-origin: bottom left;
    transform: skew(35deg,0deg)
}

.banner .card .card__body strong,.banner h2,.banner p,.card .card__body .banner strong {
    color: #fff
}

.banner .container>div>div {
    z-index: 2
}

.banner--video {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.banner--video::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: var(--secondary-color);
    z-index: 1;
    top: 0;
    left: 0;
    transition: opacity .3s ease-in-out
}

.banner--video .container {
    position: relative
}

.banner--video .container .text {
    z-index: 2
}

.banner--video .container .card .card__body strong,.banner--video .container h2,.banner--video .container p,.card .card__body .banner--video .container strong {
    color: #fff
}

.banner--video .container .banner--video__stamp {
    border-radius: 100%;
    width: 13rem;
    height: 13rem;
    background: 0 0;
    border: var(--primary-color) 3px solid;
    color: #fff;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    padding: 1.5rem;
    z-index: 2;
    position: relative
}

.banner--video .container .banner--video__stamp:hover {
    background: var(--primary-color);
    color: #fff
}

.hero {
    overflow: hidden;
    background-color: var(--secondary-color);
    background-size: cover;
    height: calc(100vh - 76.25px);
    padding-bottom: 5rem;
    position: relative;
    background-position: 75%
}

.hero .container>div {
    z-index: 2
}

.hero::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    background: #333;
    background: linear-gradient(180deg,rgba(113,113,113,0) 0,#333 100%);
    width: 100%;
    height: 100%;
    z-index: 1
}

section {
    padding: 6rem 0
}

.anchor-target {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden
}

.anchor-target:before {
    content: "";
    display: block;
    height: 90px;
    margin: -90px 0 0
}

.contact-info {
    padding-bottom: 0
}

.contact-info .bg-secondary {
    padding: 3rem 1.5rem
}

.contact-info .coord {
    margin-top: 3rem
}

.contact-info .coord .icon {
    font-size: 1.8rem
}

.contact-info .coord .icon:last-child {
    margin-bottom: 3rem
}

.contact-info .coord .icon::before {
    font-size: 3.5rem
}

.contact-info a:hover .icon--socials::before {
    color: var(--primary-color)
}

.contact-info .icon--socials::before {
    font-size: 2.2rem;
    color: var(--secondary-color);
    transition: color .3s ease-in-out
}

.c-cardicon {
    display: flex
}

.c-cardicon__img {
    background-color: var(--primary-color);
    width: 92px;
    height: 92px;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.c-cardicon__content {
    background-color: var(--accent-color);
    display: flex;
    align-items: center;
    width: 100%
}

.c-cardicon__content .card .card__body strong,.c-cardicon__content p,.c-cardicon__content ul,.card .card__body .c-cardicon__content strong {
    font-size: 1.8rem
}

.c-cardicon__content .card .card__body strong:last-child,.c-cardicon__content p:last-child,.c-cardicon__content ul:last-child,.card .card__body .c-cardicon__content strong:last-child {
    margin: 0
}

.c-cardicon__content ul {
    list-style: disc
}

.c-cardicon__content ul li:not(:last-child) {
    margin-bottom: .5rem
}

.c-cardicon__content ul li::marker {
    color: var(--primary-color)
}

.ls-steps {
    display: block;
    counter-reset: counter-circle
}

.ls-steps li {
    background-color: transparent;
    display: block;
    width: auto
}

.ls-steps>li {
    background-color: transparent;
    display: block;
    width: auto;
    counter-increment: counter-circle;
    border: 1px solid var(--accent-color);
    border-radius: 5px;
    padding: 6rem 1.5rem 3rem;
    position: relative
}

.ls-steps>li:nth-child(odd) {
    margin-right: 0
}

.ls-steps>li::before {
    content: counter(counter-circle);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--primary-color);
    font-size: 3.3rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.ls-steps>li ul {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.ls-steps>li ul li {
    flex: 1;
    font-family: var(--primary-font);
    font-size: 1.8rem;
    margin: 0
}

.pushy-content li,nav a {
    font-family: var(--primary-font),sans-serif;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    line-height: 1
}

header {
    background-color: #fff;
    padding: 1.5rem 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999
}

header .container {
    position: relative
}

header .btn {
    margin-bottom: 0
}

header .coord .icon {
    align-items: center;
    margin-bottom: 0
}

header .coord .icon:not(:last-child) {
    margin-right: 3rem
}

header .coord .icon a {
    font-size: 1.5rem
}

header .coord .icon a strong,header .coord .icon a:hover strong {
    color: #000
}

header .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform .4s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

header .line {
    fill: none;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
    transition: stroke-dasharray .4s,stroke-dashoffset .4s
}

header .hamRotate.active {
    transform: rotate(45deg)
}

header .hamRotate180.active {
    transform: rotate(180deg)
}

header .ham8 .top {
    stroke-dasharray: 40 160
}

header .ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform .4s
}

header .ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform .4s,stroke-dashoffset .4s
}

header .ham8.active .top {
    stroke-dashoffset: -64px
}

header .ham8.active .middle {
    transform: rotate(90deg)
}

header .ham8.active .bottom {
    stroke-dashoffset: -64px
}

#menu-dekstop,.btn-header {
    display: none
}

.pushy {
    padding-top: 15rem
}

.pushy .pushy-content {
    min-height: calc(100vh - 12rem);
    padding-bottom: 0
}

.pushy-content .pushy-nav a {
    font-size: 2rem
}

.pushy-open-right .pushy.pushy-right {
    width: 100%
}

.pushy-open-right #container,.pushy-open-right .push {
    transform: translate3d(-75%,0,0)
}

.pushy-content__bottom .coord {
    padding: 2rem
}

.pushy-content__bottom .coord .icon:last-child {
    margin-bottom: 2rem
}

.pushy-content__bottom .coord a {
    padding: 0;
    text-align: left;
    font-weight: 400
}

.pushy-content .btn-primary {
    padding: 1.5rem;
    color: #fff;
    margin: 0
}

.pushy-submenu>div {
    display: inline-flex;
    align-items: center;
    gap: 1rem
}

.pushy-submenu>div button {
    color: var(--primary-color);
    padding: 0
}

.pushy-submenu>div button:hover {
    color: var(--primary-color)
}

.pushy-submenu>div button i {
    display: block;
    font-size: 1.2rem;
    transform: rotate(45deg)
}

.pushy-submenu>ul {
    padding: 0
}

.pushy-submenu>ul a {
    font-weight: 400;
    padding-top: 1rem
}

footer {
    padding-top: 6rem;
    line-height: 1.3;
    font-size: 1.5rem
}

footer a.btn-primary {
    font-size: 1.5rem
}

footer a:hover .icon--socials::before {
    color: var(--primary-color)
}

footer .icon--socials::before {
    font-size: 2.2rem;
    color: var(--secondary-color);
    transition: color .3s ease-in-out
}

footer .copyright {
    padding: 2rem 0;
    border-top: 3px solid var(--primary-color);
    margin-top: 6rem
}

footer .copyright img {
    max-width: 13rem
}

form {
    margin-top: 1.6rem
}

form .col-md-6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

form input {
    margin: .8rem 0 1.5rem;
    padding: 1.6rem;
    width: 100%;
    font-weight: 400;
    border: none;
    font-family: var(--secondary-font)
}

form input:focus,form textarea:focus {
    outline: 0
}

form input[type=tel] {
    font-family: var(--secondary-font)
}

form input::-moz-placeholder,form textarea::-moz-placeholder {
    font-size: 1.8rem;
    font-family: var(--secondary-font);
    color: rgba(51,51,51,.3)
}

form input:-ms-input-placeholder,form textarea:-ms-input-placeholder {
    font-size: 1.8rem;
    font-family: var(--secondary-font);
    color: rgba(51,51,51,.3)
}

form input::placeholder,form textarea::placeholder {
    font-size: 1.8rem;
    font-family: var(--secondary-font);
    color: rgba(51,51,51,.3)
}

form textarea {
    border: 1px solid #dee5ec;
    height: 27rem!important;
    margin: .8rem 0;
    padding: 1.6rem;
    width: 100%;
    font-weight: 400
}

form button {
    margin-top: 3rem
}

.bg-secondary form label {
    color: #fff;
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-weight: 700
}

#calculatorform input {
    box-shadow: 3px 4px 15px 5px rgba(112,112,112,.15)
}

#calculatorform label {
    color: #000;
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-weight: 700
}

#calculatorform textarea {
    height: 10rem!important
}

.alert--success {
    font-family: var(--primary-font),sans-serif;
    color: #fff;
    font-weight: 400;
    line-height: 25px;
    background-color: #fff!important;
    padding: 1rem;
    font-family: var(--primary-font);
    font-size: 2rem
}

.successMessage {
    font-family: var(--primary-font);
    font-size: 2rem
}

.check-container {
    margin: .8rem 3.5rem;
    position: relative;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: initial
}

.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    background-color: #eee;
    border: 1px solid #000;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: -3.5rem;
    height: 25px;
    width: 25px
}

.check-container:hover input~.checkmark {
    background-color: #ccc
}

.check-container input:checked~.checkmark {
    background-color: var(--primary-color)
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.check-container input:checked~.checkmark:after {
    display: block
}

.check-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.radio-container {
    width: 100%;
    text-align: left
}

.radio-container .radio-button {
    font-family: var(--primary-font),sans-serif;
    font-size: 1.8rem;
    color: var(--secondary-color);
    font-weight: 700;
    justify-content: flex-start;
    margin: 1.5rem 0;
    width: 100%
}

.radio-container .radio-button label {
    font-weight: 400
}

.radio-container .radio-button input[type=text] {
    box-shadow: 3px 4px 15px 5px rgba(112,112,112,.15)
}

@supports (-webkit-appearance: none) or (-moz-appearance:none) {
    .radio-container input[type=radio] {
        --active:var(--primary-color);
        --active-inner: #fff;
        --focus: 2px rgba(33, 51, 102, .3);
        --border: #BBC1E1;
        --border-hover: var(--primary-color);
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: 0;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--primary-color);
        background: var(--b,var(--background));
        transition: background .3s,border-color .3s,box-shadow .2s
    }

    .radio-container input[type=radio]:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s)
    }

    .radio-container input[type=radio]:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2)
    }

    .radio-container input[type=radio]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: .9
    }

    .radio-container input[type=radio]:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border)
    }

    .radio-container input[type=radio]:disabled+label {
        cursor: not-allowed
    }

    .radio-container input[type=radio]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover)
    }

    .radio-container input[type=radio]:focus {
        box-shadow: 0 0 0 var(--focus)
    }

    .radio-container input[type=radio]:not(.switch) {
        width: 21px
    }

    .radio-container input[type=radio]:not(.switch):checked {
        --o: 1
    }

    .radio-container input[type=radio]+label {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 4px
    }

    input[type=radio] {
        border-radius: 50%
    }

    input[type=radio]:after {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        transform: scale(var(--s,.7))
    }

    input[type=radio]:checked {
        --s: .5
    }

    input[type=radio]:checked:after {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 1;
        transform: scale(1);
        border: 3px solid #fff;
        background-color: var(--primary-color)
    }
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }

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

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

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

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

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

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

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

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

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

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

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

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

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .static-sm {
        position: static
    }

    .fixed-sm {
        position: fixed
    }

    .absolute-sm {
        position: absolute
    }

    .relative-sm {
        position: relative
    }

    .sticky-sm {
        position: -webkit-sticky;
        position: sticky
    }

    .inset-sm-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .top-sm-0 {
        top: 0
    }

    .right-sm-0 {
        right: 0
    }

    .bottom-sm-0 {
        bottom: 0
    }

    .left-sm-0 {
        left: 0
    }

    .d-sm-grid {
        display: grid
    }

    .d-sm-inline-grid {
        display: inline-grid
    }

    .text-sm-left {
        text-align: left!important
    }

    .text-sm-right {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }

    .pt-sm-section {
        padding-top: 6rem
    }

    .pb-sm-section {
        padding-bottom: 6rem
    }

    .p-sm-0 {
        padding: 0
    }

    .pt-sm-0 {
        padding-top: 0
    }

    .pb-sm-0 {
        padding-bottom: 0
    }

    .pl-sm-0 {
        padding-left: 0
    }

    .pr-sm-0 {
        padding-right: 0
    }

    .px-sm-0 {
        padding-right: 0;
        padding-left: 0
    }

    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .m-sm-0 {
        margin: 0
    }

    .mt-sm-0 {
        margin-top: 0
    }

    .mb-sm-0 {
        margin-bottom: 0
    }

    .ml-sm-0 {
        margin-left: 0
    }

    .mr-sm-0 {
        margin-right: 0
    }

    .mx-sm-0 {
        margin-right: 0;
        margin-left: 0
    }

    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .p-sm-10 {
        padding: 10px
    }

    .pt-sm-10 {
        padding-top: 10px
    }

    .pb-sm-10 {
        padding-bottom: 10px
    }

    .pl-sm-10 {
        padding-left: 10px
    }

    .pr-sm-10 {
        padding-right: 10px
    }

    .px-sm-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .py-sm-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .m-sm-10 {
        margin: 10px
    }

    .mt-sm-10 {
        margin-top: 10px
    }

    .mb-sm-10 {
        margin-bottom: 10px
    }

    .ml-sm-10 {
        margin-left: 10px
    }

    .mr-sm-10 {
        margin-right: 10px
    }

    .mx-sm-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .my-sm-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .p-sm-15 {
        padding: 15px
    }

    .pt-sm-15 {
        padding-top: 15px
    }

    .pb-sm-15 {
        padding-bottom: 15px
    }

    .pl-sm-15 {
        padding-left: 15px
    }

    .pr-sm-15 {
        padding-right: 15px
    }

    .px-sm-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .py-sm-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .m-sm-15 {
        margin: 15px
    }

    .mt-sm-15 {
        margin-top: 15px
    }

    .mb-sm-15 {
        margin-bottom: 15px
    }

    .ml-sm-15 {
        margin-left: 15px
    }

    .mr-sm-15 {
        margin-right: 15px
    }

    .mx-sm-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .my-sm-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .p-sm-20 {
        padding: 20px
    }

    .pt-sm-20 {
        padding-top: 20px
    }

    .pb-sm-20 {
        padding-bottom: 20px
    }

    .pl-sm-20 {
        padding-left: 20px
    }

    .pr-sm-20 {
        padding-right: 20px
    }

    .px-sm-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .py-sm-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .m-sm-20 {
        margin: 20px
    }

    .mt-sm-20 {
        margin-top: 20px
    }

    .mb-sm-20 {
        margin-bottom: 20px
    }

    .ml-sm-20 {
        margin-left: 20px
    }

    .mr-sm-20 {
        margin-right: 20px
    }

    .mx-sm-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .my-sm-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .p-sm-30 {
        padding: 30px
    }

    .pt-sm-30 {
        padding-top: 30px
    }

    .pb-sm-30 {
        padding-bottom: 30px
    }

    .pl-sm-30 {
        padding-left: 30px
    }

    .pr-sm-30 {
        padding-right: 30px
    }

    .px-sm-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .py-sm-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .m-sm-30 {
        margin: 30px
    }

    .mt-sm-30 {
        margin-top: 30px
    }

    .mb-sm-30 {
        margin-bottom: 30px
    }

    .ml-sm-30 {
        margin-left: 30px
    }

    .mr-sm-30 {
        margin-right: 30px
    }

    .mx-sm-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .my-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .p-sm-60 {
        padding: 60px
    }

    .pt-sm-60 {
        padding-top: 60px
    }

    .pb-sm-60 {
        padding-bottom: 60px
    }

    .pl-sm-60 {
        padding-left: 60px
    }

    .pr-sm-60 {
        padding-right: 60px
    }

    .px-sm-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .py-sm-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .m-sm-60 {
        margin: 60px
    }

    .mt-sm-60 {
        margin-top: 60px
    }

    .mb-sm-60 {
        margin-bottom: 60px
    }

    .ml-sm-60 {
        margin-left: 60px
    }

    .mr-sm-60 {
        margin-right: 60px
    }

    .mx-sm-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .my-sm-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .p-sm-100 {
        padding: 100px
    }

    .pt-sm-100 {
        padding-top: 100px
    }

    .pb-sm-100 {
        padding-bottom: 100px
    }

    .pl-sm-100 {
        padding-left: 100px
    }

    .pr-sm-100 {
        padding-right: 100px
    }

    .px-sm-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .py-sm-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .m-sm-100 {
        margin: 100px
    }

    .mt-sm-100 {
        margin-top: 100px
    }

    .mb-sm-100 {
        margin-bottom: 100px
    }

    .ml-sm-100 {
        margin-left: 100px
    }

    .mr-sm-100 {
        margin-right: 100px
    }

    .mx-sm-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .my-sm-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }

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

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

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

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

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

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

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

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

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

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

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

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

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .static-md {
        position: static
    }

    .fixed-md {
        position: fixed
    }

    .absolute-md {
        position: absolute
    }

    .relative-md {
        position: relative
    }

    .sticky-md {
        position: -webkit-sticky;
        position: sticky
    }

    .inset-md-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .top-md-0 {
        top: 0
    }

    .right-md-0 {
        right: 0
    }

    .bottom-md-0 {
        bottom: 0
    }

    .left-md-0 {
        left: 0
    }

    .d-md-grid {
        display: grid
    }

    .d-md-inline-grid {
        display: inline-grid
    }

    .text-md-left {
        text-align: left!important
    }

    .text-md-right {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }

    .pt-md-section {
        padding-top: 6rem
    }

    .pb-md-section {
        padding-bottom: 6rem
    }

    .p-md-0 {
        padding: 0
    }

    .pt-md-0 {
        padding-top: 0
    }

    .pb-md-0 {
        padding-bottom: 0
    }

    .pl-md-0 {
        padding-left: 0
    }

    .pr-md-0 {
        padding-right: 0
    }

    .px-md-0 {
        padding-right: 0;
        padding-left: 0
    }

    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .m-md-0 {
        margin: 0
    }

    .mt-md-0 {
        margin-top: 0
    }

    .mb-md-0 {
        margin-bottom: 0
    }

    .ml-md-0 {
        margin-left: 0
    }

    .mr-md-0 {
        margin-right: 0
    }

    .mx-md-0 {
        margin-right: 0;
        margin-left: 0
    }

    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .p-md-10 {
        padding: 10px
    }

    .pt-md-10 {
        padding-top: 10px
    }

    .pb-md-10 {
        padding-bottom: 10px
    }

    .pl-md-10 {
        padding-left: 10px
    }

    .pr-md-10 {
        padding-right: 10px
    }

    .px-md-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .py-md-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .m-md-10 {
        margin: 10px
    }

    .mt-md-10 {
        margin-top: 10px
    }

    .mb-md-10 {
        margin-bottom: 10px
    }

    .ml-md-10 {
        margin-left: 10px
    }

    .mr-md-10 {
        margin-right: 10px
    }

    .mx-md-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .my-md-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .p-md-15 {
        padding: 15px
    }

    .pt-md-15 {
        padding-top: 15px
    }

    .pb-md-15 {
        padding-bottom: 15px
    }

    .pl-md-15 {
        padding-left: 15px
    }

    .pr-md-15 {
        padding-right: 15px
    }

    .px-md-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .py-md-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .m-md-15 {
        margin: 15px
    }

    .mt-md-15 {
        margin-top: 15px
    }

    .mb-md-15 {
        margin-bottom: 15px
    }

    .ml-md-15 {
        margin-left: 15px
    }

    .mr-md-15 {
        margin-right: 15px
    }

    .mx-md-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .my-md-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .p-md-20 {
        padding: 20px
    }

    .pt-md-20 {
        padding-top: 20px
    }

    .pb-md-20 {
        padding-bottom: 20px
    }

    .pl-md-20 {
        padding-left: 20px
    }

    .pr-md-20 {
        padding-right: 20px
    }

    .px-md-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .py-md-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .m-md-20 {
        margin: 20px
    }

    .mt-md-20 {
        margin-top: 20px
    }

    .mb-md-20 {
        margin-bottom: 20px
    }

    .ml-md-20 {
        margin-left: 20px
    }

    .mr-md-20 {
        margin-right: 20px
    }

    .mx-md-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .my-md-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .p-md-30 {
        padding: 30px
    }

    .pt-md-30 {
        padding-top: 30px
    }

    .pb-md-30 {
        padding-bottom: 30px
    }

    .pl-md-30 {
        padding-left: 30px
    }

    .pr-md-30 {
        padding-right: 30px
    }

    .px-md-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .py-md-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .m-md-30 {
        margin: 30px
    }

    .mt-md-30 {
        margin-top: 30px
    }

    .mb-md-30 {
        margin-bottom: 30px
    }

    .ml-md-30 {
        margin-left: 30px
    }

    .mr-md-30 {
        margin-right: 30px
    }

    .mx-md-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .my-md-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .p-md-60 {
        padding: 60px
    }

    .pt-md-60 {
        padding-top: 60px
    }

    .pb-md-60 {
        padding-bottom: 60px
    }

    .pl-md-60 {
        padding-left: 60px
    }

    .pr-md-60 {
        padding-right: 60px
    }

    .px-md-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .py-md-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .m-md-60 {
        margin: 60px
    }

    .mt-md-60 {
        margin-top: 60px
    }

    .mb-md-60 {
        margin-bottom: 60px
    }

    .ml-md-60 {
        margin-left: 60px
    }

    .mr-md-60 {
        margin-right: 60px
    }

    .mx-md-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .my-md-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .p-md-100 {
        padding: 100px
    }

    .pt-md-100 {
        padding-top: 100px
    }

    .pb-md-100 {
        padding-bottom: 100px
    }

    .pl-md-100 {
        padding-left: 100px
    }

    .pr-md-100 {
        padding-right: 100px
    }

    .px-md-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .py-md-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .m-md-100 {
        margin: 100px
    }

    .mt-md-100 {
        margin-top: 100px
    }

    .mb-md-100 {
        margin-bottom: 100px
    }

    .ml-md-100 {
        margin-left: 100px
    }

    .mr-md-100 {
        margin-right: 100px
    }

    .mx-md-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .my-md-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .display {
        font-size: 4.5rem
    }

    .display--primary-color {
        font-size: 7rem
    }

    .display--primary-color sup {
        font-size: 5rem
    }

    h1 {
        font-size: 5rem
    }

    h2 {
        font-size: 3.5rem
    }

    .card--square {
        width: calc(50% - 30px)
    }

    .card--big .text {
        padding: 6rem
    }

    .card--long {
        border: 5px solid transparent
    }

    .card--long .text {
        padding: 6rem
    }

    ol li {
        display: flex
    }

    .banner {
        background-position: 0
    }

    .banner::before {
        width: 50%
    }

    .banner::after {
        width: 350px;
        right: calc(50% - 350px);
        left: initial
    }

    .banner--video .container .banner--video__stamp {
        position: absolute;
        right: 6rem;
        bottom: 0
    }

    .hero {
        padding-bottom: 11.5rem;
        height: calc(85vh - 76.25px);
        background-position: 80%
    }

    form button {
        margin-top: 6rem
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }

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

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

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

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

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

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

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

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

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

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

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

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

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .static-lg {
        position: static
    }

    .fixed-lg {
        position: fixed
    }

    .absolute-lg {
        position: absolute
    }

    .relative-lg {
        position: relative
    }

    .sticky-lg {
        position: -webkit-sticky;
        position: sticky
    }

    .inset-lg-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .top-lg-0 {
        top: 0
    }

    .right-lg-0 {
        right: 0
    }

    .bottom-lg-0 {
        bottom: 0
    }

    .left-lg-0 {
        left: 0
    }

    .d-lg-grid {
        display: grid
    }

    .d-lg-inline-grid {
        display: inline-grid
    }

    .text-lg-left {
        text-align: left!important
    }

    .text-lg-right {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }

    .pt-lg-section {
        padding-top: 6rem
    }

    .pb-lg-section {
        padding-bottom: 6rem
    }

    .p-lg-0 {
        padding: 0
    }

    .pt-lg-0 {
        padding-top: 0
    }

    .pb-lg-0 {
        padding-bottom: 0
    }

    .pl-lg-0 {
        padding-left: 0
    }

    .pr-lg-0 {
        padding-right: 0
    }

    .px-lg-0 {
        padding-right: 0;
        padding-left: 0
    }

    .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .m-lg-0 {
        margin: 0
    }

    .mt-lg-0 {
        margin-top: 0
    }

    .mb-lg-0 {
        margin-bottom: 0
    }

    .ml-lg-0 {
        margin-left: 0
    }

    .mr-lg-0 {
        margin-right: 0
    }

    .mx-lg-0 {
        margin-right: 0;
        margin-left: 0
    }

    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .p-lg-10 {
        padding: 10px
    }

    .pt-lg-10 {
        padding-top: 10px
    }

    .pb-lg-10 {
        padding-bottom: 10px
    }

    .pl-lg-10 {
        padding-left: 10px
    }

    .pr-lg-10 {
        padding-right: 10px
    }

    .px-lg-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .py-lg-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .m-lg-10 {
        margin: 10px
    }

    .mt-lg-10 {
        margin-top: 10px
    }

    .mb-lg-10 {
        margin-bottom: 10px
    }

    .ml-lg-10 {
        margin-left: 10px
    }

    .mr-lg-10 {
        margin-right: 10px
    }

    .mx-lg-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .my-lg-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .p-lg-15 {
        padding: 15px
    }

    .pt-lg-15 {
        padding-top: 15px
    }

    .pb-lg-15 {
        padding-bottom: 15px
    }

    .pl-lg-15 {
        padding-left: 15px
    }

    .pr-lg-15 {
        padding-right: 15px
    }

    .px-lg-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .py-lg-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .m-lg-15 {
        margin: 15px
    }

    .mt-lg-15 {
        margin-top: 15px
    }

    .mb-lg-15 {
        margin-bottom: 15px
    }

    .ml-lg-15 {
        margin-left: 15px
    }

    .mr-lg-15 {
        margin-right: 15px
    }

    .mx-lg-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .my-lg-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .p-lg-20 {
        padding: 20px
    }

    .pt-lg-20 {
        padding-top: 20px
    }

    .pb-lg-20 {
        padding-bottom: 20px
    }

    .pl-lg-20 {
        padding-left: 20px
    }

    .pr-lg-20 {
        padding-right: 20px
    }

    .px-lg-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .py-lg-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .m-lg-20 {
        margin: 20px
    }

    .mt-lg-20 {
        margin-top: 20px
    }

    .mb-lg-20 {
        margin-bottom: 20px
    }

    .ml-lg-20 {
        margin-left: 20px
    }

    .mr-lg-20 {
        margin-right: 20px
    }

    .mx-lg-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .my-lg-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .p-lg-30 {
        padding: 30px
    }

    .pt-lg-30 {
        padding-top: 30px
    }

    .pb-lg-30 {
        padding-bottom: 30px
    }

    .pl-lg-30 {
        padding-left: 30px
    }

    .pr-lg-30 {
        padding-right: 30px
    }

    .px-lg-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .py-lg-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .m-lg-30 {
        margin: 30px
    }

    .mt-lg-30 {
        margin-top: 30px
    }

    .mb-lg-30 {
        margin-bottom: 30px
    }

    .ml-lg-30 {
        margin-left: 30px
    }

    .mr-lg-30 {
        margin-right: 30px
    }

    .mx-lg-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .my-lg-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .p-lg-60 {
        padding: 60px
    }

    .pt-lg-60 {
        padding-top: 60px
    }

    .pb-lg-60 {
        padding-bottom: 60px
    }

    .pl-lg-60 {
        padding-left: 60px
    }

    .pr-lg-60 {
        padding-right: 60px
    }

    .px-lg-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .py-lg-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .m-lg-60 {
        margin: 60px
    }

    .mt-lg-60 {
        margin-top: 60px
    }

    .mb-lg-60 {
        margin-bottom: 60px
    }

    .ml-lg-60 {
        margin-left: 60px
    }

    .mr-lg-60 {
        margin-right: 60px
    }

    .mx-lg-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .my-lg-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .p-lg-100 {
        padding: 100px
    }

    .pt-lg-100 {
        padding-top: 100px
    }

    .pb-lg-100 {
        padding-bottom: 100px
    }

    .pl-lg-100 {
        padding-left: 100px
    }

    .pr-lg-100 {
        padding-right: 100px
    }

    .px-lg-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .py-lg-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .m-lg-100 {
        margin: 100px
    }

    .mt-lg-100 {
        margin-top: 100px
    }

    .mb-lg-100 {
        margin-bottom: 100px
    }

    .ml-lg-100 {
        margin-left: 100px
    }

    .mr-lg-100 {
        margin-right: 100px
    }

    .mx-lg-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .my-lg-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .card--big {
        min-height: 70rem
    }

    .card--red {
        width: calc(50% - 1.5rem);
        min-height: 50rem;
        height: calc(50% - 1.5rem)
    }

    .contact-info .bg-secondary {
        padding: 6rem 7.5rem
    }

    .c-cardicon__content ul {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 45px;
        column-gap: 45px
    }

    .c-cardicon--med .c-cardicon__content {
        flex-basis: 425px
    }

    .ls-steps>li {
        padding: 7rem 1.5rem 5rem
    }

    .ls-steps>li::before {
        width: 90px;
        height: 90px;
        font-size: 5rem
    }

    .ls-steps>li ul {
        flex-direction: row
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }

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

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

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

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

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

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

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

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

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

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

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

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

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .static-xl {
        position: static
    }

    .fixed-xl {
        position: fixed
    }

    .absolute-xl {
        position: absolute
    }

    .relative-xl {
        position: relative
    }

    .sticky-xl {
        position: -webkit-sticky;
        position: sticky
    }

    .inset-xl-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .top-xl-0 {
        top: 0
    }

    .right-xl-0 {
        right: 0
    }

    .bottom-xl-0 {
        bottom: 0
    }

    .left-xl-0 {
        left: 0
    }

    .d-xl-grid {
        display: grid
    }

    .d-xl-inline-grid {
        display: inline-grid
    }

    .text-xl-left {
        text-align: left!important
    }

    .text-xl-right {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }

    .pt-xl-section {
        padding-top: 6rem
    }

    .pb-xl-section {
        padding-bottom: 6rem
    }

    .p-xl-0 {
        padding: 0
    }

    .pt-xl-0 {
        padding-top: 0
    }

    .pb-xl-0 {
        padding-bottom: 0
    }

    .pl-xl-0 {
        padding-left: 0
    }

    .pr-xl-0 {
        padding-right: 0
    }

    .px-xl-0 {
        padding-right: 0;
        padding-left: 0
    }

    .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .m-xl-0 {
        margin: 0
    }

    .mt-xl-0 {
        margin-top: 0
    }

    .mb-xl-0 {
        margin-bottom: 0
    }

    .ml-xl-0 {
        margin-left: 0
    }

    .mr-xl-0 {
        margin-right: 0
    }

    .mx-xl-0 {
        margin-right: 0;
        margin-left: 0
    }

    .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .p-xl-10 {
        padding: 10px
    }

    .pt-xl-10 {
        padding-top: 10px
    }

    .pb-xl-10 {
        padding-bottom: 10px
    }

    .pl-xl-10 {
        padding-left: 10px
    }

    .pr-xl-10 {
        padding-right: 10px
    }

    .px-xl-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .py-xl-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .m-xl-10 {
        margin: 10px
    }

    .mt-xl-10 {
        margin-top: 10px
    }

    .mb-xl-10 {
        margin-bottom: 10px
    }

    .ml-xl-10 {
        margin-left: 10px
    }

    .mr-xl-10 {
        margin-right: 10px
    }

    .mx-xl-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .my-xl-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .p-xl-15 {
        padding: 15px
    }

    .pt-xl-15 {
        padding-top: 15px
    }

    .pb-xl-15 {
        padding-bottom: 15px
    }

    .pl-xl-15 {
        padding-left: 15px
    }

    .pr-xl-15 {
        padding-right: 15px
    }

    .px-xl-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .py-xl-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .m-xl-15 {
        margin: 15px
    }

    .mt-xl-15 {
        margin-top: 15px
    }

    .mb-xl-15 {
        margin-bottom: 15px
    }

    .ml-xl-15 {
        margin-left: 15px
    }

    .mr-xl-15 {
        margin-right: 15px
    }

    .mx-xl-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .my-xl-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .p-xl-20 {
        padding: 20px
    }

    .pt-xl-20 {
        padding-top: 20px
    }

    .pb-xl-20 {
        padding-bottom: 20px
    }

    .pl-xl-20 {
        padding-left: 20px
    }

    .pr-xl-20 {
        padding-right: 20px
    }

    .px-xl-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .py-xl-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .m-xl-20 {
        margin: 20px
    }

    .mt-xl-20 {
        margin-top: 20px
    }

    .mb-xl-20 {
        margin-bottom: 20px
    }

    .ml-xl-20 {
        margin-left: 20px
    }

    .mr-xl-20 {
        margin-right: 20px
    }

    .mx-xl-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .my-xl-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .p-xl-30 {
        padding: 30px
    }

    .pt-xl-30 {
        padding-top: 30px
    }

    .pb-xl-30 {
        padding-bottom: 30px
    }

    .pl-xl-30 {
        padding-left: 30px
    }

    .pr-xl-30 {
        padding-right: 30px
    }

    .px-xl-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .py-xl-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .m-xl-30 {
        margin: 30px
    }

    .mt-xl-30 {
        margin-top: 30px
    }

    .mb-xl-30 {
        margin-bottom: 30px
    }

    .ml-xl-30 {
        margin-left: 30px
    }

    .mr-xl-30 {
        margin-right: 30px
    }

    .mx-xl-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .my-xl-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .p-xl-60 {
        padding: 60px
    }

    .pt-xl-60 {
        padding-top: 60px
    }

    .pb-xl-60 {
        padding-bottom: 60px
    }

    .pl-xl-60 {
        padding-left: 60px
    }

    .pr-xl-60 {
        padding-right: 60px
    }

    .px-xl-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .py-xl-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .m-xl-60 {
        margin: 60px
    }

    .mt-xl-60 {
        margin-top: 60px
    }

    .mb-xl-60 {
        margin-bottom: 60px
    }

    .ml-xl-60 {
        margin-left: 60px
    }

    .mr-xl-60 {
        margin-right: 60px
    }

    .mx-xl-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .my-xl-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .p-xl-100 {
        padding: 100px
    }

    .pt-xl-100 {
        padding-top: 100px
    }

    .pb-xl-100 {
        padding-bottom: 100px
    }

    .pl-xl-100 {
        padding-left: 100px
    }

    .pr-xl-100 {
        padding-right: 100px
    }

    .px-xl-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .py-xl-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .m-xl-100 {
        margin: 100px
    }

    .mt-xl-100 {
        margin-top: 100px
    }

    .mb-xl-100 {
        margin-bottom: 100px
    }

    .ml-xl-100 {
        margin-left: 100px
    }

    .mr-xl-100 {
        margin-right: 100px
    }

    .mx-xl-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .my-xl-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .display {
        font-size: 7rem
    }

    .h3,h3 {
        font-size: 3rem
    }

    ol li {
        width: calc(50% - 30px)
    }

    ol li:nth-child(odd) {
        margin-right: 3rem
    }

    ol li .list__number {
        height: 10rem;
        min-width: 10rem
    }

    .banner {
        background-size: contain;
        background-position: right
    }

    .hero {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 50rem
    }

    header {
        justify-content: center;
        padding: 1.5rem 0 6rem
    }

    .menu-btn {
        display: none
    }

    header .navigation-container {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(calc(100% + 2rem))
    }

    .btn-header {
        display: inherit
    }

    #menu-dekstop {
        align-items: center;
        display: flex;
        width: 100%;
        justify-content: flex-start;
        color: #fff;
        padding-top: 3rem;
        position: relative
    }

    #menu-dekstop .btn-secondary {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        border-radius: 0;
        padding: 0 3rem;
        z-index: 2
    }

    #menu-dekstop .btn-secondary span,#menu-dekstop .btn-secondary::before {
        transition: .3s ease-in-out
    }

    #menu-dekstop .btn-secondary::after {
        content: " ";
        position: absolute;
        display: block;
        width: 55px;
        height: 100%;
        top: 0;
        left: -55px;
        z-index: -1;
        transition: background-color .3s ease-in-out;
        background-color: var(--primary-color);
        transform-origin: bottom left;
        transform: skew(-35deg,0deg)
    }

    #menu-dekstop .btn-secondary::before {
        opacity: 0;
        right: 20px;
        position: absolute;
        transform: translateX(-50%)
    }

    #menu-dekstop .btn-secondary:hover {
        background-color: var(--primary-color)
    }

    #menu-dekstop .btn-secondary:hover span {
        transform: translateX(-10px)
    }

    #menu-dekstop .btn-secondary:hover::before {
        opacity: 1;
        transform: translateX(-25%)
    }

    #menu-dekstop nav>ul {
        display: flex
    }

    #menu-dekstop nav>ul>li {
        padding: 0 2rem;
        position: relative
    }

    #menu-dekstop nav>ul>li>a {
        font-size: 1.5rem;
        padding-bottom: 3rem;
        text-transform: uppercase;
        position: relative;
        display: inline-flex
    }

    #menu-dekstop nav>ul>li>a:hover {
        color: #fff
    }

    #menu-dekstop nav>ul>li>a.active::after,#menu-dekstop nav>ul>li>a:hover::after {
        opacity: 1;
        transform: translateY(0)
    }

    #menu-dekstop nav>ul>li>a::after {
        content: '';
        background: var(--primary-color);
        bottom: 0;
        height: 4px;
        left: 0;
        opacity: 0;
        position: absolute;
        transform: translateY(3px);
        transition: opacity .2s,transform .2s;
        width: 100%
    }

    #menu-dekstop nav>ul>li>ul {
        position: absolute;
        top: 100%;
        left: 3.5rem;
        width: 294px;
        text-transform: uppercase;
        opacity: 0;
        transform: translateY(-20%);
        visibility: hidden;
        transition: 250ms
    }

    #menu-dekstop nav>ul>li>ul li:not(:last-child) {
        margin-bottom: 1rem
    }

    #menu-dekstop nav>ul>li>ul a {
        background-color: rgba(255,0,1,.8);
        display: block;
        padding: 2.5rem 2rem;
        font-size: 1.8rem;
        font-weight: 700;
        transition: background-color .2s
    }

    #menu-dekstop nav>ul>li>ul a:hover {
        background-color: #ff0001;
        color: inherit
    }

    .radio-container .radio-button input[type=text] {
        margin-left: 30px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }

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

    .row-cols-xxl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

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

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

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

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

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

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

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

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

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

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

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 13
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .static-xxl {
        position: static
    }

    .fixed-xxl {
        position: fixed
    }

    .absolute-xxl {
        position: absolute
    }

    .relative-xxl {
        position: relative
    }

    .sticky-xxl {
        position: -webkit-sticky;
        position: sticky
    }

    .inset-xxl-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .top-xxl-0 {
        top: 0
    }

    .right-xxl-0 {
        right: 0
    }

    .bottom-xxl-0 {
        bottom: 0
    }

    .left-xxl-0 {
        left: 0
    }

    .d-xxl-grid {
        display: grid
    }

    .d-xxl-inline-grid {
        display: inline-grid
    }

    .text-xxl-left {
        text-align: left!important
    }

    .text-xxl-right {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }

    .pt-xxl-section {
        padding-top: 6rem
    }

    .pb-xxl-section {
        padding-bottom: 6rem
    }

    .p-xxl-0 {
        padding: 0
    }

    .pt-xxl-0 {
        padding-top: 0
    }

    .pb-xxl-0 {
        padding-bottom: 0
    }

    .pl-xxl-0 {
        padding-left: 0
    }

    .pr-xxl-0 {
        padding-right: 0
    }

    .px-xxl-0 {
        padding-right: 0;
        padding-left: 0
    }

    .py-xxl-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .m-xxl-0 {
        margin: 0
    }

    .mt-xxl-0 {
        margin-top: 0
    }

    .mb-xxl-0 {
        margin-bottom: 0
    }

    .ml-xxl-0 {
        margin-left: 0
    }

    .mr-xxl-0 {
        margin-right: 0
    }

    .mx-xxl-0 {
        margin-right: 0;
        margin-left: 0
    }

    .my-xxl-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .p-xxl-10 {
        padding: 10px
    }

    .pt-xxl-10 {
        padding-top: 10px
    }

    .pb-xxl-10 {
        padding-bottom: 10px
    }

    .pl-xxl-10 {
        padding-left: 10px
    }

    .pr-xxl-10 {
        padding-right: 10px
    }

    .px-xxl-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .py-xxl-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .m-xxl-10 {
        margin: 10px
    }

    .mt-xxl-10 {
        margin-top: 10px
    }

    .mb-xxl-10 {
        margin-bottom: 10px
    }

    .ml-xxl-10 {
        margin-left: 10px
    }

    .mr-xxl-10 {
        margin-right: 10px
    }

    .mx-xxl-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .my-xxl-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .p-xxl-15 {
        padding: 15px
    }

    .pt-xxl-15 {
        padding-top: 15px
    }

    .pb-xxl-15 {
        padding-bottom: 15px
    }

    .pl-xxl-15 {
        padding-left: 15px
    }

    .pr-xxl-15 {
        padding-right: 15px
    }

    .px-xxl-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .py-xxl-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .m-xxl-15 {
        margin: 15px
    }

    .mt-xxl-15 {
        margin-top: 15px
    }

    .mb-xxl-15 {
        margin-bottom: 15px
    }

    .ml-xxl-15 {
        margin-left: 15px
    }

    .mr-xxl-15 {
        margin-right: 15px
    }

    .mx-xxl-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .my-xxl-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .p-xxl-20 {
        padding: 20px
    }

    .pt-xxl-20 {
        padding-top: 20px
    }

    .pb-xxl-20 {
        padding-bottom: 20px
    }

    .pl-xxl-20 {
        padding-left: 20px
    }

    .pr-xxl-20 {
        padding-right: 20px
    }

    .px-xxl-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .py-xxl-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .m-xxl-20 {
        margin: 20px
    }

    .mt-xxl-20 {
        margin-top: 20px
    }

    .mb-xxl-20 {
        margin-bottom: 20px
    }

    .ml-xxl-20 {
        margin-left: 20px
    }

    .mr-xxl-20 {
        margin-right: 20px
    }

    .mx-xxl-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .my-xxl-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .p-xxl-30 {
        padding: 30px
    }

    .pt-xxl-30 {
        padding-top: 30px
    }

    .pb-xxl-30 {
        padding-bottom: 30px
    }

    .pl-xxl-30 {
        padding-left: 30px
    }

    .pr-xxl-30 {
        padding-right: 30px
    }

    .px-xxl-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .py-xxl-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .m-xxl-30 {
        margin: 30px
    }

    .mt-xxl-30 {
        margin-top: 30px
    }

    .mb-xxl-30 {
        margin-bottom: 30px
    }

    .ml-xxl-30 {
        margin-left: 30px
    }

    .mr-xxl-30 {
        margin-right: 30px
    }

    .mx-xxl-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .my-xxl-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .p-xxl-60 {
        padding: 60px
    }

    .pt-xxl-60 {
        padding-top: 60px
    }

    .pb-xxl-60 {
        padding-bottom: 60px
    }

    .pl-xxl-60 {
        padding-left: 60px
    }

    .pr-xxl-60 {
        padding-right: 60px
    }

    .px-xxl-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .py-xxl-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .m-xxl-60 {
        margin: 60px
    }

    .mt-xxl-60 {
        margin-top: 60px
    }

    .mb-xxl-60 {
        margin-bottom: 60px
    }

    .ml-xxl-60 {
        margin-left: 60px
    }

    .mr-xxl-60 {
        margin-right: 60px
    }

    .mx-xxl-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .my-xxl-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .p-xxl-100 {
        padding: 100px
    }

    .pt-xxl-100 {
        padding-top: 100px
    }

    .pb-xxl-100 {
        padding-bottom: 100px
    }

    .pl-xxl-100 {
        padding-left: 100px
    }

    .pr-xxl-100 {
        padding-right: 100px
    }

    .px-xxl-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .py-xxl-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .m-xxl-100 {
        margin: 100px
    }

    .mt-xxl-100 {
        margin-top: 100px
    }

    .mb-xxl-100 {
        margin-bottom: 100px
    }

    .ml-xxl-100 {
        margin-left: 100px
    }

    .mr-xxl-100 {
        margin-right: 100px
    }

    .mx-xxl-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .my-xxl-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .card--square {
        width: calc(33% - 30px)
    }

    .card--red {
        width: 100%;
        min-height: initial
    }
}

@media (min-width: 1700px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.container-xxxl {
        max-width:1670px
    }

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

    .row-cols-xxxl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xxxl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xxxl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xxxl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xxxl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xxxl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

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

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

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

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

    .col-xxxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xxxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

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

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

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

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

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

    .order-xxxl-first {
        order: -1
    }

    .order-xxxl-last {
        order: 13
    }

    .order-xxxl-0 {
        order: 0
    }

    .order-xxxl-1 {
        order: 1
    }

    .order-xxxl-2 {
        order: 2
    }

    .order-xxxl-3 {
        order: 3
    }

    .order-xxxl-4 {
        order: 4
    }

    .order-xxxl-5 {
        order: 5
    }

    .order-xxxl-6 {
        order: 6
    }

    .order-xxxl-7 {
        order: 7
    }

    .order-xxxl-8 {
        order: 8
    }

    .order-xxxl-9 {
        order: 9
    }

    .order-xxxl-10 {
        order: 10
    }

    .order-xxxl-11 {
        order: 11
    }

    .order-xxxl-12 {
        order: 12
    }

    .offset-xxxl-0 {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .static-xxxl {
        position: static
    }

    .fixed-xxxl {
        position: fixed
    }

    .absolute-xxxl {
        position: absolute
    }

    .relative-xxxl {
        position: relative
    }

    .sticky-xxxl {
        position: -webkit-sticky;
        position: sticky
    }

    .inset-xxxl-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .top-xxxl-0 {
        top: 0
    }

    .right-xxxl-0 {
        right: 0
    }

    .bottom-xxxl-0 {
        bottom: 0
    }

    .left-xxxl-0 {
        left: 0
    }

    .d-xxxl-grid {
        display: grid
    }

    .d-xxxl-inline-grid {
        display: inline-grid
    }

    .text-xxxl-left {
        text-align: left!important
    }

    .text-xxxl-right {
        text-align: right!important
    }

    .text-xxxl-center {
        text-align: center!important
    }

    .pt-xxxl-section {
        padding-top: 6rem
    }

    .pb-xxxl-section {
        padding-bottom: 6rem
    }

    .p-xxl-0 {
        padding: 0
    }

    .pt-xxl-0 {
        padding-top: 0
    }

    .pb-xxl-0 {
        padding-bottom: 0
    }

    .pl-xxl-0 {
        padding-left: 0
    }

    .pr-xxl-0 {
        padding-right: 0
    }

    .px-xxl-0 {
        padding-right: 0;
        padding-left: 0
    }

    .py-xxl-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .m-xxl-0 {
        margin: 0
    }

    .mt-xxl-0 {
        margin-top: 0
    }

    .mb-xxl-0 {
        margin-bottom: 0
    }

    .ml-xxl-0 {
        margin-left: 0
    }

    .mr-xxl-0 {
        margin-right: 0
    }

    .mx-xxl-0 {
        margin-right: 0;
        margin-left: 0
    }

    .my-xxl-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .p-xxl-10 {
        padding: 10px
    }

    .pt-xxl-10 {
        padding-top: 10px
    }

    .pb-xxl-10 {
        padding-bottom: 10px
    }

    .pl-xxl-10 {
        padding-left: 10px
    }

    .pr-xxl-10 {
        padding-right: 10px
    }

    .px-xxl-10 {
        padding-right: 10px;
        padding-left: 10px
    }

    .py-xxl-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .m-xxl-10 {
        margin: 10px
    }

    .mt-xxl-10 {
        margin-top: 10px
    }

    .mb-xxl-10 {
        margin-bottom: 10px
    }

    .ml-xxl-10 {
        margin-left: 10px
    }

    .mr-xxl-10 {
        margin-right: 10px
    }

    .mx-xxl-10 {
        margin-right: 10px;
        margin-left: 10px
    }

    .my-xxl-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .p-xxl-15 {
        padding: 15px
    }

    .pt-xxl-15 {
        padding-top: 15px
    }

    .pb-xxl-15 {
        padding-bottom: 15px
    }

    .pl-xxl-15 {
        padding-left: 15px
    }

    .pr-xxl-15 {
        padding-right: 15px
    }

    .px-xxl-15 {
        padding-right: 15px;
        padding-left: 15px
    }

    .py-xxl-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .m-xxl-15 {
        margin: 15px
    }

    .mt-xxl-15 {
        margin-top: 15px
    }

    .mb-xxl-15 {
        margin-bottom: 15px
    }

    .ml-xxl-15 {
        margin-left: 15px
    }

    .mr-xxl-15 {
        margin-right: 15px
    }

    .mx-xxl-15 {
        margin-right: 15px;
        margin-left: 15px
    }

    .my-xxl-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .p-xxl-20 {
        padding: 20px
    }

    .pt-xxl-20 {
        padding-top: 20px
    }

    .pb-xxl-20 {
        padding-bottom: 20px
    }

    .pl-xxl-20 {
        padding-left: 20px
    }

    .pr-xxl-20 {
        padding-right: 20px
    }

    .px-xxl-20 {
        padding-right: 20px;
        padding-left: 20px
    }

    .py-xxl-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .m-xxl-20 {
        margin: 20px
    }

    .mt-xxl-20 {
        margin-top: 20px
    }

    .mb-xxl-20 {
        margin-bottom: 20px
    }

    .ml-xxl-20 {
        margin-left: 20px
    }

    .mr-xxl-20 {
        margin-right: 20px
    }

    .mx-xxl-20 {
        margin-right: 20px;
        margin-left: 20px
    }

    .my-xxl-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .p-xxl-30 {
        padding: 30px
    }

    .pt-xxl-30 {
        padding-top: 30px
    }

    .pb-xxl-30 {
        padding-bottom: 30px
    }

    .pl-xxl-30 {
        padding-left: 30px
    }

    .pr-xxl-30 {
        padding-right: 30px
    }

    .px-xxl-30 {
        padding-right: 30px;
        padding-left: 30px
    }

    .py-xxl-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .m-xxl-30 {
        margin: 30px
    }

    .mt-xxl-30 {
        margin-top: 30px
    }

    .mb-xxl-30 {
        margin-bottom: 30px
    }

    .ml-xxl-30 {
        margin-left: 30px
    }

    .mr-xxl-30 {
        margin-right: 30px
    }

    .mx-xxl-30 {
        margin-right: 30px;
        margin-left: 30px
    }

    .my-xxl-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .p-xxl-60 {
        padding: 60px
    }

    .pt-xxl-60 {
        padding-top: 60px
    }

    .pb-xxl-60 {
        padding-bottom: 60px
    }

    .pl-xxl-60 {
        padding-left: 60px
    }

    .pr-xxl-60 {
        padding-right: 60px
    }

    .px-xxl-60 {
        padding-right: 60px;
        padding-left: 60px
    }

    .py-xxl-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .m-xxl-60 {
        margin: 60px
    }

    .mt-xxl-60 {
        margin-top: 60px
    }

    .mb-xxl-60 {
        margin-bottom: 60px
    }

    .ml-xxl-60 {
        margin-left: 60px
    }

    .mr-xxl-60 {
        margin-right: 60px
    }

    .mx-xxl-60 {
        margin-right: 60px;
        margin-left: 60px
    }

    .my-xxl-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .p-xxl-100 {
        padding: 100px
    }

    .pt-xxl-100 {
        padding-top: 100px
    }

    .pb-xxl-100 {
        padding-bottom: 100px
    }

    .pl-xxl-100 {
        padding-left: 100px
    }

    .pr-xxl-100 {
        padding-right: 100px
    }

    .px-xxl-100 {
        padding-right: 100px;
        padding-left: 100px
    }

    .py-xxl-100 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .m-xxl-100 {
        margin: 100px
    }

    .mt-xxl-100 {
        margin-top: 100px
    }

    .mb-xxl-100 {
        margin-bottom: 100px
    }

    .ml-xxl-100 {
        margin-left: 100px
    }

    .mr-xxl-100 {
        margin-right: 100px
    }

    .mx-xxl-100 {
        margin-right: 100px;
        margin-left: 100px
    }

    .my-xxl-100 {
        margin-top: 100px;
        margin-bottom: 100px
    }

    .display {
        font-size: 10rem
    }

    .display--primary-color {
        font-size: 10rem
    }

    .display--primary-color sup {
        font-size: 7rem
    }

    .card .card__head {
        min-height: 20rem
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media only screen and (min-width: 2000px) {
    .banner {
        background-size:50%
    }
}

@media (min-width: 1200px) and (hover:hover) {
    #menu-dekstop nav>ul>li.has-children:hover>a::after {
        opacity:1;
        transform: translateY(0)
    }

    #menu-dekstop nav>ul>li.has-children:hover>ul {
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

@media (min-width: 1200px) and (min-width:1400px) {
    #menu-dekstop nav>ul>li {
        padding:0 3.5rem
    }
}

@media (min-width: 1200px) and (min-width:1700px) {
    #menu-dekstop .btn-secondary {
        padding:0 5rem
    }

    #menu-dekstop nav>ul>li>a {
        font-size: 1.8rem
    }
}

/*# sourceMappingURL=sourcemaps/style.min.css.map */