@font-face {
    font-family:Luxstay;
    font-display:swap;
    src:url(/themes/fl/fonts/4177830.woff2) format("woff2"),
    url(/themes/fl/fonts/16726cd.woff) format("woff"),
    url(/themes/fl/fonts/e798200.ttf) format("truetype");
    font-weight:900;
    font-style:normal
}
@font-face {
    font-family:Luxstay;
    font-display:swap;
    src:url(/themes/fl/fonts/f4b9a70.woff2) format("woff2"),
    url(/themes/fl/fonts/8fccc39.woff) format("woff"),
    url(/themes/fl/fonts/01dcf60.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
@font-face {
    font-family:Luxstay;
    font-display:swap;
    src:url(/themes/fl/fonts/f4b9a70.woff2) format("woff2"),
    url(/themes/fl/fonts/8fccc39.woff) format("woff"),
    url(/themes/fl/fonts/01dcf60.ttf) format("truetype");
    font-weight:bold;
    font-style:normal
}
@font-face {
    font-family:Luxstay;
    font-display:swap;
    src:url(/themes/fl/fonts/e3a0b22.woff2) format("woff2"),
    url(/themes/fl/fonts/eaeb2b0.woff) format("woff"),
    url(/themes/fl/fonts/a2b67a6.ttf) format("truetype");
    font-weight:600;
    font-style:normal
}
@font-face {
    font-family:Luxstay;
    font-display:swap;
    src:url(/themes/fl/fonts/29eaaf5.woff2) format("woff2"),
    url(/themes/fl/fonts/b7018de.woff) format("woff"),
    url(/themes/fl/fonts/fa62c04.ttf) format("truetype");
    font-weight:500;
    font-style:normal
}
@font-face {
    font-family:Luxstay;
    font-display:swap;
    src:url(/themes/fl/fonts/29eaaf5.woff2) format("woff2"),
    url(/themes/fl/fonts/b7018de.woff) format("woff"),
    url(/themes/fl/fonts/fa62c04.ttf) format("truetype");
    font-weight:normal;
    font-style:normal
}
@font-face {
    font-family:Luxstay;
    font-display:swap;
    src:url(/themes/fl/fonts/29eaaf5.woff2) format("woff2"),
    url(/themes/fl/fonts/b7018de.woff) format("woff"),
    url(/themes/fl/fonts/fa62c04.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family: 'fontello';
    src: url('/themes/fl/fonts/fontello.eot?97103588');
    src: url('/themes/fl/fonts/fontello.eot?97103588#iefix') format('embedded-opentype'),
    url('/themes/fl/fonts/fontello.woff2?97103588') format('woff2'),
    url('/themes/fl/fonts/fontello.woff?97103588') format('woff'),
    url('/themes/fl/fonts/fontello.ttf?97103588') format('truetype'),
    url('/themes/fl/fonts/fontello.svg?97103588#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:Helvetica Neue;
    src:url(/themes/fl/fonts/HelveticaNeue.ttf) format("truetype")
}
@font-face {
    font-family:Helvetica Neue;
    font-weight:bold;
    src:url(/themes/fl/fonts/HelveticaNeue-Bold.ttf) format("truetype");
    src:url(/themes/fl/fonts/HelveticaNeue-Bold.otf) format("opentype")
}
@font-face {
    font-family:Helvetica Neue;
    font-weight:normal;
    font-style:Italic;
    src:url(/themes/fl/fonts/HelveticaNeue-Italic.ttf) format("truetype");
    src:url(/themes/fl/fonts/HelveticaNeue-Italic.otf) format("opentype")
}
@font-face {
    font-family:Helvetica Neue; font-weight:400;
    src:url(/themes/fl/fonts/HelveticaNeue-Medium.ttf) format("truetype")
}
@font-face {
    font-family:Helvetica Neue;
    font-weight:300;
    src:url(/themes/fl/fonts/helvetica-neue-regular.ttf) format("truetype")
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
@font-face {
    font-family: 'con_cung';
    src: url('/themes/fl/fonts/concung-font.woff2') format('woff2'),
    url('/themes/fl/fonts/concung-font.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.icon-phone-outline:before { content: '\e800'; } /* '' */
.icon-local:before { content: '\e801'; } /* '' */
.icon-phone-1:before { content: '\e802'; } /* '' */
.icon-phone2:before { content: '\e803'; } /* '' */
.icon-email:before { content: '\e804'; } /* '' */
.icon-web:before { content: '\e805'; } /* '' */
.icon-phone-2:before { content: '\e806'; } /* '' */
.icon-user:before { content: '\e807'; } /* '' */
.icon-mail:before { content: '\e808'; } /* '' */
.icon-search-1:before { content: '\e809'; } /* '' */
.icon-menu11:before { content: '\e80a'; } /* '' */
.icon-cancel:before { content: '\e80b'; } /* '' */
.icon-cog:before { content: '\e80c'; } /* '' */
.icon-chat:before { content: '\e80d'; } /* '' */
.icon-attach:before { content: '\e80e'; } /* '' */
.icon-home:before { content: '\e80f'; } /* '' */
.icon-user-o-2:before { content: '\e810'; } /* '' */
.icon-phone-3:before { content: '\e811'; } /* '' */
.icon-search:before { content: '\e812'; } /* '' */
.icon-car:before { content: '\e813'; } /* '' */
.icon-art-studies-svgrepo-com:before { content: '\e814'; } /* '' */
.icon-zalo-2:before { content: '\e815'; } /* '' */
.icon-cart:before { content: '\e816'; } /* '' */
.icon-icon-newspaper:before { content: '\e817'; } /* '' */
.icon-search-2:before { content: '\e818'; } /* '' */
.icon-sotang:before { content: '\e819'; } /* '' */
.icon-namthuchien:before { content: '\e823'; } /* '' */
.icon-donvithuchien:before { content: '\e824'; } /* '' */
.icon-dienthicxaydung:before { content: '\e825'; } /* '' */
.icon-mattien:before { content: '\e828'; } /* '' */
.icon-congnang:before { content: '\e829'; } /* '' */
.icon-chudautu-1:before { content: '\e82d'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-menu-1:before { content: '\f0c9'; } /* '' */
.icon-pinterest-circled:before { content: '\f0d2'; } /* '' */
.icon-pinterest-squared:before { content: '\f0d3'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-youtube-squared:before { content: '\f166'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */

                /*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/themes/fl/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('/themes/fl/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('/themes/fl/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('/themes/fl/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('/themes/fl/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('/themes/fl/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

                
@font-face {
  font-family: "feather";
  src: url('/themes/fl/fonts/feather.eot?t=1525787366991'); /* IE9*/
  src: url('/themes/fl/fonts/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/themes/fl/fonts/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */
  url('/themes/fl/fonts/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/themes/fl/fonts/feather.svg?t=1525787366991#feather') format('svg'); /* iOS 4.1- */
}

.feather {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before { content: "\e81b"; }

.icon-alert-circle:before { content: "\e81c"; }

.icon-activity:before { content: "\e81d"; }

.icon-alert-triangle:before { content: "\e81e"; }

.icon-align-center:before { content: "\e81f"; }

.icon-airplay:before { content: "\e820"; }

.icon-align-justify:before { content: "\e821"; }

.icon-align-left:before { content: "\e822"; }

.icon-align-right:before { content: "\e823"; }

.icon-arrow-down-left:before { content: "\e824"; }

.icon-arrow-down-right:before { content: "\e825"; }

.icon-anchor:before { content: "\e826"; }

.icon-aperture:before { content: "\e827"; }

.icon-arrow-left:before { content: "\e828"; }

.icon-arrow-right:before { content: "\e829"; }

.icon-arrow-down:before { content: "\e82a"; }

.icon-arrow-up-left:before { content: "\e82b"; }

.icon-arrow-up-right:before { content: "\e82c"; }

.icon-arrow-up:before { content: "\e82d"; }

.icon-award:before { content: "\e82e"; }

.icon-bar-chart:before { content: "\e82f"; }

.icon-at-sign:before { content: "\e830"; }

.icon-bar-chart-2:before { content: "\e831"; }

.icon-battery-charging:before { content: "\e832"; }

.icon-bell-off:before { content: "\e833"; }

.icon-battery:before { content: "\e834"; }

.icon-bluetooth:before { content: "\e835"; }

.icon-bell:before { content: "\e836"; }

.icon-book:before { content: "\e837"; }

.icon-briefcase:before { content: "\e838"; }

.icon-camera-off:before { content: "\e839"; }

.icon-calendar:before { content: "\e83a"; }

.icon-bookmark:before { content: "\e83b"; }

.icon-box:before { content: "\e83c"; }

.icon-camera:before { content: "\e83d"; }

.icon-check-circle:before { content: "\e83e"; }

.icon-check:before { content: "\e83f"; }

.icon-check-square:before { content: "\e840"; }

.icon-cast:before { content: "\e841"; }

.icon-chevron-down:before { content: "\e842"; }

.icon-chevron-left:before { content: "\e843"; }

.icon-chevron-right:before { content: "\e844"; }

.icon-chevron-up:before { content: "\e845"; }

.icon-chevrons-down:before { content: "\e846"; }

.icon-chevrons-right:before { content: "\e847"; }

.icon-chevrons-up:before { content: "\e848"; }

.icon-chevrons-left:before { content: "\e849"; }

.icon-circle:before { content: "\e84a"; }

.icon-clipboard:before { content: "\e84b"; }

.icon-chrome:before { content: "\e84c"; }

.icon-clock:before { content: "\e84d"; }

.icon-cloud-lightning:before { content: "\e84e"; }

.icon-cloud-drizzle:before { content: "\e84f"; }

.icon-cloud-rain:before { content: "\e850"; }

.icon-cloud-off:before { content: "\e851"; }

.icon-codepen:before { content: "\e852"; }

.icon-cloud-snow:before { content: "\e853"; }

.icon-compass:before { content: "\e854"; }

.icon-copy:before { content: "\e855"; }

.icon-corner-down-right:before { content: "\e856"; }

.icon-corner-down-left:before { content: "\e857"; }

.icon-corner-left-down:before { content: "\e858"; }

.icon-corner-left-up:before { content: "\e859"; }

.icon-corner-up-left:before { content: "\e85a"; }

.icon-corner-up-right:before { content: "\e85b"; }

.icon-corner-right-down:before { content: "\e85c"; }

.icon-corner-right-up:before { content: "\e85d"; }

.icon-cpu:before { content: "\e85e"; }

.icon-credit-card:before { content: "\e85f"; }

.icon-crosshair:before { content: "\e860"; }

.icon-disc:before { content: "\e861"; }

.icon-delete:before { content: "\e862"; }

.icon-download-cloud:before { content: "\e863"; }

.icon-download:before { content: "\e864"; }

.icon-droplet:before { content: "\e865"; }

.icon-edit-2:before { content: "\e866"; }

.icon-edit:before { content: "\e867"; }

.icon-edit-1:before { content: "\e868"; }

.icon-external-link:before { content: "\e869"; }

.icon-eye:before { content: "\e86a"; }

.icon-feather:before { content: "\e86b"; }

.icon-facebook:before { content: "\e86c"; }

.icon-file-minus:before { content: "\e86d"; }

.icon-eye-off:before { content: "\e86e"; }

.icon-fast-forward:before { content: "\e86f"; }

.icon-file-text:before { content: "\e870"; }

.icon-film:before { content: "\e871"; }

.icon-file:before { content: "\e872"; }

.icon-file-plus:before { content: "\e873"; }

.icon-folder:before { content: "\e874"; }

.icon-filter:before { content: "\e875"; }

.icon-flag:before { content: "\e876"; }

.icon-globe:before { content: "\e877"; }

.icon-grid:before { content: "\e878"; }

.icon-heart:before { content: "\e879"; }

.icon-home:before { content: "\e87a"; }

.icon-github:before { content: "\e87b"; }

.icon-image:before { content: "\e87c"; }

.icon-inbox:before { content: "\e87d"; }

.icon-layers:before { content: "\e87e"; }

.icon-info:before { content: "\e87f"; }

.icon-instagram:before { content: "\e880"; }

.icon-layout:before { content: "\e881"; }

.icon-link-2:before { content: "\e882"; }

.icon-life-buoy:before { content: "\e883"; }

.icon-link:before { content: "\e884"; }

.icon-log-in:before { content: "\e885"; }

.icon-list:before { content: "\e886"; }

.icon-lock:before { content: "\e887"; }

.icon-log-out:before { content: "\e888"; }

.icon-loader:before { content: "\e889"; }

.icon-mail:before { content: "\e88a"; }

.icon-maximize-2:before { content: "\e88b"; }

.icon-map:before { content: "\e88c"; }

.icon-map-pin:before { content: "\e88e"; }

.icon-menu:before { content: "\e88f"; }

.icon-message-circle:before { content: "\e890"; }

.icon-message-square:before { content: "\e891"; }

.icon-minimize-2:before { content: "\e892"; }

.icon-mic-off:before { content: "\e893"; }

.icon-minus-circle:before { content: "\e894"; }

.icon-mic:before { content: "\e895"; }

.icon-minus-square:before { content: "\e896"; }

.icon-minus:before { content: "\e897"; }

.icon-moon:before { content: "\e898"; }

.icon-monitor:before { content: "\e899"; }

.icon-more-vertical:before { content: "\e89a"; }

.icon-more-horizontal:before { content: "\e89b"; }

.icon-move:before { content: "\e89c"; }

.icon-music:before { content: "\e89d"; }

.icon-navigation-2:before { content: "\e89e"; }

.icon-navigation:before { content: "\e89f"; }

.icon-octagon:before { content: "\e8a0"; }

.icon-package:before { content: "\e8a1"; }

.icon-pause-circle:before { content: "\e8a2"; }

.icon-pause:before { content: "\e8a3"; }

.icon-percent:before { content: "\e8a4"; }

.icon-phone-call:before { content: "\e8a5"; }

.icon-phone-forwarded:before { content: "\e8a6"; }

.icon-phone-missed:before { content: "\e8a7"; }

.icon-phone-off:before { content: "\e8a8"; }

.icon-phone-incoming:before { content: "\e8a9"; }

.icon-phone:before { content: "\e8aa"; }

.icon-phone-outgoing:before { content: "\e8ab"; }

.icon-pie-chart:before { content: "\e8ac"; }

.icon-play-circle:before { content: "\e8ad"; }

.icon-play:before { content: "\e8ae"; }

.icon-plus-square:before { content: "\e8af"; }

.icon-plus-circle:before { content: "\e8b0"; }

.icon-plus:before { content: "\e8b1"; }

.icon-pocket:before { content: "\e8b2"; }

.icon-printer:before { content: "\e8b3"; }

.icon-power:before { content: "\e8b4"; }

.icon-radio:before { content: "\e8b5"; }

.icon-repeat:before { content: "\e8b6"; }

.icon-refresh-ccw:before { content: "\e8b7"; }

.icon-rewind:before { content: "\e8b8"; }

.icon-rotate-ccw:before { content: "\e8b9"; }

.icon-refresh-cw:before { content: "\e8ba"; }

.icon-rotate-cw:before { content: "\e8bb"; }

.icon-save:before { content: "\e8bc"; }

.icon-search:before { content: "\e8bd"; }

.icon-server:before { content: "\e8be"; }

.icon-scissors:before { content: "\e8bf"; }

.icon-share-2:before { content: "\e8c0"; }

.icon-share:before { content: "\e8c1"; }

.icon-shield:before { content: "\e8c2"; }

.icon-settings:before { content: "\e8c3"; }

.icon-skip-back:before { content: "\e8c4"; }

.icon-shuffle:before { content: "\e8c5"; }

.icon-sidebar:before { content: "\e8c6"; }

.icon-skip-forward:before { content: "\e8c7"; }

.icon-slack:before { content: "\e8c8"; }

.icon-slash:before { content: "\e8c9"; }

.icon-smartphone:before { content: "\e8ca"; }

.icon-square:before { content: "\e8cb"; }

.icon-speaker:before { content: "\e8cc"; }

.icon-star:before { content: "\e8cd"; }

.icon-stop-circle:before { content: "\e8ce"; }

.icon-sun:before { content: "\e8cf"; }

.icon-sunrise:before { content: "\e8d0"; }

.icon-tablet:before { content: "\e8d1"; }

.icon-tag:before { content: "\e8d2"; }

.icon-sunset:before { content: "\e8d3"; }

.icon-target:before { content: "\e8d4"; }

.icon-thermometer:before { content: "\e8d5"; }

.icon-thumbs-up:before { content: "\e8d6"; }

.icon-thumbs-down:before { content: "\e8d7"; }

.icon-toggle-left:before { content: "\e8d8"; }

.icon-toggle-right:before { content: "\e8d9"; }

.icon-trash-2:before { content: "\e8da"; }

.icon-trash:before { content: "\e8db"; }

.icon-trending-up:before { content: "\e8dc"; }

.icon-trending-down:before { content: "\e8dd"; }

.icon-triangle:before { content: "\e8de"; }

.icon-type:before { content: "\e8df"; }

.icon-twitter:before { content: "\e8e0"; }

.icon-upload:before { content: "\e8e1"; }

.icon-umbrella:before { content: "\e8e2"; }

.icon-upload-cloud:before { content: "\e8e3"; }

.icon-unlock:before { content: "\e8e4"; }

.icon-user-check:before { content: "\e8e5"; }

.icon-user-minus:before { content: "\e8e6"; }

.icon-user-plus:before { content: "\e8e7"; }

.icon-user-x:before { content: "\e8e8"; }

.icon-user:before { content: "\e8e9"; }

.icon-users:before { content: "\e8ea"; }

.icon-video-off:before { content: "\e8eb"; }

.icon-video:before { content: "\e8ec"; }

.icon-voicemail:before { content: "\e8ed"; }

.icon-volume-x:before { content: "\e8ee"; }

.icon-volume-2:before { content: "\e8ef"; }

.icon-volume-1:before { content: "\e8f0"; }

.icon-volume:before { content: "\e8f1"; }

.icon-watch:before { content: "\e8f2"; }

.icon-wifi:before { content: "\e8f3"; }

.icon-x-square:before { content: "\e8f4"; }

.icon-wind:before { content: "\e8f5"; }

.icon-x:before { content: "\e8f6"; }

.icon-x-circle:before { content: "\e8f7"; }

.icon-zap:before { content: "\e8f8"; }

.icon-zoom-in:before { content: "\e8f9"; }

.icon-zoom-out:before { content: "\e8fa"; }

.icon-command:before { content: "\e8fb"; }

.icon-cloud:before { content: "\e8fc"; }

.icon-hash:before { content: "\e8fd"; }

.icon-headphones:before { content: "\e8fe"; }

.icon-underline:before { content: "\e8ff"; }

.icon-italic:before { content: "\e900"; }

.icon-bold:before { content: "\e901"; }

.icon-crop:before { content: "\e902"; }

.icon-help-circle:before { content: "\e903"; }

.icon-paperclip:before { content: "\e904"; }

.icon-shopping-cart:before { content: "\e905"; }

.icon-tv:before { content: "\e906"; }

.icon-wifi-off:before { content: "\e907"; }

.icon-minimize:before { content: "\e88d"; }

.icon-maximize:before { content: "\e908"; }

.icon-gitlab:before { content: "\e909"; }

.icon-sliders:before { content: "\e90a"; }

.icon-star-on:before { content: "\e90b"; }

.icon-heart-on:before { content: "\e90c"; }

.icon-archive:before { content: "\e90d"; }

.icon-arrow-down-circle:before { content: "\e90e"; }

.icon-arrow-up-circle:before { content: "\e90f"; }

.icon-arrow-left-circle:before { content: "\e910"; }

.icon-arrow-right-circle:before { content: "\e911"; }

.icon-bar-chart-line-:before { content: "\e912"; }

.icon-bar-chart-line:before { content: "\e913"; }

.icon-book-open:before { content: "\e914"; }

.icon-code:before { content: "\e915"; }

.icon-database:before { content: "\e916"; }

.icon-dollar-sign:before { content: "\e917"; }

.icon-folder-plus:before { content: "\e918"; }

.icon-gift:before { content: "\e919"; }

.icon-folder-minus:before { content: "\e91a"; }

.icon-git-commit:before { content: "\e91b"; }

.icon-git-branch:before { content: "\e91c"; }

.icon-git-pull-request:before { content: "\e91d"; }

.icon-git-merge:before { content: "\e91e"; }

.icon-linkedin:before { content: "\e91f"; }

.icon-hard-drive:before { content: "\e920"; }

.icon-more-vertical-:before { content: "\e921"; }

.icon-more-horizontal-:before { content: "\e922"; }

.icon-rss:before { content: "\e923"; }

.icon-send:before { content: "\e924"; }

.icon-shield-off:before { content: "\e925"; }

.icon-shopping-bag:before { content: "\e926"; }

.icon-terminal:before { content: "\e927"; }

.icon-truck:before { content: "\e928"; }

.icon-zap-off:before { content: "\e929"; }

.icon-youtube:before { content: "\e92a"; }

                /*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

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

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

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

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

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

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

dt {
    font-weight: 700;
}

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

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

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

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

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

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

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

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

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

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

table {
    border-collapse: collapse;
}

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

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

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

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

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

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical;
}

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

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

progress {
    vertical-align: baseline;
}

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

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

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

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

output {
    display: inline-block;
}

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

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.blockquote-footer::before {
    content: "\2014\00A0";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

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

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

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

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

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

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

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

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .offset-xl-2 {
        margin-left: 16.666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.333333%;
    }
    .offset-xl-5 {
        margin-left: 41.666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.333333%;
    }
    .offset-xl-8 {
        margin-left: 66.666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.333333%;
    }
    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #7abaff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
    border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    border-color: #8fd19e;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
    border-color: #86cfda;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
    border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    border-color: #ed969e;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
    border-color: #fbfcfc;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #95999c;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm > .table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md > .table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl > .table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
    border: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
        display: inline-block;
    }
    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }
    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }
    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }
    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
    text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

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

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

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
    margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
    display: -ms-flexbox;
    display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
    margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

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

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

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.custom-select::-ms-expand {
    display: none;
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
    color: #fff;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .card-group > .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.accordion {
    overflow-anchor: none;
}

.accordion > .card {
    overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item {
    display: -ms-flexbox;
    display: flex;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-item + .list-group-item {
    border-top-width: 0;
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
    margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

.list-group-flush {
    border-radius: 0;
}

.list-group-flush > .list-group-item {
    border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:hover {
    color: #000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
    padding: 0.75rem;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.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;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.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: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        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: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

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

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

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

.flex-column-reverse {
    -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 {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -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 {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -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 {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

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

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -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: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -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 {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        -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 {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-sm-between {
        -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 {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        -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: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -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 {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        -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 {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-md-between {
        -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 {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        -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: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -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 {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        -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 {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-lg-between {
        -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 {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        -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: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        -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 {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        -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 {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-xl-between {
        -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 {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        -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;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

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

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !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;
}

.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: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !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: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !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: 576px) {
    .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: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !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: 768px) {
    .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: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !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: 992px) {
    .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: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !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: 1200px) {
    .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: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !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: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !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;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !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: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-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: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.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;
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        min-width: 992px !important;
    }
    .container {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}
/*# sourceMappingURL=bootstrap.css.map */


                /* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

                .br-theme-fontawesome-stars .br-widget{height:28px;white-space:nowrap}.br-theme-fontawesome-stars .br-widget a{font:normal normal normal 20px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;text-decoration:none;margin-right:2px}.br-theme-fontawesome-stars .br-widget a:after{content:'\f005';color:#d2d2d2}.br-theme-fontawesome-stars .br-widget a.br-active:after{color:#edb867}.br-theme-fontawesome-stars .br-widget a.br-selected:after{color:#edb867}.br-theme-fontawesome-stars .br-widget .br-current-rating{display:none}.br-theme-fontawesome-stars .br-readonly a{cursor:default}@media print{.br-theme-fontawesome-stars .br-widget a:after{content:'\f006';color:#000}.br-theme-fontawesome-stars .br-widget a.br-active:after,.br-theme-fontawesome-stars .br-widget a.br-selected:after{content:'\f005';color:#000}}

                .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}

                
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#fdd869;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;max-width: 100%;
  transition-property: transform;
}

.category-style-4 .swiper-slide {
  max-width: 320px;
}
.baivietdaxem .swiper-slide {
  max-width: 320px;
}
@media (max-width: 480px){
  .category-style-4 .swiper-slide {
    width: 310px;
   }
    .baivietdaxem .swiper-slide {
    width: 310px;
   }
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.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 {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  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: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.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-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  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%;
  transform: translate3d(0px, -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%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms 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%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 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%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background:#6A4113;
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 6px;
    bottom: 0px;
    z-index: 50;
    height: 3px;
    width: 98%;
    transform: scale(0.5);
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 200%;
width: 100%;
position: relative;
background: #C89214;
border-radius: 10px;
left: 0;
top: -1px;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  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;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.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 {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  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 {
  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-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.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-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.wigetslide .swiper-button-prev,.wigetslide .swiper-button-next{

}
.b-slide-style .swiper-button-prev,.b-slide-style .swiper-container-rtl .swiper-button-next {
  left: -8px;
right: auto;
transform: scale(0.4,0.6);
color: #fff;
opacity: 1;
}
.wigetslide.swiper-container.swiper_slider.swiper-container-initialized.swiper-container-horizontal.swiper-container-ios {
    overflow: inherit;
}
.b-slide-style .swiper-button-next, .b-slide-style .swiper-container-rtl .swiper-button-prev {
  right: -14px;
left: auto;
transform: scale(0.4,0.6);
color: #fff;
}
.wigetslide .swiper-slide {
    text-align: center;
    max-width: 160px;
}
                label{font-weight:400}.checkout-logo{margin:20px 0}.checkout-input{height:45px;border:1px solid #dcdcdc}.checkout-input:focus{border:2px solid #058db8}.form-group{margin-bottom:10px}.left{padding-bottom:50px;height:100vh}.checkout-btn{height:45px}.payment-checkout-btn{background-color:#1fa4d1;color:#fff;padding:15px}.payment-checkout-btn:hover{background-color:#0f7091;color:#fff}.product-item{margin-bottom:15px}.checkout-product-img-wrapper{position:relative}.checkout-quantity{position:absolute;right:-7px;top:-7px;width:25px;height:25px;border:1px solid #a2a2a2;background:#a2a2a2;color:#fff;border-radius:50%;-webkit-border-radius:50%;text-align:center;line-height:22px}.cart-item{margin:10px 0}.show-cart-link{display:block;width:100%;padding:10px 0;margin-top:10px;font-weight:700}.show-cart-link i{float:right;line-height:20px}.mobile-total{display:block;width:100%;padding:10px 0;margin-top:10px;font-weight:700}.show-cart-row{border-top:1px solid #cecece;border-bottom:1px solid #cecece}.breadcrumb{padding:10px 0;background-color:#fff}.error{font-size:.8em;color:red}#checkout-form:after{content:"";display:block;clear:both}.thank-you{margin:30px 0}.thank-you i{font-size:6em;color:#71bed7}.thank-you h3.thank-you-sentence{font-size:20px;font-weight:400;color:#000}.thank-you>p{display:block;font-size:14px;color:#737373;margin-bottom:3px}.order-customer-info{margin:30px 0;padding:15px;box-shadow:0 0 0 1px #d9d9d9;border-radius:4px}.order-customer-info h3{font-size:18px;font-weight:400;color:#000;margin-top:0}.order-customer-info p{color:#737373;font-size:14px;margin-bottom:3px}.order-customer-info .order-customer-info-meta{padding-left:20px;color:#71bed7}.field-has-error{border:1px solid #a94442!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.btn,.form-control,body{font-size:14px}.payment-info-loading i{font-size:40px}.payment-info-loading,.payment-info-loading-content{position:absolute;top:0;right:0;bottom:0;width:100%;z-index:9999;text-align:center}.payment-info-loading-content{top:45%}@media only screen and (max-width:320px){.checkout-content-wrap{margin-bottom:20px}.checkout-logo{margin:10px 0;padding-left:10px}.form-checkout{padding:0 15px}.checkout-discount-section{margin-bottom:10px}button.btn.payment-checkout-btn.payment-checkout-btn-step.float-right{width:100%}.cart-item{margin:10px 0;border-bottom:1px solid #cecece;padding:0 0 11px}}@media only screen and (min-device-width:320px) and (max-device-width:480px){.checkout-content-wrap{margin-bottom:20px}.checkout-logo{margin:10px 0;padding-left:10px}.form-checkout{padding:0 15px}.checkout-discount-section{margin-bottom:10px}button.btn.payment-checkout-btn.payment-checkout-btn-step.float-right{width:100%}.cart-item{margin:10px 0;border-bottom:1px solid #cecece;padding:0 0 11px}}
                .container,.left,.page-wrap,.right,body,html{height:100%;min-height:100%}.checkout-form-wrapper{margin:30px 0}@media screen and (min-width:992px){.left{border-right:1px solid #c8c8c8;padding-right:60px}.right{padding-left:50px;padding-top:50px;display:block}}.price-text,.total-text{float:right;color:#4b4b4b;font-weight:700}.total-text{font-size:1.5em}.right-mobile{padding:10px}.dropdown-menu{border:0!important;padding:5px}@-webkit-keyframes hover-color{0%{border-color:silver}to{border-color:#3e97eb}}@keyframes hover-color{0%{border-color:silver}to{border-color:#3e97eb}}.magic-checkbox,.magic-radio{position:absolute;display:none}.magic-checkbox[disabled],.magic-radio[disabled]{cursor:not-allowed}.magic-checkbox+label,.magic-radio+label{position:relative;display:block;padding-left:30px;cursor:pointer;vertical-align:middle}.magic-checkbox+label:hover:before,.magic-radio+label:hover:before{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hover-color;animation-name:hover-color}.magic-checkbox+label:before,.magic-radio+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:"";border:1px solid silver}.magic-checkbox+label:after,.magic-radio+label:after{position:absolute;display:none;content:""}.magic-checkbox[disabled]+label,.magic-radio[disabled]+label{cursor:not-allowed;color:#e4e4e4}.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover{cursor:not-allowed}.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before{border:1px solid #e4e4e4;-webkit-animation-name:none;animation-name:none}.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before{border-color:#e4e4e4}.magic-checkbox:checked+label:before,.magic-radio:checked+label:before{-webkit-animation-name:none;animation-name:none}.magic-checkbox:checked+label:after,.magic-radio:checked+label:after{display:block}.magic-radio+label:before{border-radius:50%}.magic-radio+label:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#3e97eb}.magic-radio:checked+label:before{border:1px solid #3e97eb}.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9}.magic-radio:checked[disabled]+label:after{background:#c9e2f9}.magic-checkbox+label:before{border-radius:3px}.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border:2px solid #fff;border-top:0;border-left:0}.magic-checkbox:checked+label:before{border:#3e97eb;background:#3e97eb}.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9}.checkout-form{display:block;width:100%}.hrv-checkbox,input[type=checkbox]{position:relative;top:0;margin:0 .5rem 0 0;cursor:pointer}.hrv-checkbox:before,input[type=checkbox]:not(.hrv-checkbox):before{transition:transform .4s cubic-bezier(.45,1.8,.5,.75);transform:rotate(-45deg) scale(0);content:"";position:absolute;left:2px;right:0;top:.2em;margin:auto;z-index:1;width:10px;height:5px;border-color:#58b3f0;border-style:none none solid solid;border-width:2px}.hrv-checkbox:checked:before,input[type=checkbox]:not(.hrv-checkbox):checked:before{transform:rotate(-45deg) scale(1)}.hrv-checkbox:after,input[type=checkbox]:not(.hrv-checkbox):after{content:"";position:absolute;left:-1px;right:0;bottom:0;top:0;margin:auto;width:16px;height:16px;background:#fff;border:1px solid #c4cdd5;cursor:pointer;border-radius:3px}.hrv-checkbox:checked:after,input[type=checkbox]:not(.hrv-checkbox):checked:after{border-color:#58b3f0}.password-group{display:block;width:100%}.checkout-content-wrap select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 9px)}
                @charset "UTF-8";
:root {
    --color-success: #00c9a7;
    --color-info: #96ed89;
    --color-warning: #faa806;
    --color-danger: #ec2434;
    --color-border: #e4e4e4;
    --color-text: #404040;
    --color-contrast: #fff;
    --color-heading: #000;
    --cowlor-dark: #000;
    --primary-font: Luxstay;
}

body {

    font-size: 14px;
    font-family: "Helvetica Neue";
    color: var(--color-text);
    font-weight: 300;
}
@media (max-width: 480px) {
    body {
        font-size: 14px;
    }
}
h1, h2, h3, h4, h5, h6 {
    position: relative;
    color: var(--color-heading);
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}
b, strong{
    font-weight: bold;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

p {
    font-size: inherit;
    line-height: 1.6em;
    color: var(--color-text)
}

p span {
    font-family: inherit;
    font-size: inherit
}

a, p span {
    color: inherit
}

a {
    position: relative;
    text-decoration: none;
    transition: all .4s ease
}

a:hover {
    color: var(--color-1st)
}

a, button, input, select, textarea {
    outline: none
}

a:hover, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus {
    text-decoration: none
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
    outline: none;
    text-decoration: none
}

iframe, img {
    max-width: 100%
}

iframe {
    border: 0;
    width: 100%
}
.custom-col {
    flex: 0 0 20%;
    max-width: 20%;
}
.ps-document ol, .ps-document ul {
    margin-bottom: 10px
}

.ps-document ol ol, .ps-document ol ul, .ps-document ul ol, .ps-document ul ul {
    margin-bottom: 0
}

.ps-document ol li, .ps-document ul li {
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.6em
}

.ps-document p {
    margin-bottom: 15px
}

.ps-document p strong {
    color: var(--color-heading)
}

figure {
    margin: 0
}

body, html {
    min-height: 100%;
    position: relative
}

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

body {
    overflow-x: hidden
}
#app{
    display: flex;
}
#app .app_left{
    width: 250px;
}
#app .app_right{
    width: calc(100% - 250px);
    padding: 0px 15px;
}
@media only screen and (max-width:1080px) {
    #app .app_left{
        display: none;
    }
    #app .app_right{
        width: 100%;

    }
 .home-page   #wrapper {
     overflow: hidden;
        background: url(https://cdn1.concung.com/themes/mobile4.1/image/v40/bg/index-top.png) no-repeat top left/100% auto  #fff4f4;;
        box-shadow: 0px 0px 0px #ccc;
    }
}
.list--social {
    margin: 0;
    padding: 0
}

.list--social li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top
}

.list--social li a {
    display: inline-block;
    font-size: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #636363;
    border: 1px solid #404040
}

.list--social li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px
}

.list--social li a:hover {
    color: var(--color-1st);
    border-color: var(--color-1st);
    background-color: var(--color-1st)
}

.list--social li a:hover i {
    color: #fff
}

.list--social li a.facebook {
    background-color: #3b5998
}

.list--social li a.facebook i {
    color: #fff
}

.list--social li a.twitter {
    background-color: #0084b4
}

.list--social li a.twitter i {
    color: #fff
}

.list--social li a.google-plus {
    background-color: red
}

.list--social li a.google-plus i {
    color: #fff
}

.list--social li a.instagram i {
    color: #c32aa3
}

.list--social.simple li, .list--social li:last-child {
    margin-right: 0
}

.list--social.simple li a {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent
}

.list--social.square li {
    margin-right: 10px
}

.list--social.square li a {
    width: 85px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    border: none
}

.list--social-color {
    margin: 0;
    padding: 0;
    list-style: none
}

.list--social-color li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.list--social-color li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    width: 38px;
    height: 38px;
    color: #fff
}

.list--social-color li a.facebook {
    background-color: #1b4e9b
}

.list--social-color li a.facebook:hover {
    background-color: #296fda
}

.list--social-color li a.twitter {
    background-color: #00aeef
}

.list--social-color li a.twitter:hover {
    background-color: #3dcaff
}

.list--social-color li a.google-plus {
    background-color: #c00
}

.list--social-color li a.google-plus:hover {
    background-color: #ff1a1a
}

.list--social-color li a.linkedin {
    background-color: #2d567f
}

.list--social-color li a.linkedin:hover {
    background-color: #417cb7
}

.list--social-color li a.feed {
    background-color: #f86a02
}

.list--social-color li a.feed:hover {
    background-color: #fe9549
}

.list--checked li {
    margin-bottom: 20px
}

.list--checked li a {
    position: relative;
    display: block;
    padding-left: 30px;
    font-size: 14px;
    color: #313131
}

.list--checked li a:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #8d8d8d;
    transition: all .4s ease
}

.list--checked li a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 8px;
    color: #fff;
    width: 6px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    visibility: hidden;
    opacity: 0
}

.list--checked li a:hover:before {
    background-color: var(--color-1st);
    border-color: var(--color-1st)
}

.list--checked li a:hover:after {
    visibility: visible;
    opacity: 1
}

.list--checked li.current a:before {
    background-color: var(--color-1st);
    border-color: var(--color-1st)
}

.list--checked li.current a:after {
    visibility: visible;
    opacity: 1
}

.list--checked.list--checked-circle li a:before {
    border-radius: 50%
}

.list--checked.list--checked-circle li a:hover:before {
    background-color: #a7a7a7;
    border-color: #a7a7a7
}

.list--arrow a {
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 14px;
    letter-spacing: .5px;
    color: #555
}

.list--arrow a:before {
    content: "\F105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-family: FontAwesome
}

.list--arrow a:hover {
    color: var(--color-1st)
}

.list--arrow a:hover .circle {
    background-color: var(--color-2nd);
    border-color: var(--color-2nd)
}

.list--arrow a:hover .circle:before {
    color: #fff;
    visibility: visible;
    opacity: 1
}

.list--arrow li {
    margin-bottom: 20px
}

.list--arrow li.current a {
    color: var(--color-2nd)
}

.list--arrow li.current .circle {
    background-color: var(--color-2nd)
}

.list--arrow li.current .circle:before {
    visibility: visible;
    opacity: 1;
    color: #fff
}

.list--dot {
    padding: 0;
    margin: 0 0 20px;
    list-style-type: none
}

.list--dot li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    color: #000;
    line-height: 20px
}

.list--dot li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--color-1st);
    border-radius: 50px
}

.list--plus li {
    margin: 10px 0
}

.list--plus li a {
    display: block;
    position: relative;
    padding-left: 15px;
    line-height: 20px
}

.list--plus li a:before {
    content: "+";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px
}

.list--line li a {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    line-height: 20px;
    color: var(--color-text)
}

.list--line li a:before {
    content: "";
    position: absolute;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: all .4s cubic-bezier(.7, 0, .3, 1);
    transform: scaleX(0);
    transform-origin: 0 50%
}

.list--line li a:hover {
    color: var(--color-heading)
}

.list--line li a:hover:before {
    transform-origin: 100% 50%;
    transform: scaleX(1)
}

.btn--hamburger, .menu-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
    background-color: rgba(206, 135, 58, .6)
}

.btn--hamburger:after, .btn--hamburger:before, .btn--hamburger span, .menu-toggle:after, .menu-toggle:before, .menu-toggle span {
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #fff;
    z-index: 100;
    transition: all .4s ease
}

.btn--hamburger span, .menu-toggle span {
    left: 15px;
    width: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.btn--hamburger:after, .btn--hamburger:before, .menu-toggle:after, .menu-toggle:before {
    content: "";
    left: 15px
}

.btn--hamburger:before, .menu-toggle:before {
    top: 16px
}

.btn--hamburger:after, .menu-toggle:after {
    bottom: 16px
}

.btn--hamburger:hover, .menu-toggle:hover {
    cursor: pointer
}

.btn--hamburger.active span, .menu-toggle.active span {
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0
}

.btn--hamburger.active:after, .btn--hamburger.active:before, .menu-toggle.active:after, .menu-toggle.active:before {
    top: 50%;
    bottom: auto;
    width: 20px;
    transform-origin: 50% 50%;
    background-color: #fc354c
}

.btn--hamburger.active:before, .menu-toggle.active:before {
    transform: rotate(45deg)
}

.btn--hamburger.active:after, .menu-toggle.active:after {
    transform: rotate(-45deg)
}

@media (max-width: 1199px) {
    .btn--hamburger, .menu-toggle {
        display: inline-block
    }
}

.btn--custom, button.btn--custom {
    display: inline-block;
    padding: 15px 35px;
    font-size: 14px;
    line-height: 20px;
    border: none;
    font-weight: 600;
    transition: all .4s ease;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--color-1st);
    cursor: pointer
}

.btn--custom.btn--rounded, button.btn--custom.btn--rounded {
    border-radius: 50px
}

.btn--custom.btn--curve, button.btn--custom.btn--curve {
    border-radius: 5px
}

.btn--custom.btn--outline, button.btn--custom.btn--outline {
    padding: 10px 32px;
    font-size: 14px;
    color: #fff;
    border: 0px solid var(--color-1st);
    text-transform: none;
    background: linear-gradient(-90deg, #f0451e 9%, #f32424 96%);
    border-radius: 8px;
    margin-top: 30px;
}
button.btn--custom.btn--outline span{
    display: block;font-size: 80%;
}
.btn--custom.btn--outline:hover, button.btn--custom.btn--outline:hover {
    background-color:#E71C2A;
    border-color:#E71C2A;
    color: #fff
}

.btn--custom.btn--fullwidth, button.btn--custom.btn--fullwidth {
    width: 49%;
    text-align: center;
}

.btn--custom.btn--sm, button.btn--custom.btn--sm {
    padding: .5rem 2rem;
    font-size: 1.2rem
}

.btn--custom.btn--sm.btn--curve, button.btn--custom.btn--sm.btn--curve {
    border-radius: 3px
}

.btn--custom.btn--lg, button.btn--custom.btn--lg {
    padding: 1.5rem 4rem
}

.btn--custom.btn--xl, button.btn--custom.btn--xl {
    padding: 2rem 6rem;
    font-size: 1.6rem
}

.btn--custom.btn--reverse, button.btn--custom.btn--reverse {
    background-color: #576391
}

.btn--custom.btn--reverse:hover, button.btn--custom.btn--reverse:hover {
    background-color: var(--color-2nd)
}

.btn--custom.btn--gray, button.btn--custom.btn--gray {
    background-color: #e5e5e5;
    color: #000;
    font-size: 1.6rem
}

.btn--custom.btn--black, button.btn--custom.btn--black {
    background-color: var(--color-heading)
}

.btn--custom.btn--black.btn--outline, button.btn--custom.btn--black.btn--outline {
    background-color: transparent;
    border: 2px solid var(--color-heading);
    color: var(--color-heading)
}

.btn--custom.btn--black.btn--outline:hover, button.btn--custom.btn--black.btn--outline:hover {
    background-color: var(--color-heading);
    color: #fff
}

.btn--custom.btn--success, button.btn--custom.btn--success {
    background-color: var(--color-success)
}

.btn--custom:active, .btn--custom:hover, button.btn--custom:active, button.btn--custom:hover {
    color: #fff;
    background-color: var(--color-1st)
}

.btn--custom:active.btn--black, .btn--custom:hover.btn--black, button.btn--custom:active.btn--black, button.btn--custom:hover.btn--black {
    background-color: var(--color-1st)
}

.btn--remove {
    outline: none;
    font-size: 20px;
    border: none
}

.btn--remove:hover {
    color: var(--color-danger)
}

.btn--close {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    transition: all .4s ease;
    border-radius: 50%
}

.btn--close:after, .btn--close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 50%;
    background-color: #9f9a98;
    transform-origin: center center;
    transition: all .4s ease
}

.btn--close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.btn--close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.btn--close:hover {
    transform: rotate(180deg)
}

.btn--close:hover:after, .btn--close:hover:before {
    background-color: #f44336;
    transition-delay: .3s
}

.form-control {
    outline: none;
    font-size: 14px;
    padding: 0 20px;
    height: 35px;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    transition: all .4s ease;
    box-shadow: 0 0 0 transparent;
    background-color: transparent
}

.form-control::-webkit-input-placeholder {
    opacity: 1;
    font-size: 14px
}

.form-control:-moz-placeholder, .form-control::-moz-placeholder {
    opacity: 1;
    font-size: 14px
}

.form-control:-ms-input-placeholder {
    opacity: 1;
    font-size: 14px
}

.form-control:focus {
    outline: none;
    box-shadow: 0 0 0 #000;
    border-color: var(--color-1st)
}

textarea.form-control {
    height: auto;
    padding: 2rem;
    resize: none
}

.checkbox {
    position: relative;
    display: block
}

.checkbox > input {
    position: absolute;
    visibility: hidden
}

.checkbox label {
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    font-family: var(--primary-font);
    color: rgba(var(--color-heading), .5);
    font-weight: 400;
    cursor: pointer
}

.checkbox label:before {
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    border: 1px solid var(--color-heading)
}

.checkbox label:after, .checkbox label:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    transition: all .4s ease
}

.checkbox label:after {
    top: 4px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    opacity: 0;
    transform: rotate(0deg)
}

.checkbox input[type=checkbox]:checked ~ label:before {
    background-color: var(--color-2nd);
    border-color: var(--color-2nd)
}

.checkbox input[type=checkbox]:checked ~ label:after {
    transform: rotate(45deg);
    opacity: 1
}

.checkbox--circle label {
    font-size: 20px;
    font-weight: 600;
    color: #555
}

.checkbox--circle label:before {
    border-radius: 50%;
    border-color: #595959
}

.checkbox--circle input[type=checkbox]:checked ~ label:before {
    background-color: transparent
}

.checkbox--circle input[type=checkbox]:checked ~ label:after {
    background-color: var(--color-1st);
    border-radius: 50%;
    border: none;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px
}

.checkbox--inline {
    display: inline-block;
    margin-bottom: 1rem
}

.checkbox--color {
    margin-right: 1rem
}

.checkbox--color > label {
    margin-bottom: 0;
    width: 20px;
    height: 20px;
    padding-left: 0;
    background-color: transparent;
    border-radius: 50%;
    transition: all .4s ease
}

.checkbox--color > label:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 50%
}

.checkbox--color > label:after {
    display: none !important
}

.checkbox--color input[type=checkbox]:checked ~ label {
    background-color: transparent
}

.checkbox--color input[type=checkbox]:checked ~ label:before {
    background-color: transparent;
    border: 1px solid #ccc
}

.checkbox--size {
    margin-right: 1rem
}

.checkbox--size > label {
    margin-bottom: 0;
    padding: 8px 20px;
    border: none;
    color: #222;
    background-color: #f6f6f6;
    border-radius: 0;
    transition: all .4s ease
}

.checkbox--size > label:after, .checkbox--size > label:before {
    display: none
}

.checkbox--size input[type=checkbox]:checked ~ label {
    color: #fff;
    background-color: #a7a7a7
}

.radio {
    position: relative
}

.radio > input {
    position: absolute;
    visibility: hidden
}

.radio label {
    position: relative;
    margin-bottom: 0;
    padding-left: 30px;
    font-family: var(--primary-font);
    color: #737373;
    font-weight: 400;
    cursor: pointer
}

.radio label:before {
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    z-index: 10;
    border: 1px solid rgba(19, 8, 1, .2);
    transition: all .4s ease;
    border-radius: 50%
}

.radio label:after, .radio label:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff
}

.radio label:after {
    width: 8px;
    height: 8px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    z-index: 15;
    opacity: 0;
    transition: all .6s ease
}

.radio input[type=checkbox]:checked ~ label:before {
    background-color: transparent
}

.radio input[type=checkbox]:checked ~ label:after {
    border-radius: 50%;
    border: none;
    width: 8px;
    height: 8px;
    top: 6px;
    left: 6px;
    opacity: 1;
    background-color: var(--color-1st)
}

.form-group {
    margin-bottom: 20px
}

.form-group > label {
    margin-bottom: 10px;
    font-weight: 500;
    color: #000;
    line-height: 1em;
    font-size: 14px
}

.form-group > label sup {
    color: var(--color-danger)
}

.form-group--inline {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.form-group--inline > label {
    margin-bottom: 0
}

.form-group--inline .form-group__content {
    width: 100%
}

.form-group--number {
    display: inline-block;
    position: relative;
    width: 140px;
}
.form-group--number button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;

    color: var(--color-heading);
    font-size: 4px;
    border: none;
    background: none;
    border: 1px solid #e5e5e5;
    margin: 0px 34px;
    padding: 5px;
    display: block;
    content: "";
}
.form-group--number button.up {
    right: -20px
}

.form-group--number button.up:after, .form-group--number button.up:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    content: "";
    width: 14px;
    height: 1px;
    background-color: var(--color-text)
}

.form-group--number button.up:before {
    transform: translate(-50%, -50%) rotate(90deg)
}

.form-group--number button.up:after {
    transform: translate(-50%, -50%) rotate(0deg)
}

.form-group--number button.down {
    left: -20px
}

.form-group--number button.down:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    content: "";
    width: 14px;
    height: 1px;
    background-color: var(--color-text);
    transform: translate(-50%, -50%) rotate(0deg)
}

.form-group--number .form-control {
    height: 45px;
    padding: 0 25px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border: none;
    color: var(--color-heading);
    background-color: transparent
}

.form-group--number .form-control::-webkit-input-placeholder {
    color: var(--color-heading)
}

.form-group--number .form-control:-moz-placeholder, .form-group--number .form-control::-moz-placeholder {
    color: var(--color-heading)
}

.form-group--number .form-control:-ms-input-placeholder {
    color: var(--color-heading)
}

.select--arrow {
    position: relative
}

.select--arrow i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.select--arrow .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown > a {
    position: relative;
    display: block;
    padding-right: 20px
}

.dropdown > a:after {
    content: "\E93A";
    font: normal normal normal 12px/1 linearicons;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.dropdown ul {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    min-width: 120px;
    max-width: 200px;
    width: 100%;
    padding: 4px 0;
    background-color: #fff;
    box-shadow: 0 1px 1px 2px hsla(0, 0%, 80%, .2);
    visibility: hidden;
    opacity: 0;
    text-align: left
}

.dropdown ul li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.dropdown ul li a {
    display: block;
    font-size: 1.3rem;
    color: var(--color-heading);
    padding: 6px 10px
}

.dropdown.open ul, .dropdown:hover ul {
    visibility: visible;
    opacity: 1
}

.variant {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    z-index: 10;
    border: 1px solid #999;
    cursor: pointer
}

.variant__tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    padding: 5px 10px;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, .9);
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0
}

.variant__tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000
}

.variant:last-child {
    margin-right: 0
}

.variant.variant--size {
    position: relative;
    vertical-align: top;
    border: none;
    background-color: #f1f1f1;
    transition: all .4s ease
}

.variant.variant--size .variant__size {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-text);
    font-size: 12px
}

.variant.variant--size.active .variant__size {
    color: var(--color-heading)
}

.variant.variant--size:hover {
    background-color: var(--color-1st)
}

.variant.variant--size:hover .variant__size {
    color: #fff
}

.variant.variant--color {
    border: 1px solid #ccc
}

.variant.variant--color:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.variant.variant--color.color--1:before {
    background-color: #70849d
}

.variant.variant--color.color--2:before {
    background-color: #cfa58f
}

.variant.variant--color.color--3:before {
    background-color: #f06292
}

.variant.variant--image img {
    border-radius: 50%;
    max-width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.variant:hover .variant__tooltip {
    visibility: visible;
    opacity: 1
}

.variant.active:before {
    border-color: #000
}

.variant.active .variant__tooltip {
    visibility: visible;
    opacity: 1
}

.custom-checkbox input[type=checkbox], .custom-checkbox input[type=radio], .custom-radio input[type=checkbox], .custom-radio input[type=radio] {
    display: none
}

.custom-checkbox label, .custom-radio label {
    display: block
}

.custom-checkbox span, .custom-radio span {
    display: block;
    border-radius: 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.custom-checkbox input[type=checkbox]:checked ~ span, .custom-checkbox input[type=radio]:checked ~ span, .custom-radio input[type=checkbox]:checked ~ span:before, .custom-radio input[type=radio]:checked ~ span{
    border: 1px solid red;
}
.custom-checkbox input[type=checkbox]:checked ~ span:before, .custom-checkbox input[type=radio]:checked ~ span:before, .custom-radio input[type=checkbox]:checked ~ span:before, .custom-radio input[type=radio]:checked ~ span:before {

    border: 16px solid transparent;

    border-bottom: 16px solid red;
    content: "";
    position: absolute;
    right: -16px;
    bottom: -1px;
}
.custom-checkbox input[type=checkbox]:checked ~ span:after, .custom-checkbox input[type=radio]:checked ~ span:after, .custom-radio input[type=checkbox]:checked ~ span:after, .custom-radio input[type=radio]:checked ~ span:after {
    width: 16px;
    height: 16px;
    content: "\E83F";
    font-family: feather !important;
    position: absolute;
    overflow: hidden;
    right: -8px;
    bottom: -5px;
    color: #fff;
    font-size: 8px;
}
.custom-checkbox.disabled label, .custom-radio.disabled label {
    position: relative
}

.custom-checkbox.disabled label:after, .custom-checkbox.disabled label:before, .custom-radio.disabled label:after, .custom-radio.disabled label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 90%;
    background-color: var(--color-heading);
    transition: all .4s ease;
    transform-origin: 50% 50%;
    z-index: 20
}

.custom-checkbox.disabled label:before, .custom-radio.disabled label:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.custom-checkbox.disabled label:after, .custom-radio.disabled label:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.custom-checkbox.disabled span, .custom-radio.disabled span {
    opacity: .9
}

.custom-checkbox.disabled input[type=checkbox]:checked ~ span:before, .custom-checkbox.disabled input[type=radio]:checked ~ span:before, .custom-radio.disabled input[type=checkbox]:checked ~ span:before, .custom-radio.disabled input[type=radio]:checked ~ span:before {
    display: none
}

.collection {
    position: relative
}

.collection img {
    width: 100%
}

.collection .collection__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.collection .collection__more_link {
    position: absolute;
    bottom: 30px;
    left: 50%;
    min-width: 200px;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 20;
    color: var(--color-1st);
    transform: translateX(-50%)
}

.collection .collection__more_link:hover {
    color: #fff;
    background-color: var(--color-1st)
}

.collection:hover .collection__overlay {
    background-color: rgba(0, 0, 0, .25)
}

.post .post__wrapper {
    transition: all .3s ease-in-out
}

.post .post__wrapper .post__content {
    padding: 15px
}

.post:hover .post__wrapper {
    transform: translateY(-5px);
    background: #fff;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.post .post__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.post .post__title {
    font-weight: 600
}

.post .post__title a {
    font-weight: inherit
}

.post .post__thumbnail {
    position: relative;
    overflow: hidden
}

.post .post__thumbnail img {
    transition: all .25s ease
}

.post .post__header {
    padding-bottom: 10px
}

.post .post__content {
    padding-top: 20px
}

.post:hover .post__overlay {
    background-color: rgba(0, 0, 0, .25)
}

@media screen and (min-width: 480px) and (max-width: 992px) {
    .post {
        display: flex;
        flex-flow: row nowrap
    }

    .post > * {
        flex-basis: 100%;
        max-width: 50%
    }

    .post .post__content {
        padding-left: 20px;
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start
    }
}

.post--detail .post__header {
    text-align: left;
    padding: 20px 0
}

.post--detail .post__header h1 {
    font-size: 20px;
    text-transform: none;
}

.post__content {

    text-align: justify;
    font-size: 18px;

}
.post__content p img{
    display: block;margin: 10px auto;
}
.post--detail .post__block {
    margin-bottom: 30px
}

.post--detail .post__block h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.post--detail .post__block .left {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .post--detail .post__header {
        padding: 30px 0
    }

    .post--detail .post__header h1 {
        font-size: 30px
    }

    .post--detail .post__block {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center
    }

    .post--detail .post__block > * {
        flex-basis: 50%
    }

    .post--detail .post__block .left {
        margin-bottom: 0;
        padding-right: 50px
    }

    .post--detail .post__block .left img {
        width: 100%
    }

    .post--detail .post__block.reverse {
        flex-flow: row-reverse nowrap
    }

    .post--detail .post__block.reverse .left {
        padding-right: 0;
        text-align: right
    }

    .post--detail .post__block.reverse .right {
        padding-right: 50px
    }
}

.pagination .page-item.active span {
    background: var(--color-1st);
    color: #fff
}

.pagination .page-item .page-link {
    border: none;
    padding: 8px 15px;
    margin: 0 5px;
    background-color: #e9ecef;
    color: var(--color-text);
    outline: none
}

.pagination .page-item .page-link:hover {
    background: var(--color-1st);
    color: #fff
}

.pagination .page-item.disabled .page-link {
    background-color: #e9ecef !important
}

.shop__pagination {
    text-align: center;
    padding-top: 60px;
    justify-content: center;
    align-items: center;
    display: flex
}

.breadcrumb--custom {
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumb--custom li {
    position: relative;
    display: inline-block;
    color: var(--color-heading);
    font-size: 14px
}

.breadcrumb--custom li:before {
    content: "/";
    margin: 0 5px
}

.breadcrumb--custom li a {
    color: var(--color-text);
    font-size: 14px
}

.breadcrumb--custom li a:hover {
    color: var(--color-heading)
}

.breadcrumb--custom li:first-child:before {
    display: none
}

.block--contact-info {
    margin-bottom: 30px
}

.block--contact-info h3 {
    font-size: 18px;
    text-transform: uppercase
}

.block--contact-info .block__image img {
    width: 100%
}

@media screen and (min-width: 768px) {
    .block--contact-info h3 {
        font-size: 20px
    }
}

@media screen and (min-width: 992px) {
    .block--contact-info {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center
    }

    .block--contact-info > * {
        flex-basis: 100%;
        max-width: 50%
    }

    .block--contact-info .block__image {
        margin-bottom: 0
    }

    .block--contact-info .block__info {
        padding-left: 60px
    }
}

.block--method {
    margin-bottom: 30px
}

.block--method .block__message {
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #f9f9f9
}

.block--method .block__message p {
    margin: 0
}

.block--method .block__header .radio label {
    font-weight: 600;
    color: var(--color-heading);
    padding-left: 40px;
    line-height: 30px
}

.block--method .block__header .radio label:before {
    width: 30px;
    height: 30px
}

.block--method .block__header .radio label:after {
    width: 20px;
    height: 20px
}

.block--method .block__header .radio input[type=checkbox]:checked ~ label:after {
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px
}

.block--method .block__content {
    display: none;
    padding: 10px
}

.block--method.active .block__content {
    display: block
}

@media screen and (min-width: 768px) {
    .block--method {
        padding: 10px 10px 10px 40px
    }
}

.block--shipment-information {
    padding: 20px
}

.block--shipment-information figure {
    border: 1px dashed var(--color-heading);
    margin-bottom: 20px;
    padding: 20px
}

.block--shipment-information figure p strong {
    display: block;
    flex-basis: 120px;
    color: var(--color-heading);
    text-transform: uppercase
}

.block--shipment-information figure p:last-child {
    margin-bottom: 0
}

.block--shipment-information .block__footer .btn--custom {
    min-width: 175px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .block--shipment-information figure p {
        display: flex;
        flex-flow: row nowrap
    }

    .block--shipment-information figure p span {
        padding-left: 1em
    }
}

.block--order-step {
    position: relative;
    z-index: 10
}

.block--order-step:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    width: 100%;
    height: 3px;
    background-color: #cecece;
    z-index: -1
}

.block--order-step img.img-active {
    display: none
}

.block--order-step .block__header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #cecece
}

.block--order-step .block__content {
    padding-top: 10px;
    text-align: center
}

.block--order-step .block__content p {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.3em;
    color: var(--color-heading)
}

.block--order-step .block__content span {
    color: var(--color-text)
}

.block--order-step:last-child:before {
    display: none
}

.block--order-step.active:before {
    background-color: var(--color-1st)
}

.block--order-step.active img {
    display: none
}

.block--order-step.active img.img-active {
    display: block
}

.block--order-step.active .block__header {
    border-color: var(--color-1st)
}

.block--order-step.active .block__content p {
    color: var(--color-1st)
}

.block--order-steps {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd
}

.block--order-steps > .block__header {
    padding-bottom: 30px
}

.block--order-steps > .block__header a {
    color: var(--color-1st);
    font-weight: 400;
    font-size: 16px
}

.block--order-steps > .block__header a i {
    margin-right: .25em
}

@media screen and (min-width: 768px) {
    .block--order-steps > .block__content {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start
    }

    .block--order-steps > .block__content .block--order-step {
        flex-basis: 20%
    }
}

@media screen and (max-width: 767px) {
    .block--order-steps .block--order-step:before {
        display: none
    }

    .block--order-steps > .block__content {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }

    .block--order-steps > .block__content .block--order-step {
        flex-basis: 33.3333%;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 467px) {
    .block--order-steps .block--order-step:before {
        display: none
    }

    .block--order-steps > .block__content {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }

    .block--order-steps > .block__content .block--order-step {
        flex-basis: 50%;
        margin-bottom: 10px
    }
}

.block--order-summary .table--cart .total span {
    color: var(--color-heading)
}

.block--order-summary .block__header h4 {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 20px
}

.block--order-summary .block__header h4:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: var(--color-heading)
}

.block--order-summary .block__header h5 {
    color: var(--color-1st);
    font-weight: 400;
    font-size: 18px
}

.block--lookbook-large {
    text-align: center
}

.block--lookbook-large h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px
}

.block--lookbook-large img {
    margin-bottom: 20px
}

.block--lookbook-large p {
    max-width: 750px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .block--lookbook-large h3 {
        margin-bottom: 50px;
        font-size: 30px
    }

    .block--lookbook-large img {
        margin-bottom: 50px
    }
}

.block--lookbook {
    max-width: 1000px;
    margin: 0 auto
}

.block--lookbook .block__image-left {
    padding-bottom: 30px
}

.block--lookbook .block__image-left span {
    margin-bottom: 20px
}

.block--lookbook .block__header {
    padding: 20px;
    background-color: #f9f9f9;
    text-align: center
}

.block--lookbook .block__header span {
    display: block
}

.block--lookbook .block__content {
    padding: 15px 30px
}

@media screen and (min-width: 992px) {
    .block--lookbook .block__image-left {
        position: relative;
        padding-bottom: 0
    }

    .block--lookbook .block__image-left span {
        position: absolute;
        bottom: 0;
        right: 100%;
        margin-bottom: 0;
        transform: rotate(-90deg) translate(35%, 75%);
        transform-origin: 50% 50%;
        font-size: 20px;
        font-weight: 700
    }

    .block--lookbook .block__header {
        display: flex;
        padding: 50px
    }

    .block--lookbook .block__header > * {
        flex-basis: 100%
    }

    .block--lookbook .block__header > * img {
        width: 100%
    }

    .block--lookbook .block__header .block__image-left {
        padding-right: 25px
    }

    .block--lookbook .block__header .block__image-right {
        padding-left: 25px
    }
}

@media screen and (min-width: 1200px) {
    .block--lookbook .block__header {
        padding: 80px
    }

    .block--lookbook .block__content {
        padding: 30px 80px
    }
}

.block--review .block__header {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.block--review .block__header img {
    border: 1px solid #ddd;
    border-radius: 50%
}

.block--review .block__header h5 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6em;
    color: var(--color-heading)
}

.block--review .block__header .block__info {
    padding-left: 15px
}

.block--review .block__content {
    padding-top: 10px
}

.block--product-reviews > .block__header {
    padding-bottom: 15px
}

.block--product-reviews > .block__header p {
    color: var(--color-heading);
    font-weight: 600
}

.block--product-reviews > .block__header p i {
    margin-right: .5em;
    font-size: 16px
}

.block--product-reviews > .block__header p span {
    color: var(--color-heading);
    font-weight: inherit
}

.block--product-reviews .block--review {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e5e5e5
}

.block--product-reviews .block--review:last-child {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: none
}
.panel--menu {
    position: fixed;
    top: 49px;
    bottom: 0;
    right: 0px;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    width: 120px;
    background-color: #fff;
    transition: transform .25s ease;
    display: flex;box-shadow: 0px 0px 5px #e5e5e5;
    flex-direction: column;
    z-index: 1000001;
    transform: translate3d(400px, 0, 0);
    height: calc( 100% - 105px);
    border-top: 1px solid #e5e5e5;
}
.panel--menu .panel__close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.panel--menu .panel__close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.panel--menu .panel__close:hover:after, .panel--menu .panel__close:hover:before {
    background-color: var(--color-danger)
}
.panel--menu .panel__content {
    padding: 0px;
    margin-bottom: 0;
    position: relative;
    display: block;

}

.panel--menu.active {
    transform: none
}

/*********** sidebar*****/
.panel--sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    overflow-y: auto;
    width:120px;
    background-color: #fff;
    transition: transform .25s ease;
    display: flex;
    flex-direction: column;
    z-index: 1000001;
    transform: translate3d(400px, 0, 0)
}

.panel--sidebar .panel__close {
    position: absolute;
    top: 10px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.panel--sidebar .panel__close:after, .panel--sidebar .panel__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 50%;
    background-color: #fff;
    transform-origin: 50% 50%;
    transition: all .4s ease
}

.panel--sidebar .panel__close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.panel--sidebar .panel__close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.panel--sidebar .panel__close:hover:after, .panel--sidebar .panel__close:hover:before {
    background-color: var(--color-danger)
}

.panel--sidebar .panel__header {
    position: relative;
    padding: 15px;
    background-color: var(--color-1st)
}

.panel--sidebar .panel__header h4 {
    margin-bottom: 0;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize
}

.panel--sidebar .panel__content {
    padding: 10px;
    margin-bottom: 0;
    position: relative;
    flex: 1 1 auto;
    display: flex
}

.panel--sidebar.active {
    transform: none
}

@media screen and (max-width: 479px) {
    .panel--sidebar {
        max-width: 100%
    }
}

.widget--footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget--footer p strong {
    color: var(--color-heading)
}

.widget--footer .widget__title {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    color: var(--color-heading);
    text-transform: uppercase
}

.widget--footer .widget__links li {
    margin-bottom: .5em
}

.widget--footer .widget__links li a {
    display: block;
    line-height: 20px
}

.widget--footer .widget__links li:last-child {
    margin-bottom: 0
}

.widget--shop .widget__title {
    position: relative;
    margin-bottom: 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}

.widget--shop .widget__links li a {
    font-weight: 500;
    font-size: 14px
}

.widget--sizes .widget__content a {
    display: block;
    font-size: 16px;
    font-weight: 500
}

.widget--tags .list--tags li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px
}

.widget--tags .list--tags li a {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid var(--color-heading)
}

.widget--tags .list--tags li a:hover {
    border-color: var(--color-1st)
}

.widget--colors .color-swatch li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 5px
}

.widget--colors .color-swatch li label {
    margin-bottom: 0
}

.slick-slider .slick-slide {
    outline: none;
    box-shadow: 0 0 transparent
}

.slick-slider .slick-slide:active, .slick-slider .slick-slide:focus, .slick-slider .slick-slide:hover {
    outline: none
}

.owl-carousel .owl-item .slider-item {
    margin: 0;
    max-height: 650px
}

.carousel--nav .owl-nav > * i {
    color: var(--color-heading)
}

#nonlinear {
    width: 96%;
    margin: 10px auto
}

.noUi-connect {
    background-color: var(--color-1st)
}

.noUi-horizontal {
    height: 6px
}

.noUi-handle:after, .noUi-handle:before {
    display: none
}

.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    left: -17px;
    top: -6px;
    outline: none;
    background-color: var(--color-1st)
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -7px
}

.noUi-handle {
    border: 3px solid var(--color-1st);
    border-radius: 50%;
    box-shadow: none
}

.product .badge {

   display: inline-block!important;
}
.product__info .badge {

    color: #eb5757;
    background: #fff0e9;
    border-radius: 4px;
    padding: 1px 2px 2px 2px;
    margin-left: 7px;
    font-size: 14px;
}

.product .badge i {
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
    font-size: 1.3rem
}

.product .badge--hot {
    background-color: var(--color-danger)
}

.product .badge--out-of-stock {
    background-color: #999
}

.product .product__badges {

}

.product .product__shopping {
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    padding: 1.5rem 2rem;
    font-size: 1.3rem;
    text-align: center;
    color: var(--color-text);
    line-height: 2rem;
    background-color: #fff;
    transform: translateY(100%);
    transition: all .5s ease
}

.product .product__actions, .product .product__shopping {
    position: absolute;
    z-index: 30;
    visibility: hidden;
    opacity: 0
}

.product .product__actions {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    transition: all .25s ease;
    width: 100%
}

.product .product__actions li {
    margin-bottom: 10px;
    text-align: center
}

.product .product__actions li a {
    display: inline-block;
    padding: 10px 30px;
    line-height: 20px;
    text-align: center;
    color: var(--color-heading);
    border-radius: 4px;
    background-color: #fff
}



.product .product__actions li a:hover i {
    color: var(--color-1st)
}

.product .product__actions li:last-child {
    margin-bottom: 0
}

.product .product_item__thumbnail {
    position: relative
}

.product .product_item__thumbnail .product-image-pri img {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    border-radius: 8px;
}
.product .product_item__thumbnail:before {

}

.product .product_item__thumbnail .product__actions {
    z-index: 11
}

.product .product_item__thumbnail .product__favorite {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 40;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease;
    font-size: 16px
}

.product .product_item__thumbnail .product__favorite.active, .product .product_item__thumbnail .product__favorite:hover {
    color: var(--color-1st)
}

.product .product_item__thumbnail .product__size {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 12;
    transition: all .25s ease
}


.product .product_item__thumbnail:hover .product__shopping {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.product .product_item__thumbnail:hover .product__actions {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.product .product_item__thumbnail:hover .product__size {
    visibility: visible;
    opacity: 1
}

.product .product__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: var(--color-heading)
}

.product .product__title:hover {
    color: var(--color-1st)
}

.product .product__variants {
    display: flex;
    margin-left: 8px;
    margin-top: 13px;
}

.product .product__variants li {
    margin-right: 2px
}
.product .product__variants li  a {
    padding: 2px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: rgba(0,0,0,0.6);
    background: #fff;
    height: auto;
    overflow: hidden;
    display: block;
}
.product .product__variants li:last-child {
    margin-right: 0
}

.product .product__content {
    padding: 15px 0 0;
    text-align:left;
}
.product .product__price {
    margin-bottom: 9px;
    font-size: 13px;
    color: #000 !important;
    font-weight: 400;
    margin-top: 2px;

}
.product .product__price span{
}
.product .product__price del {
    margin-right: 5px;
    color: var(--color-text)
}

.product .product__price.sale del {
    color:rgba(0,0,0,0.6);display: inline-block !important;
    font-size: 100%;font-size: 12px;
}

.product .product__color .radio--color, .product .product__color .radio--color:last-child {
    margin-right: 0
}

.product.product--inside {
    position: relative
}

.product.product--inside .product_item__thumbnail:hover > img {
    display: none
}

.product.product--inside .product_item__thumbnail:hover > img.product__img {
    display: block
}

.product.product--inside .product__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem 5rem 1rem;
    text-align: center
}

.product.product--inside .product__title {
    font-size: 1.6rem
}

.product.product--inside .countdown {
    margin-bottom: 1rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.product.product--inside .countdown li {
    background-color: var(--color-heading);
    text-align: center;
    padding: 10px;
    border-radius: 50px;
    min-width: 60px
}

.product.product--inside .countdown li span {
    color: #fff
}

.product.product--inside .countdown li p {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .product {
        max-width: 350px;
        margin: 0 auto 2rem
    }
}

.product--on-cart {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.product--on-cart > * {
    flex-basis: 100%
}

.product--on-cart .product__thumbnail {
    max-width: 56px
}

.product--on-cart .product__content {
    position: relative;
    padding-right: 30px;
    padding-left: 20px
}

.product--on-cart .product__content .product__remove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: var(--color-text)
}

.product--on-cart .product__content .product__remove:hover {
    text-decoration: none;
    color: var(--color-danger)
}

.product--on-cart .product__content a {
    display: block;
    color: var(--color-1st);
    font-size: 14px;
    font-weight: bold;
}

.product--on-cart .product__content a:hover {
    text-decoration: underline
}

.product--on-cart .product__content small {
    font-size: 12px;
    color: var(--color-heading);
    font-weight: 600
}

.product--on-cart .product__content small .cart-price {
    color: var(--color-1st)
}

.product--cart {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.product--cart .product__title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-heading)
}

.product--cart .product__title:hover {
    color: var(--color-1st)
}

.product--cart .product__thumbnail {
    flex-basis: 110px
}

.product--cart .product__content {
    padding-left: 15px
}

.product--cart .product__content small {
    font-size: 14px
}

.product--detail figure.product__sharing figcaption, .product--detail figure.product__tags figcaption {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-heading);
    margin-bottom: 20px
}

.product--detail .product__info-header {
    margin-bottom: -6px;
    border-bottom: 0px solid #ddd;position: relative;
}

.product--detail .product_title {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 400;
    width: calc(100% - 100px);
    color: #000;
    text-transform: none;
    display: inline-block;
    text-transform: none;
    color: #111;
}

.product--detail .product__variants .item {
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    padding: 2px;
    cursor: pointer ;   max-width: 80px;
}
.product--detail .product__variants .item.slick-current{
    border: 1px solid red;
}
.product--detail .product__variants   .swiper-slide-active .item{

    border: 2px solid red;
}
.product--detail .product__variants
.product--detail .product__variants .item:last-child {
    margin-bottom: 0
}

.product--detail .product__variants .item.slick-current img {
    opacity: 1
}

.product--detail .product__variants .item:hover img {
    width: 100%;
    opacity: 1
}

.product--detail .product__gallery {
    position: relative
}

.product--detail .product__gallery img {
    width: 100%
}

.product--detail .product__gallery .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    width: 35px;
    height: 35px;
    color: #000;
    font-size: 18px;
    background-color: transparent;
    border-radius: 4px;
    opacity: 1;
}
.slick-active {
    display: block;width: 100%;height: auto;
}
.product--detail .product__gallery .slick-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.product--detail .product__gallery .slick-arrow:first-child {
    left: 0px
}

.product--detail .product__gallery .slick-arrow:last-child {
    right: 0px
}

.product--detail .product__gallery .slick-arrow:hover {
    background-color: var(--color-1st);
    color: #fff
}

.product--detail .product__gallery:hover .item:before, .product--detail .product__gallery:hover .slick-arrow {
    visibility: visible;
    opacity: 1
}

.product--detail .product__video a {
    vertical-align: middle
}

.product--detail .product__video a:hover.btn--black {
    background-color: var(--color-1st);
    border-color: var(--color-1st)
}

.product--detail .product__video i {
    font-size: 20px;
    font-weight: 700;
    vertical-align: middle
}

.product--detail .product__badge {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 30;
    padding: 0 5px;
    background-color: #fe9931
}

.product--detail .product__badge i {
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
    font-size: 1.3rem;
    letter-spacing: .2em
}

.product--detail .product__info {
    text-align: left
}

.product--detail .product__add-wishlist {
    font-size: 14px
}

.product--detail .product__add-wishlist span {
    padding-left: 5px;
    text-decoration: underline
}

.product--detail .product__price {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -8px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-heading);
    margin-top: -10px;
}

.product--detail .product__price del {
    font-style: normal;
    color: #bcbcbc;
    font-size: 1.3rem
}

.product--detail .product__price p {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-heading)
}


.product--detail .product__price.sale {
    color: var(--color-heading)
}

.product--detail .product__price.sale del {
    margin-right: 20px;
    font-size: 22px;
    color: var(--color-danger)
}

.product--detail .product__price.out-stock span {
    position: relative;
    font-size: 14px;
    color: var(--color-heading);
    margin-left: 40px
}

.product--detail .product__price.out-stock span:before {
    position: relative;
    top: -2px;
    display: inline-block;
    content: "\E935";
    font-family: Linearicons;
    vertical-align: middle;
    margin-right: 6px;
    color: #fff;
    padding: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 8px;
    background-color: #999
}

.product--detail .product__attribute {
    display: block;
    border-bottom: 0px solid #ddd;
    width: 100%;
    clear: both;
}
.product--detail .product__attribute > * {
    flex-basis: 100%
}

.product--detail .product__attribute label {
    margin-bottom: 0;
    max-width: 100%;

}
.product--detail .product__attribute label.attribute-name {
    font-weight: 400;

    margin-bottom: 16px;

    float: left;

    width: 100%;

    margin-top: 0px;

}
.product--detail .product__attribute .form-control {
    border: none
}

.product--detail .product__color {
    padding-bottom: 0px;
    margin-bottom: 10px;
}

 .color-swatch li {
    width: auto;
    float: left;
    padding:0px 3px 0px 0px;
}

.product--detail .product__color .color-swatch li:last-child {
    margin-right: 0
}

.product--detail .product__color .color-swatch li span {
    margin-bottom: 0
}

.product--detail .product__modal {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product--detail .product__modal a {
    text-decoration: underline
}

.product--detail .product__desc {
     margin-bottom: 20px;
     padding: 0px 0px;
     border-radius: 5px;
 }
.product--detail .luu-y-chon-chau{
    margin-bottom: 20px;
    background: #e5f2ec;text-align: justify;
    padding: 2px 10px 0px 10px;
    border-radius: 5px;
}
.product__desc .parameter-item4{
    border-bottom: 0px dashed rgba(0, 0, 0, 0.6)!important;
}
.product--detail .product__desc p {
    margin-bottom: 0;
    color: var(--color-text);
    font-size: 14px
}

.product--detail .product__shopping {
    margin-bottom: 36px
}

.product--detail .product__shopping figure {
    display: flex;
    justify-content: space-between;
    max-width: 470px;
    padding-bottom: 20px
}

.product--detail .product__shopping figure > * {
    margin-right: 10px
}

.product--detail .product__shopping figure .form-group--number {
    max-width: 150px
}

.product--detail .product__shopping figure .form-group--number input {
    border-radius: 0
}

.product--detail .product__shopping figure .btn {
    text-transform: uppercase;
    font-weight: 500;
    min-width: 250px;
    padding: 12px 30px 13px;
    vertical-align: top;
    text-align: center;
    font-size: 14px
}

.product--detail .product__shopping figure .btn.btn--gray {
    color: #fff;
    background-color: rgba(34, 34, 34, .5)
}

.product--detail .product__shopping figure .btn.btn--gray:hover {
    background-color: var(--color-heading)
}

.product--detail .product__shopping figure .product__favorite {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    min-width: 45px;
    height: 45px;
    vertical-align: top;
    color: #999;
    border: 2px solid #eaeaea
}

.product--detail .product__shopping figure .product__favorite i {
    padding-top: 2px;
    color: var(--color-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.product--detail .product__shopping figure .product__favorite:hover {
    border-color: var(--color-1st)
}

.product--detail .product__shopping figure .product__favorite:hover i {
    color: var(--color-1st)
}

.product--detail .product__shopping .btn--black {
    letter-spacing: .1em
}

.product--detail .product__links {
    margin-bottom: 3rem
}

.product--detail .product__links a {
    display: inline-block;
    margin-right: 20px;
    font-weight: 600;
    color: var(--color-heading)
}

.product--detail .product__links a:hover {
    color: var(--color-1st)
}

.product--detail .product__specification {
    margin-bottom: 2rem;
    padding-top: 20px;
    border-top: 1px solid #eaeaea
}

.product--detail .product__specification p {
    color: var(--color-heading)
}

.product--detail .product__specification p strong {
    margin-right: 5px;
    text-transform: uppercase
}

.product--detail .product__specification p a {
    color: var(--color-text);
    font-size: 15px
}

.product--detail .product__specification p a:after {
    content: ",";
    padding-right: 3px
}

.product--detail .product__specification p a:first-child {
    padding-left: 5px
}

.product--detail .product__specification p a:last-child:after {
    display: none
}

.product--detail .product__specification p a:hover {
    color: var(--color-1st)
}

.product--detail .product__sharing {
    margin-bottom: 0
}

.product--detail .product__sharing p {
    line-height: 30px;
    color: var(--color-heading);
    font-weight: 500
}

.product--detail .product__sharing a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    vertical-align: top;
    border-radius: 50%
}

.product--detail .product__sharing a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: var(--color-heading)
}

.product--detail .product__sharing a:last-child {
    margin-right: 0
}

.product--detail .product__sharing a:hover {
    color: #fff;
    background-color: var(--color-1st)
}

.product--detail .product__sharing p {
    margin-bottom: 0
}

.product--detail .product__sharing .list--social li {
    margin-right: 5px
}

.product--detail .product__sharing .list--social a {
    width: 40px;
    height: 40px
}
.product--detail .product__tags a {
    margin-right: 0px;
    margin-bottom: 6px;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 50px;
    font-size: 13px;
    border: 1px solid var(--color-1st);
}
.product--detail .product__tags a:hover {
    color: #fff;
    background-color: var(--color-1st);
    border-color: var(--color-1st)
}

.product--detail .product__bundle {
    margin-bottom: 2rem
}

.product--detail .product__bundle h4 {
    font-weight: 600;
    font-size: 2.1rem
}

.product--detail .product__bundle .form-group, .product--detail .product__bundle p {
    margin-bottom: 15px
}

.product--detail .product__bundle p strong {
    font-weight: 600;
    color: #696969
}

.product--detail .product__bundle .checkbox {
    margin-bottom: 10px
}

.product--detail .product__bundle-item p {
    margin-bottom: 0
}

.product--detail .product__bundle-item img {
    margin-bottom: 10px;
    max-width: 100px
}

.product--detail .product__bundle-item span {
    padding: 0 5px
}

@media (max-width: 479px) {
    .product--detail .product__bundle-item img {
        max-width: 50px
    }
}

.product--detail .product__group img {
    max-width: 80px
}

.product--detail .product__group .form-group--number-2 {
    min-width: 60px;
    max-width: 100px;
    display: inline-block
}

.product--detail .product__group .form-group--number-2 .form-control {
    border-radius: 0;
    border-color: #bbb;
    max-width: 60px;
    height: 36px
}

.product--detail .product__group table thead tr th {
    border: none;
    padding: 15px 20px;
    background-color: #efefef
}

.product--detail .product__group table thead tr th:last-child {
    text-align: right
}

.product--detail .product__group table tr td {
    padding: 10px 20px;
    border: none
}

.product--detail .product__group table tr td a {
    display: block;
    color: var(--color-heading)
}

.product--detail .product__group table tr td a:hover {
    color: var(--color-1st)
}

.product--detail .product__group table tr td span {
    color: var(--color-heading)
}

.product--detail .product__group table tr td span del {
    color: var(--color-text);
    margin-left: 10px
}

.product--detail .product__group table tr td:nth-child(2) {
    min-width: 230px
}

.product--detail .product__group table tr td:last-child {
    text-align: right
}

.product--detail .gallery__item {
    display: block
}

.product--detail .product__variations {
    margin-bottom: 2rem;
    padding-bottom: 20px
}

.product--detail .product__variations figure {
    margin-bottom: 30px
}

.product--detail .product__variations figure figcaption {
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--color-heading)
}

.product--detail .product__variations figure:last-child {
    margin-bottom: 0
}

.product--detail .product__rating {
    display: flex;
    width: 100%
}

.product--detail .product__rating .br-wrapper {
    margin-right: 10px;
    display: inline-block
}

.product--detail .product__rating .br-wrapper a {
    font-size: 12px
}

.product--detail .product__rating span {
    color: var(--color-text);
    font-size: 14px
}

.product--detail .product__sku {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    color: #bbb
}

.product--detail .product__thumbnail {
    display: flex;
    flex-flow: column wrap;
    margin-bottom: 30px;
    width: 100%
}

.product--detail .product__thumbnail > * {
    width: 100%
}

.product--detail .product__thumbnail figure {
    position: relative;
    display: block
}

.product--detail .product__thumbnail .product__variants {
    width: 100%;
    min-width: 80px;
    height: 76px;
}

.product--detail .product__thumbnail .product__video {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 20
}

.product--detail .product__thumbnail .wrapper {
    position: relative;
    margin-bottom: 10px
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] {
    flex-flow: column wrap
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] figure {
    max-width: 100%;
    padding-left: 0
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants {
    max-width: 100%;
    text-align: center;
    width: 100%
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .item {
    margin-bottom: 0;
    margin-right: 10px
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .item.slick-active:last-child {
    margin-right: 0
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .slick-list {
    margin-right: -10px
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .slick-arrow {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .slick-arrow:first-child {
    left: -20px
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .slick-arrow:first-child i:before {
    content: "\F104"
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .slick-arrow:last-child {
    right: 0
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .slick-arrow:last-child i:before {
    content: "\F105"
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__variants .slick-arrow:hover i {
    color: #000
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__gallery {
    margin-bottom: 10px
}

.product--detail .product__thumbnail.product__thumbnail[data-vertical=false] .product__gallery img {
    width: 100%
}

.product--detail .tab-list {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 20px 0;
    text-align: center
}

.product--detail .tab-list li {
    display: inline-block;
    margin-right: 10px
}

.product--detail .tab-list li a {
    position: relative;
    padding: 3px 0;
    display: inline-block;
    line-height: 20px;
    font-weight: bold;
    font-size: 15px;
    border-radius: 0px;
    color: var(--color-text);
    border: 1px solid transparent;
    text-transform: uppercase;
}
.product--detail .tab-list li a:hover {
    color: var(--color-heading)
}

.product--detail .tab-list li:last-child {
    margin-right: 0
}

.product--detail .tab-list li.active a {

    text-decoration: underline;
}

.product--detail .tab-list li.active a:before {
    visibility: visible;
    opacity: 1
}

.product--detail .product__review h4 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 18px;
    color: var(--color-heading)
}

.product--detail .product__content {
    padding-top: 0px
}

.product--detail.has-background .product__background {
    padding: 100px 0;
    background-color: #f2f1f0
}

.product--detail.has-background .product__nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-bottom: 50px
}

.product--detail.has-background .product__content .tab-list {
    border-top: none
}

@media (max-width: 480px) {
    .product--detail .product__shopping figure {
        flex-flow: row wrap
    }

    .product--detail .product__shopping figure .form-group--number {
        margin-right: 0;
        max-width: 100%;
        width: 100%
    }

    .product--detail .product__shopping figure > * {
        margin-bottom: 10px
    }

    .product--detail .product__shopping figure .btn {
        flex-grow: 2;
        text-align: center
    }
}
@media (min-width: 1100px) {
    .product--detail .product__thumbnail {
        max-width: 100%;width: 100%;
    }
}
@media (max-width: 1100px) {
    .product--detail .product__thumbnail {
        max-width: 500px
    }
}

@media (min-width: 1100px) {
    .product--detail h1.product_title {
        font-size: 24px;
    }

    .product--detail .product__desc p {

    }

    .product--detail .product_price {
        margin-bottom: 10px;
        font-size: 24px
    }

    .product--detail .product__sharing {
        padding-top: 20px
    }

    .product--detail .product__header {
        display: flex;
        flex-flow: row nowrap
    }

    .product--detail .product__header > * {
        width: 50%;
        max-width: 50%;
    }

    .product--detail .product__header .product__thumbnail {
        padding-right: 0px;position: relative;
    }

    .product--detail .product__review h4 {
        font-size: 24px
    }

    .product--detail .product__content {
        padding-top: 20px
    }
}

@media (min-width: 1200px) {
    .product--detail .product__thumbnail {
        flex-flow: row-reverse nowrap;
        align-content: flex-start
    }

    .product--detail .product__thumbnail figure {
        width: calc(100% - 80px);
        padding-left: 10px
    }

    .product--detail .product__shopping .product__variants {
        max-width: 80px
    }

    .product--detail .product__info {
        padding-left: 30px;font-size: 14px;
    }
}

@media screen and (max-width: 479px) {
    .product--detail .product__modal {
        padding-bottom: 10px
    }
}

.table--oriented .table__sub-toggle {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    transform-style: preserve-3d
}

.table--oriented .table__sub-toggle:after, .table--oriented .table__sub-toggle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    background-color: var(--color-text)
}

.table--oriented .table__sub-toggle:before {
    transform: translateX(-50%)
}

.table--oriented .table__sub-toggle:after {
    transform: translateX(-50%) rotate(90deg)
}

.table--oriented .table__sub-toggle.active:after {
    display: none
}

.table--oriented .table__th-title {
    font-weight: 600;
    color: var(--color-heading);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.table--oriented .table__item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-border)
}

.table--oriented .table__item .table__label {
    font-weight: 500;
    line-height: 1.6em
}

.table--oriented .table__th-inner {
    border-bottom: 1px solid var(--color-border);
    transition: all .4s ease
}

.table--oriented .table__th-inner .table__list {
    display: none
}

.table--oriented .table__th-inner:last-child {
    border-bottom: none
}

.table--oriented .table__th-inner.active .table__sub-toggle:after {
    display: none
}

.table--oriented .table__th-inner.active .table__list {
    display: block
}

.table--oriented tbody {
    display: none
}

.table--oriented.is-mobile thead tr {
    display: flex;
    flex-flow: column wrap
}

.table--oriented.is-mobile thead tr th {
    width: 100%
}

.table--oriented.is-mobile thead tr .table__th-empty {
    display: none
}

@media (min-width: 768px) {
    .table--oriented .table__list {
        display: none;
        opacity: 0;
        transform: translate3d(1, 1, 0)
    }

    .table--oriented .table__sub-toggle {
        display: none
    }

    .table--oriented tbody {
        display: table-row-group
    }
}

.table--cart .form-group--number {
    max-width: 120px
}

.table--cart .total {
    color: var(--color-text);
    font-size: 18px
}

.table--cart .total strong {
    color: var(--color-heading);
    text-transform: uppercase
}

.table--cart .total span {
    font-size: .75em
}

.table--cart .total .total__price {
    font-size: 30px;
    color: var(--color-heading);
    font-weight: 600;
    line-height: 1.2em
}

.table--cart .total .total__price span {
    display: block;
    font-size: .6em
}

.table--cart thead tr th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-bottom: 1px solid #e5e5e5
}

.table--cart tbody tr td {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle
}

.table--cart tbody tr td strong {
    font-weight: 600
}

.table--cart tbody tr td:first-child {
    padding-left: 0
}

.table--cart tbody tr td:last-child {
    padding-right: 0;
    text-align: right
}

.table--cart tbody tr td:last-child button {
    background-color: transparent
}

.table--orders .received {
    color: #8a8a8a
}

.table--orders .highlight {
    color: #078c97
}

.table--orders thead tr th {
    border: none
}

.table--orders tbody td {
    padding: 20px
}

.table--orders tbody td:first-child {
    padding-left: 0
}

.table--orders tbody td:last-child {
    padding-right: 0;
    text-align: right
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 999
}

#loader-wrapper .loader-section.section-left {
    left: 0
}

#loader-wrapper .loader-section.section-right {
    right: 0
}

.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all .3s ease-out 1s
}

.loaded #loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all .7s cubic-bezier(.645, .045, .355, 1) .3s
}

.loaded #loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all .7s cubic-bezier(.645, .045, .355, 1) .3s
}

.half-circle-spinner, .half-circle-spinner * {
    box-sizing: border-box
}

.half-circle-spinner {
    width: 60px;
    height: 60px;
    margin: 20px auto;
    border-radius: 100%;
    position: relative
}

.half-circle-spinner .circle {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 6px solid transparent
}

.half-circle-spinner .circle.circle-1 {
    border-top-color: var(--color-1st);
    -webkit-animation: half-circle-spinner-animation 1s infinite;
    animation: half-circle-spinner-animation 1s infinite
}

.half-circle-spinner .circle.circle-2 {
    border-bottom-color: var(--color-1st);
    -webkit-animation: half-circle-spinner-animation 1s infinite alternate;
    animation: half-circle-spinner-animation 1s infinite alternate
}

@-webkit-keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.ps-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(var(--color-heading), .7);
    transition: all .4s ease
}

.ps-modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem 4rem;
    z-index: 10;
    border-radius: 3px;
    max-width: 945px;
    width: 100%;
    background-color: #fff
}

.ps-modal__close {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #5e6b9d;
    transform: translate(50%, -50%)
}

.ps-modal__close i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff
}

