html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #e1e1e1; 
  border-radius: 2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #8B3C6F; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #477c97; 
}



.display-none {
    display: none;
    visibility: hidden;
}

.w-max-128 {
    max-width: 128px;
}

.h-max-128 {
    max-height: 128px;
}

.image-doctor {
    background-image: url('images/doctor-image-bg.jpg');
    background-position: center;
    background-size: cover;
}

.content-description--text table {
    background-color: none;
    border: none;
    border-spacing: 1px;
    border-collapse: separate;
}

.content-description--text table tbody tr td {
    background-color: #FFFFFF;
    border: none !important;
}

.content-description--text table tbody tr th {
    background-color: #447C97;
    color: #FFFFFF;
    border: none !important;
}

.form .g-captcha-new {
    width: 256px !important;
    height: 60px !important;
}

.input--file {
    background-color: #f7f7f7;
    border: none !important;
}

.iframe-module {
    margin-top: 0;
    position: relative;
    width: 100%;
    margin: 0px 0;
}

.iframe-module iframe {
    border: none;
    padding: 0 20px;
}

.iframe-module .container {
    position: relative;
    width: 1000px;
    height: inherit;
    min-height: inherit;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 4;
}

.iframe-module .container ._w100 {
    width: 100% !important;
}

.f-size-16 {
    font-size: 16px !important;
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .25s ease-in-out;
    z-index: 15;
}

.modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.modal .modal-container {
    position: relative;
    display: flex;
    margin: 80px;
    max-width: 875px;
    max-height: 90%;
    background: #ffffff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
}

.modal .content-image {
    flex: 1;
    min-width: 400px;
}

.modal .content-body {
    flex: 1;
    margin-left: 30px;
    max-height: 100%;
    padding-right: 15px;
    overflow: auto;
}

.modal .content-share-btns {
    margin-top: 30px;
}

.modal .modal-close {
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0 0 0 -45px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    color: #ffffff;
    background: #1b2275;
    z-index: 5;
    transition: all .25s ease-in-out;
    cursor: pointer;
}

.modal .modal-close:before {
    content: '\e826';
    font: 15px "font-icons";
}

.modal .modal-close:hover {
    background: #7fd9c8;
}

@media screen and (max-width:1083px) {
    .modal .content-image {
        min-width: 300px;
    }

    .modal .modal-container {
        margin: 60px;
        max-width: 100%;
    }
}

@media screen and (max-width:540px) {
    .quotation {
        overflow: hidden;
    }

    .iframe-module iframe {
        padding: 0 5px;
    }
}

.box .box-body-toptitle {
    color: #333333;
}

@font-face { 
    font-display: swap;
    font-family: 'DINPro';
    src: url('fonts/DINPro-Light.woff2') format('woff2'), url('fonts/DINPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-display: swap;
    font-family: 'DINPro';
    src: url('fonts/DINPro-Bold.woff2') format('woff2'), url('fonts/DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-display: swap;
    font-family: 'DINPro';
    src: url('fonts/DINPro-Regular.woff2') format('woff2'), url('fonts/DINPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-display: swap;
    font-family: 'font-icons';
    src: url('fonts/font-icons.eot?74064745');
    src: url('fonts/font-icons.eot') format('embedded-opentype'), url('fonts/font-icons.woff2') format('woff2'), 
    url('fonts/font-icons.woff') format('woff'), url('fonts/font-icons.ttf') format('truetype'), 
    url('fonts/font-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-display: swap;
    font-family: "font-icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-down-open-big:before {
    content: '\e800';
}

.icon-left-open-big:before {
    content: '\e801';
}

.icon-up-open-big:before {
    content: '\e802';
}

.icon-right-open-big:before {
    content: '\e803';
}

.icon-up-open-mini:before {
    content: '\e804';
}

.icon-left-open-mini:before {
    content: '\e805';
}

.icon-down-open-mini:before {
    content: '\e806';
}

.icon-up-open:before {
    content: '\e807';
}

.icon-right-open:before {
    content: '\e808';
}

.icon-left-open:before {
    content: '\e809';
}

.icon-arrow-combo:before {
    content: '\e80a';
}

.icon-down-dir:before {
    content: '\e80b';
}

.icon-left-dir:before {
    content: '\e80c';
}

.icon-up-dir:before {
    content: '\e80d';
}

.icon-right-dir:before {
    content: '\e80e';
}

.icon-left-thin:before {
    content: '\e80f';
}

.icon-right-thin:before {
    content: '\e810';
}

.icon-up-thin:before {
    content: '\e811';
}

.icon-down-thin:before {
    content: '\e812';
}

.icon-down:before {
    content: '\e813';
}

.icon-left:before {
    content: '\e814';
}

.icon-right:before {
    content: '\e815';
}

.icon-up:before {
    content: '\e816';
}

.icon-left-open-2:before {
    content: '\e817';
}

.icon-right-open-2:before {
    content: '\e818';
}

.icon-updown-circle:before {
    content: '\e819';
}

.icon-exchange:before {
    content: '\e81a';
}

.icon-cursor:before {
    content: '\e81b';
}

.icon-user:before {
    content: '\e81c';
}

.icon-users:before {
    content: '\e81d';
}

.icon-user-add:before {
    content: '\e81e';
}

.icon-user-2:before {
    content: '\e81f';
}

.icon-user-woman:before {
    content: '\e820';
}

.icon-user-pair:before {
    content: '\e821';
}

.icon-trash:before {
    content: '\e822';
}

.icon-ok:before {
    content: '\e823';
}

.icon-check:before {
    content: '\e824';
}

.icon-ok-1:before {
    content: '\e825';
}

.icon-cancel:before {
    content: '\e826';
}

.icon-cancel-1:before {
    content: '\e827';
}

.icon-cancel-circled-outline:before {
    content: '\e828';
}

.icon-cancel-circled:before {
    content: '\e829';
}

.icon-comment-alt:before {
    content: '\e82a';
}

.icon-chat:before {
    content: '\e82b';
}

.icon-attention:before {
    content: '\e82c';
}

.icon-heart:before {
    content: '\e82d';
}

.icon-heart-empty:before {
    content: '\e82e';
}

.icon-search:before {
    content: '\e82f';
}

.icon-star:before {
    content: '\e830';
}

.icon-cancel-circle:before {
    content: '\e831';
}

.icon-plus-circle:before {
    content: '\e832';
}

.icon-minus-circle:before {
    content: '\e833';
}

.icon-link:before {
    content: '\e834';
}

.icon-attach:before {
    content: '\e835';
}

.icon-lock:before {
    content: '\e836';
}

.icon-dot-3:before {
    content: '\e837';
}

.icon-dot:before {
    content: '\e838';
}

.icon-dot-2:before {
    content: '\e839';
}

.icon-paper-plane-1:before {
    content: '\e83a';
}

.icon-resize-full:before {
    content: '\e83b';
}

.icon-resize-small:before {
    content: '\e83c';
}

.icon-thumbs-up:before {
    content: '\e83d';
}

.icon-thumbs-down:before {
    content: '\e83e';
}

.icon-attention-1:before {
    content: '\e83f';
}

.icon-bell:before {
    content: '\e840';
}

.icon-note:before {
    content: '\e841';
}

.icon-note-beamed:before {
    content: '\e842';
}

.icon-picture:before {
    content: '\e843';
}

.icon-cancel-2:before {
    content: '\e844';
}

.icon-eye:before {
    content: '\e845';
}

.icon-plus:before {
    content: '\e846';
}

.icon-minus:before {
    content: '\e847';
}

.icon-download-1:before {
    content: '\e848';
}

.icon-upload-1:before {
    content: '\e849';
}

.icon-quote:before {
    content: '\e84a';
}

.icon-ok-2:before {
    content: '\e84b';
}

.icon-pencil:before {
    content: '\e84c';
}

.icon-pencil-1:before {
    content: '\e84d';
}

.icon-pencil-2:before {
    content: '\e84e';
}

.icon-attention-circled:before {
    content: '\e84f';
}

.icon-terminal:before {
    content: '\e850';
}

.icon-folder:before {
    content: '\e851';
}

.icon-folder-close:before {
    content: '\e852';
}

.icon-doc-new:before {
    content: '\e853';
}

.icon-doc-new-circled:before {
    content: '\e854';
}

.icon-doc:before {
    content: '\e855';
}

.icon-location:before {
    content: '\e856';
}

.icon-bookmark-empty:before {
    content: '\e857';
}

.icon-bookmark:before {
    content: '\e858';
}

.icon-eye-1:before {
    content: '\e859';
}

.icon-eye-off:before {
    content: '\e85a';
}

.icon-mail:before {
    content: '\e85b';
}

.icon-mail-1:before {
    content: '\e85c';
}

.icon-question:before {
    content: '\e85d';
}

.icon-help:before {
    content: '\e85e';
}

.icon-help-circled-2:before {
    content: '\e85f';
}

.icon-help-circled-3:before {
    content: '\e860';
}

.icon-info:before {
    content: '\e861';
}

.icon-info-1:before {
    content: '\e862';
}

.icon-info-circled-1:before {
    content: '\e863';
}

.icon-cog:before {
    content: '\e864';
}

.icon-cog-1:before {
    content: '\e865';
}

.icon-wrench:before {
    content: '\e866';
}

.icon-cogs:before {
    content: '\e867';
}

.icon-cog-alt:before {
    content: '\e868';
}

.icon-cog-2:before {
    content: '\e869';
}

.icon-wrench-1:before {
    content: '\e86a';
}

.icon-light-up:before {
    content: '\e86b';
}

.icon-adjust:before {
    content: '\e86c';
}

.icon-pin:before {
    content: '\e86d';
}

.icon-basket:before {
    content: '\e86e';
}

.icon-basket-1:before {
    content: '\e86f';
}

.icon-basket-2:before {
    content: '\e870';
}

.icon-basket-alt:before {
    content: '\e871';
}

.icon-login:before {
    content: '\e872';
}

.icon-logout:before {
    content: '\e873';
}

.icon-logout-2:before {
    content: '\e874';
}

.icon-asl:before {
    content: '\e875';
}

.icon-gauge-1:before {
    content: '\e876';
}

.icon-phone:before {
    content: '\e877';
}

.icon-phone-1:before {
    content: '\e878';
}

.icon-tag:before {
    content: '\e879';
}

.icon-tag-1:before {
    content: '\e87a';
}

.icon-calendar-1:before {
    content: '\e87b';
}

.icon-th-large:before {
    content: '\e87c';
}

.icon-th-large-outline:before {
    content: '\e87d';
}

.icon-waves:before {
    content: '\e87e';
}

.icon-tags:before {
    content: '\e87f';
}

.icon-camera:before {
    content: '\e880';
}

.icon-emo-happy:before {
    content: '\e881';
}

.icon-close-line:before {
    content: '\e882';
}

.icon-map:before {
    content: '\e883';
}

.icon-location-2:before {
    content: '\e884';
}

.icon-play-circled2:before {
    content: '\e885';
}

.icon-pause-circled:before {
    content: '\e886';
}

.icon-location-outline:before {
    content: '\e887';
}

.icon-mobile:before {
    content: '\e888';
}

.icon-clock:before {
    content: '\e889';
}

.icon-stopwatch:before {
    content: '\e88a';
}

.icon-doc-1:before {
    content: '\e88b';
}

.icon-zoom-in:before {
    content: '\e88c';
}

.icon-zoom-out-1:before {
    content: '\e88d';
}

.icon-contract:before {
    content: '\e88e';
}

.icon-noun_health_2492425:before {
    content: '\e88f';
}

.icon-noun_iphone_2502033:before {
    content: '\e890';
}

.icon-noun_lab_1796357:before {
    content: '\e891';
}

.icon-noun_pin_3134303:before {
    content: '\e892';
}

.icon-noun_search_860389:before {
    content: '\e893';
}

.icon-noun_video-call_126075:before {
    content: '\e894';
}

.icon-noun_world_1299726:before {
    content: '\e895';
}

.icon-noun_book_252326:before {
    content: '\e896';
}

.icon-noun_calendar_3063432:before {
    content: '\e897';
}

.icon-noun_doctor_1396024:before {
    content: '\e898';
}

.icon-noun_doctor_1029609:before {
    content: '\e899';
}

.icon-noun_doctor_3342033:before {
    content: '\e89a';
}

.icon-pros-and-cons:before {
    content: '\e89b';
}

.icon-nose-line:before {
    content: '\e89c';
}

.icon-noun_survey_1251442:before {
    content: '\e89d';
}

.icon-send:before {
    content: '\e89e';
}

.icon-noun_question-mark_480586:before {
    content: '\e89f';
}

.icon-noun_tag_1014275:before {
    content: '\e8a0';
}

.icon-noun_hour_2630789:before {
    content: '\e8a1';
}

.icon-noun_calendar_3345991:before {
    content: '\e8a2';
}

.icon-attention-2:before {
    content: '\e8a3';
}

.icon-noun_warning_538056:before {
    content: '\e8a4';
}

.icon-information-button:before {
    content: '\e8a5';
}

.icon-no-waiting:before {
    content: '\e8a6';
}

.icon-noun_hamburger_341045:before {
    content: '\e8a7';
}

.icon-noun_car_337340:before {
    content: '\e8a8';
}

.icon-google-maps:before {
    content: '\e8a9';
}

.icon-hand-filled-shape-with-forefinger-pointing-up:before {
    content: '\e8aa';
}

.icon-noun_teacup_341048:before {
    content: '\e8ab';
}

.icon-noun_incubator_6348:before {
    content: '\e8ac';
}

.icon-noun_intensive-care_195659:before {
    content: '\e8ad';
}

.icon-noun_hospital_1709022:before {
    content: '\e8ae';
}

.icon-noun_operating-room_59639:before {
    content: '\e8af';
}

.icon-noun_baby_958538:before {
    content: '\e8b0';
}

.icon-noun_baby-incubator_2450496:before {
    content: '\e8b1';
}

.icon-noun_child_1765613:before {
    content: '\e8b2';
}

.icon-sport-body-man:before {
    content: '\e8b3';
}

.icon-sport-body-woman:before {
    content: '\e8b4';
}

.icon-down-open:before {
    content: '\f004';
}

.icon-up-open-1:before {
    content: '\f005';
}

.icon-right-open-1:before {
    content: '\f006';
}

.icon-left-open-1:before {
    content: '\f007';
}

.icon-menu:before {
    content: '\f008';
}

.icon-th-list:before {
    content: '\f009';
}

.icon-th-thumb:before {
    content: '\f00a';
}

.icon-th-thumb-empty:before {
    content: '\f00b';
}

.icon-pause:before {
    content: '\f00e';
}

.icon-play:before {
    content: '\f00f';
}

.icon-to-end:before {
    content: '\f010';
}

.icon-to-start:before {
    content: '\f011';
}

.icon-fast-forward:before {
    content: '\f012';
}

.icon-fast-backward:before {
    content: '\f013';
}

.icon-globe:before {
    content: '\f018';
}

.icon-globe-inv:before {
    content: '\f019';
}

.icon-paper-plane:before {
    content: '\f01d';
}

.icon-ccw:before {
    content: '\f025';
}

.icon-hash:before {
    content: '\f029';
}

.icon-login-1:before {
    content: '\f02c';
}

.icon-logout-1:before {
    content: '\f02d';
}

.icon-download:before {
    content: '\f02e';
}

.icon-upload:before {
    content: '\f02f';
}

.icon-location-1:before {
    content: '\f031';
}

.icon-user-1:before {
    content: '\f061';
}

.icon-user-female:before {
    content: '\f063';
}

.icon-users-1:before {
    content: '\f064';
}

.icon-stop:before {
    content: '\f080';
}

.icon-trash-2:before {
    content: '\f083';
}

.icon-info-circled:before {
    content: '\f085';
}

.icon-twitter:before {
    content: '\f099';
}

.icon-facebook:before {
    content: '\f09a';
}

.icon-docs:before {
    content: '\f0c5';
}

.icon-mail-alt:before {
    content: '\f0e0';
}

.icon-linkedin:before {
    content: '\f0e1';
}

.icon-gauge:before {
    content: '\f0e4';
}

.icon-bell-alt:before {
    content: '\f0f3';
}

.icon-doc-text:before {
    content: '\f0f6';
}

.icon-building:before {
    content: '\f0f7';
}

.icon-circle:before {
    content: '\f111';
}

.icon-smile:before {
    content: '\f118';
}

.icon-info-2:before {
    content: '\f129';
}

.icon-attention-alt:before {
    content: '\f12a';
}

.icon-doc-inv:before {
    content: '\f15b';
}

.icon-doc-text-inv:before {
    content: '\f15c';
}

.icon-youtube-squared:before {
    content: '\f166';
}

.icon-youtube:before {
    content: '\f167';
}

.icon-youtube-play:before {
    content: '\f16a';
}

.icon-instagram:before {
    content: '\f16d';
}

.icon-windows:before {
    content: '\f17a';
}

.icon-linux:before {
    content: '\f17c';
}

.icon-cab:before {
    content: '\f1b9';
}

.icon-file-pdf:before {
    content: '\f1c1';
}

.icon-file-word:before {
    content: '\f1c2';
}

.icon-file-excel:before {
    content: '\f1c3';
}

.icon-file-powerpoint:before {
    content: '\f1c4';
}

.icon-file-image:before {
    content: '\f1c5';
}

.icon-file-archive:before {
    content: '\f1c6';
}

.icon-file-audio:before {
    content: '\f1c7';
}

.icon-file-video:before {
    content: '\f1c8';
}

.icon-file-code:before {
    content: '\f1c9';
}

.icon-circle-thin:before {
    content: '\f1db';
}

.icon-calc:before {
    content: '\f1ec';
}

.icon-toggle-off:before {
    content: '\f204';
}

.icon-toggle-on:before {
    content: '\f205';
}

.icon-cart-plus:before {
    content: '\f217';
}

.icon-whatsapp:before {
    content: '\f232';
}

.icon-wikipedia-w:before {
    content: '\f266';
}

.icon-commenting:before {
    content: '\f27a';
}

.icon-commenting-o:before {
    content: '\f27b';
}

.icon-vimeo-1:before {
    content: '\f27d';
}

.icon-envelope-open:before {
    content: '\f2b6';
}

.icon-envelope-open-o:before {
    content: '\f2b7';
}

.icon-facebook-1:before {
    content: '\f300';
}

.icon-facebook-rect:before {
    content: '\f301';
}

.icon-twitter-1:before {
    content: '\f302';
}

.icon-twitter-bird:before {
    content: '\f303';
}

.icon-github-text:before {
    content: '\f307';
}

.icon-github:before {
    content: '\f308';
}

.icon-googleplus-rect:before {
    content: '\f309';
}

.icon-skype:before {
    content: '\f30b';
}

.icon-linkedin-squared:before {
    content: '\f30c';
}

.icon-vimeo:before {
    content: '\f30f';
}

.icon-tumblr-rect:before {
    content: '\f310';
}

.icon-tumblr:before {
    content: '\f311';
}

.icon-linkedin-1:before {
    content: '\f31a';
}

.icon-linkedin-rect:before {
    content: '\f31b';
}

.icon-wordpress:before {
    content: '\f31d';
}

.icon-instagram-1:before {
    content: '\f31e';
}

.icon-instagram-filled:before {
    content: '\f31f';
}

.icon-win8:before {
    content: '\f325';
}

.icon-amex:before {
    content: '\f326';
}

.icon-visa:before {
    content: '\f328';
}

.icon-mastercard:before {
    content: '\f329';
}

.icon-codepen:before {
    content: '\f32c';
}

.icon-instagram-2:before {
    content: '\f32d';
}

.icon-comment:before {
    content: '\f4ac';
}

.icon-calendar:before {
    content: '\f4c5';
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:1132px) {
    .container {
        max-width: 1132px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

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

.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-13,
.col-14,
.col-15,
.col-16,
.col-17,
.col-18,
.col-19,
.col-2,
.col-20,
.col-21,
.col-22,
.col-23,
.col-24,
.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-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-2,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24,
.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-13,
.col-md-14,
.col-md-15,
.col-md-16,
.col-md-17,
.col-md-18,
.col-md-19,
.col-md-2,
.col-md-20,
.col-md-21,
.col-md-22,
.col-md-23,
.col-md-24,
.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-13,
.col-sm-14,
.col-sm-15,
.col-sm-16,
.col-sm-17,
.col-sm-18,
.col-sm-19,
.col-sm-2,
.col-sm-20,
.col-sm-21,
.col-sm-22,
.col-sm-23,
.col-sm-24,
.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-13,
.col-xl-14,
.col-xl-15,
.col-xl-16,
.col-xl-17,
.col-xl-18,
.col-xl-19,
.col-xl-2,
.col-xl-20,
.col-xl-21,
.col-xl-22,
.col-xl-23,
.col-xl-24,
.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-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16,
.col-xs-17,
.col-xs-18,
.col-xs-19,
.col-xs-2,
.col-xs-20,
.col-xs-21,
.col-xs-22,
.col-xs-23,
.col-xs-24,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-13,
.col-xxl-14,
.col-xxl-15,
.col-xxl-16,
.col-xxl-17,
.col-xxl-18,
.col-xxl-19,
.col-xxl-2,
.col-xxl-20,
.col-xxl-21,
.col-xxl-22,
.col-xxl-23,
.col-xxl-24,
.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-xxs,
.col-xxs-1,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12,
.col-xxs-13,
.col-xxs-14,
.col-xxs-15,
.col-xxs-16,
.col-xxs-17,
.col-xxs-18,
.col-xxs-19,
.col-xxs-2,
.col-xxs-20,
.col-xxs-21,
.col-xxs-22,
.col-xxs-23,
.col-xxs-24,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-13 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%
}

.col-14 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-15 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.col-16 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-17 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%
}

.col-18 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-19 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%
}

.col-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-21 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.col-22 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-23 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%
}

.col-24 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 26;
    -ms-flex-order: 25;
    order: 25
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

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

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

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

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

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

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

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

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

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

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

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

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

.offset-13 {
    margin-left: 54.16667%
}

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

.offset-15 {
    margin-left: 62.5%
}

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

.offset-17 {
    margin-left: 70.83333%
}

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

.offset-19 {
    margin-left: 79.16667%
}

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

.offset-21 {
    margin-left: 87.5%
}

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

.offset-23 {
    margin-left: 95.83333%
}

@media (min-width:320px) {
    .col-xxs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-xxs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xxs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-xxs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-xxs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-xxs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-xxs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxs-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-xxs-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxs-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-xxs-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxs-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-xxs-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxs-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-xxs-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxs-21 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-xxs-22 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxs-23 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-xxs-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxs-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xxs-last {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }

    .order-xxs-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xxs-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxs-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxs-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxs-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxs-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxs-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxs-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxs-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxs-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxs-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxs-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxs-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .order-xxs-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xxs-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .order-xxs-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .order-xxs-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .order-xxs-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .order-xxs-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .order-xxs-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .order-xxs-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .order-xxs-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .order-xxs-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .order-xxs-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .order-xxs-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .offset-xxs-0 {
        margin-left: 0
    }

    .offset-xxs-1 {
        margin-left: 4.16667%
    }

    .offset-xxs-2 {
        margin-left: 8.33333%
    }

    .offset-xxs-3 {
        margin-left: 12.5%
    }

    .offset-xxs-4 {
        margin-left: 16.66667%
    }

    .offset-xxs-5 {
        margin-left: 20.83333%
    }

    .offset-xxs-6 {
        margin-left: 25%
    }

    .offset-xxs-7 {
        margin-left: 29.16667%
    }

    .offset-xxs-8 {
        margin-left: 33.33333%
    }

    .offset-xxs-9 {
        margin-left: 37.5%
    }

    .offset-xxs-10 {
        margin-left: 41.66667%
    }

    .offset-xxs-11 {
        margin-left: 45.83333%
    }

    .offset-xxs-12 {
        margin-left: 50%
    }

    .offset-xxs-13 {
        margin-left: 54.16667%
    }

    .offset-xxs-14 {
        margin-left: 58.33333%
    }

    .offset-xxs-15 {
        margin-left: 62.5%
    }

    .offset-xxs-16 {
        margin-left: 66.66667%
    }

    .offset-xxs-17 {
        margin-left: 70.83333%
    }

    .offset-xxs-18 {
        margin-left: 75%
    }

    .offset-xxs-19 {
        margin-left: 79.16667%
    }

    .offset-xxs-20 {
        margin-left: 83.33333%
    }

    .offset-xxs-21 {
        margin-left: 87.5%
    }

    .offset-xxs-22 {
        margin-left: 91.66667%
    }

    .offset-xxs-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:405px) {
    .col-xs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-xs-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xs-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-xs-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xs-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-xs-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-xs-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xs-21 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-xs-22 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xs-23 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-xs-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xs-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xs-last {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }

    .order-xs-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xs-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xs-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xs-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xs-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xs-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xs-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xs-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xs-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xs-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xs-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xs-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xs-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .order-xs-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xs-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .order-xs-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .order-xs-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .order-xs-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .order-xs-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .order-xs-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .order-xs-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .order-xs-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .order-xs-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .order-xs-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .order-xs-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .offset-xs-0 {
        margin-left: 0
    }

    .offset-xs-1 {
        margin-left: 4.16667%
    }

    .offset-xs-2 {
        margin-left: 8.33333%
    }

    .offset-xs-3 {
        margin-left: 12.5%
    }

    .offset-xs-4 {
        margin-left: 16.66667%
    }

    .offset-xs-5 {
        margin-left: 20.83333%
    }

    .offset-xs-6 {
        margin-left: 25%
    }

    .offset-xs-7 {
        margin-left: 29.16667%
    }

    .offset-xs-8 {
        margin-left: 33.33333%
    }

    .offset-xs-9 {
        margin-left: 37.5%
    }

    .offset-xs-10 {
        margin-left: 41.66667%
    }

    .offset-xs-11 {
        margin-left: 45.83333%
    }

    .offset-xs-12 {
        margin-left: 50%
    }

    .offset-xs-13 {
        margin-left: 54.16667%
    }

    .offset-xs-14 {
        margin-left: 58.33333%
    }

    .offset-xs-15 {
        margin-left: 62.5%
    }

    .offset-xs-16 {
        margin-left: 66.66667%
    }

    .offset-xs-17 {
        margin-left: 70.83333%
    }

    .offset-xs-18 {
        margin-left: 75%
    }

    .offset-xs-19 {
        margin-left: 79.16667%
    }

    .offset-xs-20 {
        margin-left: 83.33333%
    }

    .offset-xs-21 {
        margin-left: 87.5%
    }

    .offset-xs-22 {
        margin-left: 91.66667%
    }

    .offset-xs-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:540px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-sm-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-sm-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-sm-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-sm-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-21 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-sm-22 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-23 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-sm-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .order-sm-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .order-sm-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .order-sm-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .order-sm-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .order-sm-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .order-sm-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .order-sm-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .order-sm-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .order-sm-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .order-sm-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .order-sm-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 4.16667%
    }

    .offset-sm-2 {
        margin-left: 8.33333%
    }

    .offset-sm-3 {
        margin-left: 12.5%
    }

    .offset-sm-4 {
        margin-left: 16.66667%
    }

    .offset-sm-5 {
        margin-left: 20.83333%
    }

    .offset-sm-6 {
        margin-left: 25%
    }

    .offset-sm-7 {
        margin-left: 29.16667%
    }

    .offset-sm-8 {
        margin-left: 33.33333%
    }

    .offset-sm-9 {
        margin-left: 37.5%
    }

    .offset-sm-10 {
        margin-left: 41.66667%
    }

    .offset-sm-11 {
        margin-left: 45.83333%
    }

    .offset-sm-12 {
        margin-left: 50%
    }

    .offset-sm-13 {
        margin-left: 54.16667%
    }

    .offset-sm-14 {
        margin-left: 58.33333%
    }

    .offset-sm-15 {
        margin-left: 62.5%
    }

    .offset-sm-16 {
        margin-left: 66.66667%
    }

    .offset-sm-17 {
        margin-left: 70.83333%
    }

    .offset-sm-18 {
        margin-left: 75%
    }

    .offset-sm-19 {
        margin-left: 79.16667%
    }

    .offset-sm-20 {
        margin-left: 83.33333%
    }

    .offset-sm-21 {
        margin-left: 87.5%
    }

    .offset-sm-22 {
        margin-left: 91.66667%
    }

    .offset-sm-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:808px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-md-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-md-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-md-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-md-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-21 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-md-22 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-23 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-md-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .order-md-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .order-md-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .order-md-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .order-md-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .order-md-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .order-md-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .order-md-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .order-md-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .order-md-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .order-md-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .order-md-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 4.16667%
    }

    .offset-md-2 {
        margin-left: 8.33333%
    }

    .offset-md-3 {
        margin-left: 12.5%
    }

    .offset-md-4 {
        margin-left: 16.66667%
    }

    .offset-md-5 {
        margin-left: 20.83333%
    }

    .offset-md-6 {
        margin-left: 25%
    }

    .offset-md-7 {
        margin-left: 29.16667%
    }

    .offset-md-8 {
        margin-left: 33.33333%
    }

    .offset-md-9 {
        margin-left: 37.5%
    }

    .offset-md-10 {
        margin-left: 41.66667%
    }

    .offset-md-11 {
        margin-left: 45.83333%
    }

    .offset-md-12 {
        margin-left: 50%
    }

    .offset-md-13 {
        margin-left: 54.16667%
    }

    .offset-md-14 {
        margin-left: 58.33333%
    }

    .offset-md-15 {
        margin-left: 62.5%
    }

    .offset-md-16 {
        margin-left: 66.66667%
    }

    .offset-md-17 {
        margin-left: 70.83333%
    }

    .offset-md-18 {
        margin-left: 75%
    }

    .offset-md-19 {
        margin-left: 79.16667%
    }

    .offset-md-20 {
        margin-left: 83.33333%
    }

    .offset-md-21 {
        margin-left: 87.5%
    }

    .offset-md-22 {
        margin-left: 91.66667%
    }

    .offset-md-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1024px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-lg-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-lg-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-lg-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-lg-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-21 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-lg-22 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-23 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-lg-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .order-lg-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .order-lg-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .order-lg-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .order-lg-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .order-lg-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .order-lg-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .order-lg-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .order-lg-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .order-lg-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .order-lg-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .order-lg-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 4.16667%
    }

    .offset-lg-2 {
        margin-left: 8.33333%
    }

    .offset-lg-3 {
        margin-left: 12.5%
    }

    .offset-lg-4 {
        margin-left: 16.66667%
    }

    .offset-lg-5 {
        margin-left: 20.83333%
    }

    .offset-lg-6 {
        margin-left: 25%
    }

    .offset-lg-7 {
        margin-left: 29.16667%
    }

    .offset-lg-8 {
        margin-left: 33.33333%
    }

    .offset-lg-9 {
        margin-left: 37.5%
    }

    .offset-lg-10 {
        margin-left: 41.66667%
    }

    .offset-lg-11 {
        margin-left: 45.83333%
    }

    .offset-lg-12 {
        margin-left: 50%
    }

    .offset-lg-13 {
        margin-left: 54.16667%
    }

    .offset-lg-14 {
        margin-left: 58.33333%
    }

    .offset-lg-15 {
        margin-left: 62.5%
    }

    .offset-lg-16 {
        margin-left: 66.66667%
    }

    .offset-lg-17 {
        margin-left: 70.83333%
    }

    .offset-lg-18 {
        margin-left: 75%
    }

    .offset-lg-19 {
        margin-left: 79.16667%
    }

    .offset-lg-20 {
        margin-left: 83.33333%
    }

    .offset-lg-21 {
        margin-left: 87.5%
    }

    .offset-lg-22 {
        margin-left: 91.66667%
    }

    .offset-lg-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1132px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-xl-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-xl-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-xl-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-xl-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-21 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-xl-22 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-23 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-xl-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .order-xl-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .order-xl-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .order-xl-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .order-xl-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .order-xl-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .order-xl-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .order-xl-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .order-xl-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .order-xl-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .order-xl-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .order-xl-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 4.16667%
    }

    .offset-xl-2 {
        margin-left: 8.33333%
    }

    .offset-xl-3 {
        margin-left: 12.5%
    }

    .offset-xl-4 {
        margin-left: 16.66667%
    }

    .offset-xl-5 {
        margin-left: 20.83333%
    }

    .offset-xl-6 {
        margin-left: 25%
    }

    .offset-xl-7 {
        margin-left: 29.16667%
    }

    .offset-xl-8 {
        margin-left: 33.33333%
    }

    .offset-xl-9 {
        margin-left: 37.5%
    }

    .offset-xl-10 {
        margin-left: 41.66667%
    }

    .offset-xl-11 {
        margin-left: 45.83333%
    }

    .offset-xl-12 {
        margin-left: 50%
    }

    .offset-xl-13 {
        margin-left: 54.16667%
    }

    .offset-xl-14 {
        margin-left: 58.33333%
    }

    .offset-xl-15 {
        margin-left: 62.5%
    }

    .offset-xl-16 {
        margin-left: 66.66667%
    }

    .offset-xl-17 {
        margin-left: 70.83333%
    }

    .offset-xl-18 {
        margin-left: 75%
    }

    .offset-xl-19 {
        margin-left: 79.16667%
    }

    .offset-xl-20 {
        margin-left: 83.33333%
    }

    .offset-xl-21 {
        margin-left: 87.5%
    }

    .offset-xl-22 {
        margin-left: 91.66667%
    }

    .offset-xl-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1440px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16667%;
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333%;
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16667%;
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333%;
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16667%;
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-xxl-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-xxl-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333%;
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-xxl-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16667%;
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-xxl-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-21 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-xxl-22 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-23 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333%;
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-xxl-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xxl-last {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }

    .order-xxl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .order-xxl-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xxl-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .order-xxl-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .order-xxl-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .order-xxl-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .order-xxl-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .order-xxl-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .order-xxl-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .order-xxl-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .order-xxl-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .order-xxl-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .order-xxl-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 4.16667%
    }

    .offset-xxl-2 {
        margin-left: 8.33333%
    }

    .offset-xxl-3 {
        margin-left: 12.5%
    }

    .offset-xxl-4 {
        margin-left: 16.66667%
    }

    .offset-xxl-5 {
        margin-left: 20.83333%
    }

    .offset-xxl-6 {
        margin-left: 25%
    }

    .offset-xxl-7 {
        margin-left: 29.16667%
    }

    .offset-xxl-8 {
        margin-left: 33.33333%
    }

    .offset-xxl-9 {
        margin-left: 37.5%
    }

    .offset-xxl-10 {
        margin-left: 41.66667%
    }

    .offset-xxl-11 {
        margin-left: 45.83333%
    }

    .offset-xxl-12 {
        margin-left: 50%
    }

    .offset-xxl-13 {
        margin-left: 54.16667%
    }

    .offset-xxl-14 {
        margin-left: 58.33333%
    }

    .offset-xxl-15 {
        margin-left: 62.5%
    }

    .offset-xxl-16 {
        margin-left: 66.66667%
    }

    .offset-xxl-17 {
        margin-left: 70.83333%
    }

    .offset-xxl-18 {
        margin-left: 75%
    }

    .offset-xxl-19 {
        margin-left: 79.16667%
    }

    .offset-xxl-20 {
        margin-left: 83.33333%
    }

    .offset-xxl-21 {
        margin-left: 87.5%
    }

    .offset-xxl-22 {
        margin-left: 91.66667%
    }

    .offset-xxl-23 {
        margin-left: 95.83333%
    }
}