.ps-modal.active {
    visibility: visible;
    opacity: 1
}

@media (max-width: 991px) {
    .ps-modal__container {
        max-width: 90%
    }

    .ps-modal__close {
        transform: translate(0);
        width: 30px;
        height: 30px;
        background-color: transparent
    }

    .ps-modal__close i {
        color: #5e6b9d
    }
}

@media (max-width: 767px) {
    .ps-modal {
        overflow: auto
    }

    .ps-modal__container {
        position: relative;
        top: 0;
        left: 0;
        margin: 3rem auto;
        overflow: auto;
        transform: translate(0)
    }
}

@media (max-width: 479px) {
    .ps-modal__container {
        max-width: 300px
    }
}

.ps-popup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    transition: all .4s ease;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0
}

.ps-popup__content {
    position: relative;
    max-width: 830px;
    width: 100%;
    padding: 67px 40px;
    transition: transform .4s ease
}

.ps-popup__close {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    border: none;
    border-radius: 0
}

.ps-popup__close:after, .ps-popup__close:before {
    background-color: #000
}

.ps-popup__close:hover:after, .ps-popup__close:hover:before {
    background-color: var(--color-danger)
}

.ps-popup.active {
    visibility: visible;
    opacity: 1;
    transition-delay: .5s
}

@media (max-width: 991px) {
    .ps-popup {
        padding: 100px 30px 20px
    }

    .ps-popup .ps-popup__content {
        position: relative;
        top: 0;
        left: 0;
        max-width: 800px;
        margin: 0 auto
    }

    .ps-popup.active .ps-popup__content {
        transform: translate(0)
    }
}