.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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:320px) {
    .d-xxs-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-xxs-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxs-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:405px) {
    .d-xs-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-xs-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xs-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:540px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:808px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1024px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1132px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1440px) {
    .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: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

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

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

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

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

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

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

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

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

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

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

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:320px) {
    .flex-xxs-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxs-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxs-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxs-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxs-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxs-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxs-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xxs-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xxs-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xxs-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xxs-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xxs-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xxs-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxs-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxs-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxs-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxs-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xxs-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxs-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxs-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxs-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxs-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxs-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxs-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxs-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxs-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxs-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxs-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxs-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxs-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxs-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxs-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xxs-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxs-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:405px) {
    .flex-xs-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xs-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xs-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xs-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xs-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xs-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xs-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xs-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xs-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xs-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xs-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xs-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xs-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xs-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xs-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xs-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xs-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xs-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xs-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xs-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xs-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xs-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xs-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xs-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xs-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xs-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xs-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xs-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xs-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xs-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xs-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xs-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xs-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xs-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:540px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:808px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1024px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1132px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1440px) {
    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xxl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xxl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xxl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 10px !important
}

.mt-1,
.my-1 {
    margin-top: 10px !important
}

.mr-1,
.mx-1 {
    margin-right: 10px !important
}

.mb-1,
.my-1 {
    margin-bottom: 10px !important
}

.ml-1,
.mx-1 {
    margin-left: 10px !important
}

.m-2 {
    margin: 20px !important
}

.mt-2,
.my-2 {
    margin-top: 20px !important
}

.mr-2,
.mx-2 {
    margin-right: 20px !important
}

.mb-2,
.my-2 {
    margin-bottom: 20px !important
}

.ml-2,
.mx-2 {
    margin-left: 20px !important
}

.m-3 {
    margin: 30px !important
}

.mt-3,
.my-3 {
    margin-top: 30px !important
}

.mr-3,
.mx-3 {
    margin-right: 30px !important
}

.mb-3,
.my-3 {
    margin-bottom: 30px !important
}

.ml-3,
.mx-3 {
    margin-left: 30px !important
}

.m-4 {
    margin: 40px !important
}

.mt-4,
.my-4 {
    margin-top: 40px !important
}

.mr-4,
.mx-4 {
    margin-right: 40px !important
}

.mb-4,
.my-4 {
    margin-bottom: 40px !important
}

.ml-4,
.mx-4 {
    margin-left: 40px !important
}

.m-5 {
    margin: 50px !important
}

.mt-5,
.my-5 {
    margin-top: 50px !important
}

.mr-5,
.mx-5 {
    margin-right: 50px !important
}

.mb-5,
.my-5 {
    margin-bottom: 50px !important
}

.ml-5,
.mx-5 {
    margin-left: 50px !important
}

.m-6 {
    margin: 60px !important
}

.mt-6,
.my-6 {
    margin-top: 60px !important
}

.mr-6,
.mx-6 {
    margin-right: 60px !important
}

.mb-6,
.my-6 {
    margin-bottom: 60px !important
}

.ml-6,
.mx-6 {
    margin-left: 60px !important
}

.m-7 {
    margin: 70px !important
}

.mt-7,
.my-7 {
    margin-top: 70px !important
}

.mr-7,
.mx-7 {
    margin-right: 70px !important
}

.mb-7,
.my-7 {
    margin-bottom: 70px !important
}

.ml-7,
.mx-7 {
    margin-left: 70px !important
}

.m-8 {
    margin: 80px !important
}

.mt-8,
.my-8 {
    margin-top: 80px !important
}

.mr-8,
.mx-8 {
    margin-right: 80px !important
}

.mb-8,
.my-8 {
    margin-bottom: 80px !important
}

.ml-8,
.mx-8 {
    margin-left: 80px !important
}

.m-9 {
    margin: 90px !important
}

.mt-9,
.my-9 {
    margin-top: 90px !important
}

.mr-9,
.mx-9 {
    margin-right: 90px !important
}

.mb-9,
.my-9 {
    margin-bottom: 90px !important
}

.ml-9,
.mx-9 {
    margin-left: 90px !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 10px !important
}

.pt-1,
.py-1 {
    padding-top: 10px !important
}

.pr-1,
.px-1 {
    padding-right: 10px !important
}

.pb-1,
.py-1 {
    padding-bottom: 10px !important
}

.pl-1,
.px-1 {
    padding-left: 10px !important
}

.p-2 {
    padding: 20px !important
}

.pt-2,
.py-2 {
    padding-top: 20px !important
}

.pr-2,
.px-2 {
    padding-right: 20px !important
}

.pb-2,
.py-2 {
    padding-bottom: 20px !important
}

.pl-2,
.px-2 {
    padding-left: 20px !important
}

.p-3 {
    padding: 30px !important
}

.pt-3,
.py-3 {
    padding-top: 30px !important
}

.pr-3,
.px-3 {
    padding-right: 30px !important
}

.pb-3,
.py-3 {
    padding-bottom: 30px !important
}

.pl-3,
.px-3 {
    padding-left: 30px !important
}

.p-4 {
    padding: 40px !important
}

.pt-4,
.py-4 {
    padding-top: 40px !important
}

.pr-4,
.px-4 {
    padding-right: 40px !important
}

.pb-4,
.py-4 {
    padding-bottom: 40px !important
}

.pl-4,
.px-4 {
    padding-left: 40px !important
}

.p-5 {
    padding: 50px !important
}

.pt-5,
.py-5 {
    padding-top: 50px !important
}

.pr-5,
.px-5 {
    padding-right: 50px !important
}

.pb-5,
.py-5 {
    padding-bottom: 50px !important
}

.pl-5,
.px-5 {
    padding-left: 50px !important
}

.p-6 {
    padding: 60px !important
}

.pt-6,
.py-6 {
    padding-top: 60px !important
}

.pr-6,
.px-6 {
    padding-right: 60px !important
}

.pb-6,
.py-6 {
    padding-bottom: 60px !important
}

.pl-6,
.px-6 {
    padding-left: 60px !important
}

.p-7 {
    padding: 70px !important
}

.pt-7,
.py-7 {
    padding-top: 70px !important
}

.pr-7,
.px-7 {
    padding-right: 70px !important
}

.pb-7,
.py-7 {
    padding-bottom: 70px !important
}

.pl-7,
.px-7 {
    padding-left: 70px !important
}

.p-8 {
    padding: 80px !important
}

.pt-8,
.py-8 {
    padding-top: 80px !important
}

.pr-8,
.px-8 {
    padding-right: 80px !important
}

.pb-8,
.py-8 {
    padding-bottom: 80px !important
}

.pl-8,
.px-8 {
    padding-left: 80px !important
}

.p-9 {
    padding: 90px !important
}

.pt-9,
.py-9 {
    padding-top: 90px !important
}

.pr-9,
.px-9 {
    padding-right: 90px !important
}

.pb-9,
.py-9 {
    padding-bottom: 90px !important
}

.pl-9,
.px-9 {
    padding-left: 90px !important
}

.m-n1 {
    margin: -10px !important
}

.mt-n1,
.my-n1 {
    margin-top: -10px !important
}

.mr-n1,
.mx-n1 {
    margin-right: -10px !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -10px !important
}

.ml-n1,
.mx-n1 {
    margin-left: -10px !important
}

.m-n2 {
    margin: -20px !important
}

.mt-n2,
.my-n2 {
    margin-top: -20px !important
}

.mr-n2,
.mx-n2 {
    margin-right: -20px !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -20px !important
}

.ml-n2,
.mx-n2 {
    margin-left: -20px !important
}

.m-n3 {
    margin: -30px !important
}

.mt-n3,
.my-n3 {
    margin-top: -30px !important
}

.mr-n3,
.mx-n3 {
    margin-right: -30px !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -30px !important
}

.ml-n3,
.mx-n3 {
    margin-left: -30px !important
}

.m-n4 {
    margin: -40px !important
}

.mt-n4,
.my-n4 {
    margin-top: -40px !important
}

.mr-n4,
.mx-n4 {
    margin-right: -40px !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -40px !important
}

.ml-n4,
.mx-n4 {
    margin-left: -40px !important
}

.m-n5 {
    margin: -50px !important
}

.mt-n5,
.my-n5 {
    margin-top: -50px !important
}

.mr-n5,
.mx-n5 {
    margin-right: -50px !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -50px !important
}

.ml-n5,
.mx-n5 {
    margin-left: -50px !important
}

.m-n6 {
    margin: -60px !important
}

.mt-n6,
.my-n6 {
    margin-top: -60px !important
}

.mr-n6,
.mx-n6 {
    margin-right: -60px !important
}

.mb-n6,
.my-n6 {
    margin-bottom: -60px !important
}

.ml-n6,
.mx-n6 {
    margin-left: -60px !important
}

.m-n7 {
    margin: -70px !important
}

.mt-n7,
.my-n7 {
    margin-top: -70px !important
}

.mr-n7,
.mx-n7 {
    margin-right: -70px !important
}

.mb-n7,
.my-n7 {
    margin-bottom: -70px !important
}

.ml-n7,
.mx-n7 {
    margin-left: -70px !important
}

.m-n8 {
    margin: -80px !important
}

.mt-n8,
.my-n8 {
    margin-top: -80px !important
}

.mr-n8,
.mx-n8 {
    margin-right: -80px !important
}

.mb-n8,
.my-n8 {
    margin-bottom: -80px !important
}

.ml-n8,
.mx-n8 {
    margin-left: -80px !important
}

.m-n9 {
    margin: -90px !important
}

.mt-n9,
.my-n9 {
    margin-top: -90px !important
}

.mr-n9,
.mx-n9 {
    margin-right: -90px !important
}

.mb-n9,
.my-n9 {
    margin-bottom: -90px !important
}

.ml-n9,
.mx-n9 {
    margin-left: -90px !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:320px) {
    .m-xxs-0 {
        margin: 0 !important
    }

    .mt-xxs-0,
    .my-xxs-0 {
        margin-top: 0 !important
    }

    .mr-xxs-0,
    .mx-xxs-0 {
        margin-right: 0 !important
    }

    .mb-xxs-0,
    .my-xxs-0 {
        margin-bottom: 0 !important
    }

    .ml-xxs-0,
    .mx-xxs-0 {
        margin-left: 0 !important
    }

    .m-xxs-1 {
        margin: 10px !important
    }

    .mt-xxs-1,
    .my-xxs-1 {
        margin-top: 10px !important
    }

    .mr-xxs-1,
    .mx-xxs-1 {
        margin-right: 10px !important
    }

    .mb-xxs-1,
    .my-xxs-1 {
        margin-bottom: 10px !important
    }

    .ml-xxs-1,
    .mx-xxs-1 {
        margin-left: 10px !important
    }

    .m-xxs-2 {
        margin: 20px !important
    }

    .mt-xxs-2,
    .my-xxs-2 {
        margin-top: 20px !important
    }

    .mr-xxs-2,
    .mx-xxs-2 {
        margin-right: 20px !important
    }

    .mb-xxs-2,
    .my-xxs-2 {
        margin-bottom: 20px !important
    }

    .ml-xxs-2,
    .mx-xxs-2 {
        margin-left: 20px !important
    }

    .m-xxs-3 {
        margin: 30px !important
    }

    .mt-xxs-3,
    .my-xxs-3 {
        margin-top: 30px !important
    }

    .mr-xxs-3,
    .mx-xxs-3 {
        margin-right: 30px !important
    }

    .mb-xxs-3,
    .my-xxs-3 {
        margin-bottom: 30px !important
    }

    .ml-xxs-3,
    .mx-xxs-3 {
        margin-left: 30px !important
    }

    .m-xxs-4 {
        margin: 40px !important
    }

    .mt-xxs-4,
    .my-xxs-4 {
        margin-top: 40px !important
    }

    .mr-xxs-4,
    .mx-xxs-4 {
        margin-right: 40px !important
    }

    .mb-xxs-4,
    .my-xxs-4 {
        margin-bottom: 40px !important
    }

    .ml-xxs-4,
    .mx-xxs-4 {
        margin-left: 40px !important
    }

    .m-xxs-5 {
        margin: 50px !important
    }

    .mt-xxs-5,
    .my-xxs-5 {
        margin-top: 50px !important
    }

    .mr-xxs-5,
    .mx-xxs-5 {
        margin-right: 50px !important
    }

    .mb-xxs-5,
    .my-xxs-5 {
        margin-bottom: 50px !important
    }

    .ml-xxs-5,
    .mx-xxs-5 {
        margin-left: 50px !important
    }

    .m-xxs-6 {
        margin: 60px !important
    }

    .mt-xxs-6,
    .my-xxs-6 {
        margin-top: 60px !important
    }

    .mr-xxs-6,
    .mx-xxs-6 {
        margin-right: 60px !important
    }

    .mb-xxs-6,
    .my-xxs-6 {
        margin-bottom: 60px !important
    }

    .ml-xxs-6,
    .mx-xxs-6 {
        margin-left: 60px !important
    }

    .m-xxs-7 {
        margin: 70px !important
    }

    .mt-xxs-7,
    .my-xxs-7 {
        margin-top: 70px !important
    }

    .mr-xxs-7,
    .mx-xxs-7 {
        margin-right: 70px !important
    }

    .mb-xxs-7,
    .my-xxs-7 {
        margin-bottom: 70px !important
    }

    .ml-xxs-7,
    .mx-xxs-7 {
        margin-left: 70px !important
    }

    .m-xxs-8 {
        margin: 80px !important
    }

    .mt-xxs-8,
    .my-xxs-8 {
        margin-top: 80px !important
    }

    .mr-xxs-8,
    .mx-xxs-8 {
        margin-right: 80px !important
    }

    .mb-xxs-8,
    .my-xxs-8 {
        margin-bottom: 80px !important
    }

    .ml-xxs-8,
    .mx-xxs-8 {
        margin-left: 80px !important
    }

    .m-xxs-9 {
        margin: 90px !important
    }

    .mt-xxs-9,
    .my-xxs-9 {
        margin-top: 90px !important
    }

    .mr-xxs-9,
    .mx-xxs-9 {
        margin-right: 90px !important
    }

    .mb-xxs-9,
    .my-xxs-9 {
        margin-bottom: 90px !important
    }

    .ml-xxs-9,
    .mx-xxs-9 {
        margin-left: 90px !important
    }

    .p-xxs-0 {
        padding: 0 !important
    }

    .pt-xxs-0,
    .py-xxs-0 {
        padding-top: 0 !important
    }

    .pr-xxs-0,
    .px-xxs-0 {
        padding-right: 0 !important
    }

    .pb-xxs-0,
    .py-xxs-0 {
        padding-bottom: 0 !important
    }

    .pl-xxs-0,
    .px-xxs-0 {
        padding-left: 0 !important
    }

    .p-xxs-1 {
        padding: 10px !important
    }

    .pt-xxs-1,
    .py-xxs-1 {
        padding-top: 10px !important
    }

    .pr-xxs-1,
    .px-xxs-1 {
        padding-right: 10px !important
    }

    .pb-xxs-1,
    .py-xxs-1 {
        padding-bottom: 10px !important
    }

    .pl-xxs-1,
    .px-xxs-1 {
        padding-left: 10px !important
    }

    .p-xxs-2 {
        padding: 20px !important
    }

    .pt-xxs-2,
    .py-xxs-2 {
        padding-top: 20px !important
    }

    .pr-xxs-2,
    .px-xxs-2 {
        padding-right: 20px !important
    }

    .pb-xxs-2,
    .py-xxs-2 {
        padding-bottom: 20px !important
    }

    .pl-xxs-2,
    .px-xxs-2 {
        padding-left: 20px !important
    }

    .p-xxs-3 {
        padding: 30px !important
    }

    .pt-xxs-3,
    .py-xxs-3 {
        padding-top: 30px !important
    }

    .pr-xxs-3,
    .px-xxs-3 {
        padding-right: 30px !important
    }

    .pb-xxs-3,
    .py-xxs-3 {
        padding-bottom: 30px !important
    }

    .pl-xxs-3,
    .px-xxs-3 {
        padding-left: 30px !important
    }

    .p-xxs-4 {
        padding: 40px !important
    }

    .pt-xxs-4,
    .py-xxs-4 {
        padding-top: 40px !important
    }

    .pr-xxs-4,
    .px-xxs-4 {
        padding-right: 40px !important
    }

    .pb-xxs-4,
    .py-xxs-4 {
        padding-bottom: 40px !important
    }

    .pl-xxs-4,
    .px-xxs-4 {
        padding-left: 40px !important
    }

    .p-xxs-5 {
        padding: 50px !important
    }

    .pt-xxs-5,
    .py-xxs-5 {
        padding-top: 50px !important
    }

    .pr-xxs-5,
    .px-xxs-5 {
        padding-right: 50px !important
    }

    .pb-xxs-5,
    .py-xxs-5 {
        padding-bottom: 50px !important
    }

    .pl-xxs-5,
    .px-xxs-5 {
        padding-left: 50px !important
    }

    .p-xxs-6 {
        padding: 60px !important
    }

    .pt-xxs-6,
    .py-xxs-6 {
        padding-top: 60px !important
    }

    .pr-xxs-6,
    .px-xxs-6 {
        padding-right: 60px !important
    }

    .pb-xxs-6,
    .py-xxs-6 {
        padding-bottom: 60px !important
    }

    .pl-xxs-6,
    .px-xxs-6 {
        padding-left: 60px !important
    }

    .p-xxs-7 {
        padding: 70px !important
    }

    .pt-xxs-7,
    .py-xxs-7 {
        padding-top: 70px !important
    }

    .pr-xxs-7,
    .px-xxs-7 {
        padding-right: 70px !important
    }

    .pb-xxs-7,
    .py-xxs-7 {
        padding-bottom: 70px !important
    }

    .pl-xxs-7,
    .px-xxs-7 {
        padding-left: 70px !important
    }

    .p-xxs-8 {
        padding: 80px !important
    }

    .pt-xxs-8,
    .py-xxs-8 {
        padding-top: 80px !important
    }

    .pr-xxs-8,
    .px-xxs-8 {
        padding-right: 80px !important
    }

    .pb-xxs-8,
    .py-xxs-8 {
        padding-bottom: 80px !important
    }

    .pl-xxs-8,
    .px-xxs-8 {
        padding-left: 80px !important
    }

    .p-xxs-9 {
        padding: 90px !important
    }

    .pt-xxs-9,
    .py-xxs-9 {
        padding-top: 90px !important
    }

    .pr-xxs-9,
    .px-xxs-9 {
        padding-right: 90px !important
    }

    .pb-xxs-9,
    .py-xxs-9 {
        padding-bottom: 90px !important
    }

    .pl-xxs-9,
    .px-xxs-9 {
        padding-left: 90px !important
    }

    .m-xxs-n1 {
        margin: -10px !important
    }

    .mt-xxs-n1,
    .my-xxs-n1 {
        margin-top: -10px !important
    }

    .mr-xxs-n1,
    .mx-xxs-n1 {
        margin-right: -10px !important
    }

    .mb-xxs-n1,
    .my-xxs-n1 {
        margin-bottom: -10px !important
    }

    .ml-xxs-n1,
    .mx-xxs-n1 {
        margin-left: -10px !important
    }

    .m-xxs-n2 {
        margin: -20px !important
    }

    .mt-xxs-n2,
    .my-xxs-n2 {
        margin-top: -20px !important
    }

    .mr-xxs-n2,
    .mx-xxs-n2 {
        margin-right: -20px !important
    }

    .mb-xxs-n2,
    .my-xxs-n2 {
        margin-bottom: -20px !important
    }

    .ml-xxs-n2,
    .mx-xxs-n2 {
        margin-left: -20px !important
    }

    .m-xxs-n3 {
        margin: -30px !important
    }

    .mt-xxs-n3,
    .my-xxs-n3 {
        margin-top: -30px !important
    }

    .mr-xxs-n3,
    .mx-xxs-n3 {
        margin-right: -30px !important
    }

    .mb-xxs-n3,
    .my-xxs-n3 {
        margin-bottom: -30px !important
    }

    .ml-xxs-n3,
    .mx-xxs-n3 {
        margin-left: -30px !important
    }

    .m-xxs-n4 {
        margin: -40px !important
    }

    .mt-xxs-n4,
    .my-xxs-n4 {
        margin-top: -40px !important
    }

    .mr-xxs-n4,
    .mx-xxs-n4 {
        margin-right: -40px !important
    }

    .mb-xxs-n4,
    .my-xxs-n4 {
        margin-bottom: -40px !important
    }

    .ml-xxs-n4,
    .mx-xxs-n4 {
        margin-left: -40px !important
    }

    .m-xxs-n5 {
        margin: -50px !important
    }

    .mt-xxs-n5,
    .my-xxs-n5 {
        margin-top: -50px !important
    }

    .mr-xxs-n5,
    .mx-xxs-n5 {
        margin-right: -50px !important
    }

    .mb-xxs-n5,
    .my-xxs-n5 {
        margin-bottom: -50px !important
    }

    .ml-xxs-n5,
    .mx-xxs-n5 {
        margin-left: -50px !important
    }

    .m-xxs-n6 {
        margin: -60px !important
    }

    .mt-xxs-n6,
    .my-xxs-n6 {
        margin-top: -60px !important
    }

    .mr-xxs-n6,
    .mx-xxs-n6 {
        margin-right: -60px !important
    }

    .mb-xxs-n6,
    .my-xxs-n6 {
        margin-bottom: -60px !important
    }

    .ml-xxs-n6,
    .mx-xxs-n6 {
        margin-left: -60px !important
    }

    .m-xxs-n7 {
        margin: -70px !important
    }

    .mt-xxs-n7,
    .my-xxs-n7 {
        margin-top: -70px !important
    }

    .mr-xxs-n7,
    .mx-xxs-n7 {
        margin-right: -70px !important
    }

    .mb-xxs-n7,
    .my-xxs-n7 {
        margin-bottom: -70px !important
    }

    .ml-xxs-n7,
    .mx-xxs-n7 {
        margin-left: -70px !important
    }

    .m-xxs-n8 {
        margin: -80px !important
    }

    .mt-xxs-n8,
    .my-xxs-n8 {
        margin-top: -80px !important
    }

    .mr-xxs-n8,
    .mx-xxs-n8 {
        margin-right: -80px !important
    }

    .mb-xxs-n8,
    .my-xxs-n8 {
        margin-bottom: -80px !important
    }

    .ml-xxs-n8,
    .mx-xxs-n8 {
        margin-left: -80px !important
    }

    .m-xxs-n9 {
        margin: -90px !important
    }

    .mt-xxs-n9,
    .my-xxs-n9 {
        margin-top: -90px !important
    }

    .mr-xxs-n9,
    .mx-xxs-n9 {
        margin-right: -90px !important
    }

    .mb-xxs-n9,
    .my-xxs-n9 {
        margin-bottom: -90px !important
    }

    .ml-xxs-n9,
    .mx-xxs-n9 {
        margin-left: -90px !important
    }

    .m-xxs-auto {
        margin: auto !important
    }

    .mt-xxs-auto,
    .my-xxs-auto {
        margin-top: auto !important
    }

    .mr-xxs-auto,
    .mx-xxs-auto {
        margin-right: auto !important
    }

    .mb-xxs-auto,
    .my-xxs-auto {
        margin-bottom: auto !important
    }

    .ml-xxs-auto,
    .mx-xxs-auto {
        margin-left: auto !important
    }
}

@media (min-width:405px) {
    .m-xs-0 {
        margin: 0 !important
    }

    .mt-xs-0,
    .my-xs-0 {
        margin-top: 0 !important
    }

    .mr-xs-0,
    .mx-xs-0 {
        margin-right: 0 !important
    }

    .mb-xs-0,
    .my-xs-0 {
        margin-bottom: 0 !important
    }

    .ml-xs-0,
    .mx-xs-0 {
        margin-left: 0 !important
    }

    .m-xs-1 {
        margin: 10px !important
    }

    .mt-xs-1,
    .my-xs-1 {
        margin-top: 10px !important
    }

    .mr-xs-1,
    .mx-xs-1 {
        margin-right: 10px !important
    }

    .mb-xs-1,
    .my-xs-1 {
        margin-bottom: 10px !important
    }

    .ml-xs-1,
    .mx-xs-1 {
        margin-left: 10px !important
    }

    .m-xs-2 {
        margin: 20px !important
    }

    .mt-xs-2,
    .my-xs-2 {
        margin-top: 20px !important
    }

    .mr-xs-2,
    .mx-xs-2 {
        margin-right: 20px !important
    }

    .mb-xs-2,
    .my-xs-2 {
        margin-bottom: 20px !important
    }

    .ml-xs-2,
    .mx-xs-2 {
        margin-left: 20px !important
    }

    .m-xs-3 {
        margin: 30px !important
    }

    .mt-xs-3,
    .my-xs-3 {
        margin-top: 30px !important
    }

    .mr-xs-3,
    .mx-xs-3 {
        margin-right: 30px !important
    }

    .mb-xs-3,
    .my-xs-3 {
        margin-bottom: 30px !important
    }

    .ml-xs-3,
    .mx-xs-3 {
        margin-left: 30px !important
    }

    .m-xs-4 {
        margin: 40px !important
    }

    .mt-xs-4,
    .my-xs-4 {
        margin-top: 40px !important
    }

    .mr-xs-4,
    .mx-xs-4 {
        margin-right: 40px !important
    }

    .mb-xs-4,
    .my-xs-4 {
        margin-bottom: 40px !important
    }

    .ml-xs-4,
    .mx-xs-4 {
        margin-left: 40px !important
    }

    .m-xs-5 {
        margin: 50px !important
    }

    .mt-xs-5,
    .my-xs-5 {
        margin-top: 50px !important
    }

    .mr-xs-5,
    .mx-xs-5 {
        margin-right: 50px !important
    }

    .mb-xs-5,
    .my-xs-5 {
        margin-bottom: 50px !important
    }

    .ml-xs-5,
    .mx-xs-5 {
        margin-left: 50px !important
    }

    .m-xs-6 {
        margin: 60px !important
    }

    .mt-xs-6,
    .my-xs-6 {
        margin-top: 60px !important
    }

    .mr-xs-6,
    .mx-xs-6 {
        margin-right: 60px !important
    }

    .mb-xs-6,
    .my-xs-6 {
        margin-bottom: 60px !important
    }

    .ml-xs-6,
    .mx-xs-6 {
        margin-left: 60px !important
    }

    .m-xs-7 {
        margin: 70px !important
    }

    .mt-xs-7,
    .my-xs-7 {
        margin-top: 70px !important
    }

    .mr-xs-7,
    .mx-xs-7 {
        margin-right: 70px !important
    }

    .mb-xs-7,
    .my-xs-7 {
        margin-bottom: 70px !important
    }

    .ml-xs-7,
    .mx-xs-7 {
        margin-left: 70px !important
    }

    .m-xs-8 {
        margin: 80px !important
    }

    .mt-xs-8,
    .my-xs-8 {
        margin-top: 80px !important
    }

    .mr-xs-8,
    .mx-xs-8 {
        margin-right: 80px !important
    }

    .mb-xs-8,
    .my-xs-8 {
        margin-bottom: 80px !important
    }

    .ml-xs-8,
    .mx-xs-8 {
        margin-left: 80px !important
    }

    .m-xs-9 {
        margin: 90px !important
    }

    .mt-xs-9,
    .my-xs-9 {
        margin-top: 90px !important
    }

    .mr-xs-9,
    .mx-xs-9 {
        margin-right: 90px !important
    }

    .mb-xs-9,
    .my-xs-9 {
        margin-bottom: 90px !important
    }

    .ml-xs-9,
    .mx-xs-9 {
        margin-left: 90px !important
    }

    .p-xs-0 {
        padding: 0 !important
    }

    .pt-xs-0,
    .py-xs-0 {
        padding-top: 0 !important
    }

    .pr-xs-0,
    .px-xs-0 {
        padding-right: 0 !important
    }

    .pb-xs-0,
    .py-xs-0 {
        padding-bottom: 0 !important
    }

    .pl-xs-0,
    .px-xs-0 {
        padding-left: 0 !important
    }

    .p-xs-1 {
        padding: 10px !important
    }

    .pt-xs-1,
    .py-xs-1 {
        padding-top: 10px !important
    }

    .pr-xs-1,
    .px-xs-1 {
        padding-right: 10px !important
    }

    .pb-xs-1,
    .py-xs-1 {
        padding-bottom: 10px !important
    }

    .pl-xs-1,
    .px-xs-1 {
        padding-left: 10px !important
    }

    .p-xs-2 {
        padding: 20px !important
    }

    .pt-xs-2,
    .py-xs-2 {
        padding-top: 20px !important
    }

    .pr-xs-2,
    .px-xs-2 {
        padding-right: 20px !important
    }

    .pb-xs-2,
    .py-xs-2 {
        padding-bottom: 20px !important
    }

    .pl-xs-2,
    .px-xs-2 {
        padding-left: 20px !important
    }

    .p-xs-3 {
        padding: 30px !important
    }

    .pt-xs-3,
    .py-xs-3 {
        padding-top: 30px !important
    }

    .pr-xs-3,
    .px-xs-3 {
        padding-right: 30px !important
    }

    .pb-xs-3,
    .py-xs-3 {
        padding-bottom: 30px !important
    }

    .pl-xs-3,
    .px-xs-3 {
        padding-left: 30px !important
    }

    .p-xs-4 {
        padding: 40px !important
    }

    .pt-xs-4,
    .py-xs-4 {
        padding-top: 40px !important
    }

    .pr-xs-4,
    .px-xs-4 {
        padding-right: 40px !important
    }

    .pb-xs-4,
    .py-xs-4 {
        padding-bottom: 40px !important
    }

    .pl-xs-4,
    .px-xs-4 {
        padding-left: 40px !important
    }

    .p-xs-5 {
        padding: 50px !important
    }

    .pt-xs-5,
    .py-xs-5 {
        padding-top: 50px !important
    }

    .pr-xs-5,
    .px-xs-5 {
        padding-right: 50px !important
    }

    .pb-xs-5,
    .py-xs-5 {
        padding-bottom: 50px !important
    }

    .pl-xs-5,
    .px-xs-5 {
        padding-left: 50px !important
    }

    .p-xs-6 {
        padding: 60px !important
    }

    .pt-xs-6,
    .py-xs-6 {
        padding-top: 60px !important
    }

    .pr-xs-6,
    .px-xs-6 {
        padding-right: 60px !important
    }

    .pb-xs-6,
    .py-xs-6 {
        padding-bottom: 60px !important
    }

    .pl-xs-6,
    .px-xs-6 {
        padding-left: 60px !important
    }

    .p-xs-7 {
        padding: 70px !important
    }

    .pt-xs-7,
    .py-xs-7 {
        padding-top: 70px !important
    }

    .pr-xs-7,
    .px-xs-7 {
        padding-right: 70px !important
    }

    .pb-xs-7,
    .py-xs-7 {
        padding-bottom: 70px !important
    }

    .pl-xs-7,
    .px-xs-7 {
        padding-left: 70px !important
    }

    .p-xs-8 {
        padding: 80px !important
    }

    .pt-xs-8,
    .py-xs-8 {
        padding-top: 80px !important
    }

    .pr-xs-8,
    .px-xs-8 {
        padding-right: 80px !important
    }

    .pb-xs-8,
    .py-xs-8 {
        padding-bottom: 80px !important
    }

    .pl-xs-8,
    .px-xs-8 {
        padding-left: 80px !important
    }

    .p-xs-9 {
        padding: 90px !important
    }

    .pt-xs-9,
    .py-xs-9 {
        padding-top: 90px !important
    }

    .pr-xs-9,
    .px-xs-9 {
        padding-right: 90px !important
    }

    .pb-xs-9,
    .py-xs-9 {
        padding-bottom: 90px !important
    }

    .pl-xs-9,
    .px-xs-9 {
        padding-left: 90px !important
    }

    .m-xs-n1 {
        margin: -10px !important
    }

    .mt-xs-n1,
    .my-xs-n1 {
        margin-top: -10px !important
    }

    .mr-xs-n1,
    .mx-xs-n1 {
        margin-right: -10px !important
    }

    .mb-xs-n1,
    .my-xs-n1 {
        margin-bottom: -10px !important
    }

    .ml-xs-n1,
    .mx-xs-n1 {
        margin-left: -10px !important
    }

    .m-xs-n2 {
        margin: -20px !important
    }

    .mt-xs-n2,
    .my-xs-n2 {
        margin-top: -20px !important
    }

    .mr-xs-n2,
    .mx-xs-n2 {
        margin-right: -20px !important
    }

    .mb-xs-n2,
    .my-xs-n2 {
        margin-bottom: -20px !important
    }

    .ml-xs-n2,
    .mx-xs-n2 {
        margin-left: -20px !important
    }

    .m-xs-n3 {
        margin: -30px !important
    }

    .mt-xs-n3,
    .my-xs-n3 {
        margin-top: -30px !important
    }

    .mr-xs-n3,
    .mx-xs-n3 {
        margin-right: -30px !important
    }

    .mb-xs-n3,
    .my-xs-n3 {
        margin-bottom: -30px !important
    }

    .ml-xs-n3,
    .mx-xs-n3 {
        margin-left: -30px !important
    }

    .m-xs-n4 {
        margin: -40px !important
    }

    .mt-xs-n4,
    .my-xs-n4 {
        margin-top: -40px !important
    }

    .mr-xs-n4,
    .mx-xs-n4 {
        margin-right: -40px !important
    }

    .mb-xs-n4,
    .my-xs-n4 {
        margin-bottom: -40px !important
    }

    .ml-xs-n4,
    .mx-xs-n4 {
        margin-left: -40px !important
    }

    .m-xs-n5 {
        margin: -50px !important
    }

    .mt-xs-n5,
    .my-xs-n5 {
        margin-top: -50px !important
    }

    .mr-xs-n5,
    .mx-xs-n5 {
        margin-right: -50px !important
    }

    .mb-xs-n5,
    .my-xs-n5 {
        margin-bottom: -50px !important
    }

    .ml-xs-n5,
    .mx-xs-n5 {
        margin-left: -50px !important
    }

    .m-xs-n6 {
        margin: -60px !important
    }

    .mt-xs-n6,
    .my-xs-n6 {
        margin-top: -60px !important
    }

    .mr-xs-n6,
    .mx-xs-n6 {
        margin-right: -60px !important
    }

    .mb-xs-n6,
    .my-xs-n6 {
        margin-bottom: -60px !important
    }

    .ml-xs-n6,
    .mx-xs-n6 {
        margin-left: -60px !important
    }

    .m-xs-n7 {
        margin: -70px !important
    }

    .mt-xs-n7,
    .my-xs-n7 {
        margin-top: -70px !important
    }

    .mr-xs-n7,
    .mx-xs-n7 {
        margin-right: -70px !important
    }

    .mb-xs-n7,
    .my-xs-n7 {
        margin-bottom: -70px !important
    }

    .ml-xs-n7,
    .mx-xs-n7 {
        margin-left: -70px !important
    }

    .m-xs-n8 {
        margin: -80px !important
    }

    .mt-xs-n8,
    .my-xs-n8 {
        margin-top: -80px !important
    }

    .mr-xs-n8,
    .mx-xs-n8 {
        margin-right: -80px !important
    }

    .mb-xs-n8,
    .my-xs-n8 {
        margin-bottom: -80px !important
    }

    .ml-xs-n8,
    .mx-xs-n8 {
        margin-left: -80px !important
    }

    .m-xs-n9 {
        margin: -90px !important
    }

    .mt-xs-n9,
    .my-xs-n9 {
        margin-top: -90px !important
    }

    .mr-xs-n9,
    .mx-xs-n9 {
        margin-right: -90px !important
    }

    .mb-xs-n9,
    .my-xs-n9 {
        margin-bottom: -90px !important
    }

    .ml-xs-n9,
    .mx-xs-n9 {
        margin-left: -90px !important
    }

    .m-xs-auto {
        margin: auto !important
    }

    .mt-xs-auto,
    .my-xs-auto {
        margin-top: auto !important
    }

    .mr-xs-auto,
    .mx-xs-auto {
        margin-right: auto !important
    }

    .mb-xs-auto,
    .my-xs-auto {
        margin-bottom: auto !important
    }

    .ml-xs-auto,
    .mx-xs-auto {
        margin-left: auto !important
    }
}