@media (max-width: 479px) {
    .ps-popup {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px
    }

    .ps-popup .ps-popup__content {
        padding: 50px 20px
    }
}

.ps-accordion {
    margin-bottom: 20px
}

.ps-accordion__header {
    position: relative;
    background-color: #f6f6f8;
    padding: 10px 40px 10px 20px;
    cursor: pointer
}

.ps-accordion__header p {
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 700;
    color: var(--color-heading)
}

.ps-accordion__header span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #222
}

.ps-accordion__header span i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

.ps-accordion__content {
    padding: 20px
}

.tab {
    display: none
}

.tab.active {
    display: block
}

.cart--mini {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.cart--mini .cart__items {
    border-bottom: none;
    position: relative;
    flex: 1 1 auto;
    overflow-y: auto
}

.cart--mini .cart__items .product--on-cart {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #eaeaea
}
.cart--mini .cart__items .product--on-cart p{
    margin: 0px!important;
}
.cart--mini .cart__summary p {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.cart--mini .cart__summary p strong {
    color: var(--color-heading);
    font-weight: 500
}

.cart--mini .cart__actions {
    padding: 1em 0
}

.cart--mini .cart__actions .btn--custom {
    width: auto;
    text-align: center;
    padding: 7px 15px;
    border-radius: 0;
    text-transform: none;
    border-radius: 5px;
}

.cart--mini .cart__footer {
    padding-top: 20px;
    border-top: 1px solid #eaeaea
}

.cart--mini figure .btn {
    margin-bottom: 10px;
    padding: 12px 30px;
    text-align: center;
    width: 100%
}

.cart--mini figure .btn--black {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    min-height: 48px
}

.cart--mini:hover .cart__content {
    transform: translate(0);
    visibility: visible;
    opacity: 1
}

.form--subscribe {
    position: relative
}

.form--subscribe input {
    height: 40px
}

.form--subscribe button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: transparent;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-heading);
    height: 30px;
    padding: 0 20px
}

.form--primary-search {
    position: relative
}

.form--contact {
    margin-bottom: 30px
}

.form--contact .form-group {
    margin-bottom: 35px
}

.form--contact .form__submit .btn--custom {
    min-width: 175px;
    text-align: center
}

.form--auth .form__header {
    text-align: center;
    padding-bottom: 10px
}

.form--auth .form__header h3 {
    font-size: 20px;
    text-transform: uppercase
}

.form--auth .form__actions p a {
    color: var(--color-1st)
}

.form--auth .form__actions p a:hover {
    text-decoration: underline
}

.form--auth .form__actions button {
    min-width: 175px;
    width: 100%;
    text-align: center
}

@media screen and (min-width: 992px) {
    .form--auth .form__header {
        padding-bottom: 20px
    }

    .form--auth .form__header h3 {
        font-size: 30px
    }

    .form--auth .form__actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px
    }

    .form--auth .form__actions button {
        width: auto
    }
}

.form--login .form__password {
    position: relative
}

.form--login .form__password a {
    display: block;
    margin-top: 20px
}

@media screen and (min-width: 768px) {
    .form--login .form__password {
        position: relative
    }


        .form--login .form__password a {
            display: inline-block;
            vertical-align: top;
            margin-top: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            font-size: 12px;
        }
   
}

.form--shopping-cart .form__section h4 {
    margin-bottom: 20px;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1em;
    padding-bottom: 5px
}

.form--shopping-cart .form__section h4:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: var(--color-heading)
}

.form--visa-method {
    padding: 10px 15px;
    background-color: #f9f9f9
}

.form--edit-shipment-information {
    padding: 10px 15px
}

.form--edit-shipment-information .form-control {
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .form--edit-shipment-information {
        padding: 20px 30px
    }
}

.form--review-product .form__submit button {
    min-width: 175px
}





.section .section__header h3 {
    font-size: 20px;
    text-transform: uppercase
}

@media screen and (min-width: 1200px) {
    .section .section__header h3 {
        font-size: 30px
    }
}

.section--homepage {
    padding-top: 30px
}

.section--homepage .section__header {
    text-align: center;
    padding-bottom: 40px
}

.section--homepage .section__header h3 {
    margin-bottom: .25em;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase
}

.section--homepage .section__header p {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
}

@media screen and (min-width: 992px) {
    .section--homepage {
        padding-top: 40px
    }
}

@media screen and (min-width: 1200px) {
    .section--homepage {
        padding-top: 12px;
    }
}

.home-collection .collection {
    margin-bottom: 32px
}

.shop--sidebar {
    padding-top: 10px
}

.shop--sidebar .shop__header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.shop--sidebar .shop__header .panel-trigger {
    padding: 10px 30px
}

.shop--sidebar .shop__left {
    display: none;

}

.shop--sidebar .shop__left .widget--shop {
    margin-bottom: 20px;
    padding: 15px 20px;
    background-color: #F9F9F9;
    border-radius: 3px;
}

.shop--sidebar .shop__sort {
    display: none
}

.shop--sidebar .shop__sort .form-group--inline {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.shop--sidebar .shop__sort .form-group--inline label {
    min-width: 60px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px
}

.shop--sidebar .shop__sort .form-group--inline .form-control {
    height: 31px;
    padding: 0 20px;
    border-radius: 45px;
    border-color: #f9f9f9;
}

@media screen and (min-width: 992px) {
    .shop--sidebar .shop__left {
        padding-left: 30px;

        margin-top: 74px;
    }

    .shop--sidebar .shop__header .panel-trigger {
        display: none
    }

    .shop--sidebar .shop__sort {
        display: flex;
        flex-flow: row nowrap
    }
}

@media screen and (min-width: 1200px) {
    .shop--sidebar {
        display: block;
        flex-flow: row nowrap;
        padding-top: 0px;
    }

    .shop--sidebar .shop__header {
        padding-bottom: 10px
    }

    .shop--sidebar .shop__left {
        max-width: 250px;
        display: block
    }

    .shop--sidebar .shop__content {
        display: block;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
        background: #fff;
        padding: 20px 20px;
        border-radius: 16px;
    }

    .shop--sidebar .shop__content > * {
        flex-basis: 100%
    }
}
#footer
{
    background: #fff;
    max-width: 1380px;
    margin: 0px auto;
    border-radius: 5px;
    overflow: hidden;
}
.section--blog {
    padding: 30px 0
}

.section--blog .section__header {
    text-align: center;
    padding-bottom: 30px
}

.section--blog .section__header h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-heading)
}

.section--blog .section__content .post {
    margin-bottom: 30px
}

.section--blog .section__footer {
    padding-top: 30px
}

@media screen and (min-width: 1200px) {
    .section--blog {
        padding: 30px 0 60px
    }

    .section--blog .section__header {
        padding-bottom: 30px
    }
}

.section--contact-us .section__header {
    padding: 30px 0 20px;
    text-align: center
}

.section--contact-us .section__header h1 {
    font-size: 30px;
    text-transform: uppercase
}

.section--contact-us .block--contact-info {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .section--contact-us .block--contact-info {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1200px) {
    .section--contact-us {
        padding: 0 0 80px
    }
}

.section--related-posts
{
    padding-top: 20px;
    border-top: 0px solid #ddd;
    background: #fff;
    padding: 0px 20px;
    margin-bottom: 20px;
}
.section--related-posts .post {
    margin-bottom: 30px
}

.section--related-posts .section__header {
    padding-bottom: 20px
}

.section--related-posts .section__header h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

@media screen and (min-width: 992px) {
    .section--related-posts .post {
        margin-bottom: 0
    }
}

.section--auth .form--auth {
    max-width: 600px;
    margin: 0 auto 100px
}

.section--shopping-cart .section__header {
    text-align: center;
    padding-bottom: 20px
}

@media screen and (min-width: 992px) {
    .section--shopping-cart .section__header {
        padding-bottom: 40px
    }
}

.section--account .list--plus li a {
    font-size: 16px
}

.section--account .list--plus li.current {
    font-size: 20px
}

.section--account .section__left h3 {
    margin-bottom: 20px;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    padding-bottom: 5px
}

.section--account .section__left h3:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: var(--color-heading)
}

.section--account .section__right {
    padding: 0 10px
}

@media screen and (min-width: 992px) {
    .section--account {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-content: flex-start
    }

    .section--account > * {
        flex-basis: 100%
    }

    .section--account .section__left {
        max-width: 270px
    }
}

.section--lookbook .block--lookbook-large {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .section--lookbook .block--lookbook-large {
        margin-bottom: 50px
    }
}

.section--instagram {
    position: relative
}

.section--instagram figure h3 {
    color: #fff
}

.section--instagram .instagram-images {
    position: relative;
    display: flex;
    flex-flow: row wrap
}

.section--instagram .instagram-images > * {
    flex-basis: 33.3333%
}

.section--instagram .instagram-images .block--instagram {
    position: relative
}

.section--instagram .instagram-images .block--instagram .block__actions {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease;
    z-index: 10;
    text-align: center;
    color: #fff;
    overflow: hidden;
    width: 80%
}

.section--instagram .instagram-images .block--instagram .block__actions a {
    color: #fff;
    margin-right: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block
}

.section--instagram .instagram-images .block--instagram .block__actions a i {
    margin-right: .5em
}

.section--instagram .instagram-images .block--instagram .block__actions a:last-child {
    margin-right: 0
}

.section--instagram .instagram-images .block--instagram .block__actions p {
    color: #fff
}

.section--instagram .instagram-images .block--instagram .block__overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: transparent
}

.section--instagram .instagram-images .block--instagram .block__caption {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 110px;
    overflow: hidden
}

.section--instagram .instagram-images .block--instagram:hover .block__actions {
    visibility: visible;
    opacity: 1
}

.section--instagram .instagram-images .block--instagram:hover .block__overlay {
    background-color: rgba(0, 0, 0, .4)
}

.section--instagram .section__follow-instagram {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    box-shadow: 0 .5px 1.5px 0 rgba(40, 40, 40, .3);
    background-color: #282828;
    z-index: 20;
    text-align: center;
    padding: 20px 30px;
    max-width: 90%
}

.section--instagram .section__follow-instagram h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.section--instagram .section__follow-instagram p {
    font-size: 12px;
    text-transform: uppercase;
    color: #8a8a8a;
    font-weight: 600
}

.section--instagram .section__follow-instagram a {
    font-size: 30px;
    font-weight: 700;
    color: var(--color-1st);
    text-transform: uppercase
}

.section--instagram .section__follow-instagram figure {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.section--instagram .section__follow-instagram figure:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background-color: #fff
}

@media screen and (min-width: 480px) {
    .section--instagram .instagram-images > * {
        flex-basis: 33.3333%
    }
}

@media screen and (min-width: 768px) {
    .section--instagram .instagram-images > * {
        flex-basis: 25%
    }

    .section--instagram .section__follow-instagram {
        padding: 20px 30px;
        max-width: 600px
    }

    .section--instagram .section__follow-instagram h4 {
        font-size: 30px
    }
}

@media screen and (min-width: 1200px) {
    .section--instagram .instagram-images > * {
        flex-basis: 25%
    }
}

@media screen and (min-width: 1366px) {
    .section--instagram .instagram-images > * {
        flex-basis: 16.66667%
    }
}

.home-blog {
    margin-bottom: 60px
}

@media screen and (max-width: 1199px) {
    .home-blog .post {
        margin-bottom: 30px
    }
}

.page--blog, .page--inner {
    padding: 30px 0
}

.page--blog .page__header, .page--inner .page__header {
    padding-bottom: 30px
}

@media screen and (min-width: 768px) {
    .page--blog, .page--inner {
        padding: 30px 0 50px
    }
}

@media screen and (min-width: 1200px) {
    .page--blog, .page--inner {
        padding: 50px 0 100px
    }
}

.page--shop {
    padding-bottom: 50px
}

.page--shop .page__hero {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 250px;
    text-transform: uppercase
}

.page--shop .page__hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, .25)
}

.page--shop .page__hero h1 {
    position: relative;
    z-index: 10;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff
}

@media screen and (min-width: 768px) {
    .page--shop .page__hero h1 {
        font-size: 30px
    }
}

@media screen and (min-width: 992px) {
    .page--shop .page__hero h1 {
        font-size: 36px
    }
}

@media screen and (min-width: 1200px) {
    .page--shop {
        padding-bottom: 90px
    }

    .page--shop .page__hero h1 {
        font-size: 48px
    }
}

.page--product--detail .breadcrumb--custom {
    margin-bottom: 30px
}

.page--product--detail .product--detail {
    margin-bottom: 50px;
    width: 100%;
    overflow: hidden;
}

.sub-toggle {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    transform-style: preserve-3d
}

.sub-toggle:after, .sub-toggle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    background-color: var(--color-heading)
}

.sub-toggle:before {
    transform: translateX(-50%)
}

.sub-toggle:after {
    transform: translateX(-50%) rotate(90deg)
}

.sub-toggle.active:after {
    display: none
}

ul.menu > li > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    z-index: 1000;
    transition: all .25s ease;
    border: 1px solid #eee;
    background-color: hsla(0, 0%, 100%, .95);
    visibility: hidden;
    opacity: 0
}

.sub-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: none
}

.sub-menu > li {
    display: block
}

.sub-menu > li > a {
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    font-size: 15px;
    color: var(--color-text);
    text-transform: capitalize;
    transition: all .8s cubic-bezier(.19, 1, .22, 1)
}

.sub-menu > li > a:hover {
    color: var(--color-1st)
}

.sub-menu > li:last-child a {
    border-bottom: 1px solid #eee
}

.sub-menu > li.menu-item-has-children {
    position: relative
}

.sub-menu > li.menu-item-has-children > .sub-toggle {
    display: none
}

.sub-menu > li.menu-item-has-children > .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px)
}

.sub-menu > li.menu-item-has-children > .sub-menu:before {
    display: none
}

.sub-menu > li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.sub-menu > li:last-child {
    border-bottom: none
}

.menu > li {
    padding-right: 14px
}

.menu > li, .menu > li > a {
    display: inline-block
}

.menu > li > a {
    position: relative;
    padding: 30px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    transform-style: preserve-3d
}

.menu > li > a:hover {
    color: var(--color-1st)
}

.menu > li:first-child {
    padding-left: 0px;
}

.menu > li:last-child {
    margin-right: 0;
    padding-right: 0
}

.menu > li .sub-toggle {
    display: none
}

.menu > li.menu-item-has-children {
    position: relative
}

.menu > li.menu-item-has-children .sub-toggle {
    margin-left: 5px;
    display: none
}

.menu > li.menu-item-has-children .sub-menu {
    visibility: hidden;
    opacity: 0;
    transform: scaleZ(0) translateY(30px)
}

.menu > li.menu-item-has-children .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000
}

.menu > li.menu-item-has-children:hover .sub-toggle {
    color: #fff
}

.menu > li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: scaleX(1) translateY(0)
}

.menu > li.current-menu-item > a {
    color: var(--color-1st)
}

.menu > li.current-menu-item .sub-toggle {
    color: #fff
}

@media (max-width: 1199px) {
    .menu > li {
        display: block;
        padding-right: 0;
        border-bottom: 1px dashed #e4e4e4
    }

    .menu > li > a {
        display: block;
        color: var(--color-heading);
        font-size: 1.5rem;
        padding: 1rem 0;
        line-height: 20px
    }

    .menu > li.menu-item-has-children {
        position: relative
    }

    .menu > li.menu-item-has-children > .sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;
        transition: all 0s ease
    }

    .menu > li.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-toggle {
        height: 40px;
        width: 40px
    }

    .menu > li.menu-item-has-children .sub-toggle {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        height: 30px;
        width: 30px;
        margin-left: 0
    }

    .menu > li.menu-item-has-children .sub-toggle i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .menu > li.current-menu-item {
        border-left: 0px solid var(--color-1st);
        padding-left: 1rem
    }

    .menu > li.current-menu-item > a:before {
        display: none
    }
}

.menu--mobile {
    width: 100%
}

.menu--mobile .sub-menu {
    position: relative;
    display: none;
    transform: translate(0);
    visibility: visible;
    opacity: 1;
    transition: all 0s ease;
    border: none
}

.menu--mobile .sub-menu > li > a {
    border: none;
    padding: 10px 20px
}

.menu--mobile .sub-toggle:after, .menu--mobile .sub-toggle:before {
    background-color: var(--color-text)
}



.menu--mobile > li > a {
    position: relative;
    z-index: 10;
    display: block;
    padding: 10px 20px 10px 0;
    line-height: 20px;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-text);
    text-transform: capitalize
}

.menu--mobile > li > a:hover {
    padding-left: 5px;
    color: var(--color-1st)
}

.menu--mobile > li.menu-item-has-children:not(.has-mega-menu) {
    position: relative
}

.menu--mobile > li.menu-item-has-children:not(.has-mega-menu) .sub-toggle {
    position: absolute;
    top: 0;
    right: 12px;
    width: 40px;
    height: 40px;
    z-index: 20;
    display: inline-block;
}

.menu--mobile > li.has-mega-menu {
    position: relative
}

.menu--mobile > li.has-mega-menu > .sub-toggle {
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 20;
    display: inline-block
}

.menu--mobile > li.has-mega-menu .mega-menu {
    display: none
}

.navigation > .container {
    flex-flow: row nowrap
}

.navigation--mobile, .navigation > .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.navigation--mobile {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd
}

@media screen and (min-width: 1200px) {
    .navigation--mobile {
        display: none
    }
}


.header .btn-shopping-cart {
    position: relative
}

.header .btn-shopping-cart > span {
    position: absolute;
    top: -4px;
    right: 14px;
    transform: translate(25%, 25%);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 16px;
    height: 16px;
    background-color: var(--color-1st);
    border-radius: 50%;
    font-size: 10px;
    color: #fff
}

.header .header__actions {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end
}

.header .header__actions > a {
    display: inline-block;
    justify-content: center;
    align-items: center;
    width: 83px;
    height: 36px;
    text-align: center;
    font-size: 14px;
    margin-top: -3px;
}
.header .header__actions > * i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0px auto;
    background: #e5e5e5;
    border-radius: 50%;
    padding-top: 6px;
}


.header.header--sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff
}

.header.header--sticky .ps-logo img {
    max-height: 50px
}

@media screen and (min-width: 1200px) {
    .header {
        display: block
    }
}

.header--mobile .logo {
    font-size: 20px
}

.header--mobile.header--sticky {
    padding: 15px 20px
}

.header--mobile.header--sticky .navigation--mobile {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: var(--color-1st);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12)
}

@media screen and (max-width: 1199px) {
    .header--mobile {
        display: block
    }
}

.navigation--list {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 30px;
    z-index: 100;
    background-color: var(--color-1st)
}

.navigation--list .navigation__item {
    text-align: center;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px
}

.navigation--list .navigation__item i {
    font-size: 20px;
    color: #fff
}

.navigation--list .navigation__item span {
    display: block
}

.navigation--list .navigation__item.active {
    background-color: #fff
}

.navigation--list .navigation__item.active i {
    color: var(--color-1st);
    font-size: 18px
}

.navigation--list .navigation__item.active span {
    color: var(--color-1st)
}

.navigation--list .navigation__content {
    max-width: 300px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 1200px) {
    .navigation--list {
        display: none
    }
}

.navigation--sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.navigation--sticky, .navigation--sticky .navigation {
    background-color: #fff
}

.navigation--sticky .header__top {
    display: none
}

.navigation--sticky.navigation--pin {
    transform: translate(0)
}

.navigation--sticky.navigation--unpin {
    transform: translateY(-100%)
}

.navigation--sticky.header--1.navigation--pin .navigation {
    background-color: rgba(0, 0, 0, .95)
}

.navigation--sticky.header--1.navigation--pin.header--black .navigation {
    background-color: hsla(0, 0%, 100%, .95)
}

.navigation--sticky.header--2.navigation--pin.active {
    background-color: #fff;
    transform: translate(270px)
}

@media (max-width: 1199px) {
    .navigation--sticky.navigation--unpin {
        transform: translate(0)
    }
}