@media (min-width:540px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: 10px !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 10px !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 10px !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 10px !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 10px !important
    }

    .m-sm-2 {
        margin: 20px !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 20px !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 20px !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 20px !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 20px !important
    }

    .m-sm-3 {
        margin: 30px !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 30px !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 30px !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 30px !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 30px !important
    }

    .m-sm-4 {
        margin: 40px !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 40px !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 40px !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 40px !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 40px !important
    }

    .m-sm-5 {
        margin: 50px !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 50px !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 50px !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 50px !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 50px !important
    }

    .m-sm-6 {
        margin: 60px !important
    }

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 60px !important
    }

    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 60px !important
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 60px !important
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 60px !important
    }

    .m-sm-7 {
        margin: 70px !important
    }

    .mt-sm-7,
    .my-sm-7 {
        margin-top: 70px !important
    }

    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 70px !important
    }

    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 70px !important
    }

    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 70px !important
    }

    .m-sm-8 {
        margin: 80px !important
    }

    .mt-sm-8,
    .my-sm-8 {
        margin-top: 80px !important
    }

    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 80px !important
    }

    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 80px !important
    }

    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 80px !important
    }

    .m-sm-9 {
        margin: 90px !important
    }

    .mt-sm-9,
    .my-sm-9 {
        margin-top: 90px !important
    }

    .mr-sm-9,
    .mx-sm-9 {
        margin-right: 90px !important
    }

    .mb-sm-9,
    .my-sm-9 {
        margin-bottom: 90px !important
    }

    .ml-sm-9,
    .mx-sm-9 {
        margin-left: 90px !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: 10px !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 10px !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 10px !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 10px !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 10px !important
    }

    .p-sm-2 {
        padding: 20px !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 20px !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 20px !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 20px !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 20px !important
    }

    .p-sm-3 {
        padding: 30px !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 30px !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 30px !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 30px !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 30px !important
    }

    .p-sm-4 {
        padding: 40px !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 40px !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 40px !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 40px !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 40px !important
    }

    .p-sm-5 {
        padding: 50px !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 50px !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 50px !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 50px !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 50px !important
    }

    .p-sm-6 {
        padding: 60px !important
    }

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 60px !important
    }

    .pr-sm-6,
    .px-sm-6 {
        padding-right: 60px !important
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 60px !important
    }

    .pl-sm-6,
    .px-sm-6 {
        padding-left: 60px !important
    }

    .p-sm-7 {
        padding: 70px !important
    }

    .pt-sm-7,
    .py-sm-7 {
        padding-top: 70px !important
    }

    .pr-sm-7,
    .px-sm-7 {
        padding-right: 70px !important
    }

    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 70px !important
    }

    .pl-sm-7,
    .px-sm-7 {
        padding-left: 70px !important
    }

    .p-sm-8 {
        padding: 80px !important
    }

    .pt-sm-8,
    .py-sm-8 {
        padding-top: 80px !important
    }

    .pr-sm-8,
    .px-sm-8 {
        padding-right: 80px !important
    }

    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 80px !important
    }

    .pl-sm-8,
    .px-sm-8 {
        padding-left: 80px !important
    }

    .p-sm-9 {
        padding: 90px !important
    }

    .pt-sm-9,
    .py-sm-9 {
        padding-top: 90px !important
    }

    .pr-sm-9,
    .px-sm-9 {
        padding-right: 90px !important
    }

    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 90px !important
    }

    .pl-sm-9,
    .px-sm-9 {
        padding-left: 90px !important
    }

    .m-sm-n1 {
        margin: -10px !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -10px !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -10px !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -10px !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -10px !important
    }

    .m-sm-n2 {
        margin: -20px !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -20px !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -20px !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -20px !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -20px !important
    }

    .m-sm-n3 {
        margin: -30px !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -30px !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -30px !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -30px !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -30px !important
    }

    .m-sm-n4 {
        margin: -40px !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -40px !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -40px !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -40px !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -40px !important
    }

    .m-sm-n5 {
        margin: -50px !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -50px !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -50px !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -50px !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -50px !important
    }

    .m-sm-n6 {
        margin: -60px !important
    }

    .mt-sm-n6,
    .my-sm-n6 {
        margin-top: -60px !important
    }

    .mr-sm-n6,
    .mx-sm-n6 {
        margin-right: -60px !important
    }

    .mb-sm-n6,
    .my-sm-n6 {
        margin-bottom: -60px !important
    }

    .ml-sm-n6,
    .mx-sm-n6 {
        margin-left: -60px !important
    }

    .m-sm-n7 {
        margin: -70px !important
    }

    .mt-sm-n7,
    .my-sm-n7 {
        margin-top: -70px !important
    }

    .mr-sm-n7,
    .mx-sm-n7 {
        margin-right: -70px !important
    }

    .mb-sm-n7,
    .my-sm-n7 {
        margin-bottom: -70px !important
    }

    .ml-sm-n7,
    .mx-sm-n7 {
        margin-left: -70px !important
    }

    .m-sm-n8 {
        margin: -80px !important
    }

    .mt-sm-n8,
    .my-sm-n8 {
        margin-top: -80px !important
    }

    .mr-sm-n8,
    .mx-sm-n8 {
        margin-right: -80px !important
    }

    .mb-sm-n8,
    .my-sm-n8 {
        margin-bottom: -80px !important
    }

    .ml-sm-n8,
    .mx-sm-n8 {
        margin-left: -80px !important
    }

    .m-sm-n9 {
        margin: -90px !important
    }

    .mt-sm-n9,
    .my-sm-n9 {
        margin-top: -90px !important
    }

    .mr-sm-n9,
    .mx-sm-n9 {
        margin-right: -90px !important
    }

    .mb-sm-n9,
    .my-sm-n9 {
        margin-bottom: -90px !important
    }

    .ml-sm-n9,
    .mx-sm-n9 {
        margin-left: -90px !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:808px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: 10px !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 10px !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 10px !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 10px !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 10px !important
    }

    .m-md-2 {
        margin: 20px !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 20px !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 20px !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 20px !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 20px !important
    }

    .m-md-3 {
        margin: 30px !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 30px !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 30px !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 30px !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 30px !important
    }

    .m-md-4 {
        margin: 40px !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 40px !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 40px !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 40px !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 40px !important
    }

    .m-md-5 {
        margin: 50px !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 50px !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 50px !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 50px !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 50px !important
    }

    .m-md-6 {
        margin: 60px !important
    }

    .mt-md-6,
    .my-md-6 {
        margin-top: 60px !important
    }

    .mr-md-6,
    .mx-md-6 {
        margin-right: 60px !important
    }

    .mb-md-6,
    .my-md-6 {
        margin-bottom: 60px !important
    }

    .ml-md-6,
    .mx-md-6 {
        margin-left: 60px !important
    }

    .m-md-7 {
        margin: 70px !important
    }

    .mt-md-7,
    .my-md-7 {
        margin-top: 70px !important
    }

    .mr-md-7,
    .mx-md-7 {
        margin-right: 70px !important
    }

    .mb-md-7,
    .my-md-7 {
        margin-bottom: 70px !important
    }

    .ml-md-7,
    .mx-md-7 {
        margin-left: 70px !important
    }

    .m-md-8 {
        margin: 80px !important
    }

    .mt-md-8,
    .my-md-8 {
        margin-top: 80px !important
    }

    .mr-md-8,
    .mx-md-8 {
        margin-right: 80px !important
    }

    .mb-md-8,
    .my-md-8 {
        margin-bottom: 80px !important
    }

    .ml-md-8,
    .mx-md-8 {
        margin-left: 80px !important
    }

    .m-md-9 {
        margin: 90px !important
    }

    .mt-md-9,
    .my-md-9 {
        margin-top: 90px !important
    }

    .mr-md-9,
    .mx-md-9 {
        margin-right: 90px !important
    }

    .mb-md-9,
    .my-md-9 {
        margin-bottom: 90px !important
    }

    .ml-md-9,
    .mx-md-9 {
        margin-left: 90px !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: 10px !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 10px !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 10px !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 10px !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 10px !important
    }

    .p-md-2 {
        padding: 20px !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 20px !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 20px !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 20px !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 20px !important
    }

    .p-md-3 {
        padding: 30px !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 30px !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 30px !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 30px !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 30px !important
    }

    .p-md-4 {
        padding: 40px !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 40px !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 40px !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 40px !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 40px !important
    }

    .p-md-5 {
        padding: 50px !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 50px !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 50px !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 50px !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 50px !important
    }

    .p-md-6 {
        padding: 60px !important
    }

    .pt-md-6,
    .py-md-6 {
        padding-top: 60px !important
    }

    .pr-md-6,
    .px-md-6 {
        padding-right: 60px !important
    }

    .pb-md-6,
    .py-md-6 {
        padding-bottom: 60px !important
    }

    .pl-md-6,
    .px-md-6 {
        padding-left: 60px !important
    }

    .p-md-7 {
        padding: 70px !important
    }

    .pt-md-7,
    .py-md-7 {
        padding-top: 70px !important
    }

    .pr-md-7,
    .px-md-7 {
        padding-right: 70px !important
    }

    .pb-md-7,
    .py-md-7 {
        padding-bottom: 70px !important
    }

    .pl-md-7,
    .px-md-7 {
        padding-left: 70px !important
    }

    .p-md-8 {
        padding: 80px !important
    }

    .pt-md-8,
    .py-md-8 {
        padding-top: 80px !important
    }

    .pr-md-8,
    .px-md-8 {
        padding-right: 80px !important
    }

    .pb-md-8,
    .py-md-8 {
        padding-bottom: 80px !important
    }

    .pl-md-8,
    .px-md-8 {
        padding-left: 80px !important
    }

    .p-md-9 {
        padding: 90px !important
    }

    .pt-md-9,
    .py-md-9 {
        padding-top: 90px !important
    }

    .pr-md-9,
    .px-md-9 {
        padding-right: 90px !important
    }

    .pb-md-9,
    .py-md-9 {
        padding-bottom: 90px !important
    }

    .pl-md-9,
    .px-md-9 {
        padding-left: 90px !important
    }

    .m-md-n1 {
        margin: -10px !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -10px !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -10px !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -10px !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -10px !important
    }

    .m-md-n2 {
        margin: -20px !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -20px !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -20px !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -20px !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -20px !important
    }

    .m-md-n3 {
        margin: -30px !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -30px !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -30px !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -30px !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -30px !important
    }

    .m-md-n4 {
        margin: -40px !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -40px !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -40px !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -40px !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -40px !important
    }

    .m-md-n5 {
        margin: -50px !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -50px !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -50px !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -50px !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -50px !important
    }

    .m-md-n6 {
        margin: -60px !important
    }

    .mt-md-n6,
    .my-md-n6 {
        margin-top: -60px !important
    }

    .mr-md-n6,
    .mx-md-n6 {
        margin-right: -60px !important
    }

    .mb-md-n6,
    .my-md-n6 {
        margin-bottom: -60px !important
    }

    .ml-md-n6,
    .mx-md-n6 {
        margin-left: -60px !important
    }

    .m-md-n7 {
        margin: -70px !important
    }

    .mt-md-n7,
    .my-md-n7 {
        margin-top: -70px !important
    }

    .mr-md-n7,
    .mx-md-n7 {
        margin-right: -70px !important
    }

    .mb-md-n7,
    .my-md-n7 {
        margin-bottom: -70px !important
    }

    .ml-md-n7,
    .mx-md-n7 {
        margin-left: -70px !important
    }

    .m-md-n8 {
        margin: -80px !important
    }

    .mt-md-n8,
    .my-md-n8 {
        margin-top: -80px !important
    }

    .mr-md-n8,
    .mx-md-n8 {
        margin-right: -80px !important
    }

    .mb-md-n8,
    .my-md-n8 {
        margin-bottom: -80px !important
    }

    .ml-md-n8,
    .mx-md-n8 {
        margin-left: -80px !important
    }

    .m-md-n9 {
        margin: -90px !important
    }

    .mt-md-n9,
    .my-md-n9 {
        margin-top: -90px !important
    }

    .mr-md-n9,
    .mx-md-n9 {
        margin-right: -90px !important
    }

    .mb-md-n9,
    .my-md-n9 {
        margin-bottom: -90px !important
    }

    .ml-md-n9,
    .mx-md-n9 {
        margin-left: -90px !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:1024px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: 10px !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 10px !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 10px !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 10px !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 10px !important
    }

    .m-lg-2 {
        margin: 20px !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 20px !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 20px !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 20px !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 20px !important
    }

    .m-lg-3 {
        margin: 30px !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 30px !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 30px !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 30px !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 30px !important
    }

    .m-lg-4 {
        margin: 40px !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 40px !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 40px !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 40px !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 40px !important
    }

    .m-lg-5 {
        margin: 50px !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 50px !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 50px !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 50px !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 50px !important
    }

    .m-lg-6 {
        margin: 60px !important
    }

    .mt-lg-6,
    .my-lg-6 {
        margin-top: 60px !important
    }

    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 60px !important
    }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 60px !important
    }

    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 60px !important
    }

    .m-lg-7 {
        margin: 70px !important
    }

    .mt-lg-7,
    .my-lg-7 {
        margin-top: 70px !important
    }

    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 70px !important
    }

    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 70px !important
    }

    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 70px !important
    }

    .m-lg-8 {
        margin: 80px !important
    }

    .mt-lg-8,
    .my-lg-8 {
        margin-top: 80px !important
    }

    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 80px !important
    }

    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 80px !important
    }

    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 80px !important
    }

    .m-lg-9 {
        margin: 90px !important
    }

    .mt-lg-9,
    .my-lg-9 {
        margin-top: 90px !important
    }

    .mr-lg-9,
    .mx-lg-9 {
        margin-right: 90px !important
    }

    .mb-lg-9,
    .my-lg-9 {
        margin-bottom: 90px !important
    }

    .ml-lg-9,
    .mx-lg-9 {
        margin-left: 90px !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: 10px !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 10px !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 10px !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 10px !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 10px !important
    }

    .p-lg-2 {
        padding: 20px !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 20px !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 20px !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 20px !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 20px !important
    }

    .p-lg-3 {
        padding: 30px !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 30px !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 30px !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 30px !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 30px !important
    }

    .p-lg-4 {
        padding: 40px !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 40px !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 40px !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 40px !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 40px !important
    }

    .p-lg-5 {
        padding: 50px !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 50px !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 50px !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 50px !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 50px !important
    }

    .p-lg-6 {
        padding: 60px !important
    }

    .pt-lg-6,
    .py-lg-6 {
        padding-top: 60px !important
    }

    .pr-lg-6,
    .px-lg-6 {
        padding-right: 60px !important
    }

    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 60px !important
    }

    .pl-lg-6,
    .px-lg-6 {
        padding-left: 60px !important
    }

    .p-lg-7 {
        padding: 70px !important
    }

    .pt-lg-7,
    .py-lg-7 {
        padding-top: 70px !important
    }

    .pr-lg-7,
    .px-lg-7 {
        padding-right: 70px !important
    }

    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 70px !important
    }

    .pl-lg-7,
    .px-lg-7 {
        padding-left: 70px !important
    }

    .p-lg-8 {
        padding: 80px !important
    }

    .pt-lg-8,
    .py-lg-8 {
        padding-top: 80px !important
    }

    .pr-lg-8,
    .px-lg-8 {
        padding-right: 80px !important
    }

    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 80px !important
    }

    .pl-lg-8,
    .px-lg-8 {
        padding-left: 80px !important
    }

    .p-lg-9 {
        padding: 90px !important
    }

    .pt-lg-9,
    .py-lg-9 {
        padding-top: 90px !important
    }

    .pr-lg-9,
    .px-lg-9 {
        padding-right: 90px !important
    }

    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 90px !important
    }

    .pl-lg-9,
    .px-lg-9 {
        padding-left: 90px !important
    }

    .m-lg-n1 {
        margin: -10px !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -10px !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -10px !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -10px !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -10px !important
    }

    .m-lg-n2 {
        margin: -20px !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -20px !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -20px !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -20px !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -20px !important
    }

    .m-lg-n3 {
        margin: -30px !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -30px !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -30px !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -30px !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -30px !important
    }

    .m-lg-n4 {
        margin: -40px !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -40px !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -40px !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -40px !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -40px !important
    }

    .m-lg-n5 {
        margin: -50px !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -50px !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -50px !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -50px !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -50px !important
    }

    .m-lg-n6 {
        margin: -60px !important
    }

    .mt-lg-n6,
    .my-lg-n6 {
        margin-top: -60px !important
    }

    .mr-lg-n6,
    .mx-lg-n6 {
        margin-right: -60px !important
    }

    .mb-lg-n6,
    .my-lg-n6 {
        margin-bottom: -60px !important
    }

    .ml-lg-n6,
    .mx-lg-n6 {
        margin-left: -60px !important
    }

    .m-lg-n7 {
        margin: -70px !important
    }

    .mt-lg-n7,
    .my-lg-n7 {
        margin-top: -70px !important
    }

    .mr-lg-n7,
    .mx-lg-n7 {
        margin-right: -70px !important
    }

    .mb-lg-n7,
    .my-lg-n7 {
        margin-bottom: -70px !important
    }

    .ml-lg-n7,
    .mx-lg-n7 {
        margin-left: -70px !important
    }

    .m-lg-n8 {
        margin: -80px !important
    }

    .mt-lg-n8,
    .my-lg-n8 {
        margin-top: -80px !important
    }

    .mr-lg-n8,
    .mx-lg-n8 {
        margin-right: -80px !important
    }

    .mb-lg-n8,
    .my-lg-n8 {
        margin-bottom: -80px !important
    }

    .ml-lg-n8,
    .mx-lg-n8 {
        margin-left: -80px !important
    }

    .m-lg-n9 {
        margin: -90px !important
    }

    .mt-lg-n9,
    .my-lg-n9 {
        margin-top: -90px !important
    }

    .mr-lg-n9,
    .mx-lg-n9 {
        margin-right: -90px !important
    }

    .mb-lg-n9,
    .my-lg-n9 {
        margin-bottom: -90px !important
    }

    .ml-lg-n9,
    .mx-lg-n9 {
        margin-left: -90px !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1132px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: 10px !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 10px !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 10px !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 10px !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 10px !important
    }

    .m-xl-2 {
        margin: 20px !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 20px !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 20px !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 20px !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 20px !important
    }

    .m-xl-3 {
        margin: 30px !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 30px !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 30px !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 30px !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 30px !important
    }

    .m-xl-4 {
        margin: 40px !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 40px !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 40px !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 40px !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 40px !important
    }

    .m-xl-5 {
        margin: 50px !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 50px !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 50px !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 50px !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 50px !important
    }

    .m-xl-6 {
        margin: 60px !important
    }

    .mt-xl-6,
    .my-xl-6 {
        margin-top: 60px !important
    }

    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 60px !important
    }

    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 60px !important
    }

    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 60px !important
    }

    .m-xl-7 {
        margin: 70px !important
    }

    .mt-xl-7,
    .my-xl-7 {
        margin-top: 70px !important
    }

    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 70px !important
    }

    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 70px !important
    }

    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 70px !important
    }

    .m-xl-8 {
        margin: 80px !important
    }

    .mt-xl-8,
    .my-xl-8 {
        margin-top: 80px !important
    }

    .mr-xl-8,
    .mx-xl-8 {
        margin-right: 80px !important
    }

    .mb-xl-8,
    .my-xl-8 {
        margin-bottom: 80px !important
    }

    .ml-xl-8,
    .mx-xl-8 {
        margin-left: 80px !important
    }

    .m-xl-9 {
        margin: 90px !important
    }

    .mt-xl-9,
    .my-xl-9 {
        margin-top: 90px !important
    }

    .mr-xl-9,
    .mx-xl-9 {
        margin-right: 90px !important
    }

    .mb-xl-9,
    .my-xl-9 {
        margin-bottom: 90px !important
    }

    .ml-xl-9,
    .mx-xl-9 {
        margin-left: 90px !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: 10px !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 10px !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 10px !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 10px !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 10px !important
    }

    .p-xl-2 {
        padding: 20px !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 20px !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 20px !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 20px !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 20px !important
    }

    .p-xl-3 {
        padding: 30px !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 30px !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 30px !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 30px !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 30px !important
    }

    .p-xl-4 {
        padding: 40px !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 40px !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 40px !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 40px !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 40px !important
    }

    .p-xl-5 {
        padding: 50px !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 50px !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 50px !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 50px !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 50px !important
    }

    .p-xl-6 {
        padding: 60px !important
    }

    .pt-xl-6,
    .py-xl-6 {
        padding-top: 60px !important
    }

    .pr-xl-6,
    .px-xl-6 {
        padding-right: 60px !important
    }

    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 60px !important
    }

    .pl-xl-6,
    .px-xl-6 {
        padding-left: 60px !important
    }

    .p-xl-7 {
        padding: 70px !important
    }

    .pt-xl-7,
    .py-xl-7 {
        padding-top: 70px !important
    }

    .pr-xl-7,
    .px-xl-7 {
        padding-right: 70px !important
    }

    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 70px !important
    }

    .pl-xl-7,
    .px-xl-7 {
        padding-left: 70px !important
    }

    .p-xl-8 {
        padding: 80px !important
    }

    .pt-xl-8,
    .py-xl-8 {
        padding-top: 80px !important
    }

    .pr-xl-8,
    .px-xl-8 {
        padding-right: 80px !important
    }

    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 80px !important
    }

    .pl-xl-8,
    .px-xl-8 {
        padding-left: 80px !important
    }

    .p-xl-9 {
        padding: 90px !important
    }

    .pt-xl-9,
    .py-xl-9 {
        padding-top: 90px !important
    }

    .pr-xl-9,
    .px-xl-9 {
        padding-right: 90px !important
    }

    .pb-xl-9,
    .py-xl-9 {
        padding-bottom: 90px !important
    }

    .pl-xl-9,
    .px-xl-9 {
        padding-left: 90px !important
    }

    .m-xl-n1 {
        margin: -10px !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -10px !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -10px !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -10px !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -10px !important
    }

    .m-xl-n2 {
        margin: -20px !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -20px !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -20px !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -20px !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -20px !important
    }

    .m-xl-n3 {
        margin: -30px !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -30px !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -30px !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -30px !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -30px !important
    }

    .m-xl-n4 {
        margin: -40px !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -40px !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -40px !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -40px !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -40px !important
    }

    .m-xl-n5 {
        margin: -50px !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -50px !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -50px !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -50px !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -50px !important
    }

    .m-xl-n6 {
        margin: -60px !important
    }

    .mt-xl-n6,
    .my-xl-n6 {
        margin-top: -60px !important
    }

    .mr-xl-n6,
    .mx-xl-n6 {
        margin-right: -60px !important
    }

    .mb-xl-n6,
    .my-xl-n6 {
        margin-bottom: -60px !important
    }

    .ml-xl-n6,
    .mx-xl-n6 {
        margin-left: -60px !important
    }

    .m-xl-n7 {
        margin: -70px !important
    }

    .mt-xl-n7,
    .my-xl-n7 {
        margin-top: -70px !important
    }

    .mr-xl-n7,
    .mx-xl-n7 {
        margin-right: -70px !important
    }

    .mb-xl-n7,
    .my-xl-n7 {
        margin-bottom: -70px !important
    }

    .ml-xl-n7,
    .mx-xl-n7 {
        margin-left: -70px !important
    }

    .m-xl-n8 {
        margin: -80px !important
    }

    .mt-xl-n8,
    .my-xl-n8 {
        margin-top: -80px !important
    }

    .mr-xl-n8,
    .mx-xl-n8 {
        margin-right: -80px !important
    }

    .mb-xl-n8,
    .my-xl-n8 {
        margin-bottom: -80px !important
    }

    .ml-xl-n8,
    .mx-xl-n8 {
        margin-left: -80px !important
    }

    .m-xl-n9 {
        margin: -90px !important
    }

    .mt-xl-n9,
    .my-xl-n9 {
        margin-top: -90px !important
    }

    .mr-xl-n9,
    .mx-xl-n9 {
        margin-right: -90px !important
    }

    .mb-xl-n9,
    .my-xl-n9 {
        margin-bottom: -90px !important
    }

    .ml-xl-n9,
    .mx-xl-n9 {
        margin-left: -90px !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

@media (min-width:1440px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important
    }

    .m-xxl-1 {
        margin: 10px !important
    }

    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: 10px !important
    }

    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 10px !important
    }

    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: 10px !important
    }

    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 10px !important
    }

    .m-xxl-2 {
        margin: 20px !important
    }

    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: 20px !important
    }

    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 20px !important
    }

    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: 20px !important
    }

    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 20px !important
    }

    .m-xxl-3 {
        margin: 30px !important
    }

    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 30px !important
    }

    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 30px !important
    }

    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 30px !important
    }

    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 30px !important
    }

    .m-xxl-4 {
        margin: 40px !important
    }

    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 40px !important
    }

    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 40px !important
    }

    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 40px !important
    }

    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 40px !important
    }

    .m-xxl-5 {
        margin: 50px !important
    }

    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 50px !important
    }

    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 50px !important
    }

    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 50px !important
    }

    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 50px !important
    }

    .m-xxl-6 {
        margin: 60px !important
    }

    .mt-xxl-6,
    .my-xxl-6 {
        margin-top: 60px !important
    }

    .mr-xxl-6,
    .mx-xxl-6 {
        margin-right: 60px !important
    }

    .mb-xxl-6,
    .my-xxl-6 {
        margin-bottom: 60px !important
    }

    .ml-xxl-6,
    .mx-xxl-6 {
        margin-left: 60px !important
    }

    .m-xxl-7 {
        margin: 70px !important
    }

    .mt-xxl-7,
    .my-xxl-7 {
        margin-top: 70px !important
    }

    .mr-xxl-7,
    .mx-xxl-7 {
        margin-right: 70px !important
    }

    .mb-xxl-7,
    .my-xxl-7 {
        margin-bottom: 70px !important
    }

    .ml-xxl-7,
    .mx-xxl-7 {
        margin-left: 70px !important
    }

    .m-xxl-8 {
        margin: 80px !important
    }

    .mt-xxl-8,
    .my-xxl-8 {
        margin-top: 80px !important
    }

    .mr-xxl-8,
    .mx-xxl-8 {
        margin-right: 80px !important
    }

    .mb-xxl-8,
    .my-xxl-8 {
        margin-bottom: 80px !important
    }

    .ml-xxl-8,
    .mx-xxl-8 {
        margin-left: 80px !important
    }

    .m-xxl-9 {
        margin: 90px !important
    }

    .mt-xxl-9,
    .my-xxl-9 {
        margin-top: 90px !important
    }

    .mr-xxl-9,
    .mx-xxl-9 {
        margin-right: 90px !important
    }

    .mb-xxl-9,
    .my-xxl-9 {
        margin-bottom: 90px !important
    }

    .ml-xxl-9,
    .mx-xxl-9 {
        margin-left: 90px !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important
    }

    .p-xxl-1 {
        padding: 10px !important
    }

    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: 10px !important
    }

    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 10px !important
    }

    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: 10px !important
    }

    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 10px !important
    }

    .p-xxl-2 {
        padding: 20px !important
    }

    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: 20px !important
    }

    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 20px !important
    }

    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: 20px !important
    }

    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 20px !important
    }

    .p-xxl-3 {
        padding: 30px !important
    }

    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 30px !important
    }

    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 30px !important
    }

    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 30px !important
    }

    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 30px !important
    }

    .p-xxl-4 {
        padding: 40px !important
    }

    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 40px !important
    }

    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 40px !important
    }

    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 40px !important
    }

    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 40px !important
    }

    .p-xxl-5 {
        padding: 50px !important
    }

    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 50px !important
    }

    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 50px !important
    }

    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 50px !important
    }

    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 50px !important
    }

    .p-xxl-6 {
        padding: 60px !important
    }

    .pt-xxl-6,
    .py-xxl-6 {
        padding-top: 60px !important
    }

    .pr-xxl-6,
    .px-xxl-6 {
        padding-right: 60px !important
    }

    .pb-xxl-6,
    .py-xxl-6 {
        padding-bottom: 60px !important
    }

    .pl-xxl-6,
    .px-xxl-6 {
        padding-left: 60px !important
    }

    .p-xxl-7 {
        padding: 70px !important
    }

    .pt-xxl-7,
    .py-xxl-7 {
        padding-top: 70px !important
    }

    .pr-xxl-7,
    .px-xxl-7 {
        padding-right: 70px !important
    }

    .pb-xxl-7,
    .py-xxl-7 {
        padding-bottom: 70px !important
    }

    .pl-xxl-7,
    .px-xxl-7 {
        padding-left: 70px !important
    }

    .p-xxl-8 {
        padding: 80px !important
    }

    .pt-xxl-8,
    .py-xxl-8 {
        padding-top: 80px !important
    }

    .pr-xxl-8,
    .px-xxl-8 {
        padding-right: 80px !important
    }

    .pb-xxl-8,
    .py-xxl-8 {
        padding-bottom: 80px !important
    }

    .pl-xxl-8,
    .px-xxl-8 {
        padding-left: 80px !important
    }

    .p-xxl-9 {
        padding: 90px !important
    }

    .pt-xxl-9,
    .py-xxl-9 {
        padding-top: 90px !important
    }

    .pr-xxl-9,
    .px-xxl-9 {
        padding-right: 90px !important
    }

    .pb-xxl-9,
    .py-xxl-9 {
        padding-bottom: 90px !important
    }

    .pl-xxl-9,
    .px-xxl-9 {
        padding-left: 90px !important
    }

    .m-xxl-n1 {
        margin: -10px !important
    }

    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -10px !important
    }

    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -10px !important
    }

    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -10px !important
    }

    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -10px !important
    }

    .m-xxl-n2 {
        margin: -20px !important
    }

    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -20px !important
    }

    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -20px !important
    }

    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -20px !important
    }

    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -20px !important
    }

    .m-xxl-n3 {
        margin: -30px !important
    }

    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -30px !important
    }

    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -30px !important
    }

    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -30px !important
    }

    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -30px !important
    }

    .m-xxl-n4 {
        margin: -40px !important
    }

    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -40px !important
    }

    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -40px !important
    }

    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -40px !important
    }

    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -40px !important
    }

    .m-xxl-n5 {
        margin: -50px !important
    }

    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -50px !important
    }

    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -50px !important
    }

    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -50px !important
    }

    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -50px !important
    }

    .m-xxl-n6 {
        margin: -60px !important
    }

    .mt-xxl-n6,
    .my-xxl-n6 {
        margin-top: -60px !important
    }

    .mr-xxl-n6,
    .mx-xxl-n6 {
        margin-right: -60px !important
    }

    .mb-xxl-n6,
    .my-xxl-n6 {
        margin-bottom: -60px !important
    }

    .ml-xxl-n6,
    .mx-xxl-n6 {
        margin-left: -60px !important
    }

    .m-xxl-n7 {
        margin: -70px !important
    }

    .mt-xxl-n7,
    .my-xxl-n7 {
        margin-top: -70px !important
    }

    .mr-xxl-n7,
    .mx-xxl-n7 {
        margin-right: -70px !important
    }

    .mb-xxl-n7,
    .my-xxl-n7 {
        margin-bottom: -70px !important
    }

    .ml-xxl-n7,
    .mx-xxl-n7 {
        margin-left: -70px !important
    }

    .m-xxl-n8 {
        margin: -80px !important
    }

    .mt-xxl-n8,
    .my-xxl-n8 {
        margin-top: -80px !important
    }

    .mr-xxl-n8,
    .mx-xxl-n8 {
        margin-right: -80px !important
    }

    .mb-xxl-n8,
    .my-xxl-n8 {
        margin-bottom: -80px !important
    }

    .ml-xxl-n8,
    .mx-xxl-n8 {
        margin-left: -80px !important
    }

    .m-xxl-n9 {
        margin: -90px !important
    }

    .mt-xxl-n9,
    .my-xxl-n9 {
        margin-top: -90px !important
    }

    .mr-xxl-n9,
    .mx-xxl-n9 {
        margin-right: -90px !important
    }

    .mb-xxl-n9,
    .my-xxl-n9 {
        margin-bottom: -90px !important
    }

    .ml-xxl-n9,
    .mx-xxl-n9 {
        margin-left: -90px !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important
    }
}

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

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.text-monospace {
    font-display: swap;
    font-family: DINPro, sans-serif !important
}

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

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