.site-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 100vh;
    background-color: rgba(0, 0, 0, .75);
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0
}
#app {
    display: block;
    clear: both;
    width: 100%;
    padding: 20px 0px 0px 0px;
    margin: 0px;
    position: relative;
    top: 0px;
}
.home-page #app {
    position: relative;
    top: 0px; padding: 0px;
    margin-top: 20px;
}
@media (max-width: 1100px) {
    #app {
        top: 0px;
    }
}
.site-mask.active {
    visibility: visible;
    opacity: 1
}

.ps-search--mobile {
    max-width: 450px;
    margin: 0 auto;
    padding: 10px 20px
}




@media screen and (min-width: 1200px) {


}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html .bg--parallax {
    position: relative;
    z-index: 10;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50%
}

.bg--cover, html .bg--parallax {
    background-size: cover !important
}

.bg--cover {
    background-position: 50% 50% !important
}

.bg--top {
    background-position: 0 0 !important
}

.bg--top, .bg--top-right {
    background-size: cover !important
}

.bg--top-right {
    background-position: 100% 100% !important
}

.bg--top-left {
    background-position: 0 100% !important
}

.bg--bottom, .bg--top-left {
    background-size: cover !important
}

.bg--bottom {
    background-position: 100% 100% !important
}

.header ol, .header ul, .panel--sidebar ol, .panel--sidebar ul, .product--detail.has-background .product__background ol, .product--detail.has-background .product__background ul, .product--detail .product__color ol, .product--detail .product__color ul, .product ol, .product ul, .section--account ol, .section--account ul, .shop--sidebar .shop__left ol, .shop--sidebar .shop__left ul, .table--oriented ol, .table--oriented ul {
    margin: 0;
    padding: 0;
    list-style: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

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

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

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

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

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

p:empty {
    margin-bottom: 0
}

.required:after {
    content: " *";
    color: red
}

.product-attributes ul {
    padding-left: 0;
    list-style: none
}

.product--detail .product__price.sale del {
    font-size: 14px
}

.btn--custom.btn-disabled {
    opacity: .7;
    color: var(--color-text);
    border: 1px solid var(--color-text)
}

.widget--tags .list--tags li.active a {
    color: var(--color-1st);
    border-color: var(--color-1st)
}

.widget__links li.active a {
    color: var(--color-1st)
}

.block--review .block__content {
    padding-top: 0
}

.block--review .block__header {
    align-items: start
}

.block--product-reviews > .block__header p i {
    margin-right: 0
}

.block--product-reviews > .block__header p span {
    margin-left: .5em
}

.star-yellow {
    color: #edb867
}

.product {
    margin: 0px;
    padding-top: 21px;
    border: 1px solid #eee;
    background: #fff;
}
.product .product__wrapper {
    transition: all .3s ease-in-out
}

.product .product__wrapper .product__content {
    padding: 15px
}

.product .product__thumbnail .product__variants {
    position: relative;
    bottom: -10px;
    left: 0px;

    width: 100%;
    text-align: center;
    height: 43px;
}
.product .product__thumbnail .product__variants .custom-checkbox span {
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 1px solid #f2f2f2
}

.single-variation-wrap .error-message, .single-variation-wrap .success-message {
    margin-top: 10px
}

body .cookie-consent .cookie-consent-body {
    max-width: 1200px
}

.panel--sidebar .panel__content {
    overflow-y: scroll
}

.panel--sidebar .panel__content.panel__scroll {
    flex: none;
    display: block
}

.ps-slider__value {
    margin-top: 10px;
    display: inline-block
}

.product--detail .product__attribute .text-swatch li, .widget--shop .widget-content .text-swatch li {
    display: inline-block;
    margin-right: 5px
}

.product--detail .product__attribute .text-swatch li input[type=checkbox], .product--detail .product__attribute .text-swatch li input[type=radio], .widget--shop .widget-content .text-swatch li input[type=checkbox], .widget--shop .widget-content .text-swatch li input[type=radio] {
    display: none
}

.product--detail .product__attribute .text-swatch li input[type=checkbox]:checked ~ span, .product--detail .product__attribute .text-swatch li input[type=radio]:checked ~ span, .widget--shop .widget-content .text-swatch li input[type=checkbox]:checked ~ span, .widget--shop .widget-content .text-swatch li input[type=radio]:checked ~ span {
    border: 1px solid var(--color-1st)
}

.product--detail .product__attribute .text-swatch li input[type=checkbox]:checked ~ span:after, .product--detail .product__attribute .text-swatch li input[type=radio]:checked ~ span:after, .widget--shop .widget-content .text-swatch li input[type=checkbox]:checked ~ span:after, .widget--shop .widget-content .text-swatch li input[type=radio]:checked ~ span:after {
    width: 16px;
    height: 16px;
    content: "\E83F";
    font-family: feather !important;
    position: absolute;
    overflow: hidden;
    right: -8px;
    bottom: -5px;
    color: #fff;
    font-size: 8px
}

.product--detail .product__attribute .text-swatch li input[type=checkbox]:checked ~ span:before, .product--detail .product__attribute .text-swatch li input[type=radio]:checked ~ span:before, .widget--shop .widget-content .text-swatch li input[type=checkbox]:checked ~ span:before, .widget--shop .widget-content .text-swatch li input[type=radio]:checked ~ span:before {
    border: 16px solid transparent;
    border-bottom: 16px solid var(--color-1st);
    content: "";
    position: absolute;
    right: -16px;
    bottom: -1px
}

.product--detail .product__attribute .text-swatch li span, .widget--shop .widget-content .text-swatch li span {
    padding: 5px 15px;
    border: 1px solid #eee;
    cursor: pointer;
    transition: .2s;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.widget--shop .widget-content .text-swatch li span {
    background: #fff
}

.grecaptcha-badge {
    display: none !important
}

.slider__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: table
}

.slider__content .slider__content__wrapper {
    display: table-cell;
    vertical-align: middle
}

.slider__content .slider__content__wrapper .slider__content__wrapper__content {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

.slider__content .slider__content__wrapper .slider__content__wrapper__content h2 {
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    max-width: 50%
}

.slider__content .slider__content__wrapper .slider__content__wrapper__content p {
    margin-bottom: 30px;
    color: #fff;
    line-height: 28px;
    max-width: 50%;
    font-size: 16px
}

.widget-filter-item {
    padding: 20px 0;
    border-top: 1px solid #ccc
}

.nonlinear-wrapper {
    padding-bottom: 20px
}

.panel__content .widget--shop {
    margin-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .slider__content .slider__content__wrapper .slider__content__wrapper__content h2 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .slider__content .slider__content__wrapper .slider__content__wrapper__content p {
        margin-bottom: 10px;
        line-height: 24px
    }

    .slider__content .slider__content__wrapper .slider__content__wrapper__content .btn--custom, .slider__content .slider__content__wrapper .slider__content__wrapper__content button.btn--custom {
        padding: 10px 20px;
        font-size: 14px
    }
}

.fb-customerchat, .fb_dialog {
    z-index: 9999 !important
}

.banner-effect {
    position: relative;
    overflow: hidden;
    display: block
}

.banner-effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
    transform: skewX(-25deg)
}

.banner-effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s
}

@-webkit-keyframes shine {
    to {
        left: 125%
    }
}

@keyframes shine {
    to {
        left: 125%
    }
}

@media screen and (max-width: 768px) {
    .slider__content .slider__content__wrapper .slider__content__wrapper__content {
        display: none
    }
}

.ps-block--feature {
    display: flex;
    flex-flow: row nowrap;
    max-width: 260px
}

.ps-block--feature > * {
    width: 100%
}

.ps-block--feature > .ps-block__left {
    max-width: 55px
}

.ps-block--feature > .ps-block__left i {
    color: var(--color-text);
    font-size: 3.5rem
}

.ps-block--feature > .ps-block__right p {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4em;
    color: var(--color-heading)
}

.ps-block--feature > .ps-block__right small {
    display: block;
    font-size: 1.4rem;
    color: var(--color-text)
}

@media (max-width: 991px) {
    .ps-block--feature {
        margin: 0 auto 3rem
    }
}

@media (max-width: 767px) {
    .ps-block--feature {
        max-width: 100%
    }
}

.ps-block--features {
    padding: 4rem 0
}

.qty-input::-webkit-inner-spin-button, .qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.qty-input {
    -moz-appearance: textfield
}

.show-admin-bar .panel--search {
    top: 40px
}
.collection-description {
    background: #F9F9F9;
    padding: 14px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.post--detail
{
    background: #fff;
    padding:40px 60px 20px 60px;
    margin-top: 15px;border-radius: 8px;
}
.post--detail .post__header
{
    padding: 23px 0;
    text-align: center;
}
.category-content{
    background: #fff;    padding:20px 20px 20px 20px;
    margin-top: 20px;
}
@media only screen and (max-width: 480px) {
    .post--detail
    {
        background: #fff;
        padding:20px 10px 20px 10px;
        margin-top: 15px;
    }
    .post--detail .post__header h1
    {
        font-size: 20px;
        text-transform: none;
        font-weight: 900;
    }
    .ez-toc-list
    {
        padding: 0px;
    }
}
@media only screen and (max-width:1100px) {
    #wrapper {overflow: hidden;
        max-width: 650px;
        margin: 0px auto;
        position: relative;
        background: #fff;
        box-shadow: 0px 0px 5px #ccc;
    }
    .product {

        min-height: 338px!important;
    }

}
.tag-icon{
    position: absolute;
    width: 100%;
    bottom: 56px;
    left: 8px;
}
.tag-icon img {
    max-height: 21px;
}
.product_icon_hot {
    max-height: 26px !important;
    position: relative;
    top: -4px;
    display: inline-block;
}
@media only screen and (max-width:480px) {
    .delivery-banner__icon {
        display: inline-block;
        height: 44px;
        width: auto;
    }
    .navigation__center .name-order {
 display: none!important;
    }
    .mf-hdcall{
        display: none!important;
    }
}

.section--auth .form--auth {
    max-width: 600px;
    margin: 0 auto 100px;
    background: #fff;
    padding: 50px 30px;
    border-radius: 4px;
}
@media only screen and (max-width:1100px) {
    .product .product_item__thumbnail .product-image-pri img {
        width: 100%;
        max-width: 100%;
        padding: 0px 4px;
    }
    .product {
        margin: 0px;
        padding-top: 0px!important;
        border: 1px solid #eee;
        background: #fff;
        min-height: 405px;
    }
    .shop--sidebar  .container {
        width: 100%;
        padding-right: 5px!important;
        padding-left: 5px!important;

    }
    .btn-shopping-cart1.panel-trigger {
        position: absolute;
        right: 0px;
        top: 3px;
        font-size: 17px;
    }
   .product_page .navigation-t {

        display: none;
    }
    .product_page .hotline-button.ring{
        display: none;
    }

}
.section--auth .form--auth .btn--custom.btn--rounded.btn--outline {
    display: block;
    margin: 0px auto;
}
.product--detail .tag-icon {
    position: relative;
    width: 100%;
    bottom: 0px;
    left: 0px;
}
.product--detail .tag-icon img{

}
.display_ads {
    position: absolute;
    right: 0px;
    top: 25px;
    color: var(--color-1st);
}
.product .product__variants {
    display: block;
    margin-left: 0px;
    margin-top: 5px;
    overflow: hidden;
}
/**
Danh mục sản phẩm
 */
.danhmucsanpham {
    width: 100%;

}
.left-content{
    width: 100%;
    position: sticky;
    top: 115px !important;z-index: 2;

}

.menu-danhmuc {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 16px;
}

.menu-danhmuc > .menu-item {
    position: relative;
    border-bottom: 0px solid #ddd;
}

.menu-danhmuc > .menu-item > a {
    display: block;
    padding: 9px 15px 9px 50px;
    color:#404040;
    text-decoration: none;
    transition: background 0.3s;
}

.menu-danhmuc > .menu-item:hover > a {
    background:#fff4fc;
}

.menu-danhmuc .menu-item .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #fff;
    border: 0px solid #ddd;
    z-index: 99;
    padding: 0;
}

.menu-danhmuc .menu-item.menu-item-has-children:hover > .sub-menu {
    display: block;z-index: 9;
}

.menu-danhmuc .menu-item .sub-menu .menu-item {
    border-bottom: 1px solid #ddd;
}

.menu-danhmuc .menu-item .sub-menu .menu-item a {
    display: block;
    padding: 10px 10px 10px 50px;
    color: #333;
    text-decoration: none;
    background: #fff;
    transition: background 0.3s;
}

.menu-danhmuc .menu-item .sub-menu .menu-item a:hover {
    background: #f0f0f0;
}

.menu-danhmuc .menu-item > a > i {
    margin-right: 8px;
}

/* Nếu muốn icon nằm cố định bên trái menu cha */
.menu-danhmuc > .menu-item > a {
    display: flex;
    align-items: center;font-weight: 300;
}
.menu-danhmuc .sub-toggle{
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    top: 18px;
    transform-style: preserve-3d;
    right: 0px;
}
.menu-danhmuc .sub-toggle::before {
   display: none;
}
.menu-danhmuc .menu_image{
    width: 24px;
    height: auto;
    position: absolute;
    left: 11px;border-radius: 3px;
}
.menu-danhmuc .sub-toggle::after {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: auto;
    background-color: transparent;
    transform: none;top: -6px;
}
.menu-danhmuc menu-item .sub-menu .menu-item {
    border-bottom: 0px solid #ddd;
}
.menu-danhmuc .menu-item .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #fff;
    border: 0px solid #ddd;
    z-index: 99;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #e7e7e7;
}
.call_to_action {
    width: 100%;
    background: linear-gradient(89.92deg,#ee3c63 2.93%,#006e8c 189.38%);
    padding: 20px 20px;
    text-align: center;
    margin-top: 10px;
    border-radius: 10px;
    color: #fff;
}
.call_to_action a {
    color:#fff;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    top: 1px;
}
.badge {
    margin-left: 5px;
    width: max-content;
    font-size: 8px;
    padding-right: 3px;
    border: .12rem solid #ff379b;
    border-radius: 10px 10px 10px 0;
    padding-left: 2px;
    display: block;
    line-height: 8px;
    color: #ff379b;
}
.thongbao {
    background: #fff4fc;
    width: 100%;
    text-align: center;
    min-height: 63px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    padding-top: 14px;
    font-size: 18px;
}
.thongbao a{
    color: var(--color-1st);font-weight: bold;
}

/**
login
 */
.social-icons {
    margin: 0;
    padding: 0;display: flex;
}

.social-icons:after, .social-icons:before {
    content: " ";
    display: table
}

.social-icons:after {
    clear: both
}

.social-icons li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
    margin-right: 5px;


}

.social-icons li > a {
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: block;
    height: auto;
    width: 100%;color: #333;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 10px 20px;
}

.card-social-login-container .social-login-text {
    position:relative
}
.card-social-login-container .social-login-text .login-text {
    margin: 11px 0 9px;
    position: relative;
    text-align: center;
    font-size: 12px;
}
.card-social-login-container .social-login-text:after,
.card-social-login-container .social-login-text:before {
    background-color:#e5e5e5;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:34%
}
.card-social-login-container .social-login-text:after {
    left:auto;
    right:0
}
.card-social-login-container .card-social-login-content .sl-button {
    border-radius:4px;
    color:#fff;
    display:flex;
    vertical-align:top
}
.social-icons li > a{
    color: var(--color-1st);
    font-weight: normal;color: #333;
}
.social-icons li > a img{
    height: 25px;
}
@media only screen and (max-width:980px) {

    .social-icons li > a {
        background-position: 0 0;
        background-repeat: no-repeat;
        border-radius: 2px;
        display: block;
        height: 45px;font-size: 13px;
        width: 100%;color: #333;
        border: 1px solid #e5e5e5;
        text-align:left;
        padding:10px 0px 0px 5px;

    }
}
.huongdanchonsize {
    float: right;cursor: pointer;
    color: var(--color-1st);
}
.banghuongdanchonsize table{
    width: 100%;
}
.banghuongdanchonsize table th {
    text-align: inherit;
    text-align: -webkit-match-parent;
    background: #333;
    color: #fff;
}
.collection-sales {
    background: var(--color-1st);
    margin-bottom: 20px;
    padding: 15px 20px 0px 20px;
    border-radius: 4px;
}
.collection-sale-head {
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 12px;
}

                body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
                .box-filter {
    position: relative;
    font-size: 0;
    padding-top: 10px;
}
.filter-item, .filter-total {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    margin-right: 8px;
    position: relative;
    padding-bottom: 10px;
}
.filter-item__title {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    padding: 8px 10px;
}
.filter-show ul{
    margin: 0px;padding: 0px;
}
.filter-show {
    display: none;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0,0,0,.5);
    border-radius: 4px;
    max-width: 600px;
    min-width: 382px;
    left: 0;
    position: absolute;
    padding: 10px 10px 0 10px;
    top: 45px;
    width: max-content;
    white-space: normal;
    z-index: 3;
}
.filter-item__title span {
    padding-right: 12px;
    position: relative;
}
.filter-item__title span::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    content: '';
    height: 0;
    position: absolute;
    top: 6px;
    right: 0;
    width: 0;
}
.filter-show.active{
    display: block!important;
}
.filter-item .category-fillter{

}
.filter-item .thuonghieu {
    width: 99px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    text-align: center;
    margin-right: 2px;
    margin-bottom: 6px;
}
.filter-item .thuonghieu img {
    max-width: 100%;
    width: auto;
    max-height: 31px;
}
.filter-item .category-fillter {
    padding: 5px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    margin-bottom: 3px;
    width: 24%;
    text-align: center;
    font-size: 13px;
}

                .homeslider img {
    width: 100%;
    border-radius: 16px;
}
.homeslider{
    border-radius: 16px;
}
.banner-item {
    border-radius: 16px;
    overflow: hidden;
}
#app p:empty{
display: none;
}
.banner-item.second {
    margin-top: 20px;
}
.home-slider-section{
    padding: 0px;display: block;width: 100%;clear: both;position: relative;

}
/********* product category********/

.ProductCategorySwiper-Item {
    border: 1px solid #e5e5e5;
    padding: 20px 0px;
    text-align: center;width: 100%;
}
.ProductCategorySwiper-Item img{
    height: 70px;
}
.ProductCategorySwiper-Item p {
    font-size: 14px;
    margin-top: 11px;
}
/********* homecategory brand *************/
.category-brand-head
{
    display: flex;
    border-bottom: 0px solid #eee;
    background: transparent;
    padding-bottom: 14px;
    position: relative;
}
.category-brand-section-head-pri {
    width: auto;

}
.category-brand-section-head-pri a {
    color: #333;
    font-size: 24px;
    position: relative;
    top: 7px;
    padding: 6px 0px;
    text-transform: none;
    font-family: con_cung;
}
.product-list-category-home {
    padding-bottom: 10px;
}
.category-brand-section-head-second {
    text-align: right;
    width: auto;
    position: absolute;
    right: 10px;
}
.category-brand-section-head-second ul {
    float: none;
    margin-top: 10px;
}
.category-brand-section-head-second ul li{
    list-style: none;display: inline-block;
}
.category-brand-section-head-second ul li a {
    color: #000 !important;
    padding: 5px 14px;
    background: #fff;
    border-radius: 4px;
}
.category-brand-content-brand {
    padding: 12px 0px 0px 0px;
    border-bottom: 0px solid #eee;
}
.brand-Item{
    text-align: center;
}
.brand-Item img {
    height: 40px;
}
.section--homepage .container .section__content {
    border-bottom: 0px solid #eee;
    padding-bottom: 0px;
}
.section--homepage.noboder .container .section__content{
    border-bottom: 0px solid #eee;
}
.category-brand-content-product
{
    padding-top: 0px;
}
.section--homepage.home-collection {
    background: url(../img/slide-bg.svg) no-repeat top left/100% auto;
    margin-top: -56px;
    position: relative;
    z-index: 9999;
    padding-top: 88px;
}
.product-list-category-home   .swiper-button-prev::after,.product-list-category-home   .swiper-button-next::after {
    font-family: swiper-icons;
    font-size: 17px;
}
.product-list-category-home   .swiper-button-prev,.product-list-category-home   .swiper-button-next {
    position: absolute;
    top: -14px;
    width: 30px;
    height: 30px;
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
.product-list-category-home  .swiper-button-prev,.product-list-category-home  .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 30px;
}
@media only screen and (max-width: 600px) {
    .category-brand-section-head-pri a
    {

    }
    .category-brand-section-head-second ul {
        float: left!important;
        width: 100%;
        margin-left: -33px;text-align: right;margin-top: 1px;
    }
    .category-brand-section-head-second {
        text-align: left;
        width: auto;
        height: 39px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        margin-top: 6px;

    }
    .category-brand-section-head-pri {
        width: auto;
    }
    .category-brand-section-head-second ul li a {
        color: #f54282 !important;
        padding: 3px 10px;
    }
    .category-brand-content-brand {
        padding: 5px 15px;
        border-bottom: 1px solid #eee;
    }
    .brand-Item img {
        height: auto;
    }
}
@media only screen and (max-width: 480px) {
    .section--homepage .container .section__content
    {
        border-bottom: 10px solid #fff;
        padding-bottom: 0px;
        margin-top: 11px;
    }

}

.product-featured-category-home{


    margin-left: auto;
    margin-right: auto;
}

.product-featured-category-home .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 980px) and (min-width: 480px){
    .section--homepage .section__header h3 {
        margin-bottom: 0px;
        font-size: 24px!important;
        font-weight: 900;
        text-transform: uppercase;
        color: var(--color-1st);
        text-align: left;
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 6px;
    }
}


.product-featured-category-home {
    margin-left: auto;
    margin-right: auto;

    padding-bottom: 10px;
}
@media screen and (max-width: 980px) {

    .section--homepage .section__header h3 {
        margin-bottom: 0px;
        font-size: 20px;
        font-weight: 900;
        text-transform: uppercase;
        color: var(--color-1st);
        text-align: left;
        padding-left: 10px;
        padding-top: 15px;
    }
    .section--homepage .section__header p {
        text-transform: none;
        font-size: 18px;
        font-weight: normal;
        display: none;
    }
    .section--homepage .section__header {
        text-align: center;
        padding-bottom: 0px;
    }

    .section--homepage {
        padding-top: 10px;
        background: #fff !important;
        padding-bottom: 0px;
    }
    .section--homepage .container .section__content {
        border-bottom: 0px solid #fff;
        padding-bottom: 0px;
    }

}
.home_right_box {
    background: var(--color-1st);
    padding: 10px;
    border-radius: 16px;
}

.mb-2\.5.flex.items-center.gap-1 {
    display: flex;
    padding: 5px 10px;
}
.text-\[10px\].text-KPZ_text_1st {
    font-size: 13px;
    margin-bottom: -3px;
}
.text-\[8px\].text-KPZ_text_1st {
    font-size: 12px;
}
.flex.items-center.justify-between.gap-2 {
}
.flex.items-center.justify-between.gap-2 {
    display: flex;
    padding: 0px 10px;
}
.inline-flex.items-center.justify-center.shrink-0.font-semibold.leading-none.rounded.outline-none.transition.duration-300.ease-in-out.focus\:outline-none.focus\:shadow-md.focus\:border-transparent.focus\:ring-0.text-light.border.border-transparent.hover\:bg-primary.px-5.py-0.h-12.\!h-fit.\!w-fit.\!flex-1.rounded-\[56px\].\!border.\!border-primary.bg-white.\!px-0.\!py-0\.5.\!text-xs.\!font-bold.text-primary.transition-colors.hover\:text-white {
    color: var(--color-1st);
}
.btn_action {
    display: block;
    width: 49%;


    background: transparent;
    border: 1px solid var(--color-1st);
    color: var(--color-1st);
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}
.btn_dang_nhap{
    margin-left: 2px;
}
.home_right_box1 {
    background: #fff;
    border-radius: 16px;
    margin-bottom: 8px;padding: 10px;
}
.home_right_box1 svg {
    width: 81px;
    padding-right: 10px;
}
.mb-3.flex.h-\[74px\].gap-1 {
    display: flex;
}
.quanlydonhang.box2-item svg{
    width: 20px;
}
.quanlydonhang.box2-item {
    background: #fff;
    margin-right: 2px;
    border-radius: 16px;
    font-size: 12px;
    text-align: center;
    color: var(--color-1st);
    line-height: 15px;
    padding: 5px 2px 10px 2px;
    width: 33%;
}
.banner-taiapp{
    width: 100%;border-radius: 16px;
}

.flex.items-center.justify-center.gap-5 {
    display: flex;
    justify-content: center;
    margin-top: 9px;
}
.flex.flex-col.items-center.gap-0\.5.transition-opacity.hover\:opacity-80 {
    font-size: 12px;
    color: #fff;
    min-width: 30%;
    text-align: center;
}
.font-bold {
    display: block;
    color: #fff;
}
.flex.flex-col.items-center.text-\[10px\].leading-\[13px\].text-black {
    color: #fff;
}
/**
home cate
 */
.home-cate-section{
    background: #fff;
    padding: 5px;width: 100%;
    margin-top: 20px;border-radius: 16px;
}

.home-cate-section .home-cate {
    display: flex;

}
.home-cate-section .home-cate li {
    list-style: none;
    text-align: center;
    padding: 10px;
}
.home-cate-section .home-cate li img {
    width: 112px;
    display: block;
}
/*** home brand***/
.home-brand-block .section__content{
    border-radius: 16px;border-bottom: 0px solid #eee;
    padding-bottom: 0px;
    display: flex;
}
.home-brand-block-head-pri {
    border-bottom: 1px solid #e5e5e5;
}

.home-brand-block-head-pri img {
    height: 55px;
    margin: 10px 20px;
    padding: 5px;
}
.home-brand-block-head-second ul {
    margin: 0px;
    padding: 15px 12px;
}
.home-brand-block-head-second ul li {
    list-style: none;
    border-bottom: 1px dotted #ccc;
}
.home-brand-block-head-second ul li img{
     height: 30px;display: none;
}
.brand-category-item {
    position: relative;
    width: 100%;
 }
.brand-category-item i {
    position: absolute;
    top: 8px;
    display: block;
    width: 25px;
    height: 25px;
    right: 0px;
}
.brand-category-item a {
    font-size: 15px;
    padding: 9px 10px;
    position: relative;
    width: 100%;
    display: block;
}
.home-brand-block-content {
    width: calc(100% - 255px);
}
.home-brand-block-head {
    position: relative;
    width: 238px;
}
.home-brand-block-content .category-brand-content-product {
    padding: 20px 0px 20px 20px;
}
.home_flash_sale-head {
    height: 197px;
    background: url(https://cdn1.concung.com/img/res/bg/2025/04/1745839986_bg_box.png) no-repeat top center/100% auto;
}
.section--homepage .section__content {

    background: linear-gradient(89.92deg,#FFD9DD 4.93%,#FFF8AC 80.38%,#FFD9DD);
    box-shadow: 0px 0px 0px #ccc;
    padding: 5px 20px;
    border-radius: 16px;
}
@media only screen and (max-width:1100px) {
    .section--homepage.home-collection {
        background: url(https://concung.com/themes/mobile4.1/image/icon/bg-menu.svg) no-repeat top left/100% auto;
        margin-top: -56px;
        position: relative;
        z-index: 9;
        padding-top: 60px;
    }
    .section--homepage.home_flash_sale {
        padding-top: 80px;
        background:url(https://cdn1.concung.com/img/res/bg/2025/04/1745839986_bg_box.png) no-repeat top center/100% auto !important;
        padding-bottom: 0px;
        margin-top: 10px;
    }
    .section--homepage .section__content {
        padding: 5px 8px;
        border-radius: 16px;
        margin-bottom: 10px;
    }
    .section--homepage.home_flash_sale .section__content {
        background: none;!important;
        box-shadow: 0px 0px 0px #ccc;
        padding: 0px;
        border-radius: 16px;
    }
    .category-brand-section-head-pri a {
        position: relative;
        top: -5px;
    }
    .section--homepage.home_flash_sale  .category-brand-content {
        padding: 14px;
    }

    .home_flash_sale-head {
        height: 86px;display: none;
        background: url(https://cdn1.concung.com/img/res/bg/2025/04/1745839986_bg_box.png) no-repeat top center/100% auto;
    }
    .section--homepage  .section--homepage.home_flash_sale .category-brand-content {
        padding: 0px 12px;
    }
    .section--homepage.category-brand-section {
        padding-top: 0px;
        background: transparent !important;
        padding-bottom: 0px;

    }
}
                .topbar {
    background-color: #fff4fc;
    padding: 8px 0;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    color: #111;
    line-height: 1.25;
    z-index: 10;
    overflow: hidden;
}
.header {
    border-bottom: 0px solid #eaeaea;
    background: #fff;

    position: sticky;
    top: 0px;
    z-index: 999;
    box-shadow: 0 1px 3px #e5e5e5e5;
}
.navigation {
    padding: 12px 28px 21px 30px;
}
.header::before {
    content: "";
    width: 143px;
    height: 58px;
    background: url(https://fptshop.com.vn/Content/v4/images/new-year-2024/bg-header-1.png) no-repeat 0 0;
    background-size: auto;
    background-size: 143px 58px;
    position: absolute;
    top: 0;
    left: 0;
}
.header::after {
    content: "";
    background: url(https://fptshop.com.vn/Content/v4/images/new-year-2024/bg-header-2.png) no-repeat 0px 0px/95%;
    width: 143px;
    height: 58px;
    position: absolute;
    top: 0;
    right: 0;
}
.navigation__center {
    display: flex;
    padding-top: 10px;
}
.navigation__left {
    padding-left: 0px;
}
.navigation > .container{
    position: relative;
}
.menu-bar.menu-bar-h.nav-mobile-button.hidden-md.hidden-lg {
    width: 23px;
    display: inline-block;
    text-align: center;
    margin-left: 0px;
    color: var(--color-1st);
    font-size: 10px;
    position: absolute;
    top: 3px;
    left: 8px;
    z-index: 5;
}.menu-bar.menu-bar-h.nav-mobile-button.hidden-md.hidden-lg i{
     font-size: 22px;
     margin-bottom: -5px;
     display: block;
 }
.menu-bar.menu-bar-h.nav-mobile-button.hidden-md.hidden-lg span{
    font-size: 9px;
}

.form--primary-search {
    position: relative;
    width: 680px;

}
.main_menu .form--primary-search{
    display: none;
}
.navigation__center .name-order {
    color: #333;
    font-size: 13px;
    line-height: 14px;
    padding: 6px 14px;
    width: 103px;
    border-radius: 4px;
    text-align: center;
    float: left;
    margin: 0 21px;
    border: 1px solid rgba(168,208,255,.38);
}
.header .btn-shopping-cart > span {
    position: absolute;
    top: -11px;
    right: 0px;
    transform: translate(25%, 25%);
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 16px;
    height: 16px;
    background-color: red;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
}
.navigation__center  .divitem {
    padding: 7px 0px 0px 14px;
    text-align: center;
}
.form--primary-search .form-control {
    background: #fff !important;
    border-radius: 8px;
    height: 45px;
    padding-left: 12px;

}
.navigation__center   .divitem a {
    color: #333;
    font-size: 14px;
    line-height: 16px;
}
.header .btn-shopping-cart {
    border-radius: 50%;
    height: 38px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 5px;
    width: 36px;
    border: 1px solid rgba(168,208,255,.38);
    text-align: center;
    margin-left: 20px;
    background: var(--color-1st);
    margin-top: 2px;
}
.logo {
    position: relative;
    top: 6px;
}
.mf-hdcall {
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    padding: 7px 10px;
    width: 120px;
    border: 1px solid rgba(168,208,255,.38);
    margin: 0px 10px;height: 41px;
    text-align: left;
}
.mf-hdcall span{
    display: block;
}
.main_menu {
    height: 51px;
    width: 100%;display: none;
}
.topbar  ul{
    margin: 0px;padding: 0px;
}
.topbar  ul li{
    list-style: none;display: inline-block;font-size: 14px;
}

.topbar_left {
    float: left;
}
.topbar_right {
    float: right;
}
/********* header********/
.menu > li > a {
    position: relative;
    padding: 20px 6px;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    text-transform: none;
    transform-style: preserve-3d;
color: #333;
    text-align: center;
}
.menu > li > a i {
    display:none;
    font-size: 25px;
    height: 40px;
    width: 40px;
    background: #e5e5e5;
    padding: 7px 3px;
    text-align: center;
    border-radius: 21px;
    margin: 0px auto;
}
.menu > li.current-menu-item > a {
    color: #333 !important
}
.header__actions {
    position: relative;
    height: 100%;
    padding: 22px 0px;
    left: 0px;
    width: 198px;
}
.header__actions::before{
    content: "";
    height: 148%;
    width: 1px;
    left: 20px;
    top: -7px;
    position: absolute;
    background: #e5e5e5;
    display: block;
    transform: rotate(29deg);
}
.menu {
    margin-right: 184px;
    float: left;
}

@media only screen and (max-width:1100px) {
    .topbar {
        display: none;
    }
    .navigation__center .divitem {

        display: none;
    }
    .text-giohang {
        display: none;
    }
    .header .btn-shopping-cart {
         border-radius: 4px;
         color: #fff;
         font-size: 14px;
         line-height: 14px;
         padding: 12px 10px;
         width: 43px;
         border: 1px solid rgba(168,208,255,.38);
         background: transparent;
     }
    #sticker {
        position: sticky;
        top: 0px;
        padding-left: 1px;
        padding-right: 1px;
        z-index: 99;
    }

     .header--mobile {
        display: block;
        z-index: 9999;

        background: linear-gradient(67deg, #F07C9B 0%, #F8BBCB 42%, #F07C9B 54%, #F8BBCB 81%, #F07C9B 100%);
        width: 100%;
        border-bottom: 6px;
        border-radius: 0px 0px 5px 6px;
    }

    .header.header--mobile.sticky {
        background: #fff;
        z-index: 9999;
        box-shadow: 0px 0px 5px #ccc;
    }

    .navigation--mobile {
        padding: 4px 0px 14px 15px;
        border-bottom: 0px solid #ddd;
    }

    .navigation--mobile .logo img {
        height: 30px;

        position: relative;
        top: 5px;
    }

    .menu-bar.menu-bar-h.nav-mobile-button.hidden-md.hidden-lg {

    }

    .navigation--mobile .menu-bar a img {
        height: 25px !important;
        width: 25px !important;
        margin-bottom: -8px;
    }

    .navigation--mobile .menu-bar-h a {
        color: #fff;
        text-transform: uppercase;
        font-size: 9px;
    }

    .navigation--mobile .menu-bar-h a span {

    }

    .panel--search-mobile {
        position: absolute;
        width: 189px;
        right: 58px;
        top: 7px;
    }

    .panel--search-mobile .form-control {
        outline: none;
        font-size: 14px;
        padding: 0 15px;
        height: 35px;
        border-radius: 0;
        border: 1px solid #e5e5e5;
        transition: all .4s ease;
        box-shadow: 0 0 0 transparent;
        background-color: #fff;
        border-radius: 4px;
    }

    .form--primary-search button {
        position: absolute;
        top: 1px;
        right: -8px;
        background-color: transparent;
        border: none;
        text-transform: uppercase;
        color: var(--color-1st);
        height: 34px;
        padding: 0 20px;
        font-size: 20px;
    }

    .header .btn-shopping-cart {
        position: relative;
        right: 0px;
        top: 0px;
        display: none;
    }
    .navigation__center {
        display: flex;
        padding-top: 1px;
    }
    .header::before {
       display: none;
    }
    .header::after {
        display: none;
    }
}
ul.menu{

}
ul.menu > li.megamenu{

}
ul.menu > li.megamenu {
    position: unset !important;
}
ul.menu > li.megamenu > ul.sub-menu {
    left: auto;
    max-width: 1130px;
    position: absolute !important;
    right: 0 !important;
    width:1100px;
}
ul.menu > li.megamenu > ul.sub-menu > li {
    float: left;
    padding: 20px 20px;
    width: 25%;
}
ul.menu > li.megamenu > ul.sub-menu > li > a{
    color: var(--color-1st) !important;
    font-weight: bold;
    font-size: 16px;
}
ul.menu > li.megamenu > ul.sub-menu > li a{
    padding: 0px;font-size: 15px;
}
ul.menu > li.megamenu > ul.sub-menu > li:last-child a {
    border-bottom: 0px solid #eee;
}
#is-in-of-stock {
    border: 1px solid var(--color-1st);
    padding: 2px 13px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    background: var(--color-1st);
}
#is-out-of-stock{
    border: 1px solid var(--color-1st);
    padding: 2px 13px;
    border-radius: 3px;
    font-size: 11px;
    color: var(--color-1st);
    position: absolute;
    top: -4px;
    right: 0px;
}
/******** menu slide *********/
.menuslide .swiper-slide{
    max-width: 70px;
}
.menuslide .swiper-slide a {
    display: block;
    color: #333;

    text-transform: uppercase;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 2px 2px;
    font-weight: bold;
    text-align: center;font-size: 8px;
}
.menuslide .swiper-slide a i {
    display: block;
    font-size: 25px;
    color: #333;
    padding: 1px 0px;
    margin-bottom: -6px;
}
.menuhot ul{
    padding: 0px;
}
.menuhot ul li{
    width: 32%;
    float: left;
    height: 40px;
    margin: 0 0 3px 1%; display: flex;
}
.menuhot {
    margin-top: 10px;

    display: block;

    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 1px;
}
.menuhot ul li a{
    width: 100%;
    border: 1px solid #333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
}
.menuhot ul li a span{
    display: block;
    font-size: 11px;
    padding: 5px 2px;
    color: #333;
    text-align: center;
    font-weight: 400;
    text-transform: none;
    width: 60px;
    line-height: 15px;margin: 0px auto;

}
@media (max-width:1100px) and (min-width: 480px){
    .menuslide .swiper-slide {
        max-width: 85px;
    }
    .menuslide .swiper-slide a {
        display: block;
        color: #e5e5e5;
        text-transform: uppercase;
        font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        padding: 2px 2px;
        font-weight: bold;
        text-align: center;
        font-size: 10px;
    }
}
.panel--menu {
    position: fixed;
    top: 0px;
    bottom: 0;
    right: 0px;
    overflow-y: auto;
    width: 350px;
    background-color: #fff;
    transition: transform .25s ease;
    display: flex;
    box-shadow: 0px 0px 5px #e5e5e5;
    flex-direction: column;
    z-index: 1000001;
    transform: translate3d(1000px, 0, 0);
    height:  100%;
    border-top: 0px solid #e5e5e5;
}
@media (min-width:1100px){
    .panel--menu{
        display: none;
    }
    .menu-bar.menu-bar-h.nav-mobile-button.hidden-md.hidden-lg{
        display:none;
    }
    .navigation__left {
        padding-left: 0px;
    }
}
.header-mobile{
    display: none;
}
@media (max-width:1100px){
    .logo img {
        height: 28px;
    }
    .header-mobile{
        display:block;
    }
    .form--primary-search {
        position: absolute;
        width: calc(100% - 180px);
        top: 8px;
        right: 58px;
    }
    .menu-bar.menu-bar-h.nav-mobile-button.hidden-md.hidden-lg {
        width: 40px;
        display: block;
        text-align: center;
        color: #fff;
        font-size: 10px;
        position: absolute;
        top: 1px;
        right: -46px;
        z-index: 5;
        background: rgba(0,0,0,0.5);
        border-radius: 18px;
        height: 36px;
        margin-left: auto;
        padding-top: 3px;
    }
    .navigation {
        padding: 5px;
    }
    .navigation__center .navigation__center_desktop{
        display: none;
    }
    .main_menu .form--primary-search {
        display: block !important;
        width: 100% !important;
        margin-top: 7px;

    }
    .panel__close {
         font-size: 24px;
     }
    .menu-bar img{

    }
    .main_menu {
        height: 44px;
        width: 100%;
    }
    .form--primary-search .form-control {
        background: #fff !important;
        border-radius: 40px;
        padding-left: 20px;
        height: 37px !important;
    }
   .main_menu .menu,#site-search
   {
       display: none;
   }



    .menu > li > a {
        position: relative;
        padding: 9px 6px;
        font-size: 14px;
        font-weight: normal;
        line-height: 19px;
        text-transform: none;
        transform-style: preserve-3d;
        text-align: left;
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
        border-radius: 0px;
        margin-bottom: 5px;
    }
    .menu.menu--mobile {
        margin-right: 0px;
        float: left;padding: 0px;
        margin-left: 0px;
        text-align: center;
    }
    .header {
        border-bottom: 0px solid #eaeaea;
        background: transparent;
        position: sticky;
        top: 0px;
        z-index: 999;
        box-shadow: 0px 0px 0px #fff;
        border-radius: 0px;
    }
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
        width: 100%;
        padding-right: 6px;
        padding-left: 6px;
        margin-right: auto;
        margin-left: auto;
    }
    .btn-shopping-cart1.panel-trigger {
        position: absolute;
        right: 10px;
        top: 6px;
        font-size: 17px;
        color: var(--color-1st);
    }
    .btn-shopping-cart1 span{
        position: absolute;
        top: -11px;
        right: -6px;
        transform: translate(25%, 25%);
        justify-content: center;
        align-items: center;
        min-width: 16px;
        height: 16px;
        background-color: red;
        border-radius: 50%;
        font-size: 10px;
        color: #fff;
        text-align: center;
    }
}
.tracuubaohanh {
    font-size: 15px;
    width: 106px;
    display: flex;
    line-height: 17px;
    margin-left: 30px;
    margin-top: 3px;
}
.tracuubaohanh svg{
    width: 30px;
}
.dangnhap {
    font-size: 15px;
    width: 122px;
    display: flex;
    margin-left: 20px;
    line-height: 17px;
    margin-top: 3px;
}
.dangnhap svg{
    width: 30px;
}
#site-search .form--primary-search button {
    border: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: var(--color-1st);
    font-size: 19px;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 0px 8px 8px 0px;
}
#site-search .form--primary-search button svg {
    width: 22px !important;
    margin-top: -3px;
}
.hethongdaily {
    font-size: 12px;
    width: 127px;
    display: flex;
    margin-right: 20px;
    line-height: 14px;
    padding: 2px 5px;
    border-radius: 16px;
    background: var(--color-1st);
    color: #fff;
    height: 35px;
}
.hethongdaily svg{
    width: 30px;
    max-height: 21px;
    margin-right: -3px;
    margin-top: 2px;
}
.hethongdaily svg path{
    fill: #fff;
}
.taicata {
    background: linear-gradient(89.92deg,#FF2312 2.93%,#ea6056 89.38%);
    color: #fff;
    padding: 7px 10px;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    right: 15px;
    bottom: 0px;
    font-size: 14px;
}
.main_menu .container{
    position: relative;
}

.linkthuonghieu img {
    max-height: 19px;
    filter: brightness(0) invert(1);
}
.linkthuonghieu {
    color: #fff;
    margin: 0px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding:5px 8px;
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(89.92deg,#FF2312 2.93%,#ea6056 89.38%);
}
.main_menu_thuonghieu {
    position: absolute;
    right: 135px;
    bottom: 0px;
    display: flex;
}
.linkthuonghieu.kosoom {
    background: #187562;
}
@media only screen and (max-width: 1100px) {
    .tracuubaohanh, .dangnhap {
        display: none;
    }
}
.form--primary-search .form-control{
    border: 2px solid var(--color-1st);
}

@media  (max-width: 980px) {
    .menu.menu--mobile  .menu_image {
        max-height: 30px;
    }
}
.topbar_right ul li a {
    font-size: 15px;
    padding: 0px 20px;
}

.topbar_left {
    float: left;
}
.topbar_left_menu  li a b,.topbar_left_menu  li a i{
    color: var(--color-1st);

}
.topbar_left_menu  li a{
    font-size: 15px;
    padding: 0px 20px 0px 0px;
}
.topbar_right {
    float: right;
}
.topbar_left_menu li a {
    font-size: 15px;
    padding: 0px 20px 0px 0px;
}
/**
menu mobile
 */
/* Reset cơ bản (nếu chưa có) */
.menu--mobile,
.menu--mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu--mobile a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    transition: background-color 0.3s ease;
}

.menu--mobile a:hover {
    background-color: #f0f0f0;
}

.menu--mobile .menu_image {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    object-fit: contain;
}

.menu--mobile .menu-item {
    position: relative;padding: 0px 12px;
    border-bottom: 1px solid #eee;
}
.menu--mobile .menu-item:last-child {
    border-bottom: none;
}

.menu--mobile .menu-item-has-children > .sub-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    font-size: 16px; /* Kích thước cho icon Font Awesome */
    color: #555; /* Màu cho icon */
}

/* Sub-menu styling */
.menu--mobile .sub-menu {
    background-color: #f9f9f9;
    padding-left: 20px;
    display: none; /* Ẩn sub-menu ban đầu, jQuery sẽ xử lý việc hiển thị */
    border-top: 1px solid #eee;
}

.menu--mobile .sub-menu .menu-item a {
    padding: 10px 15px;
    font-size: 0.9em;
}

.menu--mobile .sub-menu .menu_image {
    width: 20px;
    height: 20px;
}

.menu--mobile .current-menu-item > a {
    font-weight: bold;
    color: #007bff;
}

/* Thêm style cho item đang active (có sub-menu mở) nếu cần */
.menu--mobile .menu-item-has-children.active > a {
    /* Ví dụ: background-color: #e9e9e9; */
}
                #b-before-footer .menu-style-1 {
    float: none;
    display: block;
    margin: 0px auto;
    text-align: center;
}

#b-before-footer .menu-style-1 ul li a {
    background: #18120B;
    border-bottom: 1px solid #6a4113;
    border-radius: 0;
    color: #FDD869;
    cursor: pointer;
    display: block;

    font-size: 19px;
    transition: none;
    line-height: 26px;
    padding: 5px 5px;
    position: relative;
    text-decoration: none;
    margin: 0px 17px;
    border-top: 1px solid #6a4113;
    height: 37px;
    z-index: 999;
    display: inline-block;
    width: 22px;
}

#b-before-footer .menu-style-1 ul li a:before, #b-before-footer .menu-style-1 ul li a:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 26px;
    height: 27px;
    transform: scaleX(0.5774) rotate(-45deg);
    background-color: #18120B;
}

#b-before-footer .menu-style-1 ul li {
    display: inline;
}

#b-before-footer .menu-style-1 ul li a:before {
    border-left: 1.47px solid #6A4113;
    left: -13px;
    top: 4px;
    border-top: 1.47px solid #6A4113;
    background: #18120B;
    z-index: 1;
}

#b-before-footer .menu-style-1 ul li a span {
    display: none;
}

#b-before-footer .menu-style-1 ul li a:after {
    border-right: 1.47px solid #6A4113;
    right: -14px;
    top: 4px;
    border-bottom: 1.47px solid #6A4113;
}

#b-before-footer .menu-style-1 ul li a:hover {
    background: #6a4113;
    border-color: #6a4113;
    color: white;
}

#b-before-footer .menu-style-1 ul li a:hover:before, #b-before-footer .menu-style-1 ul li a:hover:after {
    background: #6a4113;
}

.b-menu-social {
    position: relative;
}
#b-before-footer .menu-style-1{
    position: relative;
}
#b-before-footer .menu-style-1:before {
    background: #663e12;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 18px;
    content: '';
    height: 1px;left: 0px;
}

.b-menu-footer .b-menu-footer-content {
    float: none;
    display: block;
    margin: 0px auto;
    text-align: center;
}

#b-before-footer .menu-style-1 ul li a i {
    z-index: 99;
    position: relative;
}
.call-text {
    float: left;
    text-align: left;
}
.call-text label {
    text-align: left;
    font-size: 23px;
    color: var(--var-link-color);
    font-weight: 600;
    margin-top: -13px;
    display: block;
}
.call-text p {
    font-size: 16px;
    margin-top: 0px;
}

.call-content .input-group {
    display: block;
}

#b-title-call {
    padding: 35px 0px 0px 0px;
    border-top: 1px solid #6A4113;
    font-size: 22px;
}

.goingay.btn.btn-primary {

    font-size: 22px;
    padding: 5px 17px;

}
.goingay.btn.btn-primary {
    font-size: 22px;
    padding: 5px 17px;
    float: right;
}
.goingay.btn.btn-primary{
    background: #6a4113;
    border-color: #6a4113;
    color: white;
}
.goingay.btn.btn-primary:before, .goingay.btn.btn-primary:after {
    background: #6a4113;
}
.btn.btn-primary:hover {
    background: #18120B;
    border-color: #6a4113;
    color: #FDD869;
}

.btn.btn-primary:hover:before, .btn.btn-primary:hover:after {
    background-color: #18120B;
}
#b-before-footer .b-slide-style  .swiper-slide .doitac img{
    max-height: 77px;
}
.site-footer{
    background: #fff;
}

.mid-footer {
    background: #fff;
    padding: 70px 0px 50px 0px;
    clear: both; width: 100%;
    display: block;
}
.item-title1 {
    margin: 10px 0px;color: #000;
}
.footer-free-ship {
    text-align: center;
    background: #e5e5e5e5;
    margin-bottom: 40px;
}
.delivery-banner__icon {
    display: inline-block;
}
.delivery-banner__text.h4 {
    display: inline;
    font-weight: 900;font-weight: 900;
    color: #000!important;
}
footer.footer .site-footer p,footer.footer .site-footer  a{
    color: #333;margin: 0px;
}
#footer
{
    background: transparent;
    max-width: 100%;
    margin: 0px auto;
    border-radius: 0px;
    overflow: hidden;
}

.logo_footer img {
    max-width: 250px;
}
.logo_footer {
    margin-bottom: 39px;
    display: block;
}
footer.footer .copyright
{
    background: rgba(40,40,40,0.54);
    padding: 13px 0px;
    height: auto;
}
#collapseListMenu03 {
    height: 150px;
    overflow: hidden;
    display: block;
    padding-top: 20px;
}
footer.footer .site-footer .footer-content {
    border-top: 0px dotted;
    padding: 0px;
}
.mid-footer .item-title {
    color: var(--color-1st);
    font-size: 16px;
    font-weight: bold;
    padding-left: 12px;
}
.site-footer a {
    color: #333;
}
.panel-title {
    font-weight: bold;
}
.widget--footer .widget__title {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    color: var(--color-heading);
    text-transform: uppercase;
    font-weight: bold;
}
@media (max-width: 480px) {
    footer.footer .title-menu a:before {
        top: 26px;
    }
}
.b-menu-footer ul li a {
    background: #18120B;
    border-bottom: 1px solid #6a4113;
    border-radius: 0;
    color: #FDD869;
    cursor: pointer;
    display: block;
    font-family: roboto;
    font-size: 14px;
    transition: none;
    line-height: 26px;
    padding: 5px 9px;
    position: relative;
    text-decoration: none;
    margin: 0px 18px;
    border-top: 1px solid #6a4113;
    height: 37px;
    z-index: 999;
    display: inline-block;
    width: auto;
}

.b-menu-footer ul li a:before, .b-menu-footer ul li a:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 26px;
    height: 27px;
    transform: scaleX(0.5774) rotate(-45deg);
    background-color: #18120B;
}

.b-menu-footer ul li {
    display: inline;
    margin: 0px;
}

.b-menu-footer ul li a:before {
    border-left: 1.47px solid #6A4113;
    left: -13px;
    top: 4px;
    border-top: 1.47px solid #6A4113;
    background: #18120B;
    z-index: 1;
}

.b-menu-footer ul li a:after {
    border-right: 1.47px solid #6A4113;
    right: -14px;
    top: 4px;
    border-bottom: 1.47px solid #6A4113;
}

.b-menu-footer {
    position: relative;margin-top: 30px;
}

.b-menu-footer ul li a:hover {
    background: #6a4113;
    border-color: #6a4113;
    color: white;
}

.b-menu-footer ul li a:hover:before, .b-menu-footer ul li a:hover:after {
    background: #6a4113;
}

.b-menu-footer .section-bg-overlay1 {
    background: #663e12;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 17px;
}
#copyright {
    text-align: center;padding: 0px 0px;line-height: 7px;
}
/************* quick call****/


@media (max-width: 480px) {
    .call-text p {

        font-size: 14px;
        margin-top: -8px;
        text-align: center;
        margin-bottom: -6px;

    }
    .call-text label {

        text-align: left;
        font-size: 19px;
        color: var(--var-link-color);
        font-weight: 600;
        margin-top: -13px;
        display: block;
        text-align: center;

    }
    .goingay.btn.btn-primary {
        font-size: 22px;
        padding: 5px 17px;
        float: none;
        margin: 15px auto;
    }
    footer.footer .title-menu a::before {
        top: 2px;
    }
}
.footer-lienhe{
    line-height: 20px;
}
.footer-lienhe p {

    margin: 7px;
}
.footer-lienhe ul li {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0px;
}
.footer-lienhe img{
    max-width: 242px;
    margin: 0px auto;
    display: block;margin-bottom: 10px;
}
.footer-lienhe h4 {
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.footer-lienhe h4::after {
    background: #0068DE;
    content: "";
    display: block;
    height: 4px;
    margin-top: 9px;
    width: 20%;
}
footer.footer .title-menu  {
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
footer.footer .title-menu::after{
    background: var(--var-main-color);
    content: "";
    display: block;
    height: 4px;
    margin-top: 9px;
    width: 20%;
}
#b-calltoaction {
    background: #f0f0ed none repeat scroll 0 0;
    border-top: 5px solid #ecece8;
    margin: 20px 0px 0px 0px;
    padding: 3px 0;
}
.b-calltoaction-content {
    color: #121212;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
    text-align: center;
    margin-bottom: 30px;
}
.btn.btn-callnow {
    background: var(--var-main-color);
    color: #fff;
    font-size: 86%;
    border-radius: 7px;
}
.btn.btn-callnow:hover{
    opacity: 0.9;
}

#request {
    background: #FFF;
    overflow-x: hidden;
    margin-top: 14px;
    padding: 20px 20px;
}




.footer-image {
    max-width: 257px;
    margin-bottom: -10px;
}
.facebook-soical {
    margin-top: 14px;

}
.facebook-soical ul li {
    line-height: 34px;
    display: inline-block;
}
.facebook-soical ul li a {
    color: #333;
    font-size: 10px;
    padding: 0px 9px;
    border: 1px solid;
    display: block;
    text-align: center;
    height: 30px;
    width: 30px;
    margin-right: 3px;
    border-radius: 39px;
}
.facebook-soical ul li a span {
    display: none;
}
.facebook-soical ul li a i {
    padding-right: 10px;
    font-size: 16px;
}
/*************************/
.baotri-content .baotri-footer-header .title {
    font-size: 28px;
    font-weight: bold;position: relative;
    text-align: center;color: var(--var-main-color);
}

.baotri-content .baotri-footer-header .info {

    font-size: 16px;
    color: #888;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 30px;

}

.baotri-content .baotri-footer-header .info .image {
    display: inline-block;
    height: 20px;
    margin: 2px 5px;
    padding-top: 4px;
}

.baotri-content .baotri-footer-header .info img {
    height: 25px;
}

.baotri-content .items {
    overflow: hidden;
    position: relative;
    margin-right: -3%;

    margin-top: 20px;
    background: rgba(255, 255, 255, 0.3);
}

.baotri-content .items .item {
    width: 49%;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #111;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 9px 20px 7px 196px;
    height: 121px;
    border: 1px solid #eee;
    margin: 2px;
}

.baotri-content .items .item .image {
    position: absolute;
    width: 160px;
    height: 100px;
    top: 10px;
    left: 20px;
}