@media (min-width:320px) {
    .text-xxs-left {
        text-align: left !important
    }

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

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

@media (min-width:405px) {
    .text-xs-left {
        text-align: left !important
    }

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

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

@media (min-width:540px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media (min-width:808px) {
    .text-md-left {
        text-align: left !important
    }

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

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

@media (min-width:1024px) {
    .text-lg-left {
        text-align: left !important
    }

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

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

@media (min-width:1132px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

@media (min-width:1440px) {
    .text-xxl-left {
        text-align: left !important
    }

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

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

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 600 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #447c97 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #8e1016 !important
}

.text-secondary {
    color: #666 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #404040 !important
}

.text-tertiary {
    color: #999 !important
}

a.text-tertiary:focus,
a.text-tertiary:hover {
    color: #737373 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #fa6666 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #f81c1c !important
}

.text-danger {
    color: red !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #b30000 !important
}

.text-light {
    color: #fff !important
}

a.text-light:focus,
a.text-light:hover {
    color: #d9d9d9 !important
}

.text-dark {
    color: #000 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #000 !important
}

.text-gray {
    color: #f2f2f2 !important
}

a.text-gray:focus,
a.text-gray:hover {
    color: #ccc !important
}

.text-body {
    color: #f5f5f5 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.w-25 {
    width: 25% !important
}

.w-33 {
    width: 33.33% !important
}

.w-50 {
    width: 50% !important
}

.w-66 {
    width: 66.66% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-33 {
    height: 33.33% !important
}

.h-50 {
    height: 50% !important
}

.h-66 {
    height: 66.66% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before,
.map-container:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-27by9::before {
    padding-top: 33.33333%
}

.embed-responsive-21by9::before,
.map-container:before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by5::before {
    padding-top: 125%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-3by4::before {
    padding-top: 133.33333%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup>.ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: auto;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: auto;
    margin-left: 7px
}

.ui-datepicker select option {
    color: #447C97
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    color: #447C97;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .4em .7em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-display: swap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-display: swap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #fff
}

.ui-widget-content a {
    color: #fff
}

.ui-widget-header {
    border: 1px solid #447C97;
    background: rgba(211, 24, 32, .9);
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #447c97;
    background: rgba(211, 24, 32, .9);
    font-weight: 700;
    color: #fff;
    -webkit-transition: "color background" .21s ease-in-out 0s;
    transition: "color background" .21s ease-in-out 0s;
    will-change: transition
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #447C97;
    background: #fff;
    color: #447c97;
    border-radius: 1px
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #999;
    background: #999
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #a51319;
    background: #a51319;
    color: #fff
}

.ui-state-checked {
    border: 1px solid #a51319;
    background: #a51319
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/jquery-ui/ui-icons_ffffff_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/jquery-ui/ui-icons_ffffff_256x240.png)
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/jquery-ui/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(images/jquery-ui/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url(images/jquery-ui/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/jquery-ui/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/jquery-ui/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 1px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 1px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 1px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 1px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

#swipebox-overlay img {
    border: none !important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    left: 25px;
    top: 25px;
    bottom: 25px;
    right: 25px;
    white-space: nowrap;
    position: absolute;
    display: none
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    min-height: 200px;
    line-height: 1px;
    padding: 75px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-slider .slide-loading {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2
}

#swipebox-slider .slide-loading:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -19px 0 0 -19px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top-color: transparent;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    -webkit-animation: spin .4s linear infinite;
    animation: spin .4s linear infinite
}

#swipebox-close,
#swipebox-next,
#swipebox-prev {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

#swipebox-close:before,
#swipebox-next:before,
#swipebox-prev:before {
    content: "";
    font-display: swap;
    font-family: font-icons;
    font-size: 26px
}

#swipebox-close:not(.disabled),
#swipebox-next:not(.disabled),
#swipebox-prev:not(.disabled) {
    cursor: pointer
}

#swipebox-close:not(.disabled):hover,
#swipebox-next:not(.disabled):hover,
#swipebox-prev:not(.disabled):hover {
    background-color: rgba(255, 255, 255, .15)
}

#swipebox-prev {
    left: 25px
}

#swipebox-prev:before {
    content: '\e801'
}

#swipebox-next {
    right: 25px
}

#swipebox-next:before {
    content: '\e803'
}

#swipebox-close {
    top: 50px;
    left: 50%;
    margin-left: -25px;
    z-index: 9999
}

#swipebox-close:before {
    content: '\e882'
}

#swipebox-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -transform: rotate(180deg)
}

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-next.disabled,
#swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring .3s;
    animation: rightSpring .3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring .3s;
    animation: leftSpring .3s
}

.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0 10px -8px #656565;
    box-shadow: inset 10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0 10px -8px #656565;
    box-shadow: inset -10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@keyframes rightSpring {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes rightSpring {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes leftSpring {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@keyframes leftSpring {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

#swipebox-overlay {
    background: rgba(0, 0, 0, .9)
}

#swipebox-top-bar {
    position: absolute;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding: 10px 50px;
    font-display: swap;
    font-family: inherit;
    font-display: swap;
    color: #fff
}

#swipebox-title:empty {
    display: none
}

#swipebox-title {
    display: inherit;
    font-size: 20px;
    font-weight: 600;
    opacity: 1;
    margin-bottom: 0;
    -webkit-animation: fadeIn .75s linear 1;
    animation: fadeIn .75s linear 1
}

#swipebox-description:empty {
    display: none
}

#swipebox-description {
    display: inherit;
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
    max-width: 75%;
    margin-bottom: 0;
    opacity: 1;
    -webkit-animation: fadeIn .75s linear 1;
    animation: fadeIn .75s linear 1
}

@media screen and (max-width:500px) {
    #swipebox-slider .slide {
        padding: 75px 50px
    }

    #swipebox-prev {
        left: 15px
    }

    #swipebox-next {
        right: 15px
    }
}

@media screen and (max-height:400px) {
    #swipebox-close {
        top: 40px
    }

    #swipebox-slider .slide {
        padding: 50px 50px
    }

    #swipebox-description {
        display: none
    }

    #swipebox-top-bar {
        height: 75px
    }
}

@media screen and (max-height:275px) {
    #swipebox-slider .slide {
        padding: 50px 50px 30px
    }

    #swipebox-top-bar {
        display: none !important
    }

    #swipebox-slider {
        bottom: 0
    }
}

:root {
    --swiper-theme-color: $primary;
    --swiper-navigation-size: 44px
}

.swiper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2
}

.swiper-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    list-style: none;
    overflow: hidden;
    padding: 0;
    z-index: 1
}

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

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

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

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: var(--swiper-navigation-size)
}

.swiper-button-prev,
.swiper-container-rtl+.swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl+.swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl+.swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl+.swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none !important
}

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

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

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

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

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

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

.swiper-container-vertical+.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical+.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal+.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal+.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal+.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

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

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

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

.swiper-pagination-white {
  color: #ffffff
}

.swiper-pagination-black {
    color: #000000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.swiper-video iframe,
.swiper-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #447c97;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #ccc, 0 0 5px #ccc;
    box-shadow: 0 0 10px #ccc, 0 0 5px #ccc;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #009a00;
    border-left-color: #009a00;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes zuckSlideTime {
    0% {
        max-width: 0
    }

    100% {
        max-width: 100%
    }
}

@keyframes zuckSlideTime {
    0% {
        max-width: 0
    }

    100% {
        max-width: 100%
    }
}

@-webkit-keyframes zuckLoading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes zuckLoading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#zuck-modal {
    outline: 0 !important;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    z-index: 100000;
    font-size: 14px;
    font-display: swap;
    font-family: inherit
}

#zuck-modal-content,
#zuck-modal-content .story-viewer,
#zuck-modal-content .story-viewer>.slides,
#zuck-modal-content .story-viewer>.slides>* {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden
}

#zuck-modal * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

#zuck-modal.with-effects {
    -webkit-transform: scale(.01);
    transform: scale(.01);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: .25s;
    transition: .25s
}

#zuck-modal.with-effects.animated {
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
    margin-top: 0 !important;
    margin-left: 0 !important
}

#zuck-modal.with-effects.closed {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

#zuck-modal .slider {
    width: 300vw;
    height: 100%;
    top: 0;
    bottom: 0;
    left: -100vw;
    position: absolute
}

#zuck-modal .slider>* {
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute
}

#zuck-modal .slider>.previous {
    left: 0
}

#zuck-modal .slider>.viewing {
    left: 100vw
}

#zuck-modal .slider>.next {
    left: 200vw
}

#zuck-modal .slider.animated {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear
}

#zuck-modal.with-cube #zuck-modal-content {
    -webkit-perspective: 1000vw;
    perspective: 1000vw;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    overflow: visible;
    -webkit-transition: .3s;
    transition: .3s
}

@supports (-ms-ime-align:auto) {
    #zuck-modal.with-cube #zuck-modal-content {
        -webkit-perspective: none !important;
        perspective: none !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important
    }
}

#zuck-modal.with-cube .slider {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

#zuck-modal.with-cube .slider>.previous {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    -webkit-transform: rotateY(270deg) translateX(-50%);
    transform: rotateY(270deg) translateX(-50%);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#zuck-modal.with-cube .slider>.viewing {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    -webkit-transform: translateZ(50vw);
    transform: translateZ(50vw)
}

#zuck-modal.with-cube .slider>.next {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 100vw;
    -webkit-transform: rotateY(-270deg) translateX(50%);
    transform: rotateY(-270deg) translateX(50%);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

#zuck-modal-content .story-viewer.paused.longPress .head,
#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,
#zuck-modal-content .story-viewer.paused.longPress .tip {
    opacity: 0
}

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

#zuck-modal-content .story-viewer.next {
    z-index: 10
}

#zuck-modal-content .story-viewer.viewing {
    z-index: 5
}

#zuck-modal-content .story-viewer.previous {
    z-index: 0
}

#zuck-modal-content .story-viewer.loading .head .loading,
#zuck-modal-content .story-viewer.muted .tip.muted {
    display: block
}

#zuck-modal-content .story-viewer.loading .head .right .close,
#zuck-modal-content .story-viewer.loading .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .slides-pagination span {
    position: absolute;
    top: 50vh;
    font-size: 48px;
    color: #fff;
    line-height: 48px;
    width: 48px;
    margin: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    text-align: center
}

#zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 0
}

#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 0
}

#zuck-modal-content .story-viewer .slides-pointers {
    display: table;
    table-layout: fixed;
    border-spacing: 6px;
    border-collapse: separate;
    position: absolute;
    width: 100vh;
    top: 0;
    left: calc(50vw - 50vh);
    right: calc(50vw - 50vh);
    z-index: 100020
}

#zuck-modal-content .story-viewer .slides-pointers>* {
    display: table-row
}

#zuck-modal-content .story-viewer .slides-pointers>*>* {
    display: table-cell;
    background: rgba(255, 255, 255, .5);
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.seen {
    background: #fff
}

#zuck-modal-content .story-viewer .slides-pointers>*>*>b {
    background: #fff;
    width: auto;
    max-width: 0;
    height: 2px;
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    border-radius: 2px
}

#zuck-modal-content .story-viewer .slides-pointers>*>.active>b {
    -webkit-animation-name: zuckSlideTime;
    animation-name: zuckSlideTime;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#zuck-modal-content .story-viewer .head {
    position: absolute;
    height: 56px;
    left: 0;
    right: 30px;
    line-height: 56px;
    z-index: 100010;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 1px 0 1px rgba(0, 0, 0, .35);
    padding: 6px 12px
}

#zuck-modal-content .story-viewer .head .item-preview {
    overflow: hidden;
    vertical-align: top;
    background-size: cover;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-right: 9px;
    border-radius: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center
}

#zuck-modal-content .story-viewer .head .item-preview img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

#zuck-modal-content .story-viewer .head .time {
    opacity: .75;
    font-weight: 500;
    font-size: 13px
}

#zuck-modal-content .story-viewer .head .left {
    line-height: 1 !important;
    display: inline-block;
    margin: 6px 0
}

#zuck-modal-content .story-viewer .head .left .info {
    display: inline-block;
    max-width: 30vw;
    vertical-align: middle
}

#zuck-modal-content .story-viewer .head .left .info>* {
    width: 100%;
    display: inline-block;
    line-height: 21px
}

#zuck-modal-content .story-viewer .head .left .info .name {
    font-weight: 500
}

#zuck-modal-content .story-viewer .head .right {
    float: right
}

#zuck-modal-content .story-viewer .head .back,
#zuck-modal-content .story-viewer .head .right .close {
    font-size: 42px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center
}

#zuck-modal-content .story-viewer .head .left .back {
    display: none;
    width: 24px;
    margin: -9px -6px 0 -6px
}

#zuck-modal-content .story-viewer .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .head .loading {
    display: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 9px 0;
    border: 4px solid rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top-color: #fff;
    -webkit-animation: zuckLoading 1s infinite linear;
    animation: zuckLoading 1s infinite linear
}

#zuck-modal-content .story-viewer .head,
#zuck-modal-content .story-viewer .slides-pointers,
#zuck-modal-content .story-viewer .tip {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#zuck-modal-content .story-viewer .slides .item {
    display: none;
    overflow: hidden;
    background: #000
}

#zuck-modal-content .story-viewer .slides .item:before {
    z-index: 4;
    background: 0 0;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

#zuck-modal-content .story-viewer .slides .item>.media {
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: auto
}

#zuck-modal-content .story-viewer .slides .item.active,
#zuck-modal-content .story-viewer .slides .item.active .tip.link {
    display: block
}

#zuck-modal-content .story-viewer .tip {
    z-index: 5;
    text-decoration: none;
    display: none;
    border-radius: 24px;
    background: rgba(0, 0, 0, .5);
    font-size: 16px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    height: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 24px
}

#zuck-modal.rtl {
    direction: rtl;
    left: auto;
    right: 0
}

#zuck-modal.rtl.with-effects {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

#zuck-modal.rtl.with-effects.animated {
    margin-left: auto !important;
    margin-right: 0 !important
}

#zuck-modal.rtl .slider {
    left: auto;
    right: -100vw
}

#zuck-modal.rtl .slider>.previous {
    left: auto;
    right: 0;
    -webkit-transform: rotateY(-270deg) translateX(50%);
    transform: rotateY(-270deg) translateX(50%)
}

#zuck-modal.rtl .slider>.viewing {
    left: auto;
    right: 100vw
}

#zuck-modal.rtl .slider>.next {
    left: auto;
    right: 200vw
}

#zuck-modal.rtl.with-cube .slider>.previous {
    left: auto;
    right: 100vw;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#zuck-modal.rtl.with-cube .slider>.viewing {
    left: auto;
    right: 100vw;
    -webkit-transform: translateZ(50vw);
    transform: translateZ(50vw)
}

#zuck-modal.rtl.with-cube .slider>.next {
    left: auto;
    right: 100vw;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotateY(270deg) translateX(-50%);
    transform: rotateY(270deg) translateX(-50%)
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous {
    left: auto;
    right: 0
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next {
    right: auto;
    left: 0
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
    margin-right: auto;
    margin-left: 9px
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .right {
    float: left
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .tip {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media (max-width:1024px) {
    #zuck-modal-content .story-viewer .head {
        top: 3px
    }

    #zuck-modal-content .story-viewer .head .loading {
        width: 24px;
        height: 24px;
        margin: 6px 0
    }

    #zuck-modal-content .story-viewer .head .item-preview {
        width: 30px;
        height: 30px;
        margin-right: 9px
    }

    #zuck-modal-content .story-viewer .head .left {
        font-size: 15px;
        margin: 15px 0
    }

    #zuck-modal-content .story-viewer .head .left>div {
        line-height: 30px
    }

    #zuck-modal-content .story-viewer .head .left>.back {
        display: none;
        background: 0 0;
        z-index: 20;
        visibility: visible;
        position: absolute;
        height: 42px;
        width: 24px;
        line-height: 36px;
        text-align: left;
        vertical-align: top;
        text-shadow: none
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left>.back {
        display: block
    }

    #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: 18px
    }

    #zuck-modal-content .story-viewer .slides-pointers {
        width: 100vw;
        left: 0;
        right: 0
    }

    #zuck-modal-content .story-viewer .tip {
        font-size: 14px;
        padding: 6px 12px
    }

    #zuck-modal-content .story-viewer .head .left .time {
        display: none
    }

    #zuck-modal-content .story-viewer .head .right .close {
        color: #447c97;
        font-size: 55px
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
        margin-right: auto;
        margin-left: 9px
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .left>.back {
        text-align: right
    }

    #zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: auto;
        margin-right: 18px
    }
}

.stories.carousel {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.stories.carousel::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.stories.carousel .story {
    display: inline-block;
    width: auto;
    max-width: 90px;
    margin: 0 10px;
    vertical-align: top
}

.stories.carousel .story:first-child {
    margin-left: 0
}

.stories.carousel .story:last-child {
    margin-right: 0
}

.stories.carousel .story>.item-link {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stories.carousel .story>.item-link:active>.item-preview {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.stories.carousel .story>.item-link>.item-preview {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    max-height: 76px;
    height: 76px;
    width: 76px;
    overflow: hidden;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.stories.carousel .story>.item-link>.item-preview img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.stories.carousel .story>.item-link>.info {
    display: inline-block;
    margin-top: .5em;
    line-height: 1.2em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.stories.carousel .story>.item-link>.info .name {
    font-weight: 300
}

.stories.carousel .story>.item-link>.info .time {
    display: none
}

.stories.carousel .story>.items {
    display: none
}

.stories.list {
    white-space: nowrap;
    overflow: auto
}

.stories.list .story {
    display: block;
    width: auto;
    margin: 6px;
    padding-bottom: 6px
}

.stories.list .story>.item-link {
    text-align: left;
    display: block
}

.stories.list .story>.item-link>.item-preview {
    height: 42px;
    width: 42px;
    max-width: 42px;
    margin-right: 12px;
    vertical-align: top;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden
}

.stories.list .story>.item-link>.item-preview img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center
}

.stories.list .story>.item-link>.info {
    display: inline-block;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.stories.list .story>.item-link>.info .name {
    font-weight: 500;
    display: block
}

.stories.list .story>.item-link>.info .time {
    display: inline-block
}

.stories.list .story>.items {
    display: none
}

.stories.rtl {
    direction: rtl
}

.stories.rtl.carousel .story:first-child {
    margin-left: auto;
    margin-right: 0
}

.stories.rtl.carousel .story:last-child {
    margin-right: auto;
    margin-left: 0
}

.stories.rtl.list .story>.item-link {
    text-align: right
}

.stories.rtl.list .story>.item-link>.item-preview {
    margin-right: auto;
    margin-left: 12px
}

.stories.snapgram .story>.item-link {
    text-decoration: none;
    color: #333
}

.stories.snapgram .story>.item-link>.item-preview {
    border-radius: 50%;
    padding: 2px;
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%)
}

.stories.snapgram .story>.item-link>.item-preview img {
    border-radius: 50%;
    border: 4px solid #fff
}

.stories.snapgram .story.seen {
    opacity: .75
}

.stories.snapgram .story.seen>a>.item-preview {
    background: #999
}

.stories.snapgram .story.seen>a {
    color: #999 !important
}

* {
    margin: 0;
    padding: 0
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

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

fieldset,
img {
    border: 0
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
    font: inherit
}

del,
ins {
    text-decoration: none
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

q:after,
q:before {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

legend {
    color: #000
}

:focus {
    outline: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

b,
strong {
    font-weight: 600
}

.h1,
.page-responsive-menu-nav ul li a {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 1.1em
}

@media screen and (max-width:1132px) {

    .h1,
    .page-responsive-menu-nav ul li a {
        line-height: 1.15em;
        font-size: 32px
    }
}

@media screen and (max-width:540px) {

    .h1,
    .page-responsive-menu-nav ul li a {
        line-height: 1.16em;
        font-size: 29px
    }
}

@media screen and (max-width:320px) {

    .h1,
    .page-responsive-menu-nav ul li a {
        line-height: 1.17em;
        font-size: 25px
    }
}

.h2,
.page-responsive-menu-nav ul.page-responsive-menu-nav--second-plan li a {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 1.1em
}

@media screen and (max-width:1132px) {

    .h2,
    .page-responsive-menu-nav ul.page-responsive-menu-nav--second-plan li a {
        line-height: 1.15em;
        font-size: 26px
    }
}

@media screen and (max-width:540px) {

    .h2,
    .page-responsive-menu-nav ul.page-responsive-menu-nav--second-plan li a {
        line-height: 1.16em;
        font-size: 24px
    }
}

@media screen and (max-width:320px) {

    .h2,
    .page-responsive-menu-nav ul.page-responsive-menu-nav--second-plan li a {
        line-height: 1.17em;
        font-size: 20px
    }
}

.h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 1.1em
}

@media screen and (max-width:1132px) {
    .h3 {
        line-height: 1.15em;
        font-size: 23px
    }
}

@media screen and (max-width:540px) {
    .h3 {
        line-height: 1.16em;
        font-size: 22px
    }
}

@media screen and (max-width:320px) {
    .h3 {
        line-height: 1.17em;
        font-size: 18px
    }
}

.h4,
.page-responsive-menu-nav ul li.page-responsive-menu-nav--secondary a {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 1.1em
}

@media screen and (max-width:1132px) {

    .h4,
    .page-responsive-menu-nav ul li.page-responsive-menu-nav--secondary a {
        line-height: 1.15em
    }
}

@media screen and (max-width:540px) {

    .h4,
    .page-responsive-menu-nav ul li.page-responsive-menu-nav--secondary a {
        line-height: 1.16em
    }
}

@media screen and (max-width:320px) {

    .h4,
    .page-responsive-menu-nav ul li.page-responsive-menu-nav--secondary a {
        line-height: 1.17em
    }
}

.h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 1.1em
}

@media screen and (max-width:1132px) {
    .h5 {
        line-height: 1.15em
    }
}

@media screen and (max-width:540px) {
    .h5 {
        line-height: 1.16em
    }
}

@media screen and (max-width:320px) {
    .h5 {
        line-height: 1.17em
    }
}

.h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2em;
    min-height: 1.1em
}

@media screen and (max-width:1132px) {
    .h6 {
        line-height: 1.15em
    }
}

@media screen and (max-width:540px) {
    .h6 {
        line-height: 1.16em
    }
}

@media screen and (max-width:320px) {
    .h6 {
        line-height: 1.17em
    }
}

.h-normal {
    font-weight: 400
}

p {
    position: relative;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    z-index: 1
}

small {
    font-size: 12px
}

@media screen and (max-width:1132px) {
    small {
        font-size: 11px
    }
}

@media screen and (max-width:808px) {
    small {
        font-size: 10px
    }
}

.color-primary a:hover {
    color: #447c97 !important
}

.color-primary .color-parent,
.color-primary.content-body,
.color-primary.content-description,
.color-primary.content-subtitle,
.color-primary.content-title {
    color: #447c97
}

.color-primary.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-primary.box:not(.box-title) .content-body {
    color: inherit
}

.color-primary.box.box-title {
    color: #447c97
}

.color-primary.btn.btn-default {
    color: #447c97;
    border-color: #447c97
}

.color-primary.btn.btn-default:hover {
    border-color: #447c97
}

.color-primary.input.input--select {
    color: #fff
}

.color-primary.input.input--select:before {
    color: #fff
}

.color-primary.input.input--select select {
    background-color: #447c97
}

.color-bg-primary.content {
    background-color: #447c97;
    color: #fff
}

.color-bg-primary.content .content-body {
    color: inherit
}

.color-bg-primary.content .color-primary {
    color: #fff
}

.btn.btn-default.color-primary:before {
    background-color: #fff9d9
}

.color-secondary a:hover {
    color: #666 !important
}

.color-secondary .color-parent,
.color-secondary.content-body,
.color-secondary.content-description,
.color-secondary.content-subtitle,
.color-secondary.content-title {
    color: #666
}

.color-secondary.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-secondary.box:not(.box-title) .content-body {
    color: inherit
}

.color-secondary.box.box-title {
    color: #666
}

.color-secondary.btn.btn-default {
    color: #666;
    border-color: #666
}

.color-secondary.btn.btn-default:hover {
    border-color: #447c97
}

.color-secondary.input.input--select {
    color: #fff
}

.color-secondary.input.input--select:before {
    color: #fff
}

.color-secondary.input.input--select select {
    background-color: #666
}

.color-bg-secondary.content {
    background-color: #666;
    color: #fff
}

.color-bg-secondary.content .content-body {
    color: inherit
}

.color-bg-secondary.content .color-secondary {
    color: #fff
}

.color-tertiary a:hover {
    color: #999 !important
}

.color-tertiary .color-parent,
.color-tertiary.content-body,
.color-tertiary.content-description,
.color-tertiary.content-subtitle,
.color-tertiary.content-title {
    color: #999
}

.color-tertiary.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-tertiary.box:not(.box-title) .content-body {
    color: inherit
}

.color-tertiary.box.box-title {
    color: #999
}

.color-tertiary.btn.btn-default {
    color: #999;
    border-color: #999
}

.color-tertiary.btn.btn-default:hover {
    border-color: #447c97
}

.color-tertiary.input.input--select {
    color: #fff
}

.color-tertiary.input.input--select:before {
    color: #fff
}

.color-tertiary.input.input--select select {
    background-color: #999
}

.color-bg-tertiary.content {
    background-color: #999;
    color: #fff
}

.color-bg-tertiary.content .content-body {
    color: inherit
}

.color-bg-tertiary.content .color-tertiary {
    color: #fff
}

.color-success a:hover {
    color: #28a745 !important
}

.color-success .color-parent,
.color-success.content-body,
.color-success.content-description,
.color-success.content-subtitle,
.color-success.content-title {
    color: #28a745
}

.color-success.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-success.box:not(.box-title) .content-body {
    color: inherit
}

.color-success.box.box-title {
    color: #28a745
}

.color-success.btn.btn-default {
    color: #28a745;
    border-color: #28a745
}

.color-success.btn.btn-default:hover {
    border-color: #447c97
}

.color-success.input.input--select {
    color: #fff
}

.color-success.input.input--select:before {
    color: #fff
}

.color-success.input.input--select select {
    background-color: #28a745
}

.color-bg-success.content {
    background-color: #28a745;
    color: #fff
}

.color-bg-success.content .content-body {
    color: inherit
}

.color-bg-success.content .color-success {
    color: #fff
}

.color-info a:hover {
    color: #17a2b8 !important
}

.color-info .color-parent,
.color-info.content-body,
.color-info.content-description,
.color-info.content-subtitle,
.color-info.content-title {
    color: #17a2b8
}

.color-info.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-info.box:not(.box-title) .content-body {
    color: inherit
}

.color-info.box.box-title {
    color: #17a2b8
}

.color-info.btn.btn-default {
    color: #17a2b8;
    border-color: #17a2b8
}

.color-info.btn.btn-default:hover {
    border-color: #447c97
}

.color-info.input.input--select {
    color: #fff
}

.color-info.input.input--select:before {
    color: #fff
}

.color-info.input.input--select select {
    background-color: #17a2b8
}

.color-bg-info.content {
    background-color: #17a2b8;
    color: #fff
}

.color-bg-info.content .content-body {
    color: inherit
}

.color-bg-info.content .color-info {
    color: #fff
}

.color-warning a:hover {
    color: #fa6666 !important
}

.color-warning .color-parent,
.color-warning.content-body,
.color-warning.content-description,
.color-warning.content-subtitle,
.color-warning.content-title {
    color: #fa6666
}

.color-warning.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-warning.box:not(.box-title) .content-body {
    color: inherit
}

.color-warning.box.box-title {
    color: #fa6666
}

.color-warning.btn.btn-default {
    color: #fa6666;
    border-color: #fa6666
}

.color-warning.btn.btn-default:hover {
    border-color: #447c97
}

.color-warning.input.input--select {
    color: #fff
}

.color-warning.input.input--select:before {
    color: #fff
}

.color-warning.input.input--select select {
    background-color: #fa6666
}

.color-bg-warning.content {
    background-color: #fa6666;
    color: #fff
}

.color-bg-warning.content .content-body {
    color: inherit
}

.color-bg-warning.content .color-warning {
    color: #fff
}

.color-danger a:hover {
    color: red !important
}

.color-danger .color-parent,
.color-danger.content-body,
.color-danger.content-description,
.color-danger.content-subtitle,
.color-danger.content-title {
    color: red
}

.color-danger.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-danger.box:not(.box-title) .content-body {
    color: inherit
}

.color-danger.box.box-title {
    color: red
}

.color-danger.btn.btn-default {
    color: red;
    border-color: red
}

.color-danger.btn.btn-default:hover {
    border-color: #447c97
}

.color-danger.input.input--select {
    color: #fff
}

.color-danger.input.input--select:before {
    color: #fff
}

.color-danger.input.input--select select {
    background-color: red
}

.color-bg-danger.content {
    background-color: red;
    color: #fff
}

.color-bg-danger.content .content-body {
    color: inherit
}

.color-bg-danger.content .color-danger {
    color: #fff
}

.color-light a:hover {
    color: #fff !important
}

.color-light .color-parent,
.color-light.content-body,
.color-light.content-description,
.color-light.content-subtitle,
.color-light.content-title {
    color: #fff
}

.color-light.box:not(.box-title) {
    background-color: #447c97;
    color: #fff
}

.color-light.box:not(.box-title) .content-body {
    color: inherit
}

.color-light.box.box-title {
    color: #fff
}

.color-light.btn.btn-default {
    color: #fff;
    border-color: #fff
}

.color-light.btn.btn-default:hover {
    border-color: #447c97
}

.color-light.input.input--select {
    color: #fff
}

.color-light.input.input--select:before {
    color: #fff
}

.color-light.input.input--select select {
    background-color: #fff
}

.color-bg-light.content {
    background-color: #fff;
    color: #fff
}

.color-bg-light.content .content-body {
    color: inherit
}

.color-bg-light.content .color-light {
    color: #fff
}

.color-dark a:hover {
    color: #000 !important
}

.color-dark .color-parent,
.color-dark.content-body,
.color-dark.content-description,
.color-dark.content-subtitle,
.color-dark.content-title {
    color: #000
}

.color-dark.box:not(.box-title) {
    background-color: #447C97;
    color: #fff
}

.color-dark.box:not(.box-title) .content-body {
    color: inherit
}

.color-dark.box.box-title {
    color: #000
}

.color-dark.btn.btn-default {
    color: #000;
    border-color: #000
}

.color-dark.btn.btn-default:hover {
    border-color: #447C97
}

.color-dark.input.input--select {
    color: #fff
}

.color-dark.input.input--select:before {
    color: #fff
}

.color-dark.input.input--select select {
    background-color: #000
}

.color-bg-dark.content {
    background-color: #000;
    color: #fff
}

.color-bg-dark.content .content-body {
    color: inherit
}

.color-bg-dark.content .color-dark {
    color: #fff
}

.color-gray a:hover {
    color: #f2f2f2 !important
}

.color-gray .color-parent,
.color-gray.content-body,
.color-gray.content-description,
.color-gray.content-subtitle,
.color-gray.content-title {
    color: #f2f2f2
}

.color-gray.box:not(.box-title) {
    background-color: #447C97;
    color: #fff
}

.color-gray.box:not(.box-title) .content-body {
    color: inherit
}

.color-gray.box.box-title {
    color: #f2f2f2
}

.color-gray.btn.btn-default {
    color: #f2f2f2;
    border-color: #f2f2f2
}

.color-gray.btn.btn-default:hover {
    border-color: #447C97
}

.color-gray.input.input--select {
    color: #fff
}

.color-gray.input.input--select:before {
    color: #fff
}

.color-gray.input.input--select select {
    background-color: #f2f2f2
}

.color-bg-gray.content {
    background-color: #f2f2f2;
    color: #fff
}

.color-bg-gray.content .content-body {
    color: inherit
}

.color-bg-gray.content .color-gray {
    color: #fff
}

.browser-not-support {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #fff;
    color: #000;
    font-display: swap;
    font-family: Arial, sans-serif;
    font-size: 18px;
    z-index: 9999
}

.browser-not-support--version {
    display: none
}

.browser-not-support--js {
    display: block
}

.page {
    font-display: swap;
    font-family: DINPro, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    background-color: #fff;
    color: #666;
    min-width: 300px
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    display: block;
    background: #f5f5f5
}

.wrapper {
    position: relative;
    background: #f5f5f5;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden
}

.content {
    position: relative;
    width: auto
}

.content--bg {
    background-color: rgba(211, 24, 32, .1)
}

.banner .content>.banner-image,
.content>.background {
    position: absolute
}

@media screen and (max-width:808px) {

    .banner .content>.banner-image,
    .content>.background {
        display: none
    }
}

@media screen and (max-width:1132px) {

    .banner .content>.background.rellax .banner-image,
    .banner .content>.rellax.banner-image .background,
    .banner .content>.rellax.banner-image .banner-image,
    .content>.background.rellax .background,
    .content>.background.rellax .banner .banner-image {
        background-size: auto
    }
}

.content.content--text {
    padding: 30px 0 80px
}

.content.content--text .content-body .content-subtitle:first-child {
    margin-top: -3px
}

.content.content--text .content-body .content-title+.row {
    margin-top: 6px
}

.content.content--text .content-body .content-date:not(:first-child) {
    margin-top: 10px
}

.content.content--text .content-body .content-description {
    font-size: 16px;
    line-height: 1.45
}

.content.content--text .content-body .content-description p {
    line-height: 1.45
}

.content.content--text .content-body .content-description:not(:first-child) {
    margin-top: 22px
}

.content.content--text .content-body .content-image figure,
.content.content--text .content-body .content-image img {
    width: 100%
}

.content.content--text .content-body>.content-image {
    margin-top: 26px
}

@media screen and (min-width:808px) {
    .content.content--text .content-body .btn.btn-normal {
        margin-left: 20%;
        margin-right: 20%
    }
}

.content.content--text .swiper {
    background-color: #666
}

.content.content--text .swiper .swiper-button-next,
.content.content--text .swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #447C97;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.content.content--text .swiper .swiper-button-next:after,
.content.content--text .swiper .swiper-button-prev:after {
    font-display: swap;
    font-family: font-icons;
    font-size: 28px
}

@media screen and (max-width:1322px) {

    .content.content--text .swiper .swiper-button-next:after,
    .content.content--text .swiper .swiper-button-prev:after {
        font-size: 24px
    }
}

@media screen and (max-width:540px) {

    .content.content--text .swiper .swiper-button-next,
    .content.content--text .swiper .swiper-button-prev {
        width: 42px;
        height: 42px
    }
}

.content.content--text .swiper .swiper-button-next:not(.swiper-button-disabled):hover,
.content.content--text .swiper .swiper-button-prev:not(.swiper-button-disabled):hover {
    background-color: #666;
    color: #fff
}

.content.content--text .swiper .swiper-button-prev {
    right: unset;
    left: -30px
}

@media screen and (max-width:808px) {
    .content.content--text .swiper .swiper-button-prev {
        left: -21px
    }
}

.content.content--text .swiper .swiper-button-prev:after {
    content: '\e801'
}

.content.content--text .swiper .swiper-button-next {
    left: unset;
    right: -30px
}

@media screen and (max-width:540px) {
    .content.content--text .swiper .swiper-button-next {
        right: -21px
    }
}

.content.content--text .swiper .swiper-button-next:after {
    content: '\e803'
}

.content .container-fluid>.content-body .content-description a[href],
.content .container>.content-body .content-description a[href] {
    font-weight: 700;
    color: #447C97
}

.content .container-fluid>.content-body .content-description a[href]:hover,
.content .container>.content-body .content-description a[href]:hover {
    color: #666
}

.link {
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.link:hover {
    color: #447C97
}

.content .swiper-content {
    height: 33.33vw;
    width: 100%
}

@media screen and (max-width:808px) {
    .content .swiper-content {
        height: 50vw
    }
}

@media screen and (max-width:1440px) {

    .content .swiper-content .swiper-button-next,
    .content .swiper-content .swiper-button-prev {
        background-color: #447C97;
        color: #fff;
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:808px) {

    .content .swiper-content .swiper-button-next,
    .content .swiper-content .swiper-button-prev {
        width: 42px;
        height: 42px
    }
}

.content .swiper-content .swiper-button-next:after,
.content .swiper-content .swiper-button-prev:after {
    content: '';
    font: 50px font-icons;
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:1440px) {

    .content .swiper-content .swiper-button-next:after,
    .content .swiper-content .swiper-button-prev:after {
        font-size: 30px
    }
}

@media screen and (max-width:808px) {

    .content .swiper-content .swiper-button-next:after,
    .content .swiper-content .swiper-button-prev:after {
        font-size: 3.5vw
    }
}

@media screen and (min-width:1440px) {

    .content .swiper-content .swiper-button-next:not(.swiper-button-disabled):hover:after,
    .content .swiper-content .swiper-button-prev:not(.swiper-button-disabled):hover:after {
        color: #447C97
    }
}

.content .swiper-content .swiper-button-prev {
    left: -100px
}

@media screen and (max-width:1440px) {
    .content .swiper-content .swiper-button-prev {
        left: 3vw
    }
}

.content .swiper-content .swiper-button-prev:after {
    content: '\e801'
}

.content .swiper-content .swiper-button-next {
    right: -100px
}

@media screen and (max-width:1440px) {
    .content .swiper-content .swiper-button-next {
        right: 3vw
    }
}

.content .swiper-content .swiper-button-next:after {
    content: '\e803'
}

.content .swiper-content .swiper-slide>a {
    display: block;
    width: 100%;
    height: 100%
}

.content .swiper-content .swiper-slide.swiper-slide-video:after {
    content: '\e885';
    font: 100px font-icons;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    z-index: 5;
    -webkit-transform: scale(.925);
    transform: scale(.925);
    -webkit-transition: transform .21s ease-in-out 0s;
    -webkit-transition: -webkit-transform .21s ease-in-out 0s;
    transition: -webkit-transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:1024px) {
    .content .swiper-content .swiper-slide.swiper-slide-video:after {
        font-size: 10vw
    }
}

.content .swiper-content .swiper-slide:hover.swiper-slide-video:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.content-header {
    display: block;
    margin-bottom: 2px
}

.content-header .content-icon {
    width: 22px
}

.content-body {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    z-index: 3
}

.content-body-padding {
    padding: 40px
}

.content-body .content-title {
    position: relative;
    width: 100%
}

.content-body .content-title span {
    display: block;
    font-weight: 300
}

.content-body .content-title+.content-description {
    margin-top: 9px
}

.content-body .content-icon svg path,
.content-body .content-icon svg polygon,
.content-body .content-icon svg polyline,
.content-body .content-icon svg rect {
    fill: #447C97;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.content-body .content-time {
    display: block;
    font-size: 14px;
    font-weight: 300
}

.content-body .content-subtitle {
    font-size: 14px;
    font-weight: 700
}

.content-body .content-subtitle:not(:last-child) {
    margin-top: 3px;
    margin-bottom: 4px
}

.content-body .content-description {
    color: inherit;
    line-height: 1.3;
    overflow: auto;
    padding-right: 5px
}

.content-body .content-description--lg,
.content-body .content-description--lg p {
    font-size: 16px;
    line-height: 1.4
}

.content-body .content-description+.btn,
.content-body .content-description+.content-description,
.content-body .content-description>p:not(:first-child) {
    margin-top: 25px
}

.content-body .content-description+.icon {
    margin-top: 15px
}

.content-body .content-description table:not(:last-child) {
    margin-bottom: 20px
}

.content-body .content-description small {
    margin-bottom: 3px
}

.content-body .content-description a {
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

.content-body .content-description a:hover {
    color: #447C97
}

.content-body .content-description ul:not(.content-tags) {
    padding-left: 16px;
    margin: -6px 0
}

.content-body .content-description ul:not(.content-tags):not(:first-child) {
    margin-top: 18px
}

.content-body .content-description ul:not(.content-tags) li {
    list-style: disc;
    padding: 6px 0
}

.content-body .content-description table,
.content-body .content-table {
    width: 100%;
    background-color: #f5f5f5
}

.content-body .content-description table:not(:first-child),
.content-body .content-table:not(:first-child) {
    margin-top: 30px
}

.content-body .content-description table thead tr td,
.content-body .content-description table thead tr th,
.content-body .content-table thead tr td,
.content-body .content-table thead tr th {
    font-weight: 700;
    background-color: #447C97;
    border: 1px solid #447C97;
    color: #fff;
    padding: 15px 20px
}

.content-body .content-description table thead tr td:not(:last-child),
.content-body .content-description table thead tr th:not(:last-child),
.content-body .content-table thead tr td:not(:last-child),
.content-body .content-table thead tr th:not(:last-child) {
    border-right: 1px solid #fff
}

@media screen and (max-width:540px) {

    .content-body .content-description table thead tr td,
    .content-body .content-description table thead tr th,
    .content-body .content-table thead tr td,
    .content-body .content-table thead tr th {
        padding: 10px 15px;
        font-size: 14px
    }

    .content-body .content-description table thead tr td:not(:first-child),
    .content-body .content-description table thead tr th:not(:first-child),
    .content-body .content-table thead tr td:not(:first-child),
    .content-body .content-table thead tr th:not(:first-child) {
        display: none
    }
}

@media screen and (max-width:405px) {

    .content-body .content-description table thead tr td,
    .content-body .content-description table thead tr th,
    .content-body .content-table thead tr td,
    .content-body .content-table thead tr th {
        padding: 10px 10px;
        font-size: 12px
    }
}

.content-body .content-description table tbody tr td,
.content-body .content-description table tbody tr th,
.content-body .content-table tbody tr td,
.content-body .content-table tbody tr th {
    border: 1px solid #fff;
    padding: 15px 20px
}

@media screen and (max-width:540px) {

    .content-body .content-description table tbody tr td,
    .content-body .content-description table tbody tr th,
    .content-body .content-table tbody tr td,
    .content-body .content-table tbody tr th {
        font-size: 13px;
        padding: 10px 15px
    }

    .content-body .content-description table tbody tr td:not(:first-child),
    .content-body .content-description table tbody tr th:not(:first-child),
    .content-body .content-table tbody tr td:not(:first-child),
    .content-body .content-table tbody tr th:not(:first-child) {
        display: none
    }
}

@media screen and (max-width:405px) {

    .content-body .content-description table tbody tr td,
    .content-body .content-description table tbody tr th,
    .content-body .content-table tbody tr td,
    .content-body .content-table tbody tr th {
        font-size: 12px;
        padding: 10px 10px
    }
}

.content-body .content-description table tbody tr th,
.content-body .content-table tbody tr th {
    font-weight: 700
}

.content-body .content-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.content-body .content-date:not(:first-child) {
    margin-top: 5px
}

.content-body .content-date i {
    font-size: 14px;
    margin-right: 8px
}

.content-body .btn:not(:first-child) {
    margin-top: 16px
}

.content-image {
    position: relative;
    display: block;
    font-size: 0;
    overflow: hidden
}

.content-image svg path,
.content-image svg polygon {
    fill: #447C97
}

@media screen and (max-width:540px) {
    .content-image img:not([width]) {
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .content-image img.loader:not(.loaded) {
        min-height: 50px
    }
}

.content-image-over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(211, 24, 32, .9);
    color: #fff;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.content-image:hover .content-image-over {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.content-image-download-btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 30px;
    height: 30px;
    padding-bottom: 2px;
    font-size: 14px;
    color: #447C97;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    -webkit-transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    will-change: transition
}

.content-image-download-btn:hover {
    background-color: #666;
    color: #fff
}

.content-image-video-wrapper {
    border-radius: 5px;
    overflow: hidden
}

.content-image-video-wrapper:after {
    content: '\e885';
    font: 100px font-icons;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 7
}

@media screen and (max-width:1024px) {
    .content-image-video-wrapper:after {
        font-size: 10vw
    }
}

@media screen and (max-width:540px) {
    .content-image-video-wrapper:after {
        font-size: 14vw
    }
}

a[href]:hover .content-image {
    opacity: .9
}

a[href] .content-image figure[data-src].content-image,
a[href] .content-image img[data-src] {
    -webkit-transform-origin: center;
    transform-origin: center;
    will-change: transform
}

a[href]:hover .content-image figure[data-src].content-image,
a[href]:hover .content-image img[data-src] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.content-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -10px -10px
}

.content-categories li {
    display: block;
    margin: 5px 10px
}

@media screen and (max-width:540px) {
    .content-categories li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        text-align: left
    }
}

@media screen and (max-width:405px) {
    .content-categories li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 8px 11px;
        line-height: 1.2
    }
}

.content-categories li>:first-child {
    position: relative;
    display: block;
    padding: 5px 3px;
    cursor: pointer;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.content-categories li>:first-child.active,
.content-categories li>:first-child:hover {
    color: #447C97
}

.content-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-icon-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content-icon-list li+li {
    margin-top: 10px
}

.content-icon-list li img,
.content-icon-list li svg {
    width: 40px;
    margin-right: 12px
}

.content-icon-list li img path,
.content-icon-list li img polygon,
.content-icon-list li svg path,
.content-icon-list li svg polygon {
    fill: #447C97
}

.content-icon-list li article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-icon-list li article strong {
    font-size: 22px;
    font-weight: 700;
    color: #447C97
}

.content-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2.5px
}

.content-tags:not(:first-child) {
    margin-top: 23px
}

.content-tags-item {
    position: relative;
    max-width: 300px;
    margin: 2.5px
}

.content-tags-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    will-change: transition;
    padding: 5px 10px 5px;
    border-radius: 2px
}

.content-tags-item-wrapper i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-right: 5px
}

.content-tags-item-wrapper span {
    display: block;
    font-size: 12px
}

a.content-tags-item-wrapper[href]:hover {
    background-color: #447C97;
    color: #fff
}

.content-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px
}

.content-buttons:not(:first-child) {
    margin-top: 25px
}

.content-buttons-item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 5px
}

@media screen and (min-width:540px) {
    .content-buttons-item {
        max-width: 192px
    }
}

.content-buttons-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #447C97;
    color: #fff;
    min-height: 43px;
    -webkit-transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    will-change: transition;
    padding: 6px 20px
}

.content-buttons-item-wrapper i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    margin-right: 5px
}

.content-buttons-item-wrapper small {
    display: block;
    font-size: 11px
}

.content-buttons-item-wrapper small:not(:last-child) {
    margin-bottom: -3px
}

.content-buttons-item-wrapper span {
    display: block;
    font-size: 14px;
    font-weight: 700
}

a.content-buttons-item-wrapper[href]:hover {
    background-color: #666
}

.content-buttons-item-content:not(:first-child) {
    margin-left: 5px
}

.container {
    position: relative;
    height: inherit;
    min-height: inherit;
    z-index: 3
}

.container-compressed {
    padding-left: 103px;
    padding-right: 103px
}

@media screen and (max-width:1132px) {
    .container {
        padding: 0 45px
    }
}

@media screen and (max-width:540px) {
    .container {
        padding: 0 25px
    }
}

.container-fluid {
    position: relative;
    height: 100%;
    width: auto;
    min-height: inherit;
    padding: 0 45px;
    z-index: 3
}

@media screen and (max-width:540px) {
    .container-fluid {
        padding: 0 20px
    }
}

.container-full {
    position: relative;
    height: 100%;
    width: auto;
    min-height: inherit;
    z-index: 3
}

.row--border .row--border {
    margin-bottom: -1px;
    margin-right: -1px
}

.row--border-only-outside,
.row--border>[class*=col] {
    border-bottom: 1px solid rgba(204, 204, 204, .5);
    border-right: 1px solid rgba(204, 204, 204, .5)
}

.row--border-only-outside:empty,
.row--border>[class*=col]:empty {
    display: none
}

.row--border-no-last [class*=col]:last-child {
    border-bottom: 0
}

.row--smart {
    height: 100%;
    min-height: inherit
}

.row.row-spacing {
    margin-bottom: -10px;
    margin-top: -10px
}

.row.row-spacing>[class*=col] {
    padding-top: 10px;
    padding-bottom: 10px
}