.baotri-content .items .item .inner {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    display: block;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.baotri-content .items .item .inner img {
    width: 100%;
    min-height: 100%;
}

.baotri-content .items .item .title {
    font-size: 16px;
    font-weight: normal;
}

.baotri-content .items .item .subtitle {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    display: block;
    padding-top: 10px;
}

.baotri-content .cfooter {
    text-align: right;
    margin-top: 9px;
}
.baotri-content .baotri-footer-header .title a{
    background: #fff;padding: 0px 30px 0;font-size: 24px;
}
.baotri-content .baotri-footer-header .title::after {
    content: '';
    width: 70%;
    border: 1px solid var(--var-main-color);
    top: 50%;
    left: 0;
    position: absolute;
    z-index: -1;
    height: 1px;
    box-sizing: border-box;
    right: 0;
    margin: auto;
}

@media (max-width:991px) {
    .footer .container{
        padding-left: 15px;
        padding-right: 10px;
    }
    .baotri-content .baotri-footer-header .title {
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        color: var(--var-main-color);
    }
    .baotri-content .items .item{
        width: 95%;padding: 5px 5px 5px 100px;height: 86px;
    }
    .baotri-content .items{
        margin-top: 0px;
    }
    .baotri-content .items .item .inner img {
        width: 60px;
        height: 60px;
    }
    .baotri-content .items .item .image {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 12px;
        left: 12px;
    }
    .baotri-content .items .item .title {
        font-size: 14px;
        font-weight: normal;
        line-height: 19px;
        display: block;
        margin-bottom: -9px;
    }
}

.navigation-t{
    position: fixed;
    right: 0;
    bottom: -25px;background: #fff;
    left: 0;z-index:9000;
    filter: drop-shadow(-1px 6px 7px rgba(0, 0, 0, 0.9));
}

.mobile-nav-item {
    width: 19%;
    float: left;
    text-align: center;
}
.mobile-nav-item a {
    color: #333;
    padding-top: 3px;
    display: block;
}
.mobile-nav-item a i {
    display: block;font-size: 17px;
}
.mobile-nav-item a label {
    display: block;
    font-size: 12px;

}
.mobile-nav-item.hotline.ring a i{

}
.mobile-nav-item.hotline a span{
    padding-left: 30px;
}
.hotline-button.ring{
    position: fixed;
    bottom: -1px;
    display: block;
    left: calc(50% - 30px);
    color: #333;

    z-index: 99999;
}
.hotline-button.ring span {
    font-size: 13px;
    margin-top: 9px;
    text-align: center;
    width: 100%;
    display: block;
}
@keyframes chang-rotage-anim-1 {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    25% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    35% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    45% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

.hotline-button.ring i {
    display: block;
    background: #027467;animation: 2s ease-in-out 0s normal none infinite running chang-rotage-anim-1;
    background:radial-gradient(159.85% 367.97% at 150% 123.85%,#ffe147 0,#65ae17 38.76%,#469c4b 59.65%,#00713b 100%);
    height: 60px;

    width: 60px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 25px;
    padding-top: 8px;
    z-index: 999;
    margin-bottom: 4px;
}
@media screen and (max-width: 980px) {
    .autoAdsMaxLead-widget-btn-list {
        display: none !important;
    }
}
@media screen and (min-width: 980px) {
    .hotline-button,.navigation-t{
        display:none!important;
    }
}
.top-footer.mid-footer {
    padding-bottom: 40px;
}
.cotlienhe ul{
    margin: 0px;padding: 0px 7px;
}
.cotlienhe ul li {
    font-weight: 300;
    font-size: 15px;
    list-style: none;
    margin: 0px;
    color: #333;
}
.cotlienhe ul li i {
    color: var(--color-1st);
    position: relative;
    font-size: 22px;
    top: 2px;
    padding-right: 5px;
}
.cotlienhe ul li i:before {
    background: #fff;
    border-radius: 15px;
}
@media screen and (max-width: 480px) {
    .hidden-xs{
        display: none!important;
    }
    .navigation-t .btn-shopping-cart > span {
        position: absolute;
        top: -3px;
        right: 7px;
        transform: translate(25%, 25%);

        justify-content: center;
        align-items: center;
        min-width: 16px;
        height: 16px;
        background-color: red;
        border-radius: 50%;
        font-size: 10px;
        color: #fff;
    }
}
@media (min-width: 480px) and (max-width: 980px) {
    .hidden-sm{
        display: none;
    }
    .col-4-footer{
        margin-left: 14px;
        margin-top: 13px;

    }
}
@media only screen and (max-width:480px) {
    .navigation-t{

        bottom: 0px;
        left: 0;z-index:9000;

    }
}
.autoAdsMaxLead-widget-btn-list{
    position: fixed !important;
    z-index: 9;
    right: 10px;
    bottom: 30px;
}
.autoAdsMaxLead-widget-btn-list ul li {
    margin-bottom: 7px;list-style:none;
}
.autoAdsMaxLead-widget-btn-list ul {
}
.autoAdsMaxLead-widget-btn-list ul a {
    display: block;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background:#333;
    color: #fff;
    font-size: 27px;
    text-align: center;
    padding-top: 2px;
}
.autoAdsMaxLead-widget-btn-list ul li.zalo a {
    background: #0068ff;
}
.autoAdsMaxLead-widget-btn-list ul a span {
    display: none;
}
.autoAdsMaxLead-widget-btn-list ul li.facebook a {
    background:#166fe5;
}
.autoAdsMaxLead-widget-btn-list ul .click_mess_fanpage a{
    background: #1877F2;
}
.autoAdsMaxLead-widget-btn-list ul .hotline a{
    background: #EB2126;
}


.ring a i {
    display: block;
    animation: 3s ease-in-out 0s normal none infinite running chang-rotage-anim-1;
}
@keyframes chang-rotage-anim-1 {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    25% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    35% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    45% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}
.quick-box {
    position: fixed;
    bottom: 76px;
    border-radius: 5px;
    right: 80px;
    color: #000;
    background: #e5e5e5;
    z-index: 99;
    padding: 8px 20px 8px 12px;
    display: none;
    box-shadow: 0px 0px 5px #e5e5e5;
}
.quick-box.zhotline{
    bottom: 21px;
}
.quick-box button {
    position: absolute;
    top: -6px;color:#000;
    right: 0px;
    font-size: 12px;
}
.quick-box.active {
    display: block;
}
.quick-box .quick-box-item .item {
    line-height: 41px;
    font-size: 18px;
}
.quick-box .quick-box-item .item b{
    display: inline-block;
    width: 98px;
    font-size: 16px;
}
.quick-box .quick-box-item .zalo a{
    color:#0068ff;
}
.quick-box .quick-box-item .zalo a b {
    color: #333;
}
.quick-box .quick-box-item .zalo a i{
    color: #0068ff;
}
.quick-box::before {
    border: solid;
    border-top-color: currentcolor;
    border-top-width: medium;
    border-right-color: currentcolor;
    border-right-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-left-color: currentcolor;
    border-left-width: medium;
    border-top-color: currentcolor;
    border-top-width: medium;
    border-right-color: currentcolor;
    border-right-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-width: medium;
    border-left-color: currentcolor;
    border-left-width: medium;
    border-color: #e5e5e5 transparent;
    border-width: 0px 11px 15px 11px;
    content: "";
    right: -15px;
    top: 34px;
    position: absolute;
    z-index: 999;
    transform: rotate(90deg);

}
.widget.widget--footer {
    margin-bottom: 54px;
}
footer.footer .copyright {
    line-height: 22px;
    text-align: center;
    font-size: 1em;
    position: relative;
    padding: 11px 0px;
    color: #fff;
    border-top: transparent;
    margin-top: 0px;
    background: transparent;
}
.sanphamdoanhnghiep ul {
    margin: 12px 12px;
    padding: 0px;
}
.sanphamdoanhnghiep ul li{
    list-style: none;
    padding: 5px 0px;

    border-bottom: 1px solid hsla(0,0%,100%,.2);
}
.foodter_chinhsach {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 29px;
}
.foodter_chinhsach_item{
padding: 5px 120px;
}
.foodter_chinhsach_item span {
    display: block;
    width: 81px;
    text-align: center;
}
.foodter_chinhsach_item img {
    display: block;
    margin: 0px auto;
    height: 75px;
}
footer.footer .site-footer .widget--footer .widget__title,footer.footer .site-footer .panel-title p
    {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
}
@media  (max-width: 980px) {
    #request{
        display: none!important;
    }
}
.time_work .li_menu.li_menu_xxx:before {
    background-image: url(https://xedientreem.net/themes/xedientreem/assets/images/phone_footer.png?1517881172607);
    background-repeat: no-repeat;
    content: "";
    height: 48px;
    left: 0px;
    position: absolute;
    top: 5px;
    width: 48px
}
.time_work   .li_menu.li_menu_xxx {
    position: relative;
   padding-left: 50px;
    margin-top: 0 !important;
}
.time_work  .li_menu.li_menu_xxx a {
    font-size: 24px;
    display: block;color: red;font-weight: bold;
}
.time_work .list-menu li {
    transition: unset;
    color: #333;list-style: none;
    -webkit-transition: unset;
}
.panel-content ul{
    margin: 0px;padding: 0px;
}
.panel-content ul li{
    list-style: none;line-height: 30px;
}
.section_service_end .service_item_ed {
    height: 140px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}
@media (max-width: 767px) {
    .section_service_end .service_item_ed {
        padding:0;
        height: 185px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.section_service_end .service_item_ed .iconx {
    display: inline-block;
    width: 80px;
    float: left
}

@media (max-width: 1199px) and (min-width:992px) {
    .section_service_end .service_item_ed .iconx {
        min-width:64px
    }
}

.section_service_end .service_item_ed .iconx img {
    max-width: 100%;
    height: auto
}

.section_service_end .service_item_ed .content_srv {
    width: calc(100% - 65px);
    -o-width: calc(100% - 65px);
    -moz-width: calc(100% - 65px);
    -webkit-width: calc(100% - 65px);
    display: inline-block;
    float: left;
    margin-left: 15px
}

@media (min-width: 992px) and (max-width:1199px) {
    .section_service_end .service_item_ed .content_srv {
        width:calc(100% - 55px);
        -o-width: calc(100% - 55px);
        -moz-width: calc(100% - 55px);
        -webkit-width: calc(100% - 55px)
    }
}

@media (max-width: 767px) {
    .section_service_end .service_item_ed .content_srv {
        width:100%;
        margin-left: 0
    }
}

.section_service_end .service_item_ed .content_srv .title_service {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #f62d3e
}

@media (min-width: 992px) and (max-width:1199px) {
    .section_service_end .service_item_ed .content_srv .title_service {
        font-size:15px
    }
}

.section_service_end .service_item_ed .content_srv .content_service {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 5px;
    color: #878a96
}

.section_service_end .service_item_ed .content_srv .content_service .red {
    color: #f62d3e
}

.section_service_end .service_item_ed .content_srv .content_service a {
    font-weight: 700;
    color: #474c5f;
    text-decoration: none
}

.section_service_end .service_item_ed .content_srv .content_service a:hover {
    color: #f62d3e
}
.section_service_end {
    background: #fff;
    margin-top: 20px;
}
.wrap_item_srv {
    border-bottom: 1px solid #e5e5e5;
}
@media (min-width: 992px) and (max-width:1199px) {
    .section_service_end .service_item_ed .content_srv .content_service {
        font-size:13px;
        margin-top: 5px
    }


}
                .imgc, .imgc0 {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
 a.imgc::before {
     display: block;
     content: "";

    padding-bottom: 100%;
}
a.imgc img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
}
/***************/
.popup-thongsokythuat ul li {
    list-style: none; }

#popup-thongsokythuat  .parameter-item,.thongsokythuat  .parameter-item {
    padding: 0 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    clear: both;
    overflow: hidden;
    display: flex;
    width: 100%;

}
.pro-short-desc .parameter-item {
    padding: 0 0px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    clear: both;
    overflow: hidden;

}
.thongsokythuat .parameter-all .parameter-item:nth-child(2n+1),#popup-thongsokythuat  .parameter-all .parameter-item:nth-child(2n+1){
    background:#f9f9f9;
}
#popup-thongsokythuat .parameter-all,.thongsokythuat .parameter-all {
    overflow-y: hidden;
    padding-top: 0px;
}

#popup-thongsokythuat .thuoctinh-name,.thongsokythuat .thuoctinh-name  {
    float: left;
    width: 200px;
    font-weight: bold;
    background: transparent;
    font-size: 15px;
    padding: 10px 10px; }

#popup-thongsokythuat .content_field,.thongsokythuat .content_field {
    float: left;
    width: auto;
    line-height: 25px;
    padding: 10px 0px;
    width: 200px;
    font-size: 14px; }
.fullrow .content_field{
    width: calc(100% - 200px)!important;
}
.pro-short-desc .content_field {
    float: left;
    width: auto;
    line-height: 25px;
    padding: 4px 0px;

    font-size: 14px; }

#popup-thongsokythuat .parameter-all .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    background: var(--main-color);
    padding: 8px 20px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);

}
.thongsokythuat .parameter-all .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    background: transparent;
    padding: 8px 20px;
    color: #000;
    width: calc(100%);font-weight: 900;

}
.product__desc .parameter-all .title{
    display:none;
}

.product__desc .parameter-item5,.product__desc .parameter-item6, .product__desc .parameter-item7,.product__desc .parameter-item8,.product__desc .parameter-item9, .product__desc .parameter-item10,.product__desc .parameter-item11,.product__desc .parameter-item12, .product__desc .parameter-item13, .product__desc .parameter-item14{
    display:none;

}
.product__desc .thuoctinh-name {
    float: left;
    width: 166px;
    font-weight: bold;
    background: transparent;
    font-size: 14px;
    padding: 6px 0px;
}
.product__desc .content_field {
    float: left;
    width: auto;
    line-height: 25px;
    padding: 6px 0px;
    font-size: 14px;
}
.product__desc  .parameter-item {
    padding: 0 0px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    clear: both;
    overflow: hidden;
}
.dichvu {

    padding: 0px 20px;
}

@media (min-width: 1100px) {
    .product--detail .product__thumbnail .dichvu {
        width: 100%;
        clear: both;

     padding-right: 30px;

        bottom: 0px;
    }
    .dichvu {
        margin-top: 20px;
        padding: 0px 22px;
    }
    .dich-vu-item {
        width: 49%;
        float: left;
        margin-bottom: 24px;
    }
    .iconl {
        float: left;
        padding-right: 10px;
        width: 50px;
    }
    .dichvu_mobile{
        display: none;
    }
    .pollicy-content {
        display: inherit;
        float: right;
        width: calc(100% - 52px);
        line-height: 18px;
    }
    .dich-vu-item {
        max-width: 49%;
        float: left;
    }
    .pollicy-content p{
        line-height: 17px;
        margin-top: 0px;
        margin-bottom: 4px;
        font-size: 12px;
    }
    .pollicy-content p a {
        color: var(--color-1st);
        font-weight: bold;
    }
    .product__content   .dichvu{
        display: none!important;
    }
}
@media (max-width: 1100px) {
    .tabnoibat{
        display: none;
    }
    .product__content   .dichvu{
        display: block!important;
    }

    .dich-vu-item {
        width:100%;
        display: inline-block;
    }
    .iconl {
        float: left;
        padding-right: 10px;
        width: 70px;
    }
    .pollicy-content {
        display: inherit;
        float: right;
        width: calc(100% - 72px);
        line-height: 18px;
    }

    .pollicy-content p{
        line-height: 17px;
        margin-top: 0px;
        margin-bottom: 4px;
        font-size: 14px;
    }
    .pollicy-content p a {
        color: var(--color-1st);
        font-weight: bold;
    }


}
.product__desc .parameter-item.parameter-item0,

.product__desc .parameter-item.parameter-item7,
.product__desc .parameter-item.parameter-item8{

}
.parameter-item.parameter-item0,.parameter-item.parameter-item1,.parameter-item.parameter-item2{

}
.toggle-content table {
    border: 0px !important;
    margin: 20px auto;
    display: none!important;
}
.dichvu {
    margin-top: 20px;
}
@media (max-width: 480px) {
    #popup-thongsokythuat .parameter-item, .thongsokythuat .parameter-item {
        padding: 0 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        clear: both;
        overflow: hidden;
        display: flex;
        width: 100%;
        min-width: 600px;
        overflow: scroll;
    }
    .product--detail .product__thumbnail .product__variants {
        width: 100%;
        min-width: 80px;
        height: 55px;
        overflow: hidden;
    }
    .product--detail .product__thumbnail {
        max-width: 100% !important;
        margin-top: 7px;
    }
    .product-sale-price-text {
        font-weight: 900;
        color: red;
        font-size: 18px;
        font-family: luxstay;
    }
    .product--detail .product__thumbnail {
        display: flex;
        flex-flow: column wrap;
        margin-bottom: 0px;
        width: 100%;
    }
}
.product--detail .ghichu {
    display: block;
    align-items: center;
    background-color: #fffbe5;
    border-radius: 5px;
    padding: 5px;
    width: fit-content;
    position: relative;
    margin-bottom: -10px;
}
.product--detail .ghichu a{
 font-weight: bold;
    color: var(--color-1st);
}
.product__thumbs .slick-arrow:first-child {
    left: 0px;
    background-color: #e5e5e5;
    width: 100%;
    top: 0px;
    position: absolute;
    height: 15px;
    text-align: center;
    z-index: 999;

}
@media (min-width: 1100px) {
    .product__thumbs .slick-arrow:last-child {
        left: 0px;
        background-color: #e5e5e5;
        width: 100%;
        bottom: 0px;
        position: absolute;
        height: 15px;
        text-align: center;
    }

    .product__thumbs .slick-arrow:first-child i, .product__thumbs .slick-arrow:last-child i {
        top: -4px;
        position: relative;
    }

    .product__thumbs .slick-list.draggable {
        padding-top: 16px;
        padding-bottom: 16px;
        overflow: hidden;
        max-height: 506px !important;
    }
}
@media screen and (min-width:480px) and (max-width:1100px){
    .product__thumbs .slick-arrow:first-child {
        left: 0px;
        background-color: #e5e5e5;
        height: 80px;
        top: 0px;
        position: absolute;
        width: 15px;
        text-align: center;
        z-index: 999;

    }
    .product__thumbs .slick-arrow:last-child {
        right: -1px;
        background-color: #e5e5e5;
        height: 80px;
        top: 0px;
        position: absolute;
        width: 15px;
        text-align: center;
        z-index: 999;
    }
    .product__thumbs .slick-arrow:first-child i, .product__thumbs .slick-arrow:last-child i {
        top: 34%;
        position: relative;
        transform: rotate(270deg);
    }
    .product__thumbs .slick-list.draggable{
        padding-left:  16px;
        padding-right:  16px;
        overflow: hidden;
        width: 100% !important;
    }
}
@media (max-width: 1100px) {
    .product__thumbs .slick-arrow:first-child {
        left: 0px;
        background-color: #e5e5e5;
        height: 52px;
        top: 0px;
        position: absolute;
        width: 15px;
        text-align: center;
        z-index: 999;

    }
    .product__thumbs .slick-arrow:last-child {
        right: -1px;
        background-color: #e5e5e5;
        height: 52px;
        top: 0px;
        position: absolute;
        width: 15px;
        text-align: center;
        z-index: 999;
    }
    .product__thumbs .slick-arrow:first-child i, .product__thumbs .slick-arrow:last-child i {
        top: 34%;
        position: relative;
        transform: rotate(270deg);
    }
    .product__thumbs .slick-list.draggable{
        padding-left:  16px;
        padding-right:  16px;
        overflow: hidden;
        width: 100% !important;
    }
}
.hotline_muahang {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    width: 98%;
    text-transform: uppercase;
    display: block;
    background: #0068ff;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 5px 0px;
}
.hotline_muahang span{
    display: block;font-size: 14px;
}
.form--review-product a{
    text-decoration: underline;
}
.visual-swatch li{
    position: relative;
}
.visual-swatch li:first-child label:before{
    width: 24px;
    height: 13px;
    position: absolute;
    bottom: 0px;
    left: 3px;
    content: "";
    background: url("/themes/kids2022/img/hot.gif") no-repeat;
    z-index: 1;
}
.product__gallery .slick-slide{
    position: relative;
}
.product__gallery .slick-slide span {
    position: absolute;
    bottom: 3px;
    right: 3px;
    background: rgba(1,1,1,0.5);
    border-radius: 20px;
    font-size: 14px;
    padding: 1px 10px;
    color: #fff;
}

#bottom-bar-product{
    display: none;
}
@media (max-width: 1100px) {
    .product--detail .product__thumbnail .product__variants{
        display: none!important;
    }
     .color-swatch li {
        width: auto;
        float: left;
        padding: 3px;
    }
    .tieude-ccc {
        font-size: 12px;
    }
    #bottom-bar-product {
        position: fixed;
        bottom: 0px;
        background: #fff;
        width: 100%;
        left: 0px;display: block!important;
        height: 50px;z-index: 7;
        height: 50px;z-index: 7;
    }
    #bottom-bar-product .a_muangay {
        background: #E71C2A;
        color: #fff;
        width: 50%;z-index: 7;
        display: inline-block;
        text-align: center;
        height: 50px;
        margin: 0px;
        float: left;
        padding-top: 9px;
        font-size: 16px;
    }
    #bottom-bar-product .a_chat{
        width: 83px;
        display: inline-block;
        background: #f1f1f1;
        text-align: center;
        color: #0068ff;
        height: 50px;
        margin: 0px;
        float: left;
        padding-top: 9px;
        position: relative;
    }
    #bottom-bar-product .a_chat:after{
        content: "";
        height: 30px;
        width: 1px;
        background: #fff;position: absolute;right: 0px;top:9px;
    }
    #bottom-bar-product .a_themvaogiohang{
        width:calc(50% - 83px); background: var(--color-1st);
        display: inline-block;text-align: center;
        color: #fff;height: 50px;
        margin: 0px;
        float: left;
        padding-top: 9px;
    }
    #bottom-bar-product .a_chat span,#bottom-bar-product .a_themvaogiohang span{
        font-size: 12px;
    }
    #bottom-bar-product .a_chat i,#bottom-bar-product .a_themvaogiohang i{
        width: 100%;
        display: block;
    }
    #panel-themvaogio  .color-swatch li {
        width: 16.6%;
        float: left;
        padding: 3px 3px 0px 0px;
        margin: 0px;
        margin-bottom: 0px;
        height: auto;
        margin-bottom: -7px;
    }


}
.product__tags{
    margin: 0px;

}
#panel-themvaogio .close {
    float: right;
    position: absolute;
    right: 5px;
    z-index: 99;
    font-size: 35px;

}
#panel-themvaogio .modal-lg, .modal-xl {
    max-width: 400px;
}
#panel-themvaogio .form-group > label {
    margin-bottom: 6px;
    font-weight: 500;
    color: #000;
    line-height: 1em;
    font-size: 14px;
    display: block;
    margin-top: 7px;
}
.product-attributes111 ul {
    margin: 0px;
    list-style: none;
    padding: 0px;

    overflow:hidden;
}
.imgChon {
    max-width: 300px;
    display: block;
    margin: 0px auto;
}
.product-sl {
    padding: 13px 0px 5px 0px;
}
.product-attributes111 {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: -33px;
}
.ac_muangay, .ac_themvaogio {
    background: red;
    border: 0px;
    width: 100%;
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
}
.a_gia {
    margin-bottom: -17px;
    margin-top: 9px;
}
.sale_phantram {
    background: #fff;
    font-size: 12px;
    padding: 2px 0px;
    position: relative;
    top: -4px;
    color: #ff379b;
    border-radius: 2px;
    border: 2px solid #ff379b;
}
.flashsale{
    align-items: center;
    background: linear-gradient(-90deg, #f0451e 9%, #f32424 96%);
    color: #fff;
    display: block;
    height: 50px;
    margin-top: -10px;
    padding: 5px 8px 6px 5px;
    margin-bottom: 11px;
    overflow: hidden;
}
.flashsale .sale_phantram{
    display: none;
}
.flashsale .product-sale-price-text {
    font-weight: 900;
    color: #fff;
    font-size: 25px;
}
.flashsale-left {
    width: 50%;
    float: left;
}
.flashsale-right {
    width: 167px;
    float: right;
    font-size: 13px;
    background: transparent;
    display: block;
}
.flashsale-right div {

}
.flashsale-left img {
    width: 76px;
    position: relative;
    top: -5px;
    left: 4px;
}
.flashsale-left p {
    font-size: 10px;
    color: #fff;
}
.flashsale-right .rchvXw i{
    float: right;
    position: relative;
    top: 2px;

    left: -4px;
}
.flashsale-right .rchvXw p{
    font-size: 10px;
    color: #fff;

    float: right;
}

.flashsale-right div {
}
.rchvXw {
    margin-bottom: -15px;

    text-align: right;

}
.countdount {
    display: block;

    width: 100%;
    float: right;
    margin-top: -17px;
    text-align: right;
    font-size: 15px;
}
.flashsale_mobile{
    display:none;
}
.flashsale_desktop .flashsale{
    margin-top: -11px;
    border-radius: 5px;
}
@media (max-width: 1100px) {
    .flashsale_mobile{
        display: block!important;
    }
    .flashsale_desktop{
        display: none!important;
    }
    .product__header .dichvu{
        display: none!important;
    }
    .dichvu {
        margin-top: -20px;
    }
    .dichvu {
        padding: 8px 10px;
    }


}
.icondetail-videoop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
    cursor: pointer;
    background-position: -225px -40px;
    height: 31px;background-size: 300px 180px;
    width: 43px;background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/TGDD/Mobile/icon_chitiet_update@2x-min.png);
}
.product-line {
    border: 1px solid #e5e5e5;
    padding: 5px;
    overflow: hidden;
}


.product-line .product_item__thumbnail {
    width: 107px;

    float: left;

    margin-right: 20px;

}
.product-line .product__price.sale {
    color: red!important;
}
.product-line .product__price {
    display: block;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -8px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-heading);
    margin-top: -10px;
}
.product-line .product__badges {
    display: none;
}
.product-line  .product__content {
    padding-top: 0px;
}
.product-line .product__title {
    margin-bottom: 6px;
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.product-line .tag-icon {
    position: absolute;
    width: 100%;
    bottom: 12px;
    right: -153px;
    left: auto;
}
.sanphamtuongtu {
    margin-top: 10px;
}
.sanphamtuongtublock p {
    margin-bottom: 0px;
    margin-left: 14px;
    margin-top: 10px;
}

.product-khuyenmainoibat
{
    border: 2px solid #EE3E80;
    border-radius: 5px;
    margin: 10px 0px;
}
.product-khuyenmainoibat-title
{
    background: url(../img/bg-km.png) repeat 50px 0px /auto 140% #EE3E80;
    color: #fff;
    padding: 4px 10px;
}
.product-khuyenmainoibat-content ul li
{
    list-style: none;position:relative;padding-left: 18px;
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
}
.product-khuyenmainoibat-content ul li:before{
    content: "\f06b";
    position: absolute;
    height: 20px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: 11px;
    width: 20px;
    left: 2px;
    top: 6px;
    color: #D0081D;

}
.product-khuyenmainoibat-content ul li img{
    max-width:25px;
}
.product-khuyenmainoibat-content ul {
    margin: 0px 0px 1px 5px;
}
.product-khuyenmainoibat-content
{
    padding: 5px 0px;
    margin-bottom: -0px;

    margin-left: -30px;
}
.product-khuyenmainoibat-content    hr{
    margin:0px;
}
.product__variants.text-swatch a {
    padding: 5px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: rgba(0,0,0,0.6);
    font-size: 12px;

 }
.result-label.temp3 {
    background: linear-gradient(to right,#e91f63,#db2663);margin: 0px 0px 10px 0px;
}
.result-label img {
    float: left;
    max-width: 20px;
}

.result-label span {
    color: #fff;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    font-size: 10px;

    line-height: 13px;

    margin-left: 3px;

    overflow: hidden;

    padding: 4px 0 0 3px;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-line-clamp: 2;

    text-transform: uppercase;

}
.product--detail .product__color .color-swatch li span {
    margin-bottom: 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.product--detail .product__color .color-swatch li span small{
    padding-right: 10px;
}
.product--detail .product__color {
    padding-bottom: 0px;
    margin-bottom: 10px;overflow: hidden;
}
.result-label {
    border-radius: 20px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px;
}
.visual-swatch li{
   display: flex;
}
.visual-swatch li img{
    max-width: 50px;
}
.breadcrumb--custom {
    margin: 10px -1px;
    padding: 0;
    list-style: none;
}
.product__content img {
    max-width: 100%;
    margin: 0px auto;
    display: block;
    height: auto;
    max-width: 700px;
}
.image_review img{
    max-width: 80px!important;border-radius:2px!important;
}
                

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

body {
    overflow-x: hidden;

    background: #F4F7FF;
}
.home-page{
    background:#F4F7FF;
}
@media (max-width: 1100px) {
    body {
        overflow-x: hidden;

        background: #f9f9f9;
    }
    .home-page{
        background: #f9f9f9;
    }
}
p {

    color: var(--color-text);
}
img{
    max-width: 100%;
}


@media only screen and (max-width: 600px) {

    .ProductCategorySwiper-Item {
        border: 0px solid #e5e5e5;
        padding: 5px 0px;
        text-align: center;
        width: 100%;
    }
    .ProductCategorySwiper .swiper-slide {
        width: 80px!important;
    }
    .ProductCategorySwiper-Item p {
        font-size: 12px;
        margin-top: 11px;
        margin: 5px 10px;
    }
    .section--homepage .container .section__content {
        border-bottom: 10px solid #fff;
        padding-bottom: 0px;
    }

    .category-brand-head
    {
        display: flex;
        border-bottom: 0px solid #eee;
        padding: 6px 11px;
    }


    .section--homepage {
        padding-top: 0px;
    }

.section--homepage .container {
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}
    .category-brand-content-product {
        padding-top: 0px;
    }
    .product-list-category-home .swiper-slide{
        max-width: 180px;
    }
}
.col-product {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: -1px;
    margin-top: -1px;padding: 5px 10px 5px 0;
}
.breadcrumb{
    padding: 0px 20px;
    background: #fff;
}
.shop__products {
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}
.shop__header h1 {

    font-size: 28px;
    text-transform: none;
    color: #000;
}

@media screen and (min-width: 480px) {
    .page--product--detail .container {
        background: #fff;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
.page--inner.page--product--detail {
    background: #fff;
    padding: 20px 20px;
    border-radius: 16px;
}
.number-items-available{
    display: none!important;
}
.product-sale-price-text {
    font-weight: 900;
    color: var(--color-1st);
    font-size: 25px;

}
.product--detail .product__price.sale del {
    font-size: 16px;color:#4d4d4d;
}
.product__desc ul{
    margin: 0px;padding: 0px;
}
.product__desc ul li{
    list-style: none;
    margin: 0px;
    padding: 9px 0px;
    border-bottom: 1px solid #e5e5e5;
}
.form-group.product__attribute.product__qty {

}
.table-responsive table {
    border: 0px !important;
    margin: 20px auto; }

.table-responsive table tr {
    font-size: 14px; }

.table-responsive table tr:nth-child(2n+1) {
    background: #f5f5f5;
    padding: 7px 20px; }

.table-responsive table tr td:first-child {
    border-left: 1px solid #f5f5f5;
    max-width: 100px;
    font-weight: bold; }

.table-responsive table tr td {
    border-right: 1px solid #f5f5f5; }
.product--detail .tab-list li a {
    position: relative;
    padding: 3px 0;
    display: inline-block;
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 0px;
    color: var(--color-text);
    border: 1px solid transparent;
    text-transform: uppercase;
    font-family: Oswald;
}
.bangthongsokythuat table {
    border: 0px !important;
    margin: 20px auto;
    border: 0px solid!important;
}
.bangthongsokythuat table  tr {
    font-size: 14px; }
.bangthongsokythuat table  tr td{
    border: 0px!important;
}
.bangthongsokythuat table  tr:nth-child(2n+1) {
    background: #f5f5f5;
    padding: 7px 20px; }

.bangthongsokythuat table  tr td:first-child {
    border-left: 1px solid #f5f5f5;
    max-width: 100px;
    font-weight: bold; }
table {
    border: 0px !important;
    margin: 20px auto;
    border: 0px solid!important;
}
table  tr {
    font-size: 14px; }
table  tr td{
    border: 0px!important;
}
table  tr:nth-child(2n+1) {
    background: #f5f5f5;
    padding: 7px 20px; }

table  tr td:first-child {
    border-left: 1px solid #f5f5f5;
    max-width: 100px;
    font-weight: bold; }


.footer-bar {
    position: fixed;
    bottom: 0px;
    display:none;z-index: 8;

}
@media screen and (max-width: 992px) {

    .footer-bar {
        position: fixed;
        bottom: 0px;
        display: block;
        width: 100%;left: 0px;
        background: #fff;
        box-shadow: 0px 0px 5px #e5e5e5;
    }
    .footer-bar a {
        display: inline-block;
        width: 24%;
        text-align: center;
        padding: 3px 0px;
        font-size: 12px;
    }
    .footer-bar a i {
        font-size: 18px;
    }

}
/************ category**********/
#category-child{
    margin-bottom: 20px;
}
.category-child-slider .swiper-slide{max-width: 100px;
    text-align: center;

}
.category-child-slider .cate-img img {
    width: 100%;
    padding: 2px;
    border: 1px solid #e5e5e5;
    margin-bottom: 4px;
    border-radius: 8px;
}
.category-child-slider  .cate-title {
    font-size: 14px;

}
.product__content h2 ,.post__content h2{
    font-size: 20px;
   font-weight: bold;margin-top: 20px;
}
#tab-faq h2{
    font-size: 17px;margin-bottom: 0px;margin-top: 0px;
}
.product__content h3,.post__content h3{
    font-size: 18px;font-weight: bold;margin-top: 20px;
}
.fa.fa-star.star-normal {
    color: #ccc;
}
#tab-reviews {
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
#tab-description {
    height: 284px;
    overflow: hidden;position: relative;text-align: justify;
}
.product-content-modal{
    text-align: justify;
}
.product-content-more  {
    background: linear-gradient(to bottom,rgba(255 255 255/0),rgb(255, 255, 255),rgb(255, 255, 255));
    bottom: -1px;
    height: 108px;
    left: 0;
    position: absolute;
    width: 100%;
}
.product-content-more button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    line-height: 18px;
    font-size: 14px;
    color: var(--color-1st);
    margin: 0px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    top: 58px;
    background: #fff;
    border: 1px solid;
    height: 30px;
    padding: 5px 10px;
}
.hide {
    display: none !important;
}
/***** product slide*****/
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background: var(--color-1st);
}
.modal-header .modal-title{
    color: #fff;
}
/***** product slide*****/
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background: var(--color-1st);
}
.modal-header .modal-title{
    color: #fff;
}
.itemTab {
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 8px;
    font-size: 13px;
    display: inline-block;
    width: 75px;
    height: 61px;
    border-radius: 8px;
}
.itemTab img {
    height: 28px;
}
.itemTab p{
    font-size: 13px;
}
@media screen and (min-width: 1100px) {
    .product-image-thump-slide {
        height: 451px;
    }
    .product-image-thump-slide .product__thumbs{
        height: 100%;
    }

.product--detail .product__thumbnail .product__variants {
    width: 100%;
    min-width: 80px;
    max-width: 80px;
    height: 464px;
}
}
@media screen and (max-width: 1100px) {

    .product--detail .product__thumbnail .product__variants   .product-image-thump-slide  {
        width:100%;
        min-width: 80px;float: left;
    }
    .tabnoibat {
        width:168px;
        float: right;text-align: right;
    }
    .itemTab img {
        height: 20px;
    }
    .itemTab {
        border: 1px solid #e5e5e5;
        text-align: center;
        margin-bottom: 4px;
        padding-top: 10px;
        font-size: 10px;
        display: inline-block;
        width: 31%;
        height: 55px;
    }
    .itemTab p{
        font-size: 12px;
    }
    .product--detail .product__variants .item {
        margin-bottom: 10px;
        border: 1px solid #e5e5e5;
        padding: 2px;
        cursor: pointer;

    }
    .product--detail .product__variants .item img{
        max-height: 100%;
    }
}
@media screen and (max-width: 992px) {

    .btn--custom.btn--outline, button.btn--custom.btn--outline {
        padding: 8px 13px;
        font-size: 14px;

    }

    .product--detail .product__variants .item {

        margin-right: 8px;
    }
}
/********** tab modul********/

div.divQuyDinh {
    margin-bottom:60px;margin-top: -10px;

}
.toggle .toggle {
    margin:0px;
    border-bottom: 1px solid #e5e5e5;
}

.toggle {


}
.toggle>.toggle-content {
    display:none
}
.toggle-content h2 {
    font-size: 20px;font-weight:bold;

}
.toggle-content h3 {
    font-size: 18px;font-weight:bold;

}

.toggle-content table {
    border: 0px !important;
    margin: 20px auto; }

.toggle-content table tr {
    font-size: 16px; }

.toggle-content table tr:nth-child(2n+1) {
    background: #f5f5f5;
    padding: 7px 20px; }

.toggle-content table tr td:first-child {
    border-left: 1px solid #f5f5f5;
    max-width: 100px;
    font-weight: bold; }

.toggle-content table tr td {
    border-right: 1px solid #f5f5f5; }


.toggle-content {

    font-size: 16px;
    padding: 15px 25px;
    margin-top: 0px;
}
.toggle-primary .toggle > label {
    background: #fff;
    border: none;
    border-radius: 3px 3px 0px 0px;
    color: #000;
    margin-bottom: 0px;
    font-size: 16px;
    position: relative;
    padding: 12px 35px 12px 10px;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 900;

}
.toggle-primary .toggle > label.active{

}
.toggle-primary .toggle > label:before {
    content: "\f107";
    display: block;
    font: normal normal normal 19px/1 FontAwesome;
    position: absolute;
    right: 10px;
    top: 9px;
}

.toggle-primary .toggle > label.active:before {
    content: "\f106";
}

.fade-scale .modal-dialog {


    -webkit-transition: all .55s linear;
    -o-transition: all .55s linear;
    transition: all .55s linear;
    transform: translateY(100%)  translateX(0px);
}

.fade-scale.show .modal-dialog{
    transform: translateY(0px)  translateX(0px);
}
.product .product__variants img {
    height: auto;
    width: 40px;
    border-radius: 0px;
    border: 0px solid #e5e5e5;
    padding: 0px;
}

.faqs-list h4 {
    margin-top: 30px
}

.faqs-list h4:first-child {
    margin-top: 0
}

.faqs-list .card {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    margin-bottom: 10px;

}

.faqs-list .card .card-header {
    background: #f9f9f9;
    border-radius: 0;
    padding: 6px 20px;box-shadow: 0px;border-bottom: 0px solid rgba(0,0,0,.125);
}
.faqs-list .card .card-header label{
    width: 100%;font-weight: bold;
}
.faqs-list .card .card-header label button {
    background: #f9f9f9;
    border: none;
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    position: relative;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

.faqs-list .card .card-header label button:before {
    display: none
}

.faqs-list .card .card-header label button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    border: 0px solid #ced4da;
    border-radius: 50%;
    color: #ced4da;
    content: "";
    height: 40px;
    line-height: 30px;
    position: absolute;
    right: -20px;
    top: -9px;
    transform: scale(.5) !important;
    transition: transform .2s ease-in-out;
    width: 40px;
}

.faqs-list .card .card-header label button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.product-content-wrap {
    text-align: justify;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    height: 284px;
}
.product__content a,.post__content a{
    color:var(--color-1st);
}

.image {
    background: #f5f5f5;
    font-size: 16px;
}
.image figcaption {

    padding:5px 20px;
    font-style: italic;
}
.product__content img{max-width: 600px;margin: 0px auto;display: block}
.shortcode-product-info {
    position: relative;
}
.shortcode-product-info.product--detail {
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-radius: 3px;
    margin: 20px auto;
}
.shortcode-product-info .tabnoibat{
    display: none;
}
.shortcode-product-info .xemchitiet {
    background: #fb6e2e;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
}
.sidebar{
    padding-top: 30px;
}
.sidebar .widget--footer .widget__title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;

}
.sidebar .widget--footer .widget__links li a {
    line-height: 20px;
    background: #e5e5e5;
    padding: 7px 20px;
    border-radius: 5px;
    display: block;
    margin-bottom: 9px;
}
#ez-toc-container
{
    background: #fff4fc;
    border-radius: 5px;
    max-width: 900px;
    padding: 10px 15px;
    display: block;
    margin: 0px auto;
}
.ez-toc-title-container {
    margin-bottom: -30px;
}
#ez-toc-container li{
    list-style: none!important;
}
blockquote {
    margin: 0 0 1rem;
    background:#e5f2ec;
    border-radius: 5px;
    padding: 20px;
}
@media screen and (min-width: 480px){
    .shortcode-product-info.product--detail .product__thumbnail .product__variants {

        height: 268px!important;
    }
   .sidebar {
        position: sticky;
        top: 0px;
    }
}
.imgc0 {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.imgc0 img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.imgc0::before {
    display: block;
    content: "";
    padding-bottom: 66.486%;
}
.post-aside-style-2 .imgc0{
    width: 100px;
}
.category-title {
    text-align: center;
    margin-bottom: 33px;
    font-size: 34px;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

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

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

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

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

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

p:empty {
    margin-bottom: 0
}

.required:after {
    content: " *";
    color: red
}

.product-attributes ul {
    padding-left: 0;
    list-style: none
}

.product--detail .product__price.sale del {
    font-size: 14px
}

.btn--custom.btn-disabled {
    opacity: .7;
    color: var(--color-text);
    border: 1px solid var(--color-text)
}

.widget--tags .list--tags li.active a {
    color: var(--color-1st);
    border-color: var(--color-1st)
}

.widget__links li.active a {
    color: var(--color-1st)
}

.block--review .block__content {
    padding-top: 0
}

.block--review .block__header {
    align-items: start
}

.block--product-reviews > .block__header p i {
    margin-right: 0
}

.block--product-reviews > .block__header p span {
    margin-left: .5em
}

.star-yellow {
    color: #edb867;
    font-size: 11px;
}

.product {
    margin: 0px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    min-height: 342px;
    border-radius: 8px;
 }
.product:hover{
    border-color: var(--color-1st);
}
.product .product__wrapper {
    transition: all .3s ease-in-out
}

.product .product__wrapper .product__content {
    padding: 15px 8px;
}

.product .product__thumbnail .product__variants {
    position: relative;
    bottom: -10px;
    left: 0px;

    width: 100%;
    text-align: center;
    height: 43px;
}
.product .product__thumbnail .product__variants .custom-checkbox span {
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 1px solid #f2f2f2
}

.single-variation-wrap .error-message, .single-variation-wrap .success-message {
    margin-top: 10px
}

body .cookie-consent .cookie-consent-body {
    max-width: 1200px
}

.panel--sidebar .panel__content {
    overflow-y: scroll
}

.panel--sidebar .panel__content.panel__scroll {
    flex: none;
    display: block
}

.ps-slider__value {
    margin-top: 10px;
    display: inline-block
}

.product--detail .product__attribute .text-swatch li, .widget--shop .widget-content .text-swatch li {
    display: inline-block;
    margin-right: 2px
}

.product--detail .product__attribute .text-swatch li input[type=checkbox], .product--detail .product__attribute .text-swatch li input[type=radio], .widget--shop .widget-content .text-swatch li input[type=checkbox], .widget--shop .widget-content .text-swatch li input[type=radio] {
    display: none
}

.product--detail .product__attribute .text-swatch li input[type=checkbox]:checked ~ span, .product--detail .product__attribute .text-swatch li input[type=radio]:checked ~ span, .widget--shop .widget-content .text-swatch li input[type=checkbox]:checked ~ span, .widget--shop .widget-content .text-swatch li input[type=radio]:checked ~ span {
    border: 1px solid red;
}

.product--detail .product__attribute .text-swatch li input[type=checkbox]:checked ~ span:after, .product--detail .product__attribute .text-swatch li input[type=radio]:checked ~ span:after, .widget--shop .widget-content .text-swatch li input[type=checkbox]:checked ~ span:after, .widget--shop .widget-content .text-swatch li input[type=radio]:checked ~ span:after {
    width: 16px;
    height: 16px;
    content: "\E83F";
    font-family: feather !important;
    position: absolute;
    overflow: hidden;
    right: -8px;
    bottom: -5px;
    color: #fff;
    font-size: 8px
}

.product--detail .product__attribute .text-swatch li input[type=checkbox]:checked ~ span:before, .product--detail .product__attribute .text-swatch li input[type=radio]:checked ~ span:before, .widget--shop .widget-content .text-swatch li input[type=checkbox]:checked ~ span:before, .widget--shop .widget-content .text-swatch li input[type=radio]:checked ~ span:before {
    border: 16px solid transparent;
    border-bottom: 16px solid red;
    content: "";
    position: absolute;
    right: -16px;
    bottom: -1px
}

.product--detail .product__attribute .text-swatch li span, .widget--shop .widget-content .text-swatch li span {
    padding: 8px 10px;
    border: 1px solid #eee;
    cursor: pointer;
    transition: .2s;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
}

.widget--shop .widget-content .text-swatch li span {
    background: #fff
}

.grecaptcha-badge {
    display: none !important
}

.slider__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: table
}

.slider__content .slider__content__wrapper {
    display: table-cell;
    vertical-align: middle
}

.slider__content .slider__content__wrapper .slider__content__wrapper__content {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

.slider__content .slider__content__wrapper .slider__content__wrapper__content h2 {
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    max-width: 50%
}

.slider__content .slider__content__wrapper .slider__content__wrapper__content p {
    margin-bottom: 30px;
    color: #fff;
    line-height: 28px;
    max-width: 50%;
    font-size: 16px
}

.widget-filter-item {
    padding: 20px 0;
    border-top: 1px solid #ccc
}

.nonlinear-wrapper {
    padding-bottom: 20px
}

.panel__content .widget--shop {
    margin-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .slider__content .slider__content__wrapper .slider__content__wrapper__content h2 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .slider__content .slider__content__wrapper .slider__content__wrapper__content p {
        margin-bottom: 10px;
        line-height: 24px
    }

    .slider__content .slider__content__wrapper .slider__content__wrapper__content .btn--custom, .slider__content .slider__content__wrapper .slider__content__wrapper__content button.btn--custom {
        padding: 10px 20px;
        font-size: 14px
    }
}

.fb-customerchat, .fb_dialog {
    z-index: 9999 !important
}

.banner-effect {
    position: relative;
    overflow: hidden;
    display: block
}

.banner-effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3));
    transform: skewX(-25deg)
}

.banner-effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s
}

@-webkit-keyframes shine {
    to {
        left: 125%
    }
}

@keyframes shine {
    to {
        left: 125%
    }
}

@media screen and (max-width: 768px) {
    .slider__content .slider__content__wrapper .slider__content__wrapper__content {
        display: none
    }
}

.ps-block--feature {
    display: flex;
    flex-flow: row nowrap;
    max-width: 260px
}

.ps-block--feature > * {
    width: 100%
}

.ps-block--feature > .ps-block__left {
    max-width: 55px
}

.ps-block--feature > .ps-block__left i {
    color: var(--color-text);
    font-size: 3.5rem
}

.ps-block--feature > .ps-block__right p {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4em;
    color: var(--color-heading)
}

.ps-block--feature > .ps-block__right small {
    display: block;
    font-size: 1.4rem;
    color: var(--color-text)
}

@media (max-width: 991px) {
    .ps-block--feature {
        margin: 0 auto 3rem
    }
}

@media (max-width: 767px) {
    .ps-block--feature {
        max-width: 100%
    }
}

.ps-block--features {
    padding: 4rem 0
}

.qty-input::-webkit-inner-spin-button, .qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.qty-input {
    -moz-appearance: textfield
}

.show-admin-bar .panel--search {
    top: 40px
}
.collection-description {
    background: #F9F9F9;
    padding: 14px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.product .product__title {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;overflow: hidden;
    height: 38px;
    color: #333;
    margin-bottom: 0px;
}
.t-review {
    font-size: 11px;
}
.product .product__badges {
    display: inline-block;
    position: absolute;
    bottom: -75px;
    right: 11px;
    z-index: 2;
    display: none!important;
}
@media only screen and (max-width: 480px) {
    .product {

        padding-top: 4px;

    }
    .product .product_item__thumbnail .product-image-pri img {
        width: 100%;
        max-width: 100%;
        padding: 3px;
    }
    .product .product__title {
        height: 26px;
        color: var(--color-heading);
        overflow: hidden;
        margin-top: 11px;
    }
    .product .product__wrapper .product__content {
        padding: 8px 8px 0px 8px;
    }


    @media only screen and (max-width: 480px) {
        .product .product__title {
            height: 26px;

            color: var(--color-heading);

            overflow: hidden;

            margin-top: 11px;

        }
    }
    .product .product__title {
        display: block;
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
        height: 38px;
        color: #333;
        height: 50px;
        margin-bottom: 8px;
    }
    .product .product__price {
        font-size: 12px!important;
        font-weight: 900;
    }
    .product .product__price span:nth-child(1){
        display: block;
    }
    .product .product__price.sale del {
        color: #ccc;
        float: left;
    }
    .product .badge {
        color: #eb5757;
        background: #fff0e9;
        border-radius: 4px;
        padding: 1px 2px 2px 2px;
        margin-left: 7px;
        font-size: 14px;

        float: left;
    }
}
@media screen and (max-width: 1100px) {
    .page--inner.page--product--detail {
        background: #fff;
        padding: 0px;
    }
    .product--detail .product__attribute label.attribute-name {
        margin-bottom: 16px;
        max-width: 100%;
    }
    .product--detail .product__attribute .text-swatch li span, .widget--shop .widget-content .text-swatch li span {
        padding: 5px 12px;
        font-size: 12px;
    }
    .product--detail .product__color {
        padding-bottom: 0px;
    }
    .product--detail .product__attribute {

        flex-flow: row nowrap;
        align-items: center;
        border-bottom: 0px solid #ddd;
    }

    .btn--custom.btn--outline, button.btn--custom.btn--outline {
        padding: 8px 9px;
        font-size: 13px;
    }
    .form-group.product__attribute.product__qty {
        position: relative;
    }
    .product__desc ul li {
        list-style: none;
        margin: 0px;
        padding: 9px 0px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        line-height: 19px;
    }


}
.title_sidebar_product {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 18px;
    border-left: 4px solid var(--color-1st);
    padding: 0px 11px;
}
.ez-toc-title
{
    text-align: center;
}
/*********** category*/
@media only screen and (max-width: 480px) {

    .cart-edit-block {
        background: #fff;
        padding: 0px;
    }
   body{
       background: #fff;
   }
    .product
    {
        margin: 0px;
        min-height: 333px;
        background: #fff;
        border: 1px solid #eee;
    }
}
@media only screen and (max-width: 1100px) {
    .page--shop {
        padding-bottom: 50px;
        background: #fff;
        margin-top: -16px;
    }
    .product--detail .product__thumbnail {
        max-width: 100%!important;
    }
    .article-page {
        background: #fff;
        margin-top: -16px;
    }
    .post--detail {
        background: #fff;
        padding: 0px;
        margin-top: 15px;
        border-radius: 8px;
    }
    .section--homepage {
        padding-top: 0px;
        background: #fff !important;
        padding-bottom: 0px;
    }
    .product .product_item__thumbnail {
        position: relative;
        top: 8px;
    }

}
.post-info {
    background: url("/themes/fl/fonts/post-bg.svg") no-repeat 0px 0px/100% auto;
    position: relative;
    top: -30px;
    z-index: 1;
}
.slider-single.post-item {
    background: #f2f2f2;
}
.post-title {
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom: -8px;
    font-weight: 900;
}
.post-description {
    padding: 0px 20px;
    font-size: 15px;
}
/************/
.bs4-order-tracking {
    margin:10px 0 10px 25%;
    overflow:hidden;
    padding-left:0;
    width:50%
}
.bs4-order-tracking li {
    float:left;
    font-size:13px;
    font-weight:400;
    list-style-type:none;
    position:-webkit-sticky;
    position:sticky;
    text-align:center;
    width:25%
}
.bs4-order-tracking li:first-child:before {
    margin-left:15px!important;
    padding-left:11px!important;
    text-align:left!important
}
.bs4-order-tracking li:last-child:before {
    margin-right:5px!important;
    padding-right:11px!important;
    text-align:right!important
}
.bs4-order-tracking li>div {
    background-color:#fff;
    border:1.5px solid #d9d9d9;
    border-radius:50%;
    color:#d9d9d9;
    display:block;
    font-size:12px;
    height:50px;
    line-height:50px;
    margin:auto;
    text-align:center;
    width:50px
}
.bs4-order-tracking li:after {
    background:#d9d9d9;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    right:0;
    top:25px;
    width:100%;
    z-index:-1
}
.bs4-order-tracking li:first-child:after {
    left:50%
}
.bs4-order-tracking li:last-child:after {
    left:0!important;
    width:50%!important
}
.bs4-order-tracking li.active {
    color:rgba(51,51,51,.85);
    font-weight:700
}
.bs4-order-tracking li.active>div {
    border:1.5px solid #f12c2c;
    color:#f12c2c
}
.bs4-order-tracking li.active:after{
    background:#f12c2c
}
.cac-buoc-dat-hang {
    margin-top: 32px;
}
.bs4-order-tracking li i{
    font-size: 20px;
}

.form-checkout {
    background: #fff;
    padding: 20px;
}
#main-checkout-product-info {
    background: #fff;
}
@media screen and (min-width: 992px) {
    .left {
        border-right: 0px solid #c8c8c8!important;
        padding-right: 20px!important;
    }
}
.cart-edit-block {
    background: #fff;
    padding: 20px 20px;
}

.cart-giany {
    font-size: 12px;
    text-decoration: line-through;
    color: #7a7a7a;
    margin-bottom: 0px;
    margin-top: 0px;
}
.cart-item p{
    margin-bottom: 0px!important;
}
.cart-giaban {
    color: red;
    font-weight: bold;
    font-size: 13px;
}
.row.cart-item {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0px;
}
.btn--remove.remove-cart-button {
    position: absolute;
    right: 0px;
    top: 0px;
}
#main-checkout-product-info .btn--custom.btn--outline{
    width: 100% !important;
    border-radius: 2px!important;margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .right {
        padding-left: 20px;
        padding-top: 20px;
        display: block;
        padding-right: 20px;
    }
}
.cart-line {
    width: 100%;
    height: 1px;
    background: #f1f1f1;
    margin-bottom: 17px;
}
.tong-input {
    position: absolute;
    right: 0px;
    bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}
@media screen and (max-width: 1100px) {
    .toggle-content {
        font-size: 15px;
        padding: 0px 10px;
        margin-top: 0px;
        text-align: justify;
        margin-top: -20px;
    }
  .cart-item  .form-group--number {
        display: inline-block;
        position: inherit!important;
        max-width: 123px;
        left: -22px;
        top: -13px;
    }
    .cart-edit-block {
        background: #fff;
        padding: 0px;
    }
    .bs4-order-tracking {
        margin: 0px;
        overflow: hidden;
        padding-left: 0;
        width: 100%;
    }
    .form-checkout {
        background: #fff;
        padding: 20px 0px;
    }
    .left {
        padding-bottom: 0px!important;
        height: auto!important;
    }
}
.btn.payment-checkout-btn.payment-checkout-btn-step {
    width: 100%;
    background: red;
}

.social-icons {
    margin: 0;
    padding: 0
}

.social-icons:after, .social-icons:before {
    content: " ";
    display: table
}

.social-icons:after {
    clear: both
}

.social-icons li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
    margin-right: 5px;

    width: 100%;
}

.social-icons li > a {
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: block;
    height: 36px;
    width: 100%;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding-top: 5px;
}

.card-social-login-container .social-login-text {
    position:relative
}
.card-social-login-container .social-login-text .login-text {
    margin: 11px 0 9px;
    position: relative;
    text-align: center;
    font-size: 12px;
}
.card-social-login-container .social-login-text:after,
.card-social-login-container .social-login-text:before {
    background-color:#e5e5e5;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:34%
}
.card-social-login-container .social-login-text:after {
    left:auto;
    right:0
}
.card-social-login-container .card-social-login-content .sl-button {
    border-radius:4px;
    color:#fff;
    display:flex;
    vertical-align:top
}
.section--auth a{
    color: var(--color-1st);
    font-weight: bold;
}
.cart-item a,.form-checkout a{
    color: var(--color-1st);
    font-weight: bold;
}
.result-label.temp5 {
    background: linear-gradient(to right,#faab08,#d42611);
    border-radius: 20px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px;
    position: relative;
    top: 6px;
    height: 20px;
}
.result-label span {
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 10px;
    line-height: 14px;
    margin-left: 3px;
    overflow: hidden;font-weight: bold;
    padding: 3px 0 0 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    text-transform: uppercase;
    float: right;
}
.product__thumbnail_shortcode {
    width: 137px;
    float: left;
    padding-right: 23px;
}
.shortcode-product-info.product--detail1 {
    border: 1px solid #e5e5e5;
    padding: 10px 34px;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    margin: 20px auto;
}
@media screen and (max-width: 1100px) {
    .product__thumbnail_shortcode {
        width: 100%;
        float: left;
        padding-right: 0px;
        margin-bottom: 16px;
    }

    .shortcode-product-info.product--detail1 {
        border: 1px solid #e5e5e5;
        padding: 7px;
        border-radius: 0px;
    }
    .shortcode-product-info .product_title {
        margin-top: 0px;
    }
    .article-page .col-left.col-md-12{
        padding: 0px!important;
    }
    .article-page  #is-out-of-stock{display: none}
    .post__content {
        text-align: justify;
        font-size: 15px;
    }
    .post-description {
        padding: 0px 20px;
        font-size: 15px;
        display: none;
    }
    .slider-single.post-item {
        background: #fff;
    }
    .post-info {
        background: transparent;
        position: relative;
        top: 0px;
        z-index: 1;
    }
    .post-title {
        font-size: 14px;
        padding: 6px;
        margin-bottom: -4px;
        font-weight: 900;
    }
}
.imgb {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.imgb::before {
    display: block;
    content: "";
    padding-bottom: 68%;
}
.imgb img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}