@media screen and (max-width:1132px) {
    .row.row-spacing {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.row.row-spacing--half {
    margin-bottom: -5px;
    margin-top: -5px
}

.row.row-spacing--half>[class*=col] {
    padding-top: 5px;
    padding-bottom: 5px
}

.row.row-spacing-0 {
    margin-bottom: 0;
    margin-top: 0
}

.row.row-spacing-0>[class*=col] {
    padding-top: 0;
    padding-bottom: 0
}

.row.row-spacing-1 {
    margin-bottom: -10px;
    margin-top: -10px
}

.row.row-spacing-1>[class*=col] {
    padding-top: 10px;
    padding-bottom: 10px
}

.row.row-spacing-2 {
    margin-bottom: -20px;
    margin-top: -20px
}

.row.row-spacing-2>[class*=col] {
    padding-top: 20px;
    padding-bottom: 20px
}

.row.row-spacing-3 {
    margin-bottom: -30px;
    margin-top: -30px
}

.row.row-spacing-3>[class*=col] {
    padding-top: 30px;
    padding-bottom: 30px
}

.row.row-spacing-4 {
    margin-bottom: -40px;
    margin-top: -40px
}

.row.row-spacing-4>[class*=col] {
    padding-top: 40px;
    padding-bottom: 40px
}

.row.row-spacing-5 {
    margin-bottom: -50px;
    margin-top: -50px
}

.row.row-spacing-5>[class*=col] {
    padding-top: 50px;
    padding-bottom: 50px
}

.row.row-spacing-6 {
    margin-bottom: -60px;
    margin-top: -60px
}

.row.row-spacing-6>[class*=col] {
    padding-top: 60px;
    padding-bottom: 60px
}

.row.row-spacing-7 {
    margin-bottom: -70px;
    margin-top: -70px
}

.row.row-spacing-7>[class*=col] {
    padding-top: 70px;
    padding-bottom: 70px
}

.row.row-spacing-8 {
    margin-bottom: -80px;
    margin-top: -80px
}

.row.row-spacing-8>[class*=col] {
    padding-top: 80px;
    padding-bottom: 80px
}

.row.row-spacing-9 {
    margin-bottom: -90px;
    margin-top: -90px
}

.row.row-spacing-9>[class*=col] {
    padding-top: 90px;
    padding-bottom: 90px
}

@media (min-width:320px) {
    .row.row-spacing-xxs-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .row.row-spacing-xxs-0>[class*=col] {
        padding-top: 0;
        padding-bottom: 0
    }

    .row.row-spacing-xxs-1 {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing-xxs-1>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .row.row-spacing-xxs-2 {
        margin-bottom: -20px;
        margin-top: -20px
    }

    .row.row-spacing-xxs-2>[class*=col] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .row.row-spacing-xxs-3 {
        margin-bottom: -30px;
        margin-top: -30px
    }

    .row.row-spacing-xxs-3>[class*=col] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row.row-spacing-xxs-4 {
        margin-bottom: -40px;
        margin-top: -40px
    }

    .row.row-spacing-xxs-4>[class*=col] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .row.row-spacing-xxs-5 {
        margin-bottom: -50px;
        margin-top: -50px
    }

    .row.row-spacing-xxs-5>[class*=col] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.row-spacing-xxs-6 {
        margin-bottom: -60px;
        margin-top: -60px
    }

    .row.row-spacing-xxs-6>[class*=col] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .row.row-spacing-xxs-7 {
        margin-bottom: -70px;
        margin-top: -70px
    }

    .row.row-spacing-xxs-7>[class*=col] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .row.row-spacing-xxs-8 {
        margin-bottom: -80px;
        margin-top: -80px
    }

    .row.row-spacing-xxs-8>[class*=col] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .row.row-spacing-xxs-9 {
        margin-bottom: -90px;
        margin-top: -90px
    }

    .row.row-spacing-xxs-9>[class*=col] {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:405px) {
    .row.row-spacing-xs-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .row.row-spacing-xs-0>[class*=col] {
        padding-top: 0;
        padding-bottom: 0
    }

    .row.row-spacing-xs-1 {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing-xs-1>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .row.row-spacing-xs-2 {
        margin-bottom: -20px;
        margin-top: -20px
    }

    .row.row-spacing-xs-2>[class*=col] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .row.row-spacing-xs-3 {
        margin-bottom: -30px;
        margin-top: -30px
    }

    .row.row-spacing-xs-3>[class*=col] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row.row-spacing-xs-4 {
        margin-bottom: -40px;
        margin-top: -40px
    }

    .row.row-spacing-xs-4>[class*=col] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .row.row-spacing-xs-5 {
        margin-bottom: -50px;
        margin-top: -50px
    }

    .row.row-spacing-xs-5>[class*=col] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.row-spacing-xs-6 {
        margin-bottom: -60px;
        margin-top: -60px
    }

    .row.row-spacing-xs-6>[class*=col] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .row.row-spacing-xs-7 {
        margin-bottom: -70px;
        margin-top: -70px
    }

    .row.row-spacing-xs-7>[class*=col] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .row.row-spacing-xs-8 {
        margin-bottom: -80px;
        margin-top: -80px
    }

    .row.row-spacing-xs-8>[class*=col] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .row.row-spacing-xs-9 {
        margin-bottom: -90px;
        margin-top: -90px
    }

    .row.row-spacing-xs-9>[class*=col] {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:540px) {
    .row.row-spacing-sm-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .row.row-spacing-sm-0>[class*=col] {
        padding-top: 0;
        padding-bottom: 0
    }

    .row.row-spacing-sm-1 {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing-sm-1>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .row.row-spacing-sm-2 {
        margin-bottom: -20px;
        margin-top: -20px
    }

    .row.row-spacing-sm-2>[class*=col] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .row.row-spacing-sm-3 {
        margin-bottom: -30px;
        margin-top: -30px
    }

    .row.row-spacing-sm-3>[class*=col] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row.row-spacing-sm-4 {
        margin-bottom: -40px;
        margin-top: -40px
    }

    .row.row-spacing-sm-4>[class*=col] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .row.row-spacing-sm-5 {
        margin-bottom: -50px;
        margin-top: -50px
    }

    .row.row-spacing-sm-5>[class*=col] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.row-spacing-sm-6 {
        margin-bottom: -60px;
        margin-top: -60px
    }

    .row.row-spacing-sm-6>[class*=col] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .row.row-spacing-sm-7 {
        margin-bottom: -70px;
        margin-top: -70px
    }

    .row.row-spacing-sm-7>[class*=col] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .row.row-spacing-sm-8 {
        margin-bottom: -80px;
        margin-top: -80px
    }

    .row.row-spacing-sm-8>[class*=col] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .row.row-spacing-sm-9 {
        margin-bottom: -90px;
        margin-top: -90px
    }

    .row.row-spacing-sm-9>[class*=col] {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:808px) {
    .row.row-spacing-md-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .row.row-spacing-md-0>[class*=col] {
        padding-top: 0;
        padding-bottom: 0
    }

    .row.row-spacing-md-1 {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing-md-1>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .row.row-spacing-md-2 {
        margin-bottom: -20px;
        margin-top: -20px
    }

    .row.row-spacing-md-2>[class*=col] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .row.row-spacing-md-3 {
        margin-bottom: -30px;
        margin-top: -30px
    }

    .row.row-spacing-md-3>[class*=col] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row.row-spacing-md-4 {
        margin-bottom: -40px;
        margin-top: -40px
    }

    .row.row-spacing-md-4>[class*=col] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .row.row-spacing-md-5 {
        margin-bottom: -50px;
        margin-top: -50px
    }

    .row.row-spacing-md-5>[class*=col] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.row-spacing-md-6 {
        margin-bottom: -60px;
        margin-top: -60px
    }

    .row.row-spacing-md-6>[class*=col] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .row.row-spacing-md-7 {
        margin-bottom: -70px;
        margin-top: -70px
    }

    .row.row-spacing-md-7>[class*=col] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .row.row-spacing-md-8 {
        margin-bottom: -80px;
        margin-top: -80px
    }

    .row.row-spacing-md-8>[class*=col] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .row.row-spacing-md-9 {
        margin-bottom: -90px;
        margin-top: -90px
    }

    .row.row-spacing-md-9>[class*=col] {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:1024px) {
    .row.row-spacing-lg-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .row.row-spacing-lg-0>[class*=col] {
        padding-top: 0;
        padding-bottom: 0
    }

    .row.row-spacing-lg-1 {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing-lg-1>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .row.row-spacing-lg-2 {
        margin-bottom: -20px;
        margin-top: -20px
    }

    .row.row-spacing-lg-2>[class*=col] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .row.row-spacing-lg-3 {
        margin-bottom: -30px;
        margin-top: -30px
    }

    .row.row-spacing-lg-3>[class*=col] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row.row-spacing-lg-4 {
        margin-bottom: -40px;
        margin-top: -40px
    }

    .row.row-spacing-lg-4>[class*=col] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .row.row-spacing-lg-5 {
        margin-bottom: -50px;
        margin-top: -50px
    }

    .row.row-spacing-lg-5>[class*=col] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.row-spacing-lg-6 {
        margin-bottom: -60px;
        margin-top: -60px
    }

    .row.row-spacing-lg-6>[class*=col] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .row.row-spacing-lg-7 {
        margin-bottom: -70px;
        margin-top: -70px
    }

    .row.row-spacing-lg-7>[class*=col] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .row.row-spacing-lg-8 {
        margin-bottom: -80px;
        margin-top: -80px
    }

    .row.row-spacing-lg-8>[class*=col] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .row.row-spacing-lg-9 {
        margin-bottom: -90px;
        margin-top: -90px
    }

    .row.row-spacing-lg-9>[class*=col] {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:1132px) {
    .row.row-spacing-xl-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .row.row-spacing-xl-0>[class*=col] {
        padding-top: 0;
        padding-bottom: 0
    }

    .row.row-spacing-xl-1 {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing-xl-1>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .row.row-spacing-xl-2 {
        margin-bottom: -20px;
        margin-top: -20px
    }

    .row.row-spacing-xl-2>[class*=col] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .row.row-spacing-xl-3 {
        margin-bottom: -30px;
        margin-top: -30px
    }

    .row.row-spacing-xl-3>[class*=col] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row.row-spacing-xl-4 {
        margin-bottom: -40px;
        margin-top: -40px
    }

    .row.row-spacing-xl-4>[class*=col] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .row.row-spacing-xl-5 {
        margin-bottom: -50px;
        margin-top: -50px
    }

    .row.row-spacing-xl-5>[class*=col] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.row-spacing-xl-6 {
        margin-bottom: -60px;
        margin-top: -60px
    }

    .row.row-spacing-xl-6>[class*=col] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .row.row-spacing-xl-7 {
        margin-bottom: -70px;
        margin-top: -70px
    }

    .row.row-spacing-xl-7>[class*=col] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .row.row-spacing-xl-8 {
        margin-bottom: -80px;
        margin-top: -80px
    }

    .row.row-spacing-xl-8>[class*=col] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .row.row-spacing-xl-9 {
        margin-bottom: -90px;
        margin-top: -90px
    }

    .row.row-spacing-xl-9>[class*=col] {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (min-width:1440px) {
    .row.row-spacing-xxl-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .row.row-spacing-xxl-0>[class*=col] {
        padding-top: 0;
        padding-bottom: 0
    }

    .row.row-spacing-xxl-1 {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .row.row-spacing-xxl-1>[class*=col] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .row.row-spacing-xxl-2 {
        margin-bottom: -20px;
        margin-top: -20px
    }

    .row.row-spacing-xxl-2>[class*=col] {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .row.row-spacing-xxl-3 {
        margin-bottom: -30px;
        margin-top: -30px
    }

    .row.row-spacing-xxl-3>[class*=col] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row.row-spacing-xxl-4 {
        margin-bottom: -40px;
        margin-top: -40px
    }

    .row.row-spacing-xxl-4>[class*=col] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .row.row-spacing-xxl-5 {
        margin-bottom: -50px;
        margin-top: -50px
    }

    .row.row-spacing-xxl-5>[class*=col] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.row-spacing-xxl-6 {
        margin-bottom: -60px;
        margin-top: -60px
    }

    .row.row-spacing-xxl-6>[class*=col] {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .row.row-spacing-xxl-7 {
        margin-bottom: -70px;
        margin-top: -70px
    }

    .row.row-spacing-xxl-7>[class*=col] {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .row.row-spacing-xxl-8 {
        margin-bottom: -80px;
        margin-top: -80px
    }

    .row.row-spacing-xxl-8>[class*=col] {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .row.row-spacing-xxl-9 {
        margin-bottom: -90px;
        margin-top: -90px
    }

    .row.row-spacing-xxl-9>[class*=col] {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

.row.row-spacing-horizontal {
    margin-left: -45px;
    margin-right: -45px
}

.row.row-spacing-horizontal>[class*=col] {
    padding-left: 45px;
    padding-right: 45px
}

.row.row-spacing-horizontal--half {
    margin-left: -5px;
    margin-right: -5px
}

.row.row-spacing-horizontal--half>[class*=col] {
    padding-left: 5px;
    padding-right: 5px
}

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

.row.row-spacing-horizontal-0>[class*=col] {
    padding-left: 0;
    padding-right: 0
}

.row.row-spacing-horizontal-1 {
    margin-left: -10px;
    margin-right: -10px
}

.row.row-spacing-horizontal-1>[class*=col] {
    padding-left: 10px;
    padding-right: 10px
}

.row.row-spacing-horizontal-2 {
    margin-left: -20px;
    margin-right: -20px
}

.row.row-spacing-horizontal-2>[class*=col] {
    padding-left: 20px;
    padding-right: 20px
}

.row.row-spacing-horizontal-3 {
    margin-left: -30px;
    margin-right: -30px
}

.row.row-spacing-horizontal-3>[class*=col] {
    padding-left: 30px;
    padding-right: 30px
}

.row.row-spacing-horizontal-4 {
    margin-left: -40px;
    margin-right: -40px
}

.row.row-spacing-horizontal-4>[class*=col] {
    padding-left: 40px;
    padding-right: 40px
}

.row.row-spacing-horizontal-5 {
    margin-left: -50px;
    margin-right: -50px
}

.row.row-spacing-horizontal-5>[class*=col] {
    padding-left: 50px;
    padding-right: 50px
}

.row.row-spacing-horizontal-6 {
    margin-left: -60px;
    margin-right: -60px
}

.row.row-spacing-horizontal-6>[class*=col] {
    padding-left: 60px;
    padding-right: 60px
}

@media (min-width:320px) {
    .row.row-spacing-horizontal-xxs-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.row-spacing-horizontal-xxs-0>[class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.row-spacing-horizontal-xxs-1 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-spacing-horizontal-xxs-1>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.row-spacing-horizontal-xxs-2 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.row-spacing-horizontal-xxs-2>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.row-spacing-horizontal-xxs-3 {
        margin-left: -30px;
        margin-right: -30px
    }

    .row.row-spacing-horizontal-xxs-3>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .row.row-spacing-horizontal-xxs-4 {
        margin-left: -40px;
        margin-right: -40px
    }

    .row.row-spacing-horizontal-xxs-4>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .row.row-spacing-horizontal-xxs-5 {
        margin-left: -50px;
        margin-right: -50px
    }

    .row.row-spacing-horizontal-xxs-5>[class*=col] {
        padding-left: 50px;
        padding-right: 50px
    }

    .row.row-spacing-horizontal-xxs-6 {
        margin-left: -60px;
        margin-right: -60px
    }

    .row.row-spacing-horizontal-xxs-6>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:405px) {
    .row.row-spacing-horizontal-xs-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.row-spacing-horizontal-xs-0>[class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.row-spacing-horizontal-xs-1 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-spacing-horizontal-xs-1>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.row-spacing-horizontal-xs-2 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.row-spacing-horizontal-xs-2>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.row-spacing-horizontal-xs-3 {
        margin-left: -30px;
        margin-right: -30px
    }

    .row.row-spacing-horizontal-xs-3>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .row.row-spacing-horizontal-xs-4 {
        margin-left: -40px;
        margin-right: -40px
    }

    .row.row-spacing-horizontal-xs-4>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .row.row-spacing-horizontal-xs-5 {
        margin-left: -50px;
        margin-right: -50px
    }

    .row.row-spacing-horizontal-xs-5>[class*=col] {
        padding-left: 50px;
        padding-right: 50px
    }

    .row.row-spacing-horizontal-xs-6 {
        margin-left: -60px;
        margin-right: -60px
    }

    .row.row-spacing-horizontal-xs-6>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:540px) {
    .row.row-spacing-horizontal-sm-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.row-spacing-horizontal-sm-0>[class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.row-spacing-horizontal-sm-1 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-spacing-horizontal-sm-1>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.row-spacing-horizontal-sm-2 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.row-spacing-horizontal-sm-2>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.row-spacing-horizontal-sm-3 {
        margin-left: -30px;
        margin-right: -30px
    }

    .row.row-spacing-horizontal-sm-3>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .row.row-spacing-horizontal-sm-4 {
        margin-left: -40px;
        margin-right: -40px
    }

    .row.row-spacing-horizontal-sm-4>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .row.row-spacing-horizontal-sm-5 {
        margin-left: -50px;
        margin-right: -50px
    }

    .row.row-spacing-horizontal-sm-5>[class*=col] {
        padding-left: 50px;
        padding-right: 50px
    }

    .row.row-spacing-horizontal-sm-6 {
        margin-left: -60px;
        margin-right: -60px
    }

    .row.row-spacing-horizontal-sm-6>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:808px) {
    .row.row-spacing-horizontal-md-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.row-spacing-horizontal-md-0>[class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.row-spacing-horizontal-md-1 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-spacing-horizontal-md-1>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.row-spacing-horizontal-md-2 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.row-spacing-horizontal-md-2>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.row-spacing-horizontal-md-3 {
        margin-left: -30px;
        margin-right: -30px
    }

    .row.row-spacing-horizontal-md-3>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .row.row-spacing-horizontal-md-4 {
        margin-left: -40px;
        margin-right: -40px
    }

    .row.row-spacing-horizontal-md-4>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .row.row-spacing-horizontal-md-5 {
        margin-left: -50px;
        margin-right: -50px
    }

    .row.row-spacing-horizontal-md-5>[class*=col] {
        padding-left: 50px;
        padding-right: 50px
    }

    .row.row-spacing-horizontal-md-6 {
        margin-left: -60px;
        margin-right: -60px
    }

    .row.row-spacing-horizontal-md-6>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:1024px) {
    .row.row-spacing-horizontal-lg-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.row-spacing-horizontal-lg-0>[class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.row-spacing-horizontal-lg-1 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-spacing-horizontal-lg-1>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.row-spacing-horizontal-lg-2 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.row-spacing-horizontal-lg-2>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.row-spacing-horizontal-lg-3 {
        margin-left: -30px;
        margin-right: -30px
    }

    .row.row-spacing-horizontal-lg-3>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .row.row-spacing-horizontal-lg-4 {
        margin-left: -40px;
        margin-right: -40px
    }

    .row.row-spacing-horizontal-lg-4>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .row.row-spacing-horizontal-lg-5 {
        margin-left: -50px;
        margin-right: -50px
    }

    .row.row-spacing-horizontal-lg-5>[class*=col] {
        padding-left: 50px;
        padding-right: 50px
    }

    .row.row-spacing-horizontal-lg-6 {
        margin-left: -60px;
        margin-right: -60px
    }

    .row.row-spacing-horizontal-lg-6>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:1132px) {
    .row.row-spacing-horizontal-xl-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.row-spacing-horizontal-xl-0>[class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.row-spacing-horizontal-xl-1 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-spacing-horizontal-xl-1>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.row-spacing-horizontal-xl-2 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.row-spacing-horizontal-xl-2>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.row-spacing-horizontal-xl-3 {
        margin-left: -30px;
        margin-right: -30px
    }

    .row.row-spacing-horizontal-xl-3>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .row.row-spacing-horizontal-xl-4 {
        margin-left: -40px;
        margin-right: -40px
    }

    .row.row-spacing-horizontal-xl-4>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .row.row-spacing-horizontal-xl-5 {
        margin-left: -50px;
        margin-right: -50px
    }

    .row.row-spacing-horizontal-xl-5>[class*=col] {
        padding-left: 50px;
        padding-right: 50px
    }

    .row.row-spacing-horizontal-xl-6 {
        margin-left: -60px;
        margin-right: -60px
    }

    .row.row-spacing-horizontal-xl-6>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:1440px) {
    .row.row-spacing-horizontal-xxl-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.row-spacing-horizontal-xxl-0>[class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.row-spacing-horizontal-xxl-1 {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-spacing-horizontal-xxl-1>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .row.row-spacing-horizontal-xxl-2 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.row-spacing-horizontal-xxl-2>[class*=col] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.row-spacing-horizontal-xxl-3 {
        margin-left: -30px;
        margin-right: -30px
    }

    .row.row-spacing-horizontal-xxl-3>[class*=col] {
        padding-left: 30px;
        padding-right: 30px
    }

    .row.row-spacing-horizontal-xxl-4 {
        margin-left: -40px;
        margin-right: -40px
    }

    .row.row-spacing-horizontal-xxl-4>[class*=col] {
        padding-left: 40px;
        padding-right: 40px
    }

    .row.row-spacing-horizontal-xxl-5 {
        margin-left: -50px;
        margin-right: -50px
    }

    .row.row-spacing-horizontal-xxl-5>[class*=col] {
        padding-left: 50px;
        padding-right: 50px
    }

    .row.row-spacing-horizontal-xxl-6 {
        margin-left: -60px;
        margin-right: -60px
    }

    .row.row-spacing-horizontal-xxl-6>[class*=col] {
        padding-left: 60px;
        padding-right: 60px
    }
}

.header {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 15
}

.header-toolbar {
    position: relative;
    height: 45px;
    background-color: #f5f5f5;
    border-bottom: 1px solid rgba(204, 204, 204, .5);
    z-index: 16
}

@media screen and (max-width:808px) {
    .header-toolbar:not(:first-child) {
        z-index: 14
    }
}

@media screen and (max-width:808px) {
    .header-toolbar .container-fluid {
        padding-left: 20px;
        padding-right: 20px
    }

    .header-toolbar .container-fluid.container-fluid--mobile-fullfit {
        padding-left: 0;
        padding-right: 0
    }

    .header-toolbar .container-fluid.container-fluid--mobile-fullfit .header-toolbar-wrapper {
        border-right: 0;
        margin-left: -1px
    }
}

.header-toolbar .header-location-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1440px) {
    .header-toolbar .header-location-marker {
        font-size: 12px
    }
}

@media screen and (max-width:540px) {
    .header-toolbar .header-location-marker {
        font-size: 11px
    }
}

.header-toolbar .header-location-marker i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #447C97;
    font-size: 22px;
    margin-right: 5px
}

@media screen and (max-width:1440px) {
    .header-toolbar .header-location-marker i {
        font-size: 18px
    }
}

.header-toolbar .header-toolbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-right: 1px solid rgba(204, 204, 204, .5)
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 700;
    padding: 5px 15px;
    border-left: 1px solid rgba(204, 204, 204, .5);
    -webkit-transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    will-change: transition;
    overflow: hidden
}

@media screen and (max-width:808px) {
    .header-toolbar .header-toolbar-wrapper .header-toolbar-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:540px) {
    .header-toolbar .header-toolbar-wrapper .header-toolbar-item {
        font-size: 10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item:hover {
    background-color: #e8e8e8;
    color: #447C97
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item:hover i {
    color: #447C97
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item span {
    margin-right: 5px
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:540px) {
    .header-toolbar .header-toolbar-wrapper .header-toolbar-item i {
        font-size: 18px
    }
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item-wrapper {
    position: relative;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: visible;
    -webkit-transition: top .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    transition: top .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    will-change: transition
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item-hidden {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 204, 204, .5);
    visibility: hidden;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item--search {
    min-width: 240px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:1024px) {
    .header-toolbar .header-toolbar-wrapper .header-toolbar-item--search {
        min-width: 170px
    }
}

@media screen and (max-width:808px) {
    .header-toolbar .header-toolbar-wrapper .header-toolbar-item--search {
        min-width: 150px
    }
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item--search .header-toolbar-item-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item--search .header-toolbar-item-hidden form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item--search .header-toolbar-item-hidden form input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item--search .header-toolbar-item-hidden form .btn {
    margin-left: 10px;
    display: block
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item.active .header-toolbar-item-wrapper,
.header-toolbar .header-toolbar-wrapper .header-toolbar-item.active--permanent .header-toolbar-item-wrapper {
    top: -100%;
    visibility: hidden
}

.header-toolbar .header-toolbar-wrapper .header-toolbar-item.active .header-toolbar-item-hidden,
.header-toolbar .header-toolbar-wrapper .header-toolbar-item.active--permanent .header-toolbar-item-hidden {
    top: 0;
    visibility: visible
}

.header-toolbar .header-langs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
    padding: 0 0 0 25px;
    height: 100%;
    cursor: default
}

@media screen and (max-width:1024px) {
    .header-toolbar .header-langs {
        padding-left: 0
    }
}

@media screen and (max-width:808px) {
    .header-toolbar .header-langs {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width:405px) {
    .header-toolbar .header-langs {
        padding-left: 5px;
        padding-right: 5px
    }
}

.header-toolbar .header-langs span {
    position: relative;
    display: block;
    font-weight: 700
}

.header-toolbar .header-langs span:after {
    content: '\e800';
    font-display: swap;
    font-family: font-icons;
    font-size: 10px;
    margin-left: 4px
}

.header-toolbar .header-langs ul {
    position: absolute;
    left: 50%;
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-width: 90px;
    margin-top: -3px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    border: 1px solid rgba(204, 204, 204, .5);
    padding: 5px 10px;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s, pointer-events .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s, pointer-events .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (min-width:1024px) {
    .header-toolbar .header-langs ul {
        margin-left: 10px
    }
}

@media screen and (max-width:808px) {
    .header-toolbar .header-langs ul {
        margin-top: 0;
        padding: 0;
        left: unset;
        margin-left: 0;
        right: -20px;
        -webkit-transform: none;
        transform: none;
        width: calc(100vw + (5px + 2px))
    }

    .header-toolbar .header-langs ul:before {
        left: unset !important;
        right: 42.5px
    }
}

.header-toolbar .header-langs ul li {
    margin: 1px 0;
    width: 100%
}

@media screen and (max-width:808px) {
    .header-toolbar .header-langs ul li {
        margin: 0
    }

    .header-toolbar .header-langs ul li:not(:last-child) {
        border-bottom: 1px solid rgba(204, 204, 204, .5)
    }
}

.header-toolbar .header-langs ul li a {
    position: relative;
    display: block;
    padding: 1px 0
}

@media screen and (max-width:808px) {
    .header-toolbar .header-langs ul li a {
        padding: 13px 10px
    }
}

.header-toolbar .header-langs ul li a.active,
.header-toolbar .header-langs ul li a:hover {
    color: #447C97
}

.header-toolbar .header-langs ul:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    border-left: 1px solid rgba(204, 204, 204, .5);
    border-top: 1px solid rgba(204, 204, 204, .5);
    z-index: 10
}

.header-toolbar .header-langs:not(.no-touch):hover ul {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.header-menu {
    position: relative;
    height: 75px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid rgba(204, 204, 204, .5);
    z-index: 14
}

.header-menu.header-menu--sticky {
    position: fixed;
    top: 0;
    z-index: 30
}

.header-menu.header-menu--sticky img {
    max-width: 100%
}

.header-menu-logo {
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.header-menu-logo--header-menu--sticky {
    position: absolute;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

@media screen and (max-width:540px) {
    .header-menu-logo--header-menu--sticky img {
        max-height: 46px
    }
}

.header-menu--sticky .header-menu-logo {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.header-menu--sticky .header-menu-logo--header-menu--sticky {
    opacity: 1;
    -webkit-transform: translateY(-62px);
    transform: translateY(-62px)
}

.header-menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 700;
    color: #447c97;
    border: 1px solid transparent;
    padding: 5px 0;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.header-menu-btn:hover {
    color: #666
}

.header-menu-btn:hover i {
    color: #666
}

.header-menu-btn i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 28px;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.header-menu-btn span {
    margin-right: 6px
}

@media screen and (max-width:1440px) and (min-width:1024px) {
    .header-menu-btn span {
        font-size: .9vw
    }
}

@media screen and (max-width:1024px) {
    .header-menu-btn span {
        font-size: 12px
    }
}

@media screen and (max-width:540px) {
    .header-menu-btn span {
        font-size: 2.5vw
    }
}

@media screen and (max-width:385px) {
    .header-menu-btn span {
        max-width: 60px
    }
}

.header-nav {
    height: 100%
}

.header-nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.header-nav>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 15px
}

@media screen and (max-width:1440px) {
    .header-nav>ul>li {
        margin: 0 10px
    }
}

.header-nav>ul>li>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #999;
    letter-spacing: .2px
}

.header-nav>ul>li>a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background-color: #666;
    z-index: 3;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:1440px) {
    .header-nav>ul>li>a {
        font-size: 16px
    }
}

.header-nav>ul>li>a.active,
.header-nav>ul>li>a:hover {
    color: #447C97
}

.header-nav>ul>li:hover>a:before {
    width: 100%;
    background-color: #447C97
}

.header-nav>ul>li:hover .header-nav-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.header-nav-submenu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: auto;
    margin-top: 1px;
    padding: 30px 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid rgba(204, 204, 204, .5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s, pointer-events .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s, pointer-events .21s ease-in-out 0s;
    will-change: transition
}

.header-nav-submenu .container {
    padding: 0 100px
}

.header-nav-submenu-border {
    border-left: 1px solid rgba(204, 204, 204, .5);
    padding-left: 30px
}

.header-nav-submenu-item {
    font-size: 14px;
    margin: -5px 0
}

.header-nav-submenu-item strong {
    display: block;
    margin-bottom: 10px
}

.header-nav-submenu-item p:not(:last-child) {
    margin-bottom: 11px
}

.header-nav-submenu-item p+ul li {
    margin: 1px 0
}

.header-nav-submenu-item p+ul li a {
    padding: 1px 0
}

.header-nav-submenu-item ul {
    display: block
}

.header-nav-submenu-item ul li {
    display: block;
    margin: 3px 0
}

.header-nav-submenu-item ul li a {
    position: relative;
    display: block;
    padding: 4.5px 0
}

.header-nav-submenu-item ul li a:before {
    content: '';
    position: absolute;
    left: -8px;
    top: 50%;
    width: 4px;
    height: 4px;
    background-color: #447C97;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    will-change: transition
}

.header-nav-submenu-item ul li a.active,
.header-nav-submenu-item ul li a:hover {
    color: #447C97
}

.header-nav-submenu-item ul li a.active:before,
.header-nav-submenu-item ul li a:hover:before {
    opacity: 1;
    visibility: visible
}

.header-nav-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 26px;
    background-color: transparent;
    height: 22px;
    cursor: pointer;
    overflow: hidden;
    z-index: 101;
    pointer-events: auto;
    -webkit-transition: height .21s ease-in-out 0s;
    transition: height .21s ease-in-out 0s;
    will-change: transition
}

.header-nav-btn>span {
    position: relative;
    display: block;
    width: inherit;
    height: 4px;
    background: #447C97;
    border-radius: 4px;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.header-nav-btn>span:nth-child(1) {
    -webkit-animation: burger-close-top .4s ease-out forwards;
    animation: burger-close-top .4s ease-out forwards
}

.header-nav-btn>span:nth-child(2) {
    width: 16px
}

.header-nav-btn>span:nth-child(3) {
    -webkit-animation: burger-close-bot .4s ease-out forwards;
    animation: burger-close-bot .4s ease-out forwards
}

.page:not(.page-responsive-menu--active) .header-nav-btn:hover>span {
    width: 100% !important
}

.page-responsive-menu--active .header-nav-btn {
    height: 28px
}

.page-responsive-menu--active .header-nav-btn>span:nth-child(1) {
    -webkit-animation: burger-open-top .4s ease-out forwards;
    animation: burger-open-top .4s ease-out forwards
}

.page-responsive-menu--active .header-nav-btn>span:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity 0s linear .4s/2, -webkit-transform .4s ease-out;
    transition: opacity 0s linear .4s/2, -webkit-transform .4s ease-out;
    transition: transform .4s ease-out, opacity 0s linear .4s/2;
    transition: transform .4s ease-out, opacity 0s linear .4s/2, -webkit-transform .4s ease-out
}

.page-responsive-menu--active .header-nav-btn>span:nth-child(3) {
    -webkit-animation: burger-open-bot .4s ease-out forwards;
    animation: burger-open-bot .4s ease-out forwards
}

.header .svg {
    fill: #447C97
}

.header .position-static {
    position: static
}

@-webkit-keyframes burger-open-top {
    50% {
        -webkit-transform: translate3d(0, 12px, 0);
        transform: translate3d(0, 12px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 12px, 0) rotate(45deg);
        transform: translate3d(0, 12px, 0) rotate(45deg)
    }
}

@keyframes burger-open-top {
    50% {
        -webkit-transform: translate3d(0, 12px, 0);
        transform: translate3d(0, 12px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 12px, 0) rotate(45deg);
        transform: translate3d(0, 12px, 0) rotate(45deg)
    }
}

@-webkit-keyframes burger-open-bot {
    50% {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(-45deg);
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }
}

@keyframes burger-open-bot {
    50% {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(-45deg);
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }
}

@-webkit-keyframes burger-close-top {
    0% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg)
    }

    50% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(0);
        transform: translate3d(0, 6px, 0) rotate(0)
    }

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

@keyframes burger-close-top {
    0% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg)
    }

    50% {
        -webkit-transform: translate3d(0, 6px, 0) rotate(0);
        transform: translate3d(0, 6px, 0) rotate(0)
    }

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

@-webkit-keyframes burger-close-bot {
    0% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(-45deg);
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }

    50% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(0);
        transform: translate3d(0, -12px, 0) rotate(0)
    }

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

@keyframes burger-close-bot {
    0% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(-45deg);
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }

    50% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(0);
        transform: translate3d(0, -12px, 0) rotate(0)
    }

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

.footer {
    position: relative;
    background-color: #fff;
    color: #999;
    padding: 45px 0 56px;
    z-index: 3
}

.footer .content-image {
    position: relative;
    z-index: 5
}

.footer .content-image svg path,
.footer .content-image svg polygon {
    fill: #999;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.footer .content-image svg:hover path,
.footer .content-image svg:hover polygon {
    fill: #447C97
}

.footer-logo {
    position: relative;
    font-size: 0;
    overflow: hidden
}

.footer-logo svg linearGradient,
.footer-logo svg path {
    -webkit-transition: fill .5s cubic-bezier(.45, .05, .3, .93) 0s;
    transition: fill .5s cubic-bezier(.45, .05, .3, .93) 0s;
    will-change: transition
}

@media screen and (max-width:405px) {
    .footer-logo svg {
        max-width: 130px
    }
}

.footer-social-links {
    position: absolute;
    top: 0;
    left: -85px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:1360px) {
    .footer-social-links {
        position: relative;
        left: 0;
        height: auto;
        margin-top: 20px
    }
}

.footer-social-links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1360px) {
    .footer-social-links ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.footer-social-links ul li {
    position: relative;
    bottom: 0;
    margin: 3px
}

.footer-social-links ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 30px;
    height: 30px;
    color: #999;
    font-size: 20px;
    padding-top: .5px;
    border-radius: 50%;
    -webkit-transition: background .21s ease-in-out 0s, color .21s ease-in-out 0s;
    transition: background .21s ease-in-out 0s, color .21s ease-in-out 0s;
    will-change: transition
}

.footer-social-links ul li a.active,
.footer-social-links ul li a:hover {
    background: #666;
    color: #fff
}

@media screen and (max-width:1360px) {
    .footer-social-links ul li a {
        font-size: 16px;
        border: 1px solid #999
    }
}

.footer-item:first-child {
    margin-top: 17px
}

.footer-item a {
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

.footer-item a.active,
.footer-item a:hover {
    color: #447C97
}

.footer-item strong {
    display: block;
    font-size: 15px;
    font-weight: 700
}

.footer-item strong:first-child {
    margin-top: 5px
}

.footer-item strong:not(:last-child) {
    margin-bottom: 10px
}

.footer-item ul:first-child {
    margin-top: 4px
}

.footer-item ul li {
    font-size: 15px;
    margin: 2px 0
}

.footer-item ul li a {
    display: block;
    padding: 1px 0
}

.footer-item ul li a b {
    display: block;
    margin-bottom: 8px
}

.footer-item .content-description {
    font-size: 13px
}

.footer-item--newsletter {
    margin-right: -30px
}

@media screen and (max-width:1440px) {
    .footer-item--newsletter {
        margin-right: 0
    }
}

.footer-copyright {
    font-size: 12px
}

.footer-copyright a {
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

.footer-copyright a:hover {
    color: #447C97
}

.footer-copyright ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2px -7px 0
}

.footer-copyright ul li {
    position: relative;
    margin: 0 7px
}

.footer-copyright ul li:after {
    content: '';
    position: absolute;
    top: .20833vw;
    right: -7px;
    height: .69444vw;
    width: .06944vw;
    background-color: #447C97;
    opacity: .5
}

@media screen and (max-width:1132px) {
    .footer-copyright ul li:after {
        top: 3px;
        height: 10px;
        width: 1px
    }
}

.footer-copyright ul li:last-child:after {
    display: none
}

.footer-newsletter:not(:first-child) {
    margin-top: 8px
}

.footer-newsletter-search {
    position: relative;
    display: block;
    width: 100%
}

.footer-newsletter-search:not(:last-child) {
    margin-bottom: 12px
}

.footer-newsletter-input {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border: 1px solid rgba(102, 102, 102, .5)
}

.footer-newsletter .input-checkbox .input-checkbox-text {
    font-size: 10px;
    margin: -2px 0 0 0
}

.footer-newsletter .input-checkbox .input-checkbox-text:last-child {
    margin-left: 5px
}

.footer-newsletter-btn {
    display: block;
    width: 100%;
    height: 28px;
    padding: 3px 10px 3px;
    font-size: 12px;
    background-color: #447C97;
    color: #fff;
    text-align: center;
    z-index: 3
}

.footer-newsletter-btn:hover {
    background-color: #666
}

.footer-dev {
    position: absolute;
    right: -135px;
    bottom: 78px;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

.footer-dev svg {
    width: 89px;
    height: 30px
}

@media screen and (max-width:1440px) {
    .footer-dev svg {
        width: auto;
        height: auto
    }
}

.footer-dev svg path {
    fill: #666;
    -webkit-transition: fill .21s ease-in-out 0s;
    transition: fill .21s ease-in-out 0s;
    will-change: transition
}

.footer-dev:hover svg path {
    fill: #447C97
}

@media screen and (max-width:1440px) {
    .footer-dev {
        right: 10px;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        margin-top: 30px
    }
}

@media screen and (max-width:1132px) {
    .footer-dev {
        position: relative;
        right: 0
    }
}

.form {
    overflow: hidden
}

.form .form-tools {
    margin-top: 10px
}

.form .form-input {
    background: #fff
}

.form .form-btn {
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    min-height: 60px;
    min-width: 200px;
    font-size: 14px;
    letter-spacing: .5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:1132px) {
    .form .form-btn {
        font-size: .97222vw !important
    }
}

@media screen and (max-width:540px) {
    .form .form-btn {
        font-size: 15px !important
    }
}

.form .form-btn-with-captcha {
    min-height: 76px
}

.form .g-captcha {
    display: inline-block;
    width: 304px;
    height: 76px;
    background: #ddd;
    margin-bottom: -4px
}

@media screen and (max-width:1332px) {
    .form .g-captcha:not(.g-captcha-new) {
        display: block;
        -webkit-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        margin-right: -85px;
        margin-bottom: -17px
    }
}

@media screen and (max-width:425px) {
    .form .g-captcha:not(.g-captcha-new) {
        display: block;
        -webkit-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        margin-right: -85px;
        margin-bottom: -17px
    }
}

.form .g-captcha-new {
    width: 205px;
    height: 50px;
    border-radius: 2px;
    overflow: hidden
}

.pagination-next,
.pagination-prev {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    width: 40px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: 0 0;
    font-size: 0;
    border-radius: 50%;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.pagination-next:before,
.pagination-prev:before {
    content: "\e801";
    font: 22px font-icons;
    position: relative;
    padding-left: 2px
}

.active.pagination-next,
.pagination-next:hover,
.pagination-prev.active,
.pagination-prev:hover {
    background: rgba(255, 255, 255, .075)
}

.pagination-next:before {
    content: '\e803'
}

.pagination-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2.5px
}

.pagination-bullets li {
    display: block;
    margin: 2.5px
}

.pagination-bullets li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    padding-bottom: 1px;
    background: #fff
}

.pagination-bullets li a[href]:hover {
    background: #666;
    color: #fff
}

.pagination-bullets li a:not([href]) {
    cursor: default
}

.pagination-bullets li.active a {
    background: #447C97;
    color: #fff
}

.toolbar {
    background-color: #999;
    color: #fff;
    padding: 13px 0 15px
}

.toolbar .breadcrumb {
    margin-bottom: 0
}

.toolbar .breadcrumb .breadcrumb-item::after {
    color: inherit
}

.nav-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 29px;
    height: 28px;
    cursor: pointer;
    z-index: 101;
    pointer-events: auto;
    -webkit-transition: transform .21s ease-in-out 0s;
    -webkit-transition: -webkit-transform .21s ease-in-out 0s;
    transition: -webkit-transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    will-change: transition
}

.nav-btn:hover {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.nav-btn>span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 6px;
    width: 6px;
    background: #447C97;
    border-radius: 50%;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.nav-btn>span:nth-child(1) {
    left: 0;
    top: 0
}

.nav-btn>span:nth-child(2) {
    left: 11px;
    top: 0
}

.nav-btn>span:nth-child(3) {
    left: 23px;
    top: 0
}

.nav-btn>span:nth-child(4) {
    left: 0;
    top: 11px
}

.nav-btn>span:nth-child(5) {
    left: 11px;
    top: 11px
}

.nav-btn>span:nth-child(6) {
    left: 23px;
    top: 11px
}

.nav-btn>span:nth-child(7) {
    left: 0;
    top: 22px
}

.nav-btn>span:nth-child(8) {
    left: 11px;
    top: 22px
}

.nav-btn>span:nth-child(9) {
    left: 23px;
    top: 22px
}

.page-responsive-menu--active .nav-btn>span {
    opacity: 1 !important
}

.page-responsive-menu--active .nav-btn>span:nth-child(2) {
    left: 5px;
    top: 6px
}

.page-responsive-menu--active .nav-btn>span:nth-child(4) {
    left: 5px;
    top: 16px
}

.page-responsive-menu--active .nav-btn>span:nth-child(6) {
    left: 17px;
    top: 6px
}

.page-responsive-menu--active .nav-btn>span:nth-child(8) {
    left: 17px;
    top: 17px
}

.page:not(.page-responsive-menu--active) .nav-btn:hover>span {
    background-color: #f07b80
}

@keyframes burger-open-top {
    50% {
        -webkit-transform: translate3d(0, 12px, 0);
        transform: translate3d(0, 12px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 12px, 0) rotate(45deg);
        transform: translate3d(0, 12px, 0) rotate(45deg)
    }
}

@keyframes burger-open-bot {
    50% {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(-45deg);
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }
}

@keyframes burger-close-top {
    0% {
        -webkit-transform: translate3d(0, 12px, 0) rotate(45deg);
        transform: translate3d(0, 12px, 0) rotate(45deg)
    }

    50% {
        -webkit-transform: translate3d(0, 12px, 0) rotate(0);
        transform: translate3d(0, 12px, 0) rotate(0)
    }

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

@keyframes burger-close-bot {
    0% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(-45deg);
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }

    50% {
        -webkit-transform: translate3d(0, -12px, 0) rotate(0);
        transform: translate3d(0, -12px, 0) rotate(0)
    }

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

.btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    cursor: pointer;
    z-index: 2;
    color: #447C97;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn i {
    font-size: 15px
}

.btn-default {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 24px;
    text-shadow: none;
    padding: 4px 10px;
    border: 1px solid #447C97;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden
}

.btn-default i {
    font-size: 12px;
    margin-right: 7px
}

.btn-default.btn-block {
    width: 100%;
    height: 100%
}

.btn-default.btn-lg {
    min-height: 40px;
    font-size: 17px
}

@media screen and (max-width:540px) {
    .btn-default.btn-lg {
        font-size: 15px
    }
}

.btn-default.active,
.btn-default:not([disabled]):not(.btn-processing):hover {
    background-color: #447C97;
    color: #fff
}

a[href]:hover .btn-default:not([disabled]):not(.btn-processing) {
    background-color: #447C97;
    color: #fff
}

.btn-plus {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height: 100%;
    font-weight: 700;
    -webkit-transition: none !important;
    transition: none !important
}

.btn-plus:before {
    content: '\e846';
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: center;
    min-height: 10px;
    line-height: 1;
    font-weight: 400;
    font-display: swap;
    font-family: font-icons;
    font-size: 15px;
    margin-right: 4px;
    -webkit-transition: none !important;
    transition: none !important
}

.btn-plus:hover {
    color: #666
}

.btn-loadmore {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-weight: 700;
    font-size: 16px
}

.btn-loadmore i {
    font-size: 20px;
    margin-right: 10px
}

.btn-loadmore:hover {
    color: #447C97
}

.btn-loadmore:hover svg {
    fill: #447C97
}

.btn-normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 2px;
    line-height: 1.3;
    border: 2px solid #666
}

.btn-normal:hover {
    background-color: #666;
    color: #fff
}

.btn-text {
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-text:after {
    content: "";
    position: relative;
    margin-left: 12px;
    bottom: -1px;
    height: 1px;
    border-top: 1px solid #fff;
    width: 60px
}

.btn-text:hover {
    color: #447C97
}

.btn-text:hover:after {
    width: 55px;
    border-top-color: #447C97
}

a:hover .btn-text:after {
    width: 50px
}

.btn-arrow {
    position: relative;
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.btn-arrow:before {
    content: "";
    display: inline-block;
    width: 46px;
    height: 10px;
    background: url(images/icons/arrow-right-dark.svg) no-repeat
}

.btn-arrow.btn-arrow--light:before {
    background: url(images/icons/arrow-right-light.svg) no-repeat
}

.btn-arrow--reverse {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH
}

.btn.btn-processing {
    padding-right: 65px;
    cursor: no-drop
}

.btn.btn-processing:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -10px 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-top-color: transparent;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    -webkit-animation: spin .4s linear infinite;
    animation: spin .4s linear infinite
}

.btn.btn-processing:not([disabled]):hover:before {
    border-color: #666;
    border-top-color: transparent
}

.input {
    position: relative;
    display: block;
    width: 100%
}

.input+* {
    margin-top: 10px
}

.input span {
    display: block;
    font-size: 14px;
    margin-left: -1px;
    margin-top: -5px
}

.input input,
.input select,
.input textarea {
    position: relative;
    width: 100%;
    height: 42px;
    background-color: #fff;
    padding: 0 15px;
    font-size: inherit;
    color: inherit
}

.input input[disabled],
.input select[disabled],
.input textarea[disabled] {
    opacity: .75;
    cursor: no-drop
}

.input input::-webkit-input-placeholder,
.input select::-webkit-input-placeholder,
.input textarea::-webkit-input-placeholder {
    color: #a8a8a8
}

.input input:-moz-placeholder,
.input select:-moz-placeholder,
.input textarea:-moz-placeholder {
    color: #a8a8a8
}

.input input::-moz-placeholder,
.input select::-moz-placeholder,
.input textarea::-moz-placeholder {
    color: #a8a8a8
}

.input input:-ms-input-placeholder,
.input select:-ms-input-placeholder,
.input textarea:-ms-input-placeholder {
    color: #a8a8a8
}

.input .input-icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 12px;
    max-height: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    color: inherit;
    height: 100%;
    color: #999;
    z-index: 3
}

.input .input-icon:before {
    font-size: 16px
}

.input.input--success {
    color: #02bf11
}

.input.input--fail {
    color: #fa6666
}

.input .input-icon~input,
.input .input-icon~select,
.input .input-icon~textarea {
    padding-right: 35px !important
}

.input .input-help {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 15px;
    height: 20px;
    width: 20px;
    font-size: 11px;
    border-radius: 50%;
    background-color: rgba(204, 204, 204, .5);
    color: #fff
}

.input .input-help~input,
.input .input-help~textarea {
    padding-right: 35px
}

.input.input--textarea {
    height: auto;
    font-size: 0
}

.input.input--textarea>textarea {
    min-height: 126px;
    padding: 15px;
    font-size: 14px
}

.input.input--select {
    font-size: 12px;
    font-weight: 700
}

.input.input--select>select {
    padding-right: 30px;
    line-height: 1.3
}

@media screen and (max-width:540px) {
    .input.input--select>select {
        padding-right: 20px
    }
}

.input.input--select>select option[disabled] {
    color: rgba(211, 24, 32, .5)
}

.input.input--select:before {
    content: '\e800';
    position: absolute;
    top: 50%;
    right: 10px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    pointer-events: none;
    font: 14px font-icons;
    z-index: 3
}

.input.input--select.input--active:before {
    content: '\e802'
}

.input.input--file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 36px;
    border: .75px solid rgba(204, 204, 204, .5);
    cursor: pointer;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.input.input--file>input {
    position: absolute;
    opacity: 0;
    z-index: -9999
}

.input.input--file .input--file-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    min-height: inherit;
    padding: 5px 20px;
    color: #fff;
    background: #666;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.input.input--file:not([disabled]):hover .input--file-btn {
    opacity: .9
}

.input.input--file .input--title {
    margin: 0;
    min-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 20px;
    background-color: #447C97;
    color: #fff
}

@media screen and (min-width:1132px) {
    .input.input--file .input--title {
        padding: .34722vw 1.38889vw
    }
}

.input.input--file .input--file-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px;
    height: inherit
}

@media screen and (min-width:1132px) {
    .input.input--file .input--file-text {
        padding: .34722vw 1.38889vw
    }
}

.input.input--file.loader:before {
    left: unset;
    right: 9px;
    height: 16px;
    width: 16px;
    margin: -11px 0 0;
    background: #fff;
    z-index: 2
}

.input-checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: inherit;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-checkbox--rounded .input-checkbox-ui {
    border-radius: 50%
}

.input-checkbox--rounded .input-checkbox-text {
    margin-top: -1px !important
}

.input-checkbox>input {
    position: absolute;
    opacity: 0;
    z-index: -999
}

.input-checkbox .input-checkbox-ui {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 1px solid #666;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-checkbox .input-checkbox-ui:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background: #666;
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.input-checkbox .input-checkbox-text {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.input-checkbox .input-checkbox-text:first-child {
    margin-right: 10px
}

.input-checkbox .input-checkbox-text:last-child {
    margin-left: 10px
}

.input-checkbox .input-checkbox-text a[href] {
    font-weight: 700
}

.input-checkbox .input-checkbox-description {
    display: block;
    font-size: 11px;
    margin-top: 5px
}

.input-checkbox>input:checked~.input-checkbox-ui:before {
    opacity: 1;
    visibility: visible
}

.input-group {
    position: relative
}

.input-group .input:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 1
}

.input-group.row {
    margin-bottom: 5px
}

.input-group.row [class*=col-]:not(:first-child):nth-child(1) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(1) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(1) .input.color-primary textarea {
    background-color: #c5161e
}

.input-group.row [class*=col-]:not(:first-child):nth-child(1) .btn.color-primary {
    background-color: #c5161e
}

.input-group.row [class*=col-]:not(:first-child):nth-child(2) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(2) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(2) .input.color-primary textarea {
    background-color: #b8151c
}

.input-group.row [class*=col-]:not(:first-child):nth-child(2) .btn.color-primary {
    background-color: #b8151c
}

.input-group.row [class*=col-]:not(:first-child):nth-child(3) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(3) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(3) .input.color-primary textarea {
    background-color: #aa131a
}

.input-group.row [class*=col-]:not(:first-child):nth-child(3) .btn.color-primary {
    background-color: #aa131a
}

.input-group.row [class*=col-]:not(:first-child):nth-child(4) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(4) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(4) .input.color-primary textarea {
    background-color: #9c1218
}

.input-group.row [class*=col-]:not(:first-child):nth-child(4) .btn.color-primary {
    background-color: #9c1218
}

.input-group.row [class*=col-]:not(:first-child):nth-child(5) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(5) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(5) .input.color-primary textarea {
    background-color: #8e1016
}

.input-group.row [class*=col-]:not(:first-child):nth-child(5) .btn.color-primary {
    background-color: #8e1016
}

.input-group.row [class*=col-]:not(:first-child):nth-child(6) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(6) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(6) .input.color-primary textarea {
    background-color: #810f13
}

.input-group.row [class*=col-]:not(:first-child):nth-child(6) .btn.color-primary {
    background-color: #810f13
}

.input-group.row [class*=col-]:not(:first-child):nth-child(7) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(7) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(7) .input.color-primary textarea {
    background-color: #730d11
}

.input-group.row [class*=col-]:not(:first-child):nth-child(7) .btn.color-primary {
    background-color: #730d11
}

.input-group.row [class*=col-]:not(:first-child):nth-child(8) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(8) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(8) .input.color-primary textarea {
    background-color: #650b0f
}

.input-group.row [class*=col-]:not(:first-child):nth-child(8) .btn.color-primary {
    background-color: #650b0f
}

.input-group.row [class*=col-]:not(:first-child):nth-child(9) .input.color-primary input,
.input-group.row [class*=col-]:not(:first-child):nth-child(9) .input.color-primary select,
.input-group.row [class*=col-]:not(:first-child):nth-child(9) .input.color-primary textarea {
    background-color: #570a0d
}

.input-group.row [class*=col-]:not(:first-child):nth-child(9) .btn.color-primary {
    background-color: #570a0d
}

.input-group .btn {
    width: 100%;
    height: 100%;
    min-height: 42px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #447C97;
    color: #fff
}

.input-group .btn:not([disabled]):hover {
    opacity: .9
}

.input-group .btn:disabled {
    opacity: .7;
    cursor: no-drop
}

.input-group--shadow {
    -webkit-box-shadow: 0 0 5px 3px rgba(134, 134, 134, .1);
    box-shadow: 0 0 5px 3px rgba(134, 134, 134, .1)
}

.input--shadow {
    -webkit-box-shadow: 0 0 5px 3px rgba(134, 134, 134, .1);
    box-shadow: 0 0 5px 3px rgba(134, 134, 134, .1)
}

.alert {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 15px;
    font-size: 13px;
    letter-spacing: .25px;
    color: #fff;
    background-color: #666;
    border-bottom-width: 2px
}

.alert>i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    font: 14px font-icons;
    color: inherit
}

.alert+* {
    margin-top: 5px !important
}

.alert--fail {
    background-color: red
}

.alert--success {
    background-color: #28a745
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px;
    font-size: 14px;
    list-style: none
}

@media screen and (min-width:1440px) {
    .breadcrumb {
        font-size: .83333vw
    }
}

@media screen and (max-width:540px) {
    .breadcrumb {
        font-size: 12px
    }
}

.breadcrumb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 5px;
    -webkit-transition: opacity .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s;
    will-change: transition
}

.breadcrumb-item::after {
    content: '\e803';
    font-display: swap;
    font-family: font-icons;
    font-size: 13px;
    opacity: .75;
    margin-top: 3px;
    display: block;
    padding-left: 6px;
    color: #666
}

@media screen and (max-width:540px) {
    .breadcrumb-item::after {
        font-size: 12px
    }
}

.breadcrumb-item:last-child::after {
    display: none
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item a[href]:hover,
.breadcrumb-item[href]:hover {
    color: #447C97;
    opacity: 1
}

.badge {
    position: fixed;
    left: 45px;
    bottom: 45px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: #447C97;
    z-index: 15
}

.badge:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(89, 86, 81, .3);
    z-index: 2
}

.badge:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #447C97;
    z-index: 3
}

.badge img {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 5;
    will-change: transform;
    -webkit-transition: transform .21s ease-in-out 0s;
    -webkit-transition: -webkit-transform .21s ease-in-out 0s;
    transition: -webkit-transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    will-change: transition
}

.badge[href]:hover img {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

@media screen and (max-width:808px) {
    .badge {
        left: 20px;
        bottom: 20px;
        -webkit-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

.page-responsive-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 50;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out 0s, visibility .5s ease-in-out 0s;
    transition: opacity .5s ease-in-out 0s, visibility .5s ease-in-out 0s;
    will-change: transition
}

.page-responsive-menu-wrapper {
    position: absolute;
    right: -50%;
    width: 50%;
    height: 100%;
    background-color: #447C97;
    color: #fff;
    z-index: 3;
    overflow: hidden;
    -webkit-transition: right .5s ease-in-out 0s;
    transition: right .5s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:1024px) {
    .page-responsive-menu-wrapper {
        width: 100%;
        min-width: auto
    }
}

.page-responsive-menu-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #666;
    z-index: 3;
    -webkit-transition: none;
    transition: none;
    -webkit-transition: left .5s ease-in-out 0s;
    transition: left .5s ease-in-out 0s;
    will-change: transition
}

.page-responsive-menu-image {
    position: absolute;
    left: 100%;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all .65s cubic-bezier(.45, .05, .3, .93);
    transition: all .65s cubic-bezier(.45, .05, .3, .93)
}

@media screen and (max-width:1024px) {
    .page-responsive-menu-image {
        display: none
    }
}

.page-responsive-menu-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    height: calc(100vh - 200px);
    overflow-y: auto;
    margin: 100px 40px;
    pointer-events: auto
}

@media screen and (max-width:808px) and (orientation:landscape) and (max-height:340px) {
    .page-responsive-menu-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 100px !important
    }

    .page-responsive-menu-nav ul li {
        margin: 6px 12px !important
    }

    .page-responsive-menu-nav ul li a {
        font-size: 6vh !important
    }
}

@media screen and (max-width:808px) and (orientation:landscape) and (max-height:340px) and (max-height:300px) {
    .page-responsive-menu-nav ul li a {
        font-size: 8vh !important
    }
}

.page-responsive-menu-nav ul li {
    margin: 10px 0
}

.page-responsive-menu-nav ul li a {
    position: relative;
    display: block;
    line-height: 100%;
    padding: 5px 0;
    font-weight: 600;
    -webkit-transform: translate(-45px, 0);
    transform: translate(-45px, 0);
    opacity: 0;
    -webkit-transition: color .21s ease-in-out 0s, transform .21s ease-in-out 0s, opacity .21s ease-in-out 0s;
    -webkit-transition: color .21s ease-in-out 0s, opacity .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s, opacity .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s, transform .21s ease-in-out 0s, opacity .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s, transform .21s ease-in-out 0s, opacity .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:808px) and (orientation:landscape) and (max-height:340px) {
    .page-responsive-menu-nav ul li a {
        font-size: 16px
    }
}

@media screen and (max-width:540px) {
    .page-responsive-menu-nav ul li a {
        font-size: 5vw
    }
}

.page-responsive-menu-nav ul li a svg {
    height: 30px;
    color: #fff;
    margin-right: 10px
}

.page-responsive-menu-nav ul li a svg path,
.page-responsive-menu-nav ul li a svg polygon,
.page-responsive-menu-nav ul li a svg rect {
    fill: #fff
}

.page-responsive-menu-nav ul li.page-responsive-menu-nav--secondary a {
    font-weight: 400
}

.page-responsive-menu-nav ul li.active a,
.page-responsive-menu-nav ul li:hover a {
    color: #ddd
}

.page-responsive-menu-nav ul.page-responsive-menu-nav--second-plan li a {
    font-weight: 400
}

.page-responsive-menu .header-nav-btn {
    position: fixed;
    right: 45px;
    top: 45px;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    z-index: 10
}

@media screen and (max-width:540px) {
    .page-responsive-menu .header-nav-btn {
        right: 35px;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.page-responsive-menu .header-nav-btn>span {
    background-color: #fff
}

.page-responsive-menu-langs {
    position: absolute;
    left: 45px;
    top: 45px;
    z-index: 5
}

.page-responsive-menu-langs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -3px
}

.page-responsive-menu-langs ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.page-responsive-menu-langs ul li a {
    display: block;
    padding: 3px;
    opacity: .5
}

.page-responsive-menu-langs ul li a.active,
.page-responsive-menu-langs ul li a:hover {
    opacity: 1
}

.page-responsive-menu-langs ul li:not(:last-child):after {
    content: '/';
    margin: 0 2px
}

.page-responsive-menu-social {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 35px;
    padding: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10
}

@media screen and (max-width:808px) and (orientation:landscape) {
    .page-responsive-menu-social {
        bottom: 25px
    }
}

.page-responsive-menu-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -3px -3px -6px
}

@media screen and (max-width:1024px) {
    .page-responsive-menu-social ul {
        margin-left: -15px
    }
}

.page-responsive-menu-social ul li {
    position: relative;
    bottom: 0;
    margin: 3px 3px
}

.page-responsive-menu-social ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 45px;
    height: 45px;
    font-size: 18px;
    border: 1px dotted transparent;
    border-radius: 50%
}

@media screen and (max-width:808px) and (orientation:landscape) {
    .page-responsive-menu-social ul li a {
        width: 34px;
        height: 34px;
        font-size: 16px
    }
}

.page-responsive-menu-social ul li a.active,
.page-responsive-menu-social ul li a:hover {
    background: #666;
    color: #fff
}

.page-responsive-menu--stabil .page-responsive-menu .page-responsive-menu-wrapper:after {
    -webkit-transition: left .75s ease-in-out 0s;
    transition: left .75s ease-in-out 0s;
    will-change: transition;
    left: 100%
}

.page-responsive-menu--stabil .page-responsive-menu .page-responsive-menu-nav ul li a {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.page-responsive-menu--active .header {
    position: fixed;
    pointer-events: none
}

.page-responsive-menu--active .header a,
.page-responsive-menu--active .header button {
    pointer-events: auto
}

@media screen and (max-width:540px) {
    .page-responsive-menu--active .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 25
    }
}

.page-responsive-menu--active .header .header-nav li a {
    opacity: 0
}

@media screen and (max-width:1024px) {
    .page-responsive-menu--active .page-responsive-menu {
        visibility: visible;
        opacity: 1
    }
}

.page-responsive-menu--active .page-responsive-menu-wrapper {
    right: 0
}

.page-responsive-menu--active .page-responsive-menu-image {
    left: 0
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(1)>a {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(2)>a {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(3)>a {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(4)>a {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(5)>a {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(6)>a {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(7)>a {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(8)>a {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(9)>a {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li:nth-child(10)>a {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

.page-responsive-menu--active .page-responsive-menu-nav ul li a {
    opacity: 1;
    -webkit-transform: translate(0) skew(0);
    transform: translate(0) skew(0)
}

.banner {
    position: relative;
    width: 100%;
    min-height: 375px;
    background-color: #f5f5f5;
    z-index: 3
}

.banner .banner-image:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(transparent));
    background: linear-gradient(to right, rgba(255, 255, 255, .5) 0, transparent 100%);
    opacity: .75;
    z-index: 7;
    pointer-events: none
}

.banner .banner-image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(255, 255, 255, .85)), to(transparent));
    background: linear-gradient(to right, rgba(255, 255, 255, .85) 25%, transparent 100%);
    z-index: 4;
    pointer-events: none
}

@media screen and (max-width:540px) {
    .banner .banner-image:after {
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(255, 255, 255, .85)), to(transparent));
        background: linear-gradient(to right, rgba(255, 255, 255, .85) 10%, transparent 100%);
        width: 150%
    }
}

.banner .banner-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    z-index: 7
}

.banner .banner-content .content-body {
    padding: 30px 0
}

.banner .banner-content .content-body .content-title {
    margin-left: -1.5px
}

.banner .banner-content .content-body .content-title+.content-description {
    margin-top: 6px
}

.banner .banner-content .content-body .content-title.h4:not(:last-child),
.banner .banner-content .content-body .content-title.h5:not(:last-child),
.banner .banner-content .content-body .content-title.h6:not(:last-child),
.banner .banner-content .content-body .page-responsive-menu-nav ul li.page-responsive-menu-nav--secondary a.content-title:not(:last-child),
.page-responsive-menu-nav ul li.page-responsive-menu-nav--secondary .banner .banner-content .content-body a.content-title:not(:last-child) {
    margin-bottom: 8px
}

.banner .banner-content .content-body .content-title.h6 {
    font-weight: 400
}

@media screen and (max-width:540px) {
    .banner .banner-content .content-body .content-title.h6 {
        font-size: 12px
    }

    .banner .banner-content .content-body .content-title.h1,
    .banner .banner-content .content-body .page-responsive-menu-nav ul li a.content-title,
    .page-responsive-menu-nav ul li .banner .banner-content .content-body a.content-title {
        font-size: 22px
    }
}

.banner .banner-content .content-body .content-description {
    margin-left: -2px;
    max-height: 94px;
    font-size: 16px;
    overflow: hidden
}

.banner .banner-content .content-body .content-description+div {
    margin-top: 21px
}

@media screen and (max-width:808px) and (orientation:landscape) {
    .banner .banner-content .content-body .content-description {
        display: none
    }
}

@media screen and (max-width:540px) {
    .banner .banner-content .content-body .content-description {
        font-size: 14px
    }
}

.banner .swiper-pagination {
    position: absolute;
    right: 45px;
    top: 0;
    width: auto;
    height: 100%;
    z-index: 15;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:808px) {
    .banner .swiper-pagination {
        left: 37px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 30px
    }
}

.banner .swiper-pagination-bullet {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    width: auto;
    height: auto;
    pointer-events: auto;
    margin: 10px 0;
    opacity: 1
}

@media screen and (max-width:808px) {
    .banner .swiper-pagination-bullet {
        opacity: 1;
        margin: 2px 5px
    }

    .banner .swiper-pagination-bullet-active:after {
        background-color: #fff
    }
}

.banner .swiper-pagination-bullet:after {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background-color: #fff;
    margin-left: 0;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.banner .swiper-pagination-bullet-active:after {
    background-color: #447C97;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.banner .scroll-down {
    height: 44px;
    width: 44px;
    color: #fff;
    background-color: #447C97;
    padding: 10px;
    border-radius: 50%;
    margin: -25px auto 20px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:1024px) {
    .banner .scroll-down {
        position: absolute;
        left: 50%;
        bottom: 45px;
        height: 54px;
        width: 54px
    }

    .banner .scroll-down--spacing {
        bottom: 100px
    }

    .banner .scroll-down:before {
        content: attr(data-text);
        position: absolute;
        left: 50%;
        top: -30px;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 700;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        color: #447C97;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: all .21s ease-in-out 0s;
        transition: all .21s ease-in-out 0s;
        will-change: transition
    }
}

.banner .scroll-down i {
    position: relative;
    font-size: 16px;
    padding-top: 2px;
    -webkit-transition: transform .21s ease-in-out 0s;
    -webkit-transition: -webkit-transform .21s ease-in-out 0s;
    transition: -webkit-transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (min-width:1024px) {
    .banner .scroll-down i {
        font-size: 20px
    }
}

.banner .scroll-down:hover {
    background-color: #bc151d;
    color: #fff
}

.banner .scroll-down:hover:before {
    opacity: 1;
    visibility: visible
}

.banner-buttons {
    position: relative;
    width: 100%;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width:1132px) {
    .banner-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.banner-buttons-item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px;
    background-color: #447C97;
    height: 90px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: margin-top .21s ease-in-out 0s, height .21s ease-in-out 0s;
    transition: margin-top .21s ease-in-out 0s, height .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:1132px) {
    .banner-buttons-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%
    }
}

@media screen and (max-width:808px) {
    .banner-buttons-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:710px) {
    .banner-buttons-item {
        height: 60px;
        padding: 10px 20px
    }
}

.banner-buttons-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 0
}

.banner-buttons-item:after {
    content: '\e803';
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    font-display: swap;
    font-family: font-icons;
    font-size: 18px;
    margin-left: auto;
    padding-left: 10px;
    z-index: 3;
    -webkit-transition: transform .21s ease-in-out 0s;
    -webkit-transition: -webkit-transform .21s ease-in-out 0s;
    transition: -webkit-transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s;
    transition: transform .21s ease-in-out 0s, -webkit-transform .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:808px) {
    .banner-buttons-item:after {
        display: none
    }
}

.banner-buttons-item>i {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px
}

@media screen and (max-width:710px) {
    .banner-buttons-item>i {
        font-size: 5.85vw
    }
}

@media screen and (max-width:405px) {
    .banner-buttons-item>i {
        font-size: 5vw
    }
}

.banner-buttons-item-body {
    position: relative;
    margin-top: -2px;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.banner-buttons-item-body:not(:first-child) {
    margin-left: 14px
}

.banner-buttons-item-body-toptitle {
    font-size: 12px;
    opacity: .75;
    margin-top: -2px;
    margin-bottom: -1px
}

@media screen and (max-width:710px) {
    .banner-buttons-item-body-toptitle {
        font-size: 12px
    }
}

@media screen and (max-width:405px) {
    .banner-buttons-item-body-toptitle {
        font-size: 10px
    }
}

.banner-buttons-item-body-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-left: -1px
}

@media screen and (max-width:710px) {
    .banner-buttons-item-body-title {
        font-size: 18px
    }
}

@media screen and (max-width:405px) {
    .banner-buttons-item-body-title {
        font-size: 16px
    }
}

.banner-buttons-item:nth-child(2):not([style]):before {
    opacity: .2
}

.banner-buttons-item:nth-child(3):not([style]):before {
    opacity: .3
}

.banner-buttons-item:nth-child(4):not([style]):before {
    opacity: .4
}

.banner-buttons-item:nth-child(5):not([style]):before {
    opacity: .5
}

.banner-buttons-item:nth-child(6):not([style]):before {
    opacity: .6
}

.banner-buttons-item:nth-child(7):not([style]):before {
    opacity: .7
}

.banner-buttons-item:nth-child(8):not([style]):before {
    opacity: .8
}

.banner-buttons-item:nth-child(9):not([style]):before {
    opacity: .9
}

.banner-buttons-item:nth-child(10):not([style]):before {
    opacity: 1
}

.banner-buttons-item-submenu {
    position: absolute;
    top: unset;
    left: 0;
    bottom: 100%;
    width: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:808px) {
    .banner-buttons-item-submenu {
        display: none
    }
}

.banner-buttons-item-submenu-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #447C97;
    padding: 10px 33px;
    margin-bottom: -15px;
    opacity: 0;
    -webkit-transition: margin-bottom .21s ease-in-out 0s, opacity .21s ease-in-out 0s;
    transition: margin-bottom .21s ease-in-out 0s, opacity .21s ease-in-out 0s;
    will-change: transition;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.banner-buttons-item-submenu-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    -webkit-transition: opacity .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s;
    will-change: transition
}

.banner-buttons-item-submenu-item>i {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 25px;
    min-width: 25px
}

.banner-buttons-item-submenu-item-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.banner-buttons-item-submenu-item-body:not(:first-child) {
    margin-left: 14px
}

.banner-buttons-item-submenu-item-body-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin-left: -1px
}

.banner-buttons-item-submenu-item:nth-child(1):before {
    opacity: .06
}

.banner-buttons-item-submenu-item:nth-child(1):hover:before {
    opacity: .1
}

.banner-buttons-item-submenu-item:nth-child(2):before {
    opacity: .12
}

.banner-buttons-item-submenu-item:nth-child(2):hover:before {
    opacity: .2
}

.banner-buttons-item-submenu-item:nth-child(3):before {
    opacity: .18
}

.banner-buttons-item-submenu-item:nth-child(3):hover:before {
    opacity: .3
}

.banner-buttons-item-submenu-item:nth-child(4):before {
    opacity: .24
}

.banner-buttons-item-submenu-item:nth-child(4):hover:before {
    opacity: .4
}

.banner-buttons-item-submenu-item:nth-child(5):before {
    opacity: .3
}

.banner-buttons-item-submenu-item:nth-child(5):hover:before {
    opacity: .5
}

.banner-buttons-item-submenu-item:nth-child(6):before {
    opacity: .36
}

.banner-buttons-item-submenu-item:nth-child(6):hover:before {
    opacity: .6
}

.banner-buttons-item-submenu-item:nth-child(7):before {
    opacity: .42
}

.banner-buttons-item-submenu-item:nth-child(7):hover:before {
    opacity: .7
}

.banner-buttons-item-submenu-item:nth-child(8):before {
    opacity: .48
}

.banner-buttons-item-submenu-item:nth-child(8):hover:before {
    opacity: .8
}

.banner-buttons-item-submenu-item:nth-child(9):before {
    opacity: .54
}

.banner-buttons-item-submenu-item:nth-child(9):hover:before {
    opacity: .9
}

.banner-buttons-item-submenu-item:nth-child(10):before {
    opacity: .6
}

.banner-buttons-item-submenu-item:nth-child(10):hover:before {
    opacity: 1
}

@media screen and (min-width:808px) {
    a.banner-buttons-item:hover {
        height: 100px;
        margin-top: -10px
    }

    .banner-buttons-item:hover.has--submenu:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item {
        margin-bottom: 1px;
        margin-left: 0;
        opacity: 1
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(1) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(2) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(3) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(4) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(5) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(6) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(7) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(8) {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(9) {
        -webkit-transition-delay: .9s;
        transition-delay: .9s
    }

    .banner-buttons-item:hover .banner-buttons-item-submenu-item:nth-child(10) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

@media screen and (min-width:710px) {
    .banner--fullscreen {
        height: calc(100vh - 45px)
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .banner--fullscreen {
        height: auto !important
    }

    .banner--fullscreen .swiper {
        height: auto !important
    }

    .banner--fullscreen .banner-content .content-body {
        padding-top: 7.5vw;
        padding-bottom: 7.5vw
    }
}

@media screen and (max-width:710px) {
    .banner--fullscreen {
        height: auto !important
    }

    .banner--fullscreen .swiper {
        height: auto !important
    }
}

@media screen and (max-width:710px) and (orientation:portrait) {
    .banner--fullscreen .banner-content .content-body {
        padding-top: 17.5vw;
        padding-bottom: 17.5vw
    }
}

.banner--fullscreen .swiper-pagination {
    top: 75px;
    padding-bottom: 100px
}

.banner--inside {
    min-height: 400px
}

.banner--inside .swiper,
.banner--inside .swiper-container,
.banner--inside .swiper-wrapper {
    min-height: inherit
}

.banner--inside .banner-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner--inside .banner-content .content-body {
    max-width: 50%
}

@media screen and (max-width:1024px) {
    .banner--inside .banner-content .content-body {
        max-width: 75%
    }
}

@media screen and (max-width:540px) {
    .banner--inside .banner-content .content-body {
        max-width: 100%
    }
}

.banner--figure .swiper-slide {
    background-color: #ddd
}

@media screen and (max-width:808px) {
    .banner--figure .banner-image {
        display: none
    }
}

.banner--figure .banner-figure {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-height: 100%;
    padding-top: 15%;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 13
}

@media screen and (max-width:1024px) {
    .banner--figure .banner-figure {
        left: 20%
    }
}

@media screen and (max-width:808px) {
    .banner--figure .banner-figure {
        left: unset;
        right: 0;
        bottom: 7.5%;
        max-height: unset;
        -webkit-transform: translate(25%, 0);
        transform: translate(25%, 0);
        max-height: 400px;
        margin-top: auto
    }
}

.banner--figure.banner--inside .banner-figure {
    padding-top: 7.5%
}

.banner--figure .banner-figure img {
    max-height: 100%;
    height: 100%
}

.banner--figure .banner-content {
    position: absolute;
    left: 50%;
    width: 50%;
    background-color: #447C97
}

@media screen and (max-width:1024px) {
    .banner--figure .banner-content {
        left: 20%;
        width: 80%
    }
}

@media screen and (max-width:808px) {
    .banner--figure .banner-content {
        left: 0;
        width: 100%
    }
}

.banner--figure.banner--fullscreen .content-body {
    padding: 10% 10% 10% 15%
}

@media screen and (max-width:1440px) {
    .banner--figure.banner--fullscreen .content-body {
        padding: 10% 10% 10% 25%
    }
}

@media screen and (max-width:1132px) {
    .banner--figure.banner--fullscreen .content-body {
        padding: 10% 10% 10% 20%
    }
}

@media screen and (max-width:808px) {
    .banner--figure.banner--fullscreen .content-body {
        padding: 10% 15% 10% 0
    }
}

.banner--figure.banner--inside .content-body {
    padding: 10% 10% 10% 10%
}

@media screen and (max-width:1440px) {
    .banner--figure.banner--inside .content-body {
        padding: 10% 10% 10% 20%
    }
}

@media screen and (max-width:1132px) {
    .banner--figure.banner--inside .content-body {
        padding: 10% 10% 10% 15%
    }
}

@media screen and (max-width:808px) {
    .banner--figure.banner--inside .content-body {
        padding: 10% 15% 10% 0
    }
}

.banner--figure .banner-content .content-body .content-description {
    font-size: 18px;
    line-height: 1.4
}

.banner--figure .banner-content .content-body .content-description+div {
    margin-top: 26px
}

@media screen and (max-width:1132px) {
    .banner--figure .banner-content .content-body .content-description {
        font-size: 16px
    }
}

@media screen and (max-width:540px) {
    .banner--figure .banner-content .content-body .content-description {
        font-size: 14px
    }
}

@media screen and (max-width:808px) and (orientation:landscape) {
    .banner--figure .banner-content .content-body .content-description {
        display: none
    }
}

.banner--figure .banner-content .content-body .btn:not(:first-child),
.banner--figure .banner-content .content-body>div[data-swiper-parallax]:not(:first-child) {
    margin-top: 26px
}

.banner--product {
    min-height: 30vw
}

.banner--product .content-image {
    overflow: inherit
}

.banner--product .banner-figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 75px;
    max-width: 100%;
    pointer-events: none;
    z-index: 13
}

@media screen and (max-width:808px) {
    .banner--product .banner-figure {
        padding-top: 50px
    }
}

.banner--product .banner-figure img {
    max-height: 100%;
    max-width: 100%
}

.banner--product .banner-content {
    width: 100%
}

@media screen and (max-width:808px) {
    .banner--product .banner-content {
        position: relative
    }
}

@media screen and (max-width:808px) {

    .banner--product .banner-content .content-image figure,
    .banner--product .banner-content .content-image img {
        max-height: 320px;
        width: auto
    }
}

@media screen and (max-width:540px) {

    .banner--product .banner-content .content-image figure,
    .banner--product .banner-content .content-image img {
        max-height: 220px
    }
}

.banner--product .banner-content .content-body {
    padding-top: 75px;
    padding-bottom: 75px
}

@media screen and (max-width:808px) {
    .banner--product .banner-content .content-body {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.banner--product .banner-content .content-body .content-subtitle {
    font-size: 24px
}

@media screen and (max-width:1024px) {
    .banner--product .banner-content .content-body .content-subtitle {
        font-size: 20px
    }
}

@media screen and (max-width:540px) {
    .banner--product .banner-content .content-body .content-subtitle {
        font-size: 18px
    }
}

.banner--product .banner-content .content-body .content-subtitle:not(:last-child) {
    margin-bottom: 15px
}

.banner--product .banner-content .content-body .content-description+div {
    margin-top: 26px
}

@media screen and (max-width:1132px) {
    .banner--product .banner-content .content-body .content-description {
        font-size: 16px
    }
}

@media screen and (max-width:540px) {
    .banner--product .banner-content .content-body .content-description {
        font-size: 14px
    }
}

@media screen and (max-width:808px) and (orientation:landscape) {
    .banner--product .banner-content .content-body .content-description {
        display: none
    }
}

.banner--product .banner-content .content-body .btn:not(:first-child),
.banner--product .banner-content .content-body>div[data-swiper-parallax]:not(:first-child) {
    margin-top: 26px
}

.box {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 151px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden
}

.box-image {
    position: relative;
    width: 100%;
    z-index: 1
}

a.box:hover figure.box-image[data-src] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

a.box:hover .box-image img {
  
}

.box-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: inherit;
    padding: 20px
}

.box-body::-webkit-scrollbar {
    background: #ccc;
    width: 7px;
    height: 7px
}

.box-body::-ms-scrollbar-thumb {
    background: #447C97
}

.box-body::-moz-scrollbar-thumb {
    background: #447C97
}

.box-body::-o-scrollbar-thumb {
    background: #447C97
}

.box-body::-webkit-scrollbar-thumb {
    background: #447C97
}

.box-body>i {
    font-size: 50px
}

.box-body>i:not(:last-child) {
    margin-bottom: -1px
}

@media screen and (max-width:405px) {
    .box-body>i {
        font-size: 15vw
    }
}

.box-body .content-title {
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (min-width:455px) {
    .box-body .content-title.content-title--max-line-5 {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .box-body .content-title.content-title--max-line-6 {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .box-body .content-title.content-title--max-line-7 {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.box-body-toptitle {
    position: relative;
    display: block;
    font-size: 12px;
    color: #ccc;
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

.box-body-toptitle:not(:last-child) {
    margin-bottom: 5px
}

.box-body-toptitle:after {
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    margin-top: 7px;
    border-top: 1px solid #ccc;
    -webkit-transition: width .21s ease-in-out 0s;
    transition: width .21s ease-in-out 0s;
    will-change: transition
}

.box:hover .box-body-toptitle:after {
    width: 42px
}

.box-body .content-subtitle {
    font-size: 11px
}

.box-body .content-description .js-passive,
.box-body .content-list .js-passive {
    opacity: .25;
    pointer-events: none
}

.box-body .content-description .js-active,
.box-body .content-list .js-active {
    opacity: 1;
    pointer-events: auto
}

.box-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #447C97;
    color: #fff;
    overflow: auto;
    z-index: 5;
    -webkit-transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    will-change: transition;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.box:hover .box-hover {
    opacity: 1;
    visibility: visible
}

.box-cover:not(.box-cover--promotion):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: opacity .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s;
    will-change: transition
}

.box.box-cover.box-cover--promotion .box-image.loader--loaded {
    opacity: .2
}

.box-cover .box-body {
    color: #fff;
    max-height: 100%;
    height: auto;
    min-height: auto;
    padding: 30px;
    overflow-y: auto;
    overflow-x: hidden
}

.box-cover .box-body-toptitle {
    color: #fff
}

.box-cover .box-body-toptitle:after {
    border-top-color: #fff
}

.box-cover.box-cover--promotion.box-size--md {
    min-height: 260px
}

@media screen and (max-width:540px) {
    .box-cover.box-cover--promotion.box-size--md {
        min-height: 200px
    }
}

a.box-cover:hover:before {
    opacity: .2
}

.box-content .box-image--constant {
    height: 240px
}

@media screen and (max-width:1024px) {
    .box-content .box-image--constant {
        height: 100%
    }
}

@media screen and (max-width:808px) {
    .box-content .box-image--constant {
        height: 50vw
    }
}

@media screen and (max-width:540px) {
    .box-content .box-image--constant {
        height: 45vw
    }
}

.box-content .box-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: center;
    transform-origin: center
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .box-content .box-image img {
        width: auto
    }
}

.box-content .box-body {
    background-color: #fff;
    min-height: 240px;
    -webkit-transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    transition: background-color .21s ease-in-out 0s, color .21s ease-in-out 0s;
    will-change: transition;
    z-index: 5
}

.box-content .box-body .content-title.h1,
.box-content .box-body .page-responsive-menu-nav ul li a.content-title,
.page-responsive-menu-nav ul li .box-content .box-body a.content-title {
    margin-top: -10px;
    margin-left: -2px
}

.box-content .box-body .content-title+.content-description {
    margin-top: 12px
}

.box-content .box-body .content-description a[href]:hover,
.box-content .box-body .content-list a[href]:hover {
    color: #447C97
}

.box-content .box-body .content-list {
    line-height: 1.45
}

.box-content .box-body.box-body--padding {
    padding: 30px;
    padding-left: 29px
}

a.box.box-content:hover .box-body {
    background-color: #447C97;
    color: #fff
}

a.box.box-content:hover .box-body .box-body-toptitle,
a.box.box-content:hover .box-body .content-title {
    color: #fff
}

a.box.box-content:hover .box-body .btn {
    color: #fff
}

@media screen and (min-width:540px) {
    .box-blog {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.box-blog .box-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:505px) {
    .box-blog .box-image img {
        max-height: 200px
    }
}

.box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-height: 141px;
    padding: 20px 30px;
    color: #447C97;
    -webkit-transition: color .21s ease-in-out 0s, background-color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s, background-color .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:540px) {
    .box-title {
        padding: 10px 20px;
        min-height: 120px
    }
}

@media screen and (max-width:405px) {
    .box-title {
        padding: 5px 20px;
        min-height: 100px
    }
}

@media screen and (max-width:320px) {
    .box-title {
        padding: 0 20px;
        min-height: 86px
    }
}

.box-title i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 40px
}

@media screen and (max-width:540px) {
    .box-title i {
        font-size: 32px
    }
}

.box-title .row {
    position: relative;
    z-index: 4
}

@media screen and (min-width:540px) {
    .box-title .row .border-sm-left {
        border-left: 1px solid #fff
    }
}

.box-title .box-image {
    opacity: .15
}

a.box-title:hover {
    background-color: #447C97;
    color: #fff
}

.box-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-height: 120px;
    padding: 10px 15px;
    -webkit-transition: color .21s ease-in-out 0s, background-color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s, background-color .21s ease-in-out 0s;
    will-change: transition
}

.box-description i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px
}

@media screen and (max-width:540px) {
    .box-description i {
        font-size: 32px
    }
}

.box-description .row {
    position: relative;
    z-index: 4
}

.box-description .box-image {
    opacity: .15
}

a.box-description:hover {
    background-color: #447C97;
    color: #fff
}

.box-list .content-body .content-description:last-child {
    margin-bottom: -4px
}

.box-list .content-body .content-description,
.box-list .content-body .content-description p {
    line-height: 1.45
}

@media screen and (min-width:455px) {
    .box-size--equal:before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .box-size--equal .box-body {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }
}

@media screen and (max-width:540px) {
    .box-size--equal .box-image img {
        width: auto !important;
        max-width: 100%
    }
}

.box-size--sm.box-content .box-body {
    min-height: 180px
}

.box-size--sm.box-content .box-body .btn {
    font-size: 0
}

.box-size--sm.box-content:hover .btn {
    font-size: 12px
}

.box-size--md.box-cover {
    height: 230px
}

@media screen and (max-width:808px) {
    .box-size--md.box-cover {
        height: 40vw
    }
}

@media screen and (max-width:540px) {
    .box-size--md.box-cover {
        height: 65vw
    }
}

.box-size--md.box-content {
    min-height: 280px
}

@media screen and (max-width:808px) {
    .box-size--md.box-content {
        min-height: 220px
    }
}

@media screen and (max-width:540px) {
    .box-size--md.box-content {
        min-height: 181px
    }
}

.box-size--lg.box-cover {
    height: 410px
}

@media screen and (max-width:1024px) {
    .box-size--lg.box-cover {
        height: 100%
    }
}

@media screen and (max-width:808px) {
    .box-size--lg.box-cover {
        height: 40vw
    }
}

@media screen and (max-width:540px) {
    .box-size--lg.box-cover {
        height: 65vw
    }
}

.social-links {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    z-index: 8
}

@media screen and (max-width:808px) {
    .social-links {
        display: none
    }
}

.social-links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -3px -5px
}

.social-links ul li {
    position: relative;
    bottom: 0;
    margin: 3px 5px
}

.social-links ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 34px;
    height: 34px;
    font-size: 16px;
    border: 2px solid #fff;
    padding-left: 1px;
    border-radius: 50%
}

.social-links ul li a.active,
.social-links ul li a:hover {
    background: #fff;
    color: #447C97
}

.banner.banner--fullscreen .social-links {
    bottom: 100px
}

.search {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    background: rgba(68, 124, 151, .93); 
    color: #fff;
    z-index: 20;
    -webkit-transition: all .5s cubic-bezier(.45, .05, .3, .93);
    transition: all .5s cubic-bezier(.45, .05, .3, .93);
    visibility: hidden;
    opacity: 0
}

.search--active .search {
    left: 0;
    visibility: visible;
    opacity: 1
}

.search .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1024px;
    margin: 0 auto;
    pointer-events: none
}

.search .search-area {
    position: relative;
    width: 100%;
    pointer-events: auto
}

.search .search-area .loader {
    left: unset;
    right: 20px;
    width: auto;
    min-width: auto
}

.search .search-area .loader:before {
    border-color: #fff !important;
    border-top-color: transparent !important
}

.search input[type=text] {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    padding-right: 40px;
    border-bottom: 1px solid #fff
}

.search input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.search input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.search input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.search input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

@media screen and (max-width:808px) {
    .search input[type=text] {
        font-size: 18px
    }
}

.search .search-btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: 0 0;
    color: #fff;
    cursor: pointer;
    z-index: 4
}

.search .search-btn:before {
    content: "\2192";
    position: relative;
    font-weight: 300;
    font-size: 24px
}

.search .search-close {
    position: absolute;
    right: 50px;
    top: 50px;
    font-size: 16px;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.search .search-close:hover {
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .search .search-close {
        top: 20px
    }
}

@media screen and (max-width:540px) {
    .search .search-close {
        right: 40px;
        top: 40px
    }
}

.search .search-area-result {
    position: relative;
    width: 100%;
    opacity: 0;
    max-height: 0;
    overflow: auto;
    pointer-events: auto
}

.search .search-area-result-message {
    font-size: 20px;
    font-weight: 700
}

@media screen and (max-width:808px) {
    .search .search-area-result-message {
        font-size: 16px
    }
}

.search .search-area-result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 63px;
    height: auto;
    width: 100%;
    background-color: #fff;
    text-align: left;
    border-radius: 2px;
    padding: 10px 15px;
    color: #666
}

.search .search-area-result-item+.search-area-result-item {
    margin-top: 5px
}

.search .search-area-result-item:active,
.search .search-area-result-item:focus,
.search .search-area-result-item:hover {
    background-color: #f1f1f1
}

.search .search-area-result-item-figure {
    position: relative;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden
}

.search .search-area-result-item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.search .search-area-result-item-body-title {
    font-size: 13px;
    line-height: 1.1
}

.search .search-area-result-item-body-subtitle {
    font-size: 11px;
    color: #999;
    margin-top: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

.search .search-area-result-item-body-category {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #dadada;
    font-size: 10px;
    border-radius: 2px;
    padding: 2px 5px
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition;
    overflow: hidden;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.modal .modal-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    max-width: 600px;
    max-height: 90%;
    min-width: 40vw;
    padding: 0;
    background: #fff
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .modal .modal-container {
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media screen and (max-width:540px) {
    .modal .modal-container {
        max-height: 93%;
        padding: 30px;
        margin: 30px
    }
}

@media screen and (max-width:405px) {
    .modal .modal-container {
        margin: 0 20px
    }
}

.modal .modal-wrapper {
    position: relative;
    display: block;
    width: 100%;
    max-height: 100%;
    overflow: auto
}

@media screen and (max-width:540px) {
    .modal .modal-wrapper {
        padding-right: 0
    }
}

.modal .content-body {
    max-height: 100%;
    padding-right: 0
}

.modal .content-body .content-title+.content-description {
    margin-top: 20px
}

.modal .content-body .content-description+.content-title,
.modal .content-body p+.content-title {
    margin-top: 16px
}

.modal .content-body .content-description>.content-image {
    margin-top: 16px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .modal .content-body {
        padding: 10px 0 10px 0
    }
}

.modal .modal-close {
    position: absolute;
    right: -15px;
    top: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px;
    width: 46px;
    color: #fff;
    background: #447C97;
    border-radius: 50%;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition;
    z-index: 5;
    cursor: pointer
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .modal .modal-close {
        top: 40px;
        right: 73px
    }
}

.modal .modal-close:before {
    content: '\e882';
    font: 26px font-icons;
    padding-left: 1px
}

.modal .modal-close:hover {
    background: #999
}

.faq-list {
    color: #666
}

.faq-list .faq-item {
    text-align: left
}

.faq-list .faq-item+.faq-item {
    margin-top: 2px
}

.faq-list .faq-item .faq-header {
    position: relative;
    display: block;
    background-color: #fff;
    font-size: 16px;
    padding: 13px 40px 13px 15px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.faq-list .faq-item .faq-header:after {
    content: '\e800';
    position: absolute;
    right: 15px;
    top: 17px;
    font: 18px font-icons
}

.faq-item.active .faq-header:after {
    content: '\e802' !important
}

.faq-list .faq-item .faq-content {
    background-color: #fdfdfd;
    padding: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden
}

.faq-list .faq-item .faq-content .content-description {
    font-weight: inherit
}

.faq-list .faq-item .faq-content::-webkit-scrollbar {
    background: #fff;
    width: 4px;
    height: 4px
}

.faq-list .faq-item .faq-content::-ms-scrollbar-thumb {
    background: #666
}

.faq-list .faq-item .faq-content::-moz-scrollbar-thumb {
    background: #666
}

.faq-list .faq-item .faq-content::-o-scrollbar-thumb {
    background: #666
}

.faq-list .faq-item .faq-content::-webkit-scrollbar-thumb {
    background: #666
}

.faq-list .faq-item.active,
.faq-list .faq-item:hover {
    color: #447C97
}

.faq-list .faq-item.active .faq-header,
.faq-list .faq-item:hover .faq-header {
    color: #447C97;
    border-bottom-color: #447C97
}

.faq-list .faq-item.active .faq-content {
    padding: 15px;
    max-height: 300px;
    visibility: visible;
    opacity: 1
}

@media screen and (max-width:808px) {
    .faq-list .faq-item.active .faq-content {
        max-height: 100%
    }
}

.map {
    position: relative;
    min-height: 30vw;
    background-color: #cecece;
    overflow: auto
}

.map-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 225px;
    min-height: inherit;
    overflow: hidden
}

@media screen and (max-width:808px) {
    .map-container:before {
        padding-top: 60%
    }
}

.map-container>* {
    position: relative;
    height: 100%;
    width: 100%
}

.map-content {
    position: absolute;
    top: 40px;
    right: 35px;
    bottom: 40px;
    width: 260px;
    z-index: 50;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .map-content {
        display: block
    }
}

@media screen and (max-width:1024px) {
    .map-content {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        width: auto;
        margin: 20px
    }
}

.map-content-icons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2px
}

.map-content-icons li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    min-height: 24px;
    font-size: 12px;
    border-radius: 50%;
    background-color: #447C97;
    color: #fff;
    margin: 2px
}

.map-content-icons li i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.map-content-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border-radius: 2px;
    background-color: #f8f9fb
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .map-content-item {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .map-content-item {
        margin-right: 5px
    }
}

.map-content-item:not(:first-child) {
    margin-top: 5px
}

.map-content-item--stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.map-content-item .input.input--select select {
    height: 34px;
    border-radius: 2px
}

.tabs-buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:808px) {
    .tabs-buttons {
        margin: -1px
    }
}

.tabs-buttons-item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 20px 20px;
    color: #447C97;
    font-size: 16px;
    font-weight: 700;
    background-color: #f8f9fb;
    min-height: 90px;
    margin: 0 1px;
    cursor: pointer;
    -webkit-transition: background-color .21s ease-in-out 0s;
    transition: background-color .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:808px) {
    .tabs-buttons-item {
        min-height: 50px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        margin: 1px
    }
}

@media screen and (max-width:405px) {
    .tabs-buttons-item {
        min-height: 40px;
        padding: 15px 10px;
        font-size: 15px
    }
}

.tabs-buttons-item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background-color: #666;
    z-index: 3;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.tabs-buttons-item.active,
.tabs-buttons-item:hover {
    background-color: #fff
}

.tabs-buttons-item.active:before,
.tabs-buttons-item:hover:before {
    width: 100%;
    background-color: #447C97
}

.tabs-container .content-tags .content-tags-item {
    list-style: none !important
}

.tabs-container .content-tags .content-tags-item .content-tags-item-wrapper {
    background-color: #f5f5f5;
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.tabs-container .content-tags .content-tags-item a.content-tags-item-wrapper:hover {
    background-color: #447C97;
    color: #fff
}

.tabs-content {
    display: none;
    background-color: #fff;
    padding: 50px
}

@media screen and (max-width:808px) {
    .tabs-content {
        padding: 30px
    }
}

@media screen and (max-width:405px) {
    .tabs-content {
        padding: 20px
    }
}

.tabs-content .content-body {
    margin-top: -5px
}

.tabs-content.active {
    display: block
}

.cookie-check {
    position: fixed;
    left: 0;
    bottom: 0;
    right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 55px;
    padding: 12px 15px;
    background: #0085c3;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    color: #fff;
    z-index: 9
}

.cookie-check p {
    letter-spacing: 1px
}

.cookie-check>* {
    margin: 0 10px;
    line-height: 1
}

.cookie-check a {
    color: #fff;
    letter-spacing: .5px
}

.cookie-check a:hover {
    text-decoration: underline
}

.cookie-check .btn {
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 1px;
    padding: 3px 15px 4.5px;
    height: 28px;
    cursor: pointer
}

.cookie-check .btn:hover {
    background-color: #fff;
    color: #0085c3
}

@media screen and (max-width:1200px) {
    .cookie-check {
        right: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-right: 80px
    }

    .cookie-check a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap
    }

    .cookie-check p {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%
    }

    .cookie-check>* {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width:730px) {
    .cookie-check {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-right: 80px
    }

    .cookie-check a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: normal
    }

    .cookie-check p {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        font-size: 12px
    }

    .cookie-check>* {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width:540px) {
    .cookie-check {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-right: 20px
    }

    .cookie-check a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .cookie-check p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 1.3;
        font-size: 13px
    }

    .cookie-check>* {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 10px
    }
}

.lines {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none
}

.lines .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 140px;
    padding-right: 140px
}

@media screen and (max-width:1132px) {
    .lines .container {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media screen and (max-width:540px) {
    .lines .container {
        padding-left: 25px;
        padding-right: 25px
    }
}

.lines-item {
    position: relative;
    height: 100%;
    width: 1px;
    border-left: 1px solid #666;
    opacity: .05;
    -webkit-animation: line 5s linear infinite;
    animation: line 5s linear infinite
}

.lines-item:nth-child(1) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.lines-item:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.lines-item:nth-child(3) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.lines-item:nth-child(4) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

@-webkit-keyframes line {
    0% {
        opacity: .05
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: .05
    }
}

@keyframes line {
    0% {
        opacity: .05
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: .05
    }
}

.vaccination-schedule {
    position: relative;
    width: 100%
}

.vaccination-schedule sub {
    position: relative;
    top: -.5em
}

.vaccination-schedule-topbar {
    border: 1px solid rgba(204, 204, 204, .5);
    background-color: #fff;
    padding: 12px 20px
}

.vaccination-schedule-topbar input {
    display: block;
    min-width: 200px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid rgba(204, 204, 204, .5)
}

@media screen and (max-width:1024px) {
    .vaccination-schedule-topbar input {
        min-width: auto;
        width: 100%
    }
}

.vaccination-schedule-table {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.vaccination-schedule-table table {
    width: 100%;
    background-color: #fff
}

.vaccination-schedule-table table thead tr td,
.vaccination-schedule-table table thead tr th {
    font-weight: 700;
    background-color: #f7f7f7;
    border: 1px solid rgba(204, 204, 204, .5);
    padding: 15px 5px;
    min-width: 100px;
    text-align: center
}

.vaccination-schedule-table table thead tr td:not(:last-child),
.vaccination-schedule-table table thead tr th:not(:last-child) {
    border-right: 1px solid rgba(204, 204, 204, .5)
}

.vaccination-schedule-table table tbody tr td,
.vaccination-schedule-table table tbody tr th {
    border: 1px solid rgba(204, 204, 204, .5);
    padding: 15px 14px
}

.vaccination-schedule-table table tbody tr th {
    font-weight: 700
}

.vaccination-schedule-table table tbody tr th:not(.no-color) {
    color: #447C97
}

.vaccination-schedule-table table tbody tr td {
    text-align: center
}

.vaccination-schedule-table table tbody tr td i {
    font-size: 20px
}

.vaccination-schedule-tooltip {
    position: relative;
    cursor: pointer
}

.vaccination-schedule-tooltip-container {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 15vw;
    padding: 20px;
    background-color: #447C97;
    color: #fff;
    opacity: 0;
    cursor: auto;
    z-index: 10;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    transition: opacity .21s ease-in-out 0s, visibility .21s ease-in-out 0s;
    will-change: transition
}

@media screen and (max-width:808px) {
    .vaccination-schedule-tooltip-container {
        padding: 13px
    }
}

.vaccination-schedule-tooltip-container:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 22px;
    width: 0;
    border: 10px solid transparent;
    border-right-color: #447C97
}

.vaccination-schedule-tooltip-container--bottom {
    bottom: 0;
    top: unset
}

.vaccination-schedule-tooltip-container--bottom:before {
    top: unset;
    bottom: 18px
}

@media screen and (max-width:1440px) {
    .vaccination-schedule-tooltip-container {
        min-width: 25vw
    }
}

@media screen and (max-width:1132px) {
    .vaccination-schedule-tooltip-container {
        min-width: 35vw
    }
}

@media screen and (max-width:808px) {
    .vaccination-schedule-tooltip-container {
        min-width: 50vw
    }
}

.vaccination-schedule-tooltip:hover .vaccination-schedule-tooltip-container {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

@media print {

    .footer,
    .header,
    .lines,
    .main>:not(.content),
    .not-printable,
    .page>:not(.wrapper),
    .toolbar,
    .vaccination-schedule-tooltip-container {
        display: none
    }

    .vaccination-schedule table thead tr td,
    .vaccination-schedule table thead tr th {
        min-width: 50px;
        padding: 10px 10px
    }

    .vaccination-schedule table tbody tr td,
    .vaccination-schedule table tbody tr th {
        padding: 8px
    }

    .vaccination-schedule table tr td,
    .vaccination-schedule table tr th {
        font-size: 14px
    }

    .vaccination-schedule table tbody tr td i {
        font-size: 16px
    }

    .vaccination-schedule-topbar>.row>* {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }
}

@page {
    margin-top: 5px;
    size: landscape
}

.contact-body {
    color: #fff;
    background-color: #447C97
}

.contact-body .content-description a.active,
.contact-body .content-description a:hover {
    color: #000
}

.contact-form {
    background-color: #fff
}

.contact-form .input input,
.contact-form .input select,
.contact-form .input textarea {
    background-color: #f7f7f7
}

.height-width-index .container {
    background-color: #fff;
    padding: 30px 60px;
    border: 1px solid rgba(204, 204, 204, .5)
}

.height-width-index-genders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px
}

.height-width-index-genders-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    -webkit-transition: color .21s ease-in-out 0s;
    transition: color .21s ease-in-out 0s;
    will-change: transition
}

.height-width-index-genders-item i:before {
    font-size: 15rem
}

.height-width-index-genders-item i:not(:last-child) {
    margin-bottom: 20px
}

.height-width-index-genders-item:hover {
    color: rgba(211, 24, 32, .625)
}

.height-width-index-genders-item.active {
    color: #447C97
}

.height-width-index-genders-item.active .input-checkbox .input-checkbox-ui {
    border-color: #447C97
}

.height-width-index-genders-item.active .input-checkbox .input-checkbox-ui:before {
    background-color: #447C97
}

.height-width-index-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.height-width-index-inputs-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.height-width-index-inputs-item+.height-width-index-inputs-item {
    margin-top: 20px
}

.height-width-index-inputs-item-title {
    font-size: 18px;
    font-weight: 700;
    color: #447C97;
    margin-bottom: 5px
}

.height-width-index-inputs-item input[type=range] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 10px;
    -webkit-appearance: none;
    background-color: #447C97;
    border-radius: 25px
}

.height-width-index-inputs-item input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 2px solid #447C97;
    border-radius: 50%;
    cursor: pointer
}

.height-width-index-inputs-item input[type=range]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #fff;
    border: 2px solid #447C97;
    border-radius: 50%;
    cursor: pointer
}

.height-width-index-inputs-item .input {
    width: auto
}

.height-width-index-inputs-item .input:last-child {
    margin-left: 20px
}

.height-width-index-inputs-item .input--select select {
    height: 36px;
    font-size: 14px;
    border: 1px solid #666
}

.height-width-index-table {
    text-align: left
}

.height-width-index-table th {
    font-weight: 700
}

.height-width-index-table td {
    color: #447C97
}

.height-width-index-table td p {
    color: #999
}

.height-width-index-table td,
.height-width-index-table th {
    padding: 10px;
    border: 1px solid #666
}

.height-width-index .btn {
    padding: 7px 20px 8px
}

.height-width-index .btn,
.height-width-index .btn i {
    font-size: 20px
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5
}

html .main.active--menu,
html .page.active--menu,
html .page.responsive-menu--active,
html .page.search--active,
html.swipebox-html body.main,
html.swipebox-html body.page {
    padding-right: 8px;
    overflow: hidden
}

a {
    text-decoration: none;
    height: inherit;
    color: inherit;
    outline: 0
}

section {
    position: relative;
    z-index: 3
}

figure {
    font-size: 0
}

input,
option,
select,
textarea {
    background: 0 0;
    border: none;
    outline: 0;
    color: inherit
}

input::-ms-clear,
input::-ms-expand,
option::-ms-clear,
option::-ms-expand,
select::-ms-clear,
select::-ms-expand,
textarea::-ms-clear,
textarea::-ms-expand {
    display: none
}

button,
input[type=checkbox],
input[type=radio],
input[type=submit] {
    border: none;
    cursor: pointer
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-clear,
select::-ms-expand {
    display: none
}

textarea {
    resize: none
}

small,
time {
    display: block
}

.btn,
.btn:after,
.btn:before,
.loader,
.owl-dot,
.owl-nav [class*=owl-],
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet,
[data-bg],
[data-src],
button,
figure,
figure:after,
figure:before,
li a,
li a:after,
li a:before {
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

.loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(204, 204, 204, .5);
    min-height: inherit;
    min-width: inherit
}

.loader.loader--over {
    z-index: 20
}

.loader:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px 0 0 -21px;
    border-width: 1px;
    border-style: solid;
    border-color: #447C97;
    border-top-color: transparent;
    border-right-color: #999;
    border-bottom-color: #666;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite
}

.loader--small:before {
    margin: -13.5px 0 0 -13.5px;
    border-width: 1px;
    border-style: solid;
    border-color: #447C97;
    border-top-color: transparent;
    border-right-color: #999;
    border-bottom-color: #666;
    width: 25px;
    height: 25px
}

[data-src] {
    -webkit-transition: all .21s ease-in-out 0s;
    transition: all .21s ease-in-out 0s;
    will-change: transition
}

.loader.loader--off,
[data-src].loader--loaded+.loader,
[data-src]:not(.loader--loaded) {
    opacity: 0;
    visibility: hidden
}

.loader--no-bg .loader,
.loader.loader--no-bg {
    background: 0 0 !important;
    border: none !important
}

.loader--no-bg .loader:before,
.loader.loader--no-bg:before {
    border-color: #447C97;
    border-top-color: transparent;
    border-right-color: #999;
    border-bottom-color: #666
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.grayscale-hover:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.grayscale-close:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.hidden,
.none {
    display: none
}

.background,
.banner .banner-image {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.background--cover,
.banner .banner-image {
    position: absolute;
    background-size: cover
}

.background--mask {
    opacity: .125;
    pointer-events: none
}

.background--mask:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: linear-gradient(to bottom, transparent 0, #fff 100%)
}

.background--contain {
    background-size: contain
}

.background--fixed {
    background-attachment: fixed
}

.background--right {
    background-position: right
}

.background--left {
    background-position: left
}

.background--bottom {
    background-position: bottom
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    width: auto;
    margin: 0
}

[data-owl-next],
[data-owl-prev] {
    cursor: pointer
}

@media screen and (min-device-width:1024px) {
    [data-reveal]:not(.revealed) {
        visibility: hidden
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .btn {
        height: 40px
    }

    .page-header-language {
        right: 80px;
        width: 0
    }
}

@media screen and (-ms-high-contrast:active) and (max-width:1132px),
screen and (-ms-high-contrast:none) and (max-width:1132px) {
    .page-header-language {
        display: none
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .feshane .feshane-item {
        display: block
    }

    .page-footer-wrapper .page-footer-sitemap ul {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .box .box-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .banner .swiper-pagination {
        left: -32px
    }
}

@media screen and (-ms-high-contrast:active) and (max-width:1132px),
screen and (-ms-high-contrast:none) and (max-width:1132px) {
    .banner .swiper-pagination {
        left: 19px
    }
}