Project-Pro/newwalls.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
e9019170650d9027c2f9c01359d80659ac87a708
newwalls.pl/themes/ayon__/assets/js/0.bbf2b14de98f7407105a.hot-update.js
Jacek Pyziak 8e6cd8b410 first commit
2024-12-17 13:43:22 +01:00

5148 lines
502 KiB
JavaScript
Raw Blame History

webpackHotUpdate(0,[
/* 0 */,
/* 1 */,
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(10)(undefined);
// imports
exports.i(__webpack_require__(53), "");
exports.push([module.i, "@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic,cyrillic-ext);", ""]);
exports.push([module.i, "@import url(https://fonts.googleapis.com/css?family=Quicksand:400,500,700);", ""]);
exports.i(__webpack_require__(118), "");
// module
exports.push([module.i, "/*!\n * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)\n * Copyright 2011-2016 The Bootstrap Authors\n * Copyright 2011-2016 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%; }\n\nbody {\n margin: 0; }\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block; }\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\naudio:not([controls]) {\n display: none;\n height: 0; }\n\nprogress {\n vertical-align: baseline; }\n\ntemplate,\n[hidden] {\n display: none; }\n\na {\n background-color: transparent;\n -webkit-text-decoration-skip: objects; }\n\na:active,\na:hover {\n outline-width: 0; }\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted; }\n\nb,\nstrong {\n font-weight: inherit; }\n\nb,\nstrong {\n font-weight: bolder; }\n\ndfn {\n font-style: italic; }\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\nmark {\n background-color: #ff0;\n color: #000; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\nimg {\n border-style: none; }\n\nsvg:not(:root) {\n overflow: hidden; }\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em; }\n\nfigure {\n margin: 1em 40px; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font: inherit;\n margin: 0; }\n\noptgroup {\n font-weight: bold; }\n\nbutton,\ninput {\n overflow: visible; }\n\nbutton,\nselect {\n text-transform: none; }\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal; }\n\ntextarea {\n overflow: auto; }\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px; }\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit; }\n\n@media print {\n *,\n *::before,\n *::after,\n *::first-letter,\n p::first-line,\n div::first-line,\n blockquote::first-line,\n li::first-line {\n text-shadow: none !important;\n box-shadow: none !important; }\n a,\n a:visited {\n text-decoration: underline; }\n abbr[title]::after {\n content: \" (\" attr(title) \")\"; }\n pre {\n white-space: pre-wrap !important; }\n pre,\n blockquote {\n border: 2px solid #999;\n page-break-inside: avoid; }\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; }\n .navbar {\n display: none; }\n .btn > .caret,\n .dropup > .btn > .caret {\n border-top-color: #000 !important; }\n .tag {\n border: 2px solid #000; }\n .table {\n border-collapse: collapse !important; }\n .table td,\n .table th {\n background-color: #fff !important; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #ddd !important; } }\n\nhtml {\n box-sizing: border-box; }\n\n*,\n*::before,\n*::after {\n box-sizing: inherit; }\n\n@-ms-viewport {\n width: device-width; }\n\nhtml {\n font-size: 16px;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 1rem;\n line-height: 1.5;\n color: #373a3c;\n background-color: #fff; }\n\n[tabindex=\"-1\"]:focus {\n outline: none !important; }\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: .5rem; }\n\np {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted #F1F1F1; }\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit; }\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0; }\n\ndt {\n font-weight: bold; }\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; }\n\nblockquote {\n margin: 0 0 1rem; }\n\na {\n color: #2fb5d2;\n text-decoration: none; }\n a:focus, a:hover {\n color: #208094;\n text-decoration: underline; }\n a:focus {\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px; }\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):focus {\n outline: none; }\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto; }\n\nfigure {\n margin: 0 0 1rem; }\n\nimg {\n vertical-align: middle; }\n\n[role=\"button\"] {\n cursor: pointer; }\n\na,\narea,\nbutton,\n[role=\"button\"],\ninput,\nlabel,\nselect,\nsummary,\ntextarea {\n -ms-touch-action: manipulation;\n touch-action: manipulation; }\n\ntable {\n border-collapse: collapse;\n background-color: transparent; }\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #7A7A7A;\n text-align: left;\n caption-side: bottom; }\n\nth {\n text-align: left; }\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem; }\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n\ninput,\nbutton,\nselect,\ntextarea {\n line-height: inherit; }\n\ninput[type=\"radio\"]:disabled,\ninput[type=\"checkbox\"]:disabled {\n cursor: not-allowed; }\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox; }\n\ntextarea {\n resize: vertical; }\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0; }\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit; }\n\ninput[type=\"search\"] {\n -webkit-appearance: none; }\n\noutput {\n display: inline-block; }\n\n[hidden] {\n display: none !important; }\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 0.5rem;\n font-family: inherit;\n font-weight: 700;\n line-height: 1.1;\n color: inherit; }\n\nh1, .h1 {\n font-size: 1.375rem; }\n\nh2, .h2 {\n font-size: 1.25rem; }\n\nh3, .h3 {\n font-size: 1.125rem; }\n\nh4, .h4 {\n font-size: 1.125rem; }\n\nh5, .h5 {\n font-size: 1rem; }\n\nh6, .h6 {\n font-size: 0.9375rem; }\n\n.lead {\n font-size: 1.25rem;\n font-weight: 300; }\n\n.display-1 {\n font-size: 3.125rem;\n font-weight: 600; }\n\n.display-2 {\n font-size: 2.188rem;\n font-weight: 400; }\n\n.display-3 {\n font-size: 1.563rem;\n font-weight: 400; }\n\n.display-4 {\n font-size: 1.25rem;\n font-weight: 400; }\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 2px solid rgba(0, 0, 0, 0.1); }\n\nsmall,\n.small {\n font-size: 80%;\n font-weight: normal; }\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3; }\n\n.list-unstyled {\n padding-left: 0;\n list-style: none; }\n\n.list-inline {\n padding-left: 0;\n list-style: none; }\n\n.list-inline-item {\n display: inline-block; }\n .list-inline-item:not(:last-child) {\n margin-right: 5px; }\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase; }\n\n.blockquote {\n padding: 0.5rem 1rem;\n margin-bottom: 1rem;\n font-size: 1.25rem;\n border-left: 0.25rem solid #f6f6f6; }\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: #F1F1F1; }\n .blockquote-footer::before {\n content: \"\\2014 \\A0\"; }\n\n.blockquote-reverse {\n padding-right: 1rem;\n padding-left: 0;\n text-align: right;\n border-right: 0.25rem solid #f6f6f6;\n border-left: 0; }\n\n.blockquote-reverse .blockquote-footer::before {\n content: \"\"; }\n\n.blockquote-reverse .blockquote-footer::after {\n content: \"\\A0 \\2014\"; }\n\ndl.row > dd + dt {\n clear: left; }\n\n.img-fluid, .carousel-inner > .carousel-item > img,\n.carousel-inner > .carousel-item > a > img {\n max-width: 100%;\n height: auto; }\n\n.img-thumbnail {\n padding: 0.25rem;\n background-color: #fff;\n border: 2px solid #ddd;\n border-radius: 0;\n transition: all .2s ease-in-out;\n max-width: 100%;\n height: auto; }\n\n.figure {\n display: inline-block; }\n\n.figure-img {\n margin-bottom: 0.5rem;\n line-height: 1; }\n\n.figure-caption {\n font-size: 90%;\n color: #F1F1F1; }\n\ncode,\nkbd,\npre,\nsamp {\n font-family: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\ncode {\n padding: 0.2rem 0.4rem;\n font-size: 90%;\n color: #bd4147;\n background-color: #f7f7f9;\n border-radius: 0; }\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 90%;\n color: #fff;\n background-color: #333;\n border-radius: 0.2rem; }\n kbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: bold; }\n\npre {\n display: block;\n margin-top: 0;\n margin-bottom: 1rem;\n font-size: 90%;\n color: #373a3c; }\n pre code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n background-color: transparent;\n border-radius: 0; }\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll; }\n\n.container {\n margin-left: auto;\n margin-right: auto;\n padding-left: 15px;\n padding-right: 15px; }\n .container::after {\n content: \"\";\n display: table;\n clear: both; }\n @media (min-width: 576px) {\n .container {\n width: 540px;\n max-width: 100%; } }\n @media (min-width: 768px) {\n .container {\n width: 720px;\n max-width: 100%; } }\n @media (min-width: 992px) {\n .container {\n width: 960px;\n max-width: 100%; } }\n @media (min-width: 1200px) {\n .container {\n width: 1140px;\n max-width: 100%; } }\n\n.container-fluid {\n margin-left: auto;\n margin-right: auto;\n padding-left: 15px;\n padding-right: 15px; }\n .container-fluid::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.row {\n margin-right: -15px;\n margin-left: -15px; }\n .row::after {\n content: \"\";\n display: table;\n clear: both; }\n @media (min-width: 576px) {\n .row {\n margin-right: -15px;\n margin-left: -15px; } }\n @media (min-width: 768px) {\n .row {\n margin-right: -15px;\n margin-left: -15px; } }\n @media (min-width: 992px) {\n .row {\n margin-right: -15px;\n margin-left: -15px; } }\n @media (min-width: 1200px) {\n .row {\n margin-right: -15px;\n margin-left: -15px; } }\n\n.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .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-md, .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-lg, .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-xl, .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 {\n position: relative;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px; }\n @media (min-width: 576px) {\n .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .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-md, .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-lg, .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-xl, .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 {\n padding-right: 15px;\n padding-left: 15px; } }\n @media (min-width: 768px) {\n .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .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-md, .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-lg, .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-xl, .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 {\n padding-right: 15px;\n padding-left: 15px; } }\n @media (min-width: 992px) {\n .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .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-md, .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-lg, .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-xl, .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 {\n padding-right: 15px;\n padding-left: 15px; } }\n @media (min-width: 1200px) {\n .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .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-md, .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-lg, .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-xl, .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 {\n padding-right: 15px;\n padding-left: 15px; } }\n\n.col-xs-1 {\n float: left;\n width: 8.33333%; }\n\n.col-xs-2 {\n float: left;\n width: 16.66667%; }\n\n.col-xs-3 {\n float: left;\n width: 25%; }\n\n.col-xs-4 {\n float: left;\n width: 33.33333%; }\n\n.col-xs-5 {\n float: left;\n width: 41.66667%; }\n\n.col-xs-6 {\n float: left;\n width: 50%; }\n\n.col-xs-7 {\n float: left;\n width: 58.33333%; }\n\n.col-xs-8 {\n float: left;\n width: 66.66667%; }\n\n.col-xs-9 {\n float: left;\n width: 75%; }\n\n.col-xs-10 {\n float: left;\n width: 83.33333%; }\n\n.col-xs-11 {\n float: left;\n width: 91.66667%; }\n\n.col-xs-12 {\n float: left;\n width: 100%; }\n\n.pull-xs-0 {\n right: auto; }\n\n.pull-xs-1 {\n right: 8.33333%; }\n\n.pull-xs-2 {\n right: 16.66667%; }\n\n.pull-xs-3 {\n right: 25%; }\n\n.pull-xs-4 {\n right: 33.33333%; }\n\n.pull-xs-5 {\n right: 41.66667%; }\n\n.pull-xs-6 {\n right: 50%; }\n\n.pull-xs-7 {\n right: 58.33333%; }\n\n.pull-xs-8 {\n right: 66.66667%; }\n\n.pull-xs-9 {\n right: 75%; }\n\n.pull-xs-10 {\n right: 83.33333%; }\n\n.pull-xs-11 {\n right: 91.66667%; }\n\n.pull-xs-12 {\n right: 100%; }\n\n.push-xs-0 {\n left: auto; }\n\n.push-xs-1 {\n left: 8.33333%; }\n\n.push-xs-2 {\n left: 16.66667%; }\n\n.push-xs-3 {\n left: 25%; }\n\n.push-xs-4 {\n left: 33.33333%; }\n\n.push-xs-5 {\n left: 41.66667%; }\n\n.push-xs-6 {\n left: 50%; }\n\n.push-xs-7 {\n left: 58.33333%; }\n\n.push-xs-8 {\n left: 66.66667%; }\n\n.push-xs-9 {\n left: 75%; }\n\n.push-xs-10 {\n left: 83.33333%; }\n\n.push-xs-11 {\n left: 91.66667%; }\n\n.push-xs-12 {\n left: 100%; }\n\n.offset-xs-1 {\n margin-left: 8.33333%; }\n\n.offset-xs-2 {\n margin-left: 16.66667%; }\n\n.offset-xs-3 {\n margin-left: 25%; }\n\n.offset-xs-4 {\n margin-left: 33.33333%; }\n\n.offset-xs-5 {\n margin-left: 41.66667%; }\n\n.offset-xs-6 {\n margin-left: 50%; }\n\n.offset-xs-7 {\n margin-left: 58.33333%; }\n\n.offset-xs-8 {\n margin-left: 66.66667%; }\n\n.offset-xs-9 {\n margin-left: 75%; }\n\n.offset-xs-10 {\n margin-left: 83.33333%; }\n\n.offset-xs-11 {\n margin-left: 91.66667%; }\n\n@media (min-width: 576px) {\n .col-sm-1 {\n float: left;\n width: 8.33333%; }\n .col-sm-2 {\n float: left;\n width: 16.66667%; }\n .col-sm-3 {\n float: left;\n width: 25%; }\n .col-sm-4 {\n float: left;\n width: 33.33333%; }\n .col-sm-5 {\n float: left;\n width: 41.66667%; }\n .col-sm-6 {\n float: left;\n width: 50%; }\n .col-sm-7 {\n float: left;\n width: 58.33333%; }\n .col-sm-8 {\n float: left;\n width: 66.66667%; }\n .col-sm-9 {\n float: left;\n width: 75%; }\n .col-sm-10 {\n float: left;\n width: 83.33333%; }\n .col-sm-11 {\n float: left;\n width: 91.66667%; }\n .col-sm-12 {\n float: left;\n width: 100%; }\n .pull-sm-0 {\n right: auto; }\n .pull-sm-1 {\n right: 8.33333%; }\n .pull-sm-2 {\n right: 16.66667%; }\n .pull-sm-3 {\n right: 25%; }\n .pull-sm-4 {\n right: 33.33333%; }\n .pull-sm-5 {\n right: 41.66667%; }\n .pull-sm-6 {\n right: 50%; }\n .pull-sm-7 {\n right: 58.33333%; }\n .pull-sm-8 {\n right: 66.66667%; }\n .pull-sm-9 {\n right: 75%; }\n .pull-sm-10 {\n right: 83.33333%; }\n .pull-sm-11 {\n right: 91.66667%; }\n .pull-sm-12 {\n right: 100%; }\n .push-sm-0 {\n left: auto; }\n .push-sm-1 {\n left: 8.33333%; }\n .push-sm-2 {\n left: 16.66667%; }\n .push-sm-3 {\n left: 25%; }\n .push-sm-4 {\n left: 33.33333%; }\n .push-sm-5 {\n left: 41.66667%; }\n .push-sm-6 {\n left: 50%; }\n .push-sm-7 {\n left: 58.33333%; }\n .push-sm-8 {\n left: 66.66667%; }\n .push-sm-9 {\n left: 75%; }\n .push-sm-10 {\n left: 83.33333%; }\n .push-sm-11 {\n left: 91.66667%; }\n .push-sm-12 {\n left: 100%; }\n .offset-sm-0 {\n margin-left: 0%; }\n .offset-sm-1 {\n margin-left: 8.33333%; }\n .offset-sm-2 {\n margin-left: 16.66667%; }\n .offset-sm-3 {\n margin-left: 25%; }\n .offset-sm-4 {\n margin-left: 33.33333%; }\n .offset-sm-5 {\n margin-left: 41.66667%; }\n .offset-sm-6 {\n margin-left: 50%; }\n .offset-sm-7 {\n margin-left: 58.33333%; }\n .offset-sm-8 {\n margin-left: 66.66667%; }\n .offset-sm-9 {\n margin-left: 75%; }\n .offset-sm-10 {\n margin-left: 83.33333%; }\n .offset-sm-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n float: left;\n width: 8.33333%; }\n .col-md-2 {\n float: left;\n width: 16.66667%; }\n .col-md-3 {\n float: left;\n width: 25%; }\n .col-md-4 {\n float: left;\n width: 33.33333%; }\n .col-md-5 {\n float: left;\n width: 41.66667%; }\n .col-md-6 {\n float: left;\n width: 50%; }\n .col-md-7 {\n float: left;\n width: 58.33333%; }\n .col-md-8 {\n float: left;\n width: 66.66667%; }\n .col-md-9 {\n float: left;\n width: 75%; }\n .col-md-10 {\n float: left;\n width: 83.33333%; }\n .col-md-11 {\n float: left;\n width: 91.66667%; }\n .col-md-12 {\n float: left;\n width: 100%; }\n .pull-md-0 {\n right: auto; }\n .pull-md-1 {\n right: 8.33333%; }\n .pull-md-2 {\n right: 16.66667%; }\n .pull-md-3 {\n right: 25%; }\n .pull-md-4 {\n right: 33.33333%; }\n .pull-md-5 {\n right: 41.66667%; }\n .pull-md-6 {\n right: 50%; }\n .pull-md-7 {\n right: 58.33333%; }\n .pull-md-8 {\n right: 66.66667%; }\n .pull-md-9 {\n right: 75%; }\n .pull-md-10 {\n right: 83.33333%; }\n .pull-md-11 {\n right: 91.66667%; }\n .pull-md-12 {\n right: 100%; }\n .push-md-0 {\n left: auto; }\n .push-md-1 {\n left: 8.33333%; }\n .push-md-2 {\n left: 16.66667%; }\n .push-md-3 {\n left: 25%; }\n .push-md-4 {\n left: 33.33333%; }\n .push-md-5 {\n left: 41.66667%; }\n .push-md-6 {\n left: 50%; }\n .push-md-7 {\n left: 58.33333%; }\n .push-md-8 {\n left: 66.66667%; }\n .push-md-9 {\n left: 75%; }\n .push-md-10 {\n left: 83.33333%; }\n .push-md-11 {\n left: 91.66667%; }\n .push-md-12 {\n left: 100%; }\n .offset-md-0 {\n margin-left: 0%; }\n .offset-md-1 {\n margin-left: 8.33333%; }\n .offset-md-2 {\n margin-left: 16.66667%; }\n .offset-md-3 {\n margin-left: 25%; }\n .offset-md-4 {\n margin-left: 33.33333%; }\n .offset-md-5 {\n margin-left: 41.66667%; }\n .offset-md-6 {\n margin-left: 50%; }\n .offset-md-7 {\n margin-left: 58.33333%; }\n .offset-md-8 {\n margin-left: 66.66667%; }\n .offset-md-9 {\n margin-left: 75%; }\n .offset-md-10 {\n margin-left: 83.33333%; }\n .offset-md-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 992px) {\n .col-lg-1 {\n float: left;\n width: 8.33333%; }\n .col-lg-2 {\n float: left;\n width: 16.66667%; }\n .col-lg-3 {\n float: left;\n width: 25%; }\n .col-lg-4 {\n float: left;\n width: 33.33333%; }\n .col-lg-5 {\n float: left;\n width: 41.66667%; }\n .col-lg-6 {\n float: left;\n width: 50%; }\n .col-lg-7 {\n float: left;\n width: 58.33333%; }\n .col-lg-8 {\n float: left;\n width: 66.66667%; }\n .col-lg-9 {\n float: left;\n width: 75%; }\n .col-lg-10 {\n float: left;\n width: 83.33333%; }\n .col-lg-11 {\n float: left;\n width: 91.66667%; }\n .col-lg-12 {\n float: left;\n width: 100%; }\n .pull-lg-0 {\n right: auto; }\n .pull-lg-1 {\n right: 8.33333%; }\n .pull-lg-2 {\n right: 16.66667%; }\n .pull-lg-3 {\n right: 25%; }\n .pull-lg-4 {\n right: 33.33333%; }\n .pull-lg-5 {\n right: 41.66667%; }\n .pull-lg-6 {\n right: 50%; }\n .pull-lg-7 {\n right: 58.33333%; }\n .pull-lg-8 {\n right: 66.66667%; }\n .pull-lg-9 {\n right: 75%; }\n .pull-lg-10 {\n right: 83.33333%; }\n .pull-lg-11 {\n right: 91.66667%; }\n .pull-lg-12 {\n right: 100%; }\n .push-lg-0 {\n left: auto; }\n .push-lg-1 {\n left: 8.33333%; }\n .push-lg-2 {\n left: 16.66667%; }\n .push-lg-3 {\n left: 25%; }\n .push-lg-4 {\n left: 33.33333%; }\n .push-lg-5 {\n left: 41.66667%; }\n .push-lg-6 {\n left: 50%; }\n .push-lg-7 {\n left: 58.33333%; }\n .push-lg-8 {\n left: 66.66667%; }\n .push-lg-9 {\n left: 75%; }\n .push-lg-10 {\n left: 83.33333%; }\n .push-lg-11 {\n left: 91.66667%; }\n .push-lg-12 {\n left: 100%; }\n .offset-lg-0 {\n margin-left: 0%; }\n .offset-lg-1 {\n margin-left: 8.33333%; }\n .offset-lg-2 {\n margin-left: 16.66667%; }\n .offset-lg-3 {\n margin-left: 25%; }\n .offset-lg-4 {\n margin-left: 33.33333%; }\n .offset-lg-5 {\n margin-left: 41.66667%; }\n .offset-lg-6 {\n margin-left: 50%; }\n .offset-lg-7 {\n margin-left: 58.33333%; }\n .offset-lg-8 {\n margin-left: 66.66667%; }\n .offset-lg-9 {\n margin-left: 75%; }\n .offset-lg-10 {\n margin-left: 83.33333%; }\n .offset-lg-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 1200px) {\n .col-xl-1 {\n float: left;\n width: 8.33333%; }\n .col-xl-2 {\n float: left;\n width: 16.66667%; }\n .col-xl-3 {\n float: left;\n width: 25%; }\n .col-xl-4 {\n float: left;\n width: 33.33333%; }\n .col-xl-5 {\n float: left;\n width: 41.66667%; }\n .col-xl-6 {\n float: left;\n width: 50%; }\n .col-xl-7 {\n float: left;\n width: 58.33333%; }\n .col-xl-8 {\n float: left;\n width: 66.66667%; }\n .col-xl-9 {\n float: left;\n width: 75%; }\n .col-xl-10 {\n float: left;\n width: 83.33333%; }\n .col-xl-11 {\n float: left;\n width: 91.66667%; }\n .col-xl-12 {\n float: left;\n width: 100%; }\n .pull-xl-0 {\n right: auto; }\n .pull-xl-1 {\n right: 8.33333%; }\n .pull-xl-2 {\n right: 16.66667%; }\n .pull-xl-3 {\n right: 25%; }\n .pull-xl-4 {\n right: 33.33333%; }\n .pull-xl-5 {\n right: 41.66667%; }\n .pull-xl-6 {\n right: 50%; }\n .pull-xl-7 {\n right: 58.33333%; }\n .pull-xl-8 {\n right: 66.66667%; }\n .pull-xl-9 {\n right: 75%; }\n .pull-xl-10 {\n right: 83.33333%; }\n .pull-xl-11 {\n right: 91.66667%; }\n .pull-xl-12 {\n right: 100%; }\n .push-xl-0 {\n left: auto; }\n .push-xl-1 {\n left: 8.33333%; }\n .push-xl-2 {\n left: 16.66667%; }\n .push-xl-3 {\n left: 25%; }\n .push-xl-4 {\n left: 33.33333%; }\n .push-xl-5 {\n left: 41.66667%; }\n .push-xl-6 {\n left: 50%; }\n .push-xl-7 {\n left: 58.33333%; }\n .push-xl-8 {\n left: 66.66667%; }\n .push-xl-9 {\n left: 75%; }\n .push-xl-10 {\n left: 83.33333%; }\n .push-xl-11 {\n left: 91.66667%; }\n .push-xl-12 {\n left: 100%; }\n .offset-xl-0 {\n margin-left: 0%; }\n .offset-xl-1 {\n margin-left: 8.33333%; }\n .offset-xl-2 {\n margin-left: 16.66667%; }\n .offset-xl-3 {\n margin-left: 25%; }\n .offset-xl-4 {\n margin-left: 33.33333%; }\n .offset-xl-5 {\n margin-left: 41.66667%; }\n .offset-xl-6 {\n margin-left: 50%; }\n .offset-xl-7 {\n margin-left: 58.33333%; }\n .offset-xl-8 {\n margin-left: 66.66667%; }\n .offset-xl-9 {\n margin-left: 75%; }\n .offset-xl-10 {\n margin-left: 83.33333%; }\n .offset-xl-11 {\n margin-left: 91.66667%; } }\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem; }\n .table th,\n .table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 2px solid #f6f6f6; }\n .table thead th {\n vertical-align: bottom;\n border-bottom: 4px solid #f6f6f6; }\n .table tbody + tbody {\n border-top: 4px solid #f6f6f6; }\n .table .table {\n background-color: #fff; }\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem; }\n\n.table-bordered {\n border: 2px solid #f6f6f6; }\n .table-bordered th,\n .table-bordered td {\n border: 2px solid #f6f6f6; }\n .table-bordered thead th,\n .table-bordered thead td {\n border-bottom-width: 4px; }\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05); }\n\n.table-hover tbody tr:hover {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075); }\n .table-hover .table-active:hover > td,\n .table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #dff0d8; }\n\n.table-hover .table-success:hover {\n background-color: #d0e9c6; }\n .table-hover .table-success:hover > td,\n .table-hover .table-success:hover > th {\n background-color: #d0e9c6; }\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #d9edf7; }\n\n.table-hover .table-info:hover {\n background-color: #c4e3f3; }\n .table-hover .table-info:hover > td,\n .table-hover .table-info:hover > th {\n background-color: #c4e3f3; }\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #fcf8e3; }\n\n.table-hover .table-warning:hover {\n background-color: #faf2cc; }\n .table-hover .table-warning:hover > td,\n .table-hover .table-warning:hover > th {\n background-color: #faf2cc; }\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f2dede; }\n\n.table-hover .table-danger:hover {\n background-color: #ebcccc; }\n .table-hover .table-danger:hover > td,\n .table-hover .table-danger:hover > th {\n background-color: #ebcccc; }\n\n.thead-inverse th {\n color: #fff;\n background-color: #373a3c; }\n\n.thead-default th {\n color: #7A7A7A;\n background-color: #f6f6f6; }\n\n.table-inverse {\n color: #f6f6f6;\n background-color: #373a3c; }\n .table-inverse th,\n .table-inverse td,\n .table-inverse thead th {\n border-color: #7A7A7A; }\n .table-inverse.table-bordered {\n border: 0; }\n\n.table-responsive {\n display: block;\n width: 100%;\n min-height: 0%;\n overflow-x: auto; }\n\n.table-reflow thead {\n float: left; }\n\n.table-reflow tbody {\n display: block;\n white-space: nowrap; }\n\n.table-reflow th,\n.table-reflow td {\n border-top: 2px solid #f6f6f6;\n border-left: 2px solid #f6f6f6; }\n .table-reflow th:last-child,\n .table-reflow td:last-child {\n border-right: 2px solid #f6f6f6; }\n\n.table-reflow thead:last-child tr:last-child th,\n.table-reflow thead:last-child tr:last-child td,\n.table-reflow tbody:last-child tr:last-child th,\n.table-reflow tbody:last-child tr:last-child td,\n.table-reflow tfoot:last-child tr:last-child th,\n.table-reflow tfoot:last-child tr:last-child td {\n border-bottom: 2px solid #f6f6f6; }\n\n.table-reflow tr {\n float: left; }\n .table-reflow tr th,\n .table-reflow tr td {\n display: block !important;\n border: 2px solid #f6f6f6; }\n\n.form-control {\n display: block;\n width: 100%;\n padding: 0.5rem 0.75rem;\n font-size: 1rem;\n line-height: 1.25;\n color: #7A7A7A;\n background-color: #ffffff;\n background-image: none;\n background-clip: padding-box;\n border: 2px solid rgba(0, 0, 0, 0.25);\n border-radius: 0; }\n .form-control::-ms-expand {\n background-color: transparent;\n border: 0; }\n .form-control:focus {\n color: #7A7A7A;\n background-color: #ffffff;\n border-color: #5c5c5c;\n outline: none; }\n .form-control:-ms-input-placeholder {\n color: #999;\n opacity: 1; }\n .form-control::placeholder {\n color: #999;\n opacity: 1; }\n .form-control:disabled, .form-control[readonly] {\n background-color: #f6f6f6;\n opacity: 1; }\n .form-control:disabled {\n cursor: not-allowed; }\n\nselect.form-control:not([size]):not([multiple]) {\n height: calc(2.5rem - 4px); }\n\nselect.form-control:focus::-ms-value {\n color: #7A7A7A;\n background-color: #ffffff; }\n\n.form-control-file,\n.form-control-range {\n display: block; }\n\n.col-form-label {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n margin-bottom: 0; }\n\n.col-form-label-lg {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n font-size: 0.9375rem; }\n\n.col-form-label-sm {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n font-size: 0.875rem; }\n\n.col-form-legend {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n margin-bottom: 0;\n font-size: 1rem; }\n\n.form-control-static {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n line-height: 1.25;\n border: solid transparent;\n border-width: 1px 0; }\n .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,\n .input-group-sm > .form-control-static.input-group-addon,\n .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,\n .input-group-lg > .form-control-static.input-group-addon,\n .input-group-lg > .input-group-btn > .form-control-static.btn {\n padding-right: 0;\n padding-left: 0; }\n\n.form-control-sm, .input-group-sm > .form-control,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n border-radius: 0.2rem; }\n\nselect.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),\n.input-group-sm > select.input-group-addon:not([size]):not([multiple]),\n.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {\n height: 1.8125rem; }\n\n.form-control-lg, .input-group-lg > .form-control,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.9375rem;\n border-radius: 0.3rem; }\n\nselect.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),\n.input-group-lg > select.input-group-addon:not([size]):not([multiple]),\n.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {\n height: 2.75rem; }\n\n.form-group {\n margin-bottom: 1rem; }\n\n.form-text {\n display: block;\n margin-top: 0.25rem; }\n\n.form-check {\n position: relative;\n display: block;\n margin-bottom: 0.75rem; }\n .form-check + .form-check {\n margin-top: -.25rem; }\n .form-check.disabled .form-check-label {\n color: #7A7A7A;\n cursor: not-allowed; }\n\n.form-check-label {\n padding-left: 1.25rem;\n margin-bottom: 0;\n cursor: pointer; }\n\n.form-check-input {\n position: absolute;\n margin-top: .25rem;\n margin-left: -1.25rem; }\n .form-check-input:only-child {\n position: static; }\n\n.form-check-inline {\n position: relative;\n display: inline-block;\n padding-left: 1.25rem;\n margin-bottom: 0;\n vertical-align: middle;\n cursor: pointer; }\n .form-check-inline + .form-check-inline {\n margin-left: .75rem; }\n .form-check-inline.disabled {\n color: #7A7A7A;\n cursor: not-allowed; }\n\n.form-control-feedback {\n margin-top: 0.25rem; }\n\n.form-control-success,\n.form-control-warning,\n.form-control-danger {\n padding-right: 2.25rem;\n background-repeat: no-repeat;\n background-position: center right 0.625rem;\n background-size: 1.25rem 1.25rem; }\n\n.has-success .form-control-feedback,\n.has-success .form-control-label,\n.has-success .form-check-label,\n.has-success .form-check-inline,\n.has-success .custom-control {\n color: #4cbb6c; }\n\n.has-success .form-control {\n border-color: #4cbb6c; }\n .has-success .form-control:focus {\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #96d7a9; }\n\n.has-success .input-group-addon {\n color: #4cbb6c;\n border-color: #4cbb6c;\n background-color: #e0f3e5; }\n\n.has-success .form-control-success {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#4cbb6c' 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\"); }\n\n.has-warning .form-control-feedback,\n.has-warning .form-control-label,\n.has-warning .form-check-label,\n.has-warning .form-check-inline,\n.has-warning .custom-control {\n color: #ff9a52; }\n\n.has-warning .form-control {\n border-color: #ff9a52; }\n .has-warning .form-control:focus {\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffd6b8; }\n\n.has-warning .input-group-addon {\n color: #ff9a52;\n border-color: #ff9a52;\n background-color: white; }\n\n.has-warning .form-control-warning {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#ff9a52' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E\"); }\n\n.has-danger .form-control-feedback,\n.has-danger .form-control-label,\n.has-danger .form-check-label,\n.has-danger .form-check-inline,\n.has-danger .custom-control {\n color: #ff4c4c; }\n\n.has-danger .form-control {\n border-color: #ff4c4c; }\n .has-danger .form-control:focus {\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb2b2; }\n\n.has-danger .input-group-addon {\n color: #ff4c4c;\n border-color: #ff4c4c;\n background-color: white; }\n\n.has-danger .form-control-danger {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#ff4c4c' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E\"); }\n\n@media (min-width: 576px) {\n .form-inline .form-group {\n display: inline-block;\n margin-bottom: 0;\n vertical-align: middle; }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle; }\n .form-inline .form-control-static {\n display: inline-block; }\n .form-inline .input-group {\n display: inline-table;\n width: auto;\n vertical-align: middle; }\n .form-inline .input-group .input-group-addon,\n .form-inline .input-group .input-group-btn,\n .form-inline .input-group .form-control {\n width: auto; }\n .form-inline .input-group > .form-control {\n width: 100%; }\n .form-inline .form-control-label {\n margin-bottom: 0;\n vertical-align: middle; }\n .form-inline .form-check {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 0;\n vertical-align: middle; }\n .form-inline .form-check-label {\n padding-left: 0; }\n .form-inline .form-check-input {\n position: relative;\n margin-left: 0; }\n .form-inline .has-feedback .form-control-feedback {\n top: 0; } }\n\n.btn {\n display: inline-block;\n font-weight: normal;\n line-height: 1.25;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 2px solid transparent;\n padding: 0.5rem 1rem;\n font-size: 1rem;\n border-radius: 0; }\n .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px; }\n .btn:focus, .btn:hover {\n text-decoration: none; }\n .btn.focus {\n text-decoration: none; }\n .btn:active, .btn.active {\n background-image: none;\n outline: 0; }\n .btn.disabled, .btn:disabled {\n cursor: not-allowed;\n opacity: .65; }\n\na.btn.disabled,\nfieldset[disabled] a.btn {\n pointer-events: none; }\n\n.btn-primary {\n color: #fff;\n background-color: #2fb5d2;\n border-color: transparent; }\n .btn-primary:hover {\n color: #fff;\n background-color: #2592a9;\n border-color: rgba(0, 0, 0, 0); }\n .btn-primary:focus, .btn-primary.focus {\n color: #fff;\n background-color: #2592a9;\n border-color: rgba(0, 0, 0, 0); }\n .btn-primary:active, .btn-primary.active,\n .open > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #2592a9;\n border-color: rgba(0, 0, 0, 0);\n background-image: none; }\n .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,\n .open > .btn-primary.dropdown-toggle:hover,\n .open > .btn-primary.dropdown-toggle:focus,\n .open > .btn-primary.dropdown-toggle.focus {\n color: #fff;\n background-color: #1e788c;\n border-color: rgba(0, 0, 0, 0); }\n .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {\n background-color: #2fb5d2;\n border-color: transparent; }\n .btn-primary.disabled:hover, .btn-primary:disabled:hover {\n background-color: #2fb5d2;\n border-color: transparent; }\n\n.btn-secondary, .btn-tertiary {\n color: #232323;\n background-color: #f6f6f6;\n border-color: transparent; }\n .btn-secondary:hover, .btn-tertiary:hover {\n color: #232323;\n background-color: #dddddd;\n border-color: rgba(0, 0, 0, 0); }\n .btn-secondary:focus, .btn-tertiary:focus, .btn-secondary.focus, .focus.btn-tertiary {\n color: #232323;\n background-color: #dddddd;\n border-color: rgba(0, 0, 0, 0); }\n .btn-secondary:active, .btn-tertiary:active, .btn-secondary.active, .active.btn-tertiary,\n .open > .btn-secondary.dropdown-toggle,\n .open > .dropdown-toggle.btn-tertiary {\n color: #232323;\n background-color: #dddddd;\n border-color: rgba(0, 0, 0, 0);\n background-image: none; }\n .btn-secondary:active:hover, .btn-tertiary:active:hover, .btn-secondary:active:focus, .btn-tertiary:active:focus, .btn-secondary:active.focus, .btn-tertiary:active.focus, .btn-secondary.active:hover, .active.btn-tertiary:hover, .btn-secondary.active:focus, .active.btn-tertiary:focus, .btn-secondary.active.focus, .active.focus.btn-tertiary,\n .open > .btn-secondary.dropdown-toggle:hover,\n .open > .dropdown-toggle.btn-tertiary:hover,\n .open > .btn-secondary.dropdown-toggle:focus,\n .open > .dropdown-toggle.btn-tertiary:focus,\n .open > .btn-secondary.dropdown-toggle.focus,\n .open > .dropdown-toggle.focus.btn-tertiary {\n color: #232323;\n background-color: #cbcbcb;\n border-color: rgba(0, 0, 0, 0); }\n .btn-secondary.disabled:focus, .disabled.btn-tertiary:focus, .btn-secondary.disabled.focus, .disabled.focus.btn-tertiary, .btn-secondary:disabled:focus, .btn-tertiary:disabled:focus, .btn-secondary:disabled.focus, .btn-tertiary:disabled.focus {\n background-color: #f6f6f6;\n border-color: transparent; }\n .btn-secondary.disabled:hover, .disabled.btn-tertiary:hover, .btn-secondary:disabled:hover, .btn-tertiary:disabled:hover {\n background-color: #f6f6f6;\n border-color: transparent; }\n\n.btn-info {\n color: #fff;\n background-color: #5bc0de;\n border-color: #5bc0de; }\n .btn-info:hover {\n color: #fff;\n background-color: #31b0d5;\n border-color: #2aabd2; }\n .btn-info:focus, .btn-info.focus {\n color: #fff;\n background-color: #31b0d5;\n border-color: #2aabd2; }\n .btn-info:active, .btn-info.active,\n .open > .btn-info.dropdown-toggle {\n color: #fff;\n background-color: #31b0d5;\n border-color: #2aabd2;\n background-image: none; }\n .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,\n .open > .btn-info.dropdown-toggle:hover,\n .open > .btn-info.dropdown-toggle:focus,\n .open > .btn-info.dropdown-toggle.focus {\n color: #fff;\n background-color: #269abc;\n border-color: #1f7e9a; }\n .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {\n background-color: #5bc0de;\n border-color: #5bc0de; }\n .btn-info.disabled:hover, .btn-info:disabled:hover {\n background-color: #5bc0de;\n border-color: #5bc0de; }\n\n.btn-success {\n color: #fff;\n background-color: #4cbb6c;\n border-color: #4cbb6c; }\n .btn-success:hover {\n color: #fff;\n background-color: #3a9a56;\n border-color: #389252; }\n .btn-success:focus, .btn-success.focus {\n color: #fff;\n background-color: #3a9a56;\n border-color: #389252; }\n .btn-success:active, .btn-success.active,\n .open > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #3a9a56;\n border-color: #389252;\n background-image: none; }\n .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,\n .open > .btn-success.dropdown-toggle:hover,\n .open > .btn-success.dropdown-toggle:focus,\n .open > .btn-success.dropdown-toggle.focus {\n color: #fff;\n background-color: #318047;\n border-color: #256237; }\n .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {\n background-color: #4cbb6c;\n border-color: #4cbb6c; }\n .btn-success.disabled:hover, .btn-success:disabled:hover {\n background-color: #4cbb6c;\n border-color: #4cbb6c; }\n\n.btn-warning {\n color: white;\n background-color: #FF9A52;\n border-color: #FF9A52; }\n .btn-warning:hover {\n color: white;\n background-color: #ff7c1f;\n border-color: #ff7615; }\n .btn-warning:focus, .btn-warning.focus {\n color: white;\n background-color: #ff7c1f;\n border-color: #ff7615; }\n .btn-warning:active, .btn-warning.active,\n .open > .btn-warning.dropdown-toggle {\n color: white;\n background-color: #ff7c1f;\n border-color: #ff7615;\n background-image: none; }\n .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,\n .open > .btn-warning.dropdown-toggle:hover,\n .open > .btn-warning.dropdown-toggle:focus,\n .open > .btn-warning.dropdown-toggle.focus {\n color: white;\n background-color: #fa6800;\n border-color: #d25700; }\n .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {\n background-color: #FF9A52;\n border-color: #FF9A52; }\n .btn-warning.disabled:hover, .btn-warning:disabled:hover {\n background-color: #FF9A52;\n border-color: #FF9A52; }\n\n.btn-danger {\n color: #fff;\n background-color: #ff4c4c;\n border-color: #ff4c4c; }\n .btn-danger:hover {\n color: #fff;\n background-color: #ff1919;\n border-color: #ff0f0f; }\n .btn-danger:focus, .btn-danger.focus {\n color: #fff;\n background-color: #ff1919;\n border-color: #ff0f0f; }\n .btn-danger:active, .btn-danger.active,\n .open > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #ff1919;\n border-color: #ff0f0f;\n background-image: none; }\n .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,\n .open > .btn-danger.dropdown-toggle:hover,\n .open > .btn-danger.dropdown-toggle:focus,\n .open > .btn-danger.dropdown-toggle.focus {\n color: #fff;\n background-color: #f40000;\n border-color: #cc0000; }\n .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {\n background-color: #ff4c4c;\n border-color: #ff4c4c; }\n .btn-danger.disabled:hover, .btn-danger:disabled:hover {\n background-color: #ff4c4c;\n border-color: #ff4c4c; }\n\n.btn-outline-primary {\n color: #2fb5d2;\n background-image: none;\n background-color: transparent;\n border-color: #2fb5d2; }\n .btn-outline-primary:hover {\n color: #fff;\n background-color: #2fb5d2;\n border-color: #2fb5d2; }\n .btn-outline-primary:focus, .btn-outline-primary.focus {\n color: #fff;\n background-color: #2fb5d2;\n border-color: #2fb5d2; }\n .btn-outline-primary:active, .btn-outline-primary.active,\n .open > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #2fb5d2;\n border-color: #2fb5d2; }\n .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus,\n .open > .btn-outline-primary.dropdown-toggle:hover,\n .open > .btn-outline-primary.dropdown-toggle:focus,\n .open > .btn-outline-primary.dropdown-toggle.focus {\n color: #fff;\n background-color: #1e788c;\n border-color: #175c6a; }\n .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {\n border-color: #83d3e4; }\n .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {\n border-color: #83d3e4; }\n\n.btn-outline-secondary {\n color: transparent;\n background-image: none;\n background-color: transparent;\n border-color: transparent; }\n .btn-outline-secondary:hover {\n color: #fff;\n background-color: transparent;\n border-color: transparent; }\n .btn-outline-secondary:focus, .btn-outline-secondary.focus {\n color: #fff;\n background-color: transparent;\n border-color: transparent; }\n .btn-outline-secondary:active, .btn-outline-secondary.active,\n .open > .btn-outline-secondary.dropdown-toggle {\n color: #fff;\n background-color: transparent;\n border-color: transparent; }\n .btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus,\n .open > .btn-outline-secondary.dropdown-toggle:hover,\n .open > .btn-outline-secondary.dropdown-toggle:focus,\n .open > .btn-outline-secondary.dropdown-toggle.focus {\n color: #fff;\n background-color: rgba(0, 0, 0, 0);\n border-color: rgba(0, 0, 0, 0); }\n .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus {\n border-color: rgba(51, 51, 51, 0); }\n .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {\n border-color: rgba(51, 51, 51, 0); }\n\n.btn-outline-info {\n color: #5bc0de;\n background-image: none;\n background-color: transparent;\n border-color: #5bc0de; }\n .btn-outline-info:hover {\n color: #fff;\n background-color: #5bc0de;\n border-color: #5bc0de; }\n .btn-outline-info:focus, .btn-outline-info.focus {\n color: #fff;\n background-color: #5bc0de;\n border-color: #5bc0de; }\n .btn-outline-info:active, .btn-outline-info.active,\n .open > .btn-outline-info.dropdown-toggle {\n color: #fff;\n background-color: #5bc0de;\n border-color: #5bc0de; }\n .btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus,\n .open > .btn-outline-info.dropdown-toggle:hover,\n .open > .btn-outline-info.dropdown-toggle:focus,\n .open > .btn-outline-info.dropdown-toggle.focus {\n color: #fff;\n background-color: #269abc;\n border-color: #1f7e9a; }\n .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus {\n border-color: #b0e1ef; }\n .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {\n border-color: #b0e1ef; }\n\n.btn-outline-success {\n color: #4cbb6c;\n background-image: none;\n background-color: transparent;\n border-color: #4cbb6c; }\n .btn-outline-success:hover {\n color: #fff;\n background-color: #4cbb6c;\n border-color: #4cbb6c; }\n .btn-outline-success:focus, .btn-outline-success.focus {\n color: #fff;\n background-color: #4cbb6c;\n border-color: #4cbb6c; }\n .btn-outline-success:active, .btn-outline-success.active,\n .open > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #4cbb6c;\n border-color: #4cbb6c; }\n .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus,\n .open > .btn-outline-success.dropdown-toggle:hover,\n .open > .btn-outline-success.dropdown-toggle:focus,\n .open > .btn-outline-success.dropdown-toggle.focus {\n color: #fff;\n background-color: #318047;\n border-color: #256237; }\n .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus {\n border-color: #96d7a9; }\n .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {\n border-color: #96d7a9; }\n\n.btn-outline-warning {\n color: #FF9A52;\n background-image: none;\n background-color: transparent;\n border-color: #FF9A52; }\n .btn-outline-warning:hover {\n color: #fff;\n background-color: #FF9A52;\n border-color: #FF9A52; }\n .btn-outline-warning:focus, .btn-outline-warning.focus {\n color: #fff;\n background-color: #FF9A52;\n border-color: #FF9A52; }\n .btn-outline-warning:active, .btn-outline-warning.active,\n .open > .btn-outline-warning.dropdown-toggle {\n color: #fff;\n background-color: #FF9A52;\n border-color: #FF9A52; }\n .btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus,\n .open > .btn-outline-warning.dropdown-toggle:hover,\n .open > .btn-outline-warning.dropdown-toggle:focus,\n .open > .btn-outline-warning.dropdown-toggle.focus {\n color: #fff;\n background-color: #fa6800;\n border-color: #d25700; }\n .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus {\n border-color: #ffd6b8; }\n .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {\n border-color: #ffd6b8; }\n\n.btn-outline-danger {\n color: #ff4c4c;\n background-image: none;\n background-color: transparent;\n border-color: #ff4c4c; }\n .btn-outline-danger:hover {\n color: #fff;\n background-color: #ff4c4c;\n border-color: #ff4c4c; }\n .btn-outline-danger:focus, .btn-outline-danger.focus {\n color: #fff;\n background-color: #ff4c4c;\n border-color: #ff4c4c; }\n .btn-outline-danger:active, .btn-outline-danger.active,\n .open > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #ff4c4c;\n border-color: #ff4c4c; }\n .btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus,\n .open > .btn-outline-danger.dropdown-toggle:hover,\n .open > .btn-outline-danger.dropdown-toggle:focus,\n .open > .btn-outline-danger.dropdown-toggle.focus {\n color: #fff;\n background-color: #f40000;\n border-color: #cc0000; }\n .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus {\n border-color: #ffb2b2; }\n .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {\n border-color: #ffb2b2; }\n\n.btn-link {\n font-weight: normal;\n color: #2fb5d2;\n border-radius: 0; }\n .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {\n background-color: transparent; }\n .btn-link, .btn-link:focus, .btn-link:active {\n border-color: transparent; }\n .btn-link:hover {\n border-color: transparent; }\n .btn-link:focus, .btn-link:hover {\n color: #208094;\n text-decoration: underline;\n background-color: transparent; }\n .btn-link:disabled:focus, .btn-link:disabled:hover {\n color: #F1F1F1;\n text-decoration: none; }\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.9375rem;\n border-radius: 0.3rem; }\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n border-radius: 0.2rem; }\n\n.btn-block {\n display: block;\n width: 100%; }\n\n.btn-block + .btn-block {\n margin-top: 0.5rem; }\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%; }\n\n.fade {\n opacity: 0;\n transition: opacity .15s linear; }\n .fade.in {\n opacity: 1; }\n\n.collapse {\n display: none; }\n .collapse.in {\n display: block; }\n\ntr.collapse.in {\n display: table-row; }\n\ntbody.collapse.in {\n display: table-row-group; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition-timing-function: ease;\n transition-duration: .35s;\n transition-property: height; }\n\n.dropup,\n.dropdown {\n position: relative; }\n\n.dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.3em;\n vertical-align: middle;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-left: 0.3em solid transparent; }\n\n.dropdown-toggle:focus {\n outline: 0; }\n\n.dropup .dropdown-toggle::after {\n border-top: 0;\n border-bottom: 0.3em solid; }\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 1rem;\n color: #373a3c;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 2px solid rgba(0, 0, 0, 0.15);\n border-radius: 0; }\n\n.dropdown-divider {\n height: 1px;\n margin: 0.5rem 0;\n overflow: hidden;\n background-color: #e5e5e5; }\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 3px 1.5rem;\n clear: both;\n font-weight: normal;\n color: #373a3c;\n text-align: inherit;\n white-space: nowrap;\n background: none;\n border: 0; }\n .dropdown-item:focus, .dropdown-item:hover {\n color: #2b2d2f;\n text-decoration: none;\n background-color: #f5f5f5; }\n .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {\n color: #fff;\n text-decoration: none;\n background-color: #2fb5d2;\n outline: 0; }\n .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {\n color: #F1F1F1; }\n .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {\n text-decoration: none;\n cursor: not-allowed;\n background-color: transparent;\n background-image: none;\n filter: \"progid:DXImageTransform.Microsoft.gradient(enabled = false)\"; }\n\n.open > .dropdown-menu {\n display: block; }\n\n.open > a {\n outline: 0; }\n\n.dropdown-menu-right {\n right: 0;\n left: auto; }\n\n.dropdown-menu-left {\n right: auto;\n left: 0; }\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: #F1F1F1;\n white-space: nowrap; }\n\n.dropdown-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 990; }\n\n.dropup .caret,\n.navbar-fixed-bottom .dropdown .caret {\n content: \"\";\n border-top: 0;\n border-bottom: 0.3em solid; }\n\n.dropup .dropdown-menu,\n.navbar-fixed-bottom .dropdown .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 0.125rem; }\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-block;\n vertical-align: middle; }\n .btn-group > .btn,\n .btn-group-vertical > .btn {\n position: relative;\n float: left;\n margin-bottom: 0; }\n .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n .btn-group-vertical > .btn:focus,\n .btn-group-vertical > .btn:active,\n .btn-group-vertical > .btn.active {\n z-index: 2; }\n .btn-group > .btn:hover,\n .btn-group-vertical > .btn:hover {\n z-index: 2; }\n\n.btn-group .btn + .btn,\n.btn-group .btn + .btn-group,\n.btn-group .btn-group + .btn,\n.btn-group .btn-group + .btn-group {\n margin-left: -2px; }\n\n.btn-toolbar {\n margin-left: -0.5rem; }\n .btn-toolbar::after {\n content: \"\";\n display: table;\n clear: both; }\n .btn-toolbar .btn-group,\n .btn-toolbar .input-group {\n float: left; }\n .btn-toolbar > .btn,\n .btn-toolbar > .btn-group,\n .btn-toolbar > .input-group {\n margin-left: 0.5rem; }\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {\n border-radius: 0; }\n\n.btn-group > .btn:first-child {\n margin-left: 0; }\n .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.btn-group > .btn-group {\n float: left; }\n\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0; }\n\n.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,\n.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0; }\n\n.btn + .dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem; }\n .btn + .dropdown-toggle-split::after {\n margin-left: 0; }\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.375rem;\n padding-left: 0.375rem; }\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 1.125rem;\n padding-left: 1.125rem; }\n\n.btn .caret {\n margin-left: 0; }\n\n.btn-lg .caret, .btn-group-lg > .btn .caret {\n border-width: 0.3em 0.3em 0;\n border-bottom-width: 0; }\n\n.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {\n border-width: 0 0.3em 0.3em; }\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group,\n.btn-group-vertical > .btn-group > .btn {\n display: block;\n float: none;\n width: 100%;\n max-width: 100%; }\n\n.btn-group-vertical > .btn-group::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.btn-group-vertical > .btn-group > .btn {\n float: none; }\n\n.btn-group-vertical > .btn + .btn,\n.btn-group-vertical > .btn + .btn-group,\n.btn-group-vertical > .btn-group + .btn,\n.btn-group-vertical > .btn-group + .btn-group {\n margin-top: -2px;\n margin-left: 0; }\n\n.btn-group-vertical > .btn:not(:first-child):not(:last-child) {\n border-radius: 0; }\n\n.btn-group-vertical > .btn:first-child:not(:last-child) {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n\n.btn-group-vertical > .btn:last-child:not(:first-child) {\n border-top-right-radius: 0;\n border-top-left-radius: 0; }\n\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0; }\n\n.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,\n.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {\n border-top-right-radius: 0;\n border-top-left-radius: 0; }\n\n[data-toggle=\"buttons\"] > .btn input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn input[type=\"checkbox\"],\n[data-toggle=\"buttons\"] > .btn-group > .btn input[type=\"radio\"],\n[data-toggle=\"buttons\"] > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none; }\n\n.input-group {\n position: relative;\n width: 100%;\n display: table;\n border-collapse: separate; }\n .input-group .form-control {\n position: relative;\n z-index: 2;\n float: left;\n width: 100%;\n margin-bottom: 0; }\n .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {\n z-index: 3; }\n\n.input-group-addon,\n.input-group-btn,\n.input-group .form-control {\n display: table-cell; }\n .input-group-addon:not(:first-child):not(:last-child),\n .input-group-btn:not(:first-child):not(:last-child),\n .input-group .form-control:not(:first-child):not(:last-child) {\n border-radius: 0; }\n\n.input-group-addon,\n.input-group-btn {\n width: 1%;\n white-space: nowrap;\n vertical-align: middle; }\n\n.input-group-addon {\n padding: 0.5rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n font-weight: normal;\n line-height: 1.25;\n color: #7A7A7A;\n text-align: center;\n background-color: #f6f6f6;\n border: 2px solid rgba(0, 0, 0, 0.25);\n border-radius: 0; }\n .input-group-addon.form-control-sm,\n .input-group-sm > .input-group-addon,\n .input-group-sm > .input-group-btn > .input-group-addon.btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n border-radius: 0.2rem; }\n .input-group-addon.form-control-lg,\n .input-group-lg > .input-group-addon,\n .input-group-lg > .input-group-btn > .input-group-addon.btn {\n padding: 0.75rem 1.5rem;\n font-size: 0.9375rem;\n border-radius: 0.3rem; }\n .input-group-addon input[type=\"radio\"],\n .input-group-addon input[type=\"checkbox\"] {\n margin-top: 0; }\n\n.input-group .form-control:not(:last-child),\n.input-group-addon:not(:last-child),\n.input-group-btn:not(:last-child) > .btn,\n.input-group-btn:not(:last-child) > .btn-group > .btn,\n.input-group-btn:not(:last-child) > .dropdown-toggle,\n.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.input-group-addon:not(:last-child) {\n border-right: 0; }\n\n.input-group .form-control:not(:first-child),\n.input-group-addon:not(:first-child),\n.input-group-btn:not(:first-child) > .btn,\n.input-group-btn:not(:first-child) > .btn-group > .btn,\n.input-group-btn:not(:first-child) > .dropdown-toggle,\n.input-group-btn:not(:last-child) > .btn:not(:first-child),\n.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.form-control + .input-group-addon:not(:first-child) {\n border-left: 0; }\n\n.input-group-btn {\n position: relative;\n font-size: 0;\n white-space: nowrap; }\n .input-group-btn > .btn {\n position: relative; }\n .input-group-btn > .btn + .btn {\n margin-left: -2px; }\n .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {\n z-index: 3; }\n .input-group-btn:not(:last-child) > .btn,\n .input-group-btn:not(:last-child) > .btn-group {\n margin-right: -2px; }\n .input-group-btn:not(:first-child) > .btn,\n .input-group-btn:not(:first-child) > .btn-group {\n z-index: 2;\n margin-left: -2px; }\n .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,\n .input-group-btn:not(:first-child) > .btn-group:focus,\n .input-group-btn:not(:first-child) > .btn-group:active,\n .input-group-btn:not(:first-child) > .btn-group:hover {\n z-index: 3; }\n\n.custom-control {\n position: relative;\n display: inline-block;\n padding-left: 1.5rem;\n cursor: pointer; }\n .custom-control + .custom-control {\n margin-left: 1rem; }\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0; }\n .custom-control-input:checked ~ .custom-control-indicator {\n color: #fff;\n background-color: #0074d9; }\n .custom-control-input:focus ~ .custom-control-indicator {\n box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }\n .custom-control-input:active ~ .custom-control-indicator {\n color: #fff;\n background-color: #84c6ff; }\n .custom-control-input:disabled ~ .custom-control-indicator {\n cursor: not-allowed;\n background-color: #eee; }\n .custom-control-input:disabled ~ .custom-control-description {\n color: #767676;\n cursor: not-allowed; }\n\n.custom-control-indicator {\n position: absolute;\n top: .25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #ddd;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 50% 50%; }\n\n.custom-checkbox .custom-control-indicator {\n border-radius: 0; }\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"); }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {\n background-color: #0074d9;\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#fff' d='M0 2h4'/%3E%3C/svg%3E\"); }\n\n.custom-radio .custom-control-indicator {\n border-radius: 50%; }\n\n.custom-radio .custom-control-input:checked ~ .custom-control-indicator {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%3E%3C/svg%3E\"); }\n\n.custom-controls-stacked .custom-control {\n float: left;\n clear: left; }\n .custom-controls-stacked .custom-control + .custom-control {\n margin-left: 0; }\n\n.custom-select {\n display: inline-block;\n max-width: 100%;\n height: calc(2.5rem - 4px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n padding-right: 0.75rem \\9;\n color: #7A7A7A;\n vertical-align: middle;\n background: #fff url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") no-repeat right 0.75rem center;\n background-image: none \\9;\n background-size: 8px 10px;\n border: 2px solid rgba(0, 0, 0, 0.25);\n border-radius: 0;\n -moz-appearance: none;\n -webkit-appearance: none; }\n .custom-select:focus {\n border-color: #51a7e8;\n outline: none; }\n .custom-select:focus::-ms-value {\n color: #7A7A7A;\n background-color: #ffffff; }\n .custom-select:disabled {\n color: #F1F1F1;\n cursor: not-allowed;\n background-color: #f6f6f6; }\n .custom-select::-ms-expand {\n opacity: 0; }\n\n.custom-select-sm {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 75%; }\n\n.custom-file {\n position: relative;\n display: inline-block;\n max-width: 100%;\n height: 2.5rem;\n cursor: pointer; }\n\n.custom-file-input {\n min-width: 14rem;\n max-width: 100%;\n margin: 0;\n filter: alpha(opacity=0);\n opacity: 0; }\n\n.custom-file-control {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 5;\n height: 2.5rem;\n padding: 0.5rem 1rem;\n line-height: 1.5;\n color: #555;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #fff;\n border: 2px solid #ddd;\n border-radius: 0; }\n .custom-file-control:lang(en)::after {\n content: \"Choose file...\"; }\n .custom-file-control::before {\n position: absolute;\n top: -2px;\n right: -2px;\n bottom: -2px;\n z-index: 6;\n display: block;\n height: 2.5rem;\n padding: 0.5rem 1rem;\n line-height: 1.5;\n color: #555;\n background-color: #eee;\n border: 2px solid #ddd;\n border-radius: 0 0 0 0; }\n .custom-file-control:lang(en)::before {\n content: \"Browse\"; }\n\n.nav {\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n\n.nav-link {\n display: inline-block; }\n .nav-link:focus, .nav-link:hover {\n text-decoration: none; }\n .nav-link.disabled {\n color: #F1F1F1; }\n .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {\n color: #F1F1F1;\n cursor: not-allowed;\n background-color: transparent; }\n\n.nav-inline .nav-item {\n display: inline-block; }\n\n.nav-inline .nav-item + .nav-item,\n.nav-inline .nav-link + .nav-link {\n margin-left: 1rem; }\n\n.nav-tabs {\n border-bottom: 2px solid #ddd; }\n .nav-tabs::after {\n content: \"\";\n display: table;\n clear: both; }\n .nav-tabs .nav-item {\n float: left;\n margin-bottom: -2px; }\n .nav-tabs .nav-item + .nav-item {\n margin-left: 0.2rem; }\n .nav-tabs .nav-link {\n display: block;\n padding: 0.5em 1em;\n border: 2px solid transparent;\n border-top-right-radius: 0;\n border-top-left-radius: 0; }\n .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {\n border-color: #f6f6f6 #f6f6f6 #ddd; }\n .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {\n color: #F1F1F1;\n background-color: transparent;\n border-color: transparent; }\n .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,\n .nav-tabs .nav-item.open .nav-link,\n .nav-tabs .nav-item.open .nav-link:focus,\n .nav-tabs .nav-item.open .nav-link:hover {\n color: #7A7A7A;\n background-color: #fff;\n border-color: #ddd #ddd transparent; }\n .nav-tabs .dropdown-menu {\n margin-top: -2px;\n border-top-right-radius: 0;\n border-top-left-radius: 0; }\n\n.nav-pills::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.nav-pills .nav-item {\n float: left; }\n .nav-pills .nav-item + .nav-item {\n margin-left: 0.2rem; }\n\n.nav-pills .nav-link {\n display: block;\n padding: 0.5em 1em;\n border-radius: 0; }\n\n.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,\n.nav-pills .nav-item.open .nav-link,\n.nav-pills .nav-item.open .nav-link:focus,\n.nav-pills .nav-item.open .nav-link:hover {\n color: #fff;\n cursor: default;\n background-color: #2fb5d2; }\n\n.nav-stacked .nav-item {\n display: block;\n float: none; }\n .nav-stacked .nav-item + .nav-item {\n margin-top: 0.2rem;\n margin-left: 0; }\n\n.tab-content > .tab-pane {\n display: none; }\n\n.tab-content > .active {\n display: block; }\n\n.navbar {\n position: relative;\n padding: 0.5rem 1rem; }\n .navbar::after {\n content: \"\";\n display: table;\n clear: both; }\n @media (min-width: 576px) {\n .navbar {\n border-radius: 0; } }\n\n.navbar-full {\n z-index: 1000; }\n @media (min-width: 576px) {\n .navbar-full {\n border-radius: 0; } }\n\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n position: fixed;\n right: 0;\n left: 0;\n z-index: 1030; }\n @media (min-width: 576px) {\n .navbar-fixed-top,\n .navbar-fixed-bottom {\n border-radius: 0; } }\n\n.navbar-fixed-top {\n top: 0; }\n\n.navbar-fixed-bottom {\n bottom: 0; }\n\n.navbar-sticky-top {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 1030;\n width: 100%; }\n @media (min-width: 576px) {\n .navbar-sticky-top {\n border-radius: 0; } }\n\n.navbar-brand {\n float: left;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n margin-right: 1rem;\n font-size: 0.9375rem;\n line-height: inherit; }\n .navbar-brand:focus, .navbar-brand:hover {\n text-decoration: none; }\n\n.navbar-divider {\n float: left;\n width: 2px;\n padding-top: 0.425rem;\n padding-bottom: 0.425rem;\n margin-right: 1rem;\n margin-left: 1rem;\n overflow: hidden; }\n .navbar-divider::before {\n content: \"\\A0\"; }\n\n.navbar-text {\n display: inline-block;\n padding-top: .425rem;\n padding-bottom: .425rem; }\n\n.navbar-toggler {\n width: 2.5em;\n height: 2em;\n padding: 0.5rem 0.75rem;\n font-size: 0.9375rem;\n line-height: 1;\n background: transparent no-repeat center center;\n background-size: 24px 24px;\n border: 2px solid transparent;\n border-radius: 0; }\n .navbar-toggler:focus, .navbar-toggler:hover {\n text-decoration: none; }\n\n.navbar-toggleable-xs::after {\n content: \"\";\n display: table;\n clear: both; }\n\n@media (max-width: 575px) {\n .navbar-toggleable-xs .navbar-brand {\n display: block;\n float: none;\n margin-top: .5rem;\n margin-right: 0; }\n .navbar-toggleable-xs .navbar-nav {\n margin-top: .5rem;\n margin-bottom: .5rem; }\n .navbar-toggleable-xs .navbar-nav .dropdown-menu {\n position: static;\n float: none; } }\n\n@media (min-width: 576px) {\n .navbar-toggleable-xs {\n display: block; } }\n\n.navbar-toggleable-sm::after {\n content: \"\";\n display: table;\n clear: both; }\n\n@media (max-width: 767px) {\n .navbar-toggleable-sm .navbar-brand {\n display: block;\n float: none;\n margin-top: .5rem;\n margin-right: 0; }\n .navbar-toggleable-sm .navbar-nav {\n margin-top: .5rem;\n margin-bottom: .5rem; }\n .navbar-toggleable-sm .navbar-nav .dropdown-menu {\n position: static;\n float: none; } }\n\n@media (min-width: 768px) {\n .navbar-toggleable-sm {\n display: block; } }\n\n.navbar-toggleable-md::after {\n content: \"\";\n display: table;\n clear: both; }\n\n@media (max-width: 991px) {\n .navbar-toggleable-md .navbar-brand {\n display: block;\n float: none;\n margin-top: .5rem;\n margin-right: 0; }\n .navbar-toggleable-md .navbar-nav {\n margin-top: .5rem;\n margin-bottom: .5rem; }\n .navbar-toggleable-md .navbar-nav .dropdown-menu {\n position: static;\n float: none; } }\n\n@media (min-width: 992px) {\n .navbar-toggleable-md {\n display: block; } }\n\n.navbar-toggleable-lg::after {\n content: \"\";\n display: table;\n clear: both; }\n\n@media (max-width: 1199px) {\n .navbar-toggleable-lg .navbar-brand {\n display: block;\n float: none;\n margin-top: .5rem;\n margin-right: 0; }\n .navbar-toggleable-lg .navbar-nav {\n margin-top: .5rem;\n margin-bottom: .5rem; }\n .navbar-toggleable-lg .navbar-nav .dropdown-menu {\n position: static;\n float: none; } }\n\n@media (min-width: 1200px) {\n .navbar-toggleable-lg {\n display: block; } }\n\n.navbar-toggleable-xl {\n display: block; }\n .navbar-toggleable-xl::after {\n content: \"\";\n display: table;\n clear: both; }\n .navbar-toggleable-xl .navbar-brand {\n display: block;\n float: none;\n margin-top: .5rem;\n margin-right: 0; }\n .navbar-toggleable-xl .navbar-nav {\n margin-top: .5rem;\n margin-bottom: .5rem; }\n .navbar-toggleable-xl .navbar-nav .dropdown-menu {\n position: static;\n float: none; }\n\n.navbar-nav .nav-item {\n float: left; }\n\n.navbar-nav .nav-link {\n display: block;\n padding-top: .425rem;\n padding-bottom: .425rem; }\n .navbar-nav .nav-link + .nav-link {\n margin-left: 1rem; }\n\n.navbar-nav .nav-item + .nav-item {\n margin-left: 1rem; }\n\n.navbar-light .navbar-brand,\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,\n .navbar-light .navbar-toggler:focus,\n .navbar-light .navbar-toggler:hover {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5); }\n .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {\n color: rgba(0, 0, 0, 0.7); }\n\n.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link:focus,\n.navbar-light .navbar-nav .active > .nav-link:hover,\n.navbar-light .navbar-nav .nav-link.open,\n.navbar-light .navbar-nav .nav-link.open:focus,\n.navbar-light .navbar-nav .nav-link.open:hover,\n.navbar-light .navbar-nav .nav-link.active,\n.navbar-light .navbar-nav .nav-link.active:focus,\n.navbar-light .navbar-nav .nav-link.active:hover {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-toggler {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\");\n border-color: rgba(0, 0, 0, 0.1); }\n\n.navbar-light .navbar-divider {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.navbar-dark .navbar-brand,\n.navbar-dark .navbar-toggler {\n color: white; }\n .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover,\n .navbar-dark .navbar-toggler:focus,\n .navbar-dark .navbar-toggler:hover {\n color: white; }\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {\n color: rgba(255, 255, 255, 0.75); }\n\n.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link:focus,\n.navbar-dark .navbar-nav .active > .nav-link:hover,\n.navbar-dark .navbar-nav .nav-link.open,\n.navbar-dark .navbar-nav .nav-link.open:focus,\n.navbar-dark .navbar-nav .nav-link.open:hover,\n.navbar-dark .navbar-nav .nav-link.active,\n.navbar-dark .navbar-nav .nav-link.active:focus,\n.navbar-dark .navbar-nav .nav-link.active:hover {\n color: white; }\n\n.navbar-dark .navbar-toggler {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\");\n border-color: rgba(255, 255, 255, 0.1); }\n\n.navbar-dark .navbar-divider {\n background-color: rgba(255, 255, 255, 0.075); }\n\n.navbar-toggleable-xs::after {\n content: \"\";\n display: table;\n clear: both; }\n\n@media (max-width: 575px) {\n .navbar-toggleable-xs .navbar-nav .nav-item {\n float: none;\n margin-left: 0; } }\n\n@media (min-width: 576px) {\n .navbar-toggleable-xs {\n display: block !important; } }\n\n.navbar-toggleable-sm::after {\n content: \"\";\n display: table;\n clear: both; }\n\n@media (max-width: 767px) {\n .navbar-toggleable-sm .navbar-nav .nav-item {\n float: none;\n margin-left: 0; } }\n\n@media (min-width: 768px) {\n .navbar-toggleable-sm {\n display: block !important; } }\n\n.navbar-toggleable-md::after {\n content: \"\";\n display: table;\n clear: both; }\n\n@media (max-width: 991px) {\n .navbar-toggleable-md .navbar-nav .nav-item {\n float: none;\n margin-left: 0; } }\n\n@media (min-width: 992px) {\n .navbar-toggleable-md {\n display: block !important; } }\n\n.card {\n position: relative;\n display: block;\n margin-bottom: 0.75rem;\n background-color: #fff;\n border-radius: 0;\n border: 1px solid rgba(0, 0, 0, 0.125); }\n\n.card-block {\n padding: 1.25rem; }\n .card-block::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.card-title {\n margin-bottom: 0.75rem; }\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0; }\n\n.card-text:last-child {\n margin-bottom: 0; }\n\n.card-link:hover {\n text-decoration: none; }\n\n.card-link + .card-link {\n margin-left: 1.25rem; }\n\n.card > .list-group:first-child .list-group-item:first-child {\n border-top-right-radius: 0;\n border-top-left-radius: 0; }\n\n.card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: #f5f5f5;\n border-bottom: 1px solid rgba(0, 0, 0, 0.125); }\n .card-header::after {\n content: \"\";\n display: table;\n clear: both; }\n .card-header:first-child {\n border-radius: calc(0 - 1px) calc(0 - 1px) 0 0; }\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: #f5f5f5;\n border-top: 1px solid rgba(0, 0, 0, 0.125); }\n .card-footer::after {\n content: \"\";\n display: table;\n clear: both; }\n .card-footer:last-child {\n border-radius: 0 0 calc(0 - 1px) calc(0 - 1px); }\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0; }\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem; }\n\n.card-primary {\n background-color: #2fb5d2;\n border-color: #2fb5d2; }\n .card-primary .card-header,\n .card-primary .card-footer {\n background-color: transparent; }\n\n.card-success {\n background-color: #4cbb6c;\n border-color: #4cbb6c; }\n .card-success .card-header,\n .card-success .card-footer {\n background-color: transparent; }\n\n.card-info {\n background-color: #5bc0de;\n border-color: #5bc0de; }\n .card-info .card-header,\n .card-info .card-footer {\n background-color: transparent; }\n\n.card-warning {\n background-color: #ff9a52;\n border-color: #ff9a52; }\n .card-warning .card-header,\n .card-warning .card-footer {\n background-color: transparent; }\n\n.card-danger {\n background-color: #ff4c4c;\n border-color: #ff4c4c; }\n .card-danger .card-header,\n .card-danger .card-footer {\n background-color: transparent; }\n\n.card-outline-primary {\n background-color: transparent;\n border-color: #2fb5d2; }\n\n.card-outline-secondary {\n background-color: transparent;\n border-color: transparent; }\n\n.card-outline-info {\n background-color: transparent;\n border-color: #5bc0de; }\n\n.card-outline-success {\n background-color: transparent;\n border-color: #4cbb6c; }\n\n.card-outline-warning {\n background-color: transparent;\n border-color: #FF9A52; }\n\n.card-outline-danger {\n background-color: transparent;\n border-color: #ff4c4c; }\n\n.card-inverse .card-header,\n.card-inverse .card-footer {\n border-color: rgba(255, 255, 255, 0.2); }\n\n.card-inverse .card-header,\n.card-inverse .card-footer,\n.card-inverse .card-title,\n.card-inverse .card-blockquote {\n color: #fff; }\n\n.card-inverse .card-link,\n.card-inverse .card-text,\n.card-inverse .card-subtitle,\n.card-inverse .card-blockquote .blockquote-footer {\n color: rgba(255, 255, 255, 0.65); }\n\n.card-inverse .card-link:focus, .card-inverse .card-link:hover {\n color: #fff; }\n\n.card-blockquote {\n padding: 0;\n margin-bottom: 0;\n border-left: 0; }\n\n.card-img {\n border-radius: calc(0 - 1px); }\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem; }\n\n.card-img-top {\n border-top-right-radius: calc(0 - 1px);\n border-top-left-radius: calc(0 - 1px); }\n\n.card-img-bottom {\n border-bottom-right-radius: calc(0 - 1px);\n border-bottom-left-radius: calc(0 - 1px); }\n\n@media (min-width: 576px) {\n .card-deck {\n display: table;\n width: 100%;\n margin-bottom: 0.75rem;\n table-layout: fixed;\n border-spacing: 1.25rem 0; }\n .card-deck .card {\n display: table-cell;\n margin-bottom: 0;\n vertical-align: top; }\n .card-deck-wrapper {\n margin-right: -1.25rem;\n margin-left: -1.25rem; } }\n\n@media (min-width: 576px) {\n .card-group {\n display: table;\n width: 100%;\n table-layout: fixed; }\n .card-group .card {\n display: table-cell;\n vertical-align: top; }\n .card-group .card + .card {\n margin-left: 0;\n border-left: 0; }\n .card-group .card:first-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n .card-group .card:first-child .card-img-top {\n border-top-right-radius: 0; }\n .card-group .card:first-child .card-img-bottom {\n border-bottom-right-radius: 0; }\n .card-group .card:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n .card-group .card:last-child .card-img-top {\n border-top-left-radius: 0; }\n .card-group .card:last-child .card-img-bottom {\n border-bottom-left-radius: 0; }\n .card-group .card:not(:first-child):not(:last-child) {\n border-radius: 0; }\n .card-group .card:not(:first-child):not(:last-child) .card-img-top,\n .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {\n border-radius: 0; } }\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 1.25rem; }\n .card-columns .card {\n display: inline-block;\n width: 100%; } }\n\n.breadcrumb {\n padding: 0.75rem 1rem;\n margin-bottom: 1rem;\n list-style: none;\n background-color: #f6f6f6;\n border-radius: 0; }\n .breadcrumb::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.breadcrumb-item {\n float: left; }\n .breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n color: #F1F1F1;\n content: \"/\"; }\n .breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline; }\n .breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none; }\n .breadcrumb-item.active {\n color: #F1F1F1; }\n\n.pagination {\n display: inline-block;\n padding-left: 0;\n margin-top: 1rem;\n margin-bottom: 1rem;\n border-radius: 0; }\n\n.page-item {\n display: inline; }\n .page-item:first-child .page-link {\n margin-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n .page-item:last-child .page-link {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {\n z-index: 2;\n color: #fff;\n cursor: default;\n background-color: #2fb5d2;\n border-color: #2fb5d2; }\n .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {\n color: #F1F1F1;\n pointer-events: none;\n cursor: not-allowed;\n background-color: #fff;\n border-color: #ddd; }\n\n.page-link {\n position: relative;\n float: left;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n color: #2fb5d2;\n text-decoration: none;\n background-color: #fff;\n border: 2px solid #ddd; }\n .page-link:focus, .page-link:hover {\n color: #208094;\n background-color: #f6f6f6;\n border-color: #ddd; }\n\n.pagination-lg .page-link {\n padding: 0.75rem 1.5rem;\n font-size: 0.9375rem; }\n\n.pagination-lg .page-item:first-child .page-link {\n border-bottom-left-radius: 0.3rem;\n border-top-left-radius: 0.3rem; }\n\n.pagination-lg .page-item:last-child .page-link {\n border-bottom-right-radius: 0.3rem;\n border-top-right-radius: 0.3rem; }\n\n.pagination-sm .page-link {\n padding: 0.275rem 0.75rem;\n font-size: 0.875rem; }\n\n.pagination-sm .page-item:first-child .page-link {\n border-bottom-left-radius: 0.2rem;\n border-top-left-radius: 0.2rem; }\n\n.pagination-sm .page-item:last-child .page-link {\n border-bottom-right-radius: 0.2rem;\n border-top-right-radius: 0.2rem; }\n\n.tag {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: bold;\n line-height: 1;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0; }\n .tag:empty {\n display: none; }\n\n.btn .tag {\n position: relative;\n top: -1px; }\n\na.tag:focus, a.tag:hover {\n color: #fff;\n text-decoration: none;\n cursor: pointer; }\n\n.tag-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem; }\n\n.tag-default {\n background-color: #F1F1F1; }\n .tag-default[href]:focus, .tag-default[href]:hover {\n background-color: #d8d8d8; }\n\n.tag-primary {\n background-color: #2fb5d2; }\n .tag-primary[href]:focus, .tag-primary[href]:hover {\n background-color: #2592a9; }\n\n.tag-success {\n background-color: #4cbb6c; }\n .tag-success[href]:focus, .tag-success[href]:hover {\n background-color: #3a9a56; }\n\n.tag-info {\n background-color: #5bc0de; }\n .tag-info[href]:focus, .tag-info[href]:hover {\n background-color: #31b0d5; }\n\n.tag-warning {\n background-color: #ff9a52; }\n .tag-warning[href]:focus, .tag-warning[href]:hover {\n background-color: #ff7c1f; }\n\n.tag-danger {\n background-color: #ff4c4c; }\n .tag-danger[href]:focus, .tag-danger[href]:hover {\n background-color: #ff1919; }\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #f6f6f6;\n border-radius: 0.3rem; }\n @media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem; } }\n\n.jumbotron-hr {\n border-top-color: #dddddd; }\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0; }\n\n.alert {\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 2px solid transparent;\n border-radius: 0; }\n\n.alert-heading {\n color: inherit; }\n\n.alert-link {\n font-weight: bold; }\n\n.alert-dismissible {\n padding-right: 2.5rem; }\n .alert-dismissible .close {\n position: relative;\n top: -.125rem;\n right: -1.25rem;\n color: inherit; }\n\n.alert-success {\n background-color: #dff0d8;\n border-color: #d0e9c6;\n color: #3c763d; }\n .alert-success hr {\n border-top-color: #c1e2b3; }\n .alert-success .alert-link {\n color: #2b542c; }\n\n.alert-info {\n background-color: #d9edf7;\n border-color: #bcdff1;\n color: #31708f; }\n .alert-info hr {\n border-top-color: #a6d5ec; }\n .alert-info .alert-link {\n color: #245269; }\n\n.alert-warning {\n background-color: rgba(255, 154, 82, 0.3);\n border-color: #FF9A52;\n color: #232323; }\n .alert-warning hr {\n border-top-color: #ff8b39; }\n .alert-warning .alert-link {\n color: #0a0a0a; }\n\n.alert-danger {\n background-color: #f2dede;\n border-color: #ebcccc;\n color: #a94442; }\n .alert-danger hr {\n border-top-color: #e4b9b9; }\n .alert-danger .alert-link {\n color: #843534; }\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0; }\n to {\n background-position: 0 0; } }\n\n.progress {\n display: block;\n width: 100%;\n height: 1rem;\n margin-bottom: 1rem; }\n\n.progress[value] {\n background-color: #eee;\n border: 0;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: 0; }\n\n.progress[value]::-ms-fill {\n background-color: #0074d9;\n border: 0; }\n\n.progress[value]::-moz-progress-bar {\n background-color: #0074d9;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.progress[value]::-webkit-progress-value {\n background-color: #0074d9;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.progress[value=\"100\"]::-moz-progress-bar {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.progress[value=\"100\"]::-webkit-progress-value {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.progress[value]::-webkit-progress-bar {\n background-color: #eee;\n border-radius: 0; }\n\nbase::-moz-progress-bar,\n.progress[value] {\n background-color: #eee;\n border-radius: 0; }\n\n@media screen and (min-width: 0\\0) {\n .progress {\n background-color: #eee;\n border-radius: 0; }\n .progress-bar {\n display: inline-block;\n height: 1rem;\n text-indent: -999rem;\n background-color: #0074d9;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n .progress[width=\"100%\"] {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; } }\n\n.progress-striped[value]::-webkit-progress-value {\n 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);\n background-size: 1rem 1rem; }\n\n.progress-striped[value]::-moz-progress-bar {\n 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);\n background-size: 1rem 1rem; }\n\n.progress-striped[value]::-ms-fill {\n 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);\n background-size: 1rem 1rem; }\n\n@media screen and (min-width: 0\\0) {\n .progress-bar-striped {\n 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);\n background-size: 1rem 1rem; } }\n\n.progress-animated[value]::-webkit-progress-value {\n animation: progress-bar-stripes 2s linear infinite; }\n\n.progress-animated[value]::-moz-progress-bar {\n animation: progress-bar-stripes 2s linear infinite; }\n\n@media screen and (min-width: 0\\0) {\n .progress-animated .progress-bar-striped {\n animation: progress-bar-stripes 2s linear infinite; } }\n\n.progress-success[value]::-webkit-progress-value {\n background-color: #4cbb6c; }\n\n.progress-success[value]::-moz-progress-bar {\n background-color: #4cbb6c; }\n\n.progress-success[value]::-ms-fill {\n background-color: #4cbb6c; }\n\n@media screen and (min-width: 0\\0) {\n .progress-success .progress-bar {\n background-color: #4cbb6c; } }\n\n.progress-info[value]::-webkit-progress-value {\n background-color: #5bc0de; }\n\n.progress-info[value]::-moz-progress-bar {\n background-color: #5bc0de; }\n\n.progress-info[value]::-ms-fill {\n background-color: #5bc0de; }\n\n@media screen and (min-width: 0\\0) {\n .progress-info .progress-bar {\n background-color: #5bc0de; } }\n\n.progress-warning[value]::-webkit-progress-value {\n background-color: #ff9a52; }\n\n.progress-warning[value]::-moz-progress-bar {\n background-color: #ff9a52; }\n\n.progress-warning[value]::-ms-fill {\n background-color: #ff9a52; }\n\n@media screen and (min-width: 0\\0) {\n .progress-warning .progress-bar {\n background-color: #ff9a52; } }\n\n.progress-danger[value]::-webkit-progress-value {\n background-color: #ff4c4c; }\n\n.progress-danger[value]::-moz-progress-bar {\n background-color: #ff4c4c; }\n\n.progress-danger[value]::-ms-fill {\n background-color: #ff4c4c; }\n\n@media screen and (min-width: 0\\0) {\n .progress-danger .progress-bar {\n background-color: #ff4c4c; } }\n\n.media,\n.media-body {\n overflow: hidden; }\n\n.media-body {\n width: 10000px; }\n\n.media-left,\n.media-right,\n.media-body {\n display: table-cell;\n vertical-align: top; }\n\n.media-middle {\n vertical-align: middle; }\n\n.media-bottom {\n vertical-align: bottom; }\n\n.media-object {\n display: block; }\n .media-object.img-thumbnail {\n max-width: none; }\n\n.media-right {\n padding-left: 10px; }\n\n.media-left {\n padding-right: 10px; }\n\n.media-heading {\n margin-top: 0;\n margin-bottom: 5px; }\n\n.media-list {\n padding-left: 0;\n list-style: none; }\n\n.list-group {\n padding-left: 0;\n margin-bottom: 0; }\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -2px;\n background-color: #fff;\n border: 2px solid #ddd; }\n .list-group-item:first-child {\n border-top-right-radius: 0;\n border-top-left-radius: 0; }\n .list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {\n color: #F1F1F1;\n cursor: not-allowed;\n background-color: #f6f6f6; }\n .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {\n color: inherit; }\n .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {\n color: #F1F1F1; }\n .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {\n z-index: 2;\n color: #fff;\n text-decoration: none;\n background-color: #2fb5d2;\n border-color: #2fb5d2; }\n .list-group-item.active .list-group-item-heading,\n .list-group-item.active .list-group-item-heading > small,\n .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,\n .list-group-item.active:focus .list-group-item-heading > small,\n .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,\n .list-group-item.active:hover .list-group-item-heading > small,\n .list-group-item.active:hover .list-group-item-heading > .small {\n color: inherit; }\n .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {\n color: #d7f1f6; }\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0; }\n\n.list-group-item-action {\n width: 100%;\n color: #555;\n text-align: inherit; }\n .list-group-item-action .list-group-item-heading {\n color: #333; }\n .list-group-item-action:focus, .list-group-item-action:hover {\n color: #555;\n text-decoration: none;\n background-color: #f5f5f5; }\n\n.list-group-item-success {\n color: #3c763d;\n background-color: #dff0d8; }\n\na.list-group-item-success,\nbutton.list-group-item-success {\n color: #3c763d; }\n a.list-group-item-success .list-group-item-heading,\n button.list-group-item-success .list-group-item-heading {\n color: inherit; }\n a.list-group-item-success:focus, a.list-group-item-success:hover,\n button.list-group-item-success:focus,\n button.list-group-item-success:hover {\n color: #3c763d;\n background-color: #d0e9c6; }\n a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,\n button.list-group-item-success.active,\n button.list-group-item-success.active:focus,\n button.list-group-item-success.active:hover {\n color: #fff;\n background-color: #3c763d;\n border-color: #3c763d; }\n\n.list-group-item-info {\n color: #31708f;\n background-color: #d9edf7; }\n\na.list-group-item-info,\nbutton.list-group-item-info {\n color: #31708f; }\n a.list-group-item-info .list-group-item-heading,\n button.list-group-item-info .list-group-item-heading {\n color: inherit; }\n a.list-group-item-info:focus, a.list-group-item-info:hover,\n button.list-group-item-info:focus,\n button.list-group-item-info:hover {\n color: #31708f;\n background-color: #c4e3f3; }\n a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,\n button.list-group-item-info.active,\n button.list-group-item-info.active:focus,\n button.list-group-item-info.active:hover {\n color: #fff;\n background-color: #31708f;\n border-color: #31708f; }\n\n.list-group-item-warning {\n color: #8a6d3b;\n background-color: #fcf8e3; }\n\na.list-group-item-warning,\nbutton.list-group-item-warning {\n color: #8a6d3b; }\n a.list-group-item-warning .list-group-item-heading,\n button.list-group-item-warning .list-group-item-heading {\n color: inherit; }\n a.list-group-item-warning:focus, a.list-group-item-warning:hover,\n button.list-group-item-warning:focus,\n button.list-group-item-warning:hover {\n color: #8a6d3b;\n background-color: #faf2cc; }\n a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,\n button.list-group-item-warning.active,\n button.list-group-item-warning.active:focus,\n button.list-group-item-warning.active:hover {\n color: #fff;\n background-color: #8a6d3b;\n border-color: #8a6d3b; }\n\n.list-group-item-danger {\n color: #a94442;\n background-color: #f2dede; }\n\na.list-group-item-danger,\nbutton.list-group-item-danger {\n color: #a94442; }\n a.list-group-item-danger .list-group-item-heading,\n button.list-group-item-danger .list-group-item-heading {\n color: inherit; }\n a.list-group-item-danger:focus, a.list-group-item-danger:hover,\n button.list-group-item-danger:focus,\n button.list-group-item-danger:hover {\n color: #a94442;\n background-color: #ebcccc; }\n a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,\n button.list-group-item-danger.active,\n button.list-group-item-danger.active:focus,\n button.list-group-item-danger.active:hover {\n color: #fff;\n background-color: #a94442;\n border-color: #a94442; }\n\n.list-group-item-heading {\n margin-top: 0;\n margin-bottom: 5px; }\n\n.list-group-item-text {\n margin-bottom: 0;\n line-height: 1.3; }\n\n.embed-responsive {\n position: relative;\n display: block;\n height: 0;\n padding: 0;\n overflow: hidden; }\n .embed-responsive .embed-responsive-item,\n .embed-responsive iframe,\n .embed-responsive embed,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0; }\n\n.embed-responsive-21by9 {\n padding-bottom: 42.85714%; }\n\n.embed-responsive-16by9 {\n padding-bottom: 56.25%; }\n\n.embed-responsive-4by3 {\n padding-bottom: 75%; }\n\n.embed-responsive-1by1 {\n padding-bottom: 100%; }\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: bold;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .2; }\n .close:focus, .close:hover {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n opacity: .5; }\n\nbutton.close {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none; }\n\n.modal-open {\n overflow: hidden; }\n\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: none;\n overflow: hidden;\n outline: 0; }\n .modal.fade .modal-dialog {\n transition: transform .3s ease-out;\n transform: translate(0, -25%); }\n .modal.in .modal-dialog {\n transform: translate(0, 0); }\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto; }\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px; }\n\n.modal-content {\n position: relative;\n background-color: #fff;\n background-clip: padding-box;\n border: 2px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n outline: 0; }\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000; }\n .modal-backdrop.fade {\n opacity: 0; }\n .modal-backdrop.in {\n opacity: 0.5; }\n\n.modal-header {\n padding: 15px;\n border-bottom: 2px solid #e5e5e5; }\n .modal-header::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.modal-header .close {\n margin-top: -2px; }\n\n.modal-title {\n margin: 0;\n line-height: 1.5; }\n\n.modal-body {\n position: relative;\n padding: 15px; }\n\n.modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 2px solid #e5e5e5; }\n .modal-footer::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll; }\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 600px;\n margin: 30px auto; }\n .modal-sm {\n max-width: 300px; } }\n\n@media (min-width: 992px) {\n .modal-lg {\n max-width: 900px; } }\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-style: normal;\n font-weight: normal;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n font-size: 0.875rem;\n word-wrap: break-word;\n opacity: 0; }\n .tooltip.in {\n opacity: 0.9; }\n .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {\n padding: 5px 0;\n margin-top: -3px; }\n .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n content: \"\";\n border-width: 5px 5px 0;\n border-top-color: #ff4c4c; }\n .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {\n padding: 0 5px;\n margin-left: 3px; }\n .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {\n top: 50%;\n left: 0;\n margin-top: -5px;\n content: \"\";\n border-width: 5px 5px 5px 0;\n border-right-color: #ff4c4c; }\n .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {\n padding: 5px 0;\n margin-top: 3px; }\n .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {\n top: 0;\n left: 50%;\n margin-left: -5px;\n content: \"\";\n border-width: 0 5px 5px;\n border-bottom-color: #ff4c4c; }\n .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {\n padding: 0 5px;\n margin-left: -3px; }\n .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {\n top: 50%;\n right: 0;\n margin-top: -5px;\n content: \"\";\n border-width: 5px 0 5px 5px;\n border-left-color: #ff4c4c; }\n\n.tooltip-inner {\n max-width: 200px;\n padding: 3px 8px;\n color: #fff;\n text-align: center;\n background-color: #ff4c4c;\n border-radius: 0; }\n .tooltip-inner::before {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n padding: 1px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-style: normal;\n font-weight: normal;\n letter-spacing: normal;\n line-break: auto;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n font-size: 0.875rem;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: padding-box;\n border: 2px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem; }\n .popover.popover-top, .popover.bs-tether-element-attached-bottom {\n margin-top: -10px; }\n .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {\n left: 50%;\n border-bottom-width: 0; }\n .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {\n bottom: -11px;\n margin-left: -11px;\n border-top-color: rgba(0, 0, 0, 0.25); }\n .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {\n bottom: -10px;\n margin-left: -10px;\n border-top-color: #fff; }\n .popover.popover-right, .popover.bs-tether-element-attached-left {\n margin-left: 10px; }\n .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {\n top: 50%;\n border-left-width: 0; }\n .popover.popover-right::before, .popover.bs-tether-element-attached-left::before {\n left: -11px;\n margin-top: -11px;\n border-right-color: rgba(0, 0, 0, 0.25); }\n .popover.popover-right::after, .popover.bs-tether-element-attached-left::after {\n left: -10px;\n margin-top: -10px;\n border-right-color: #fff; }\n .popover.popover-bottom, .popover.bs-tether-element-attached-top {\n margin-top: 10px; }\n .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {\n left: 50%;\n border-top-width: 0; }\n .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {\n top: -11px;\n margin-left: -11px;\n border-bottom-color: rgba(0, 0, 0, 0.25); }\n .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {\n top: -10px;\n margin-left: -10px;\n border-bottom-color: #f7f7f7; }\n .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 20px;\n margin-left: -10px;\n content: \"\";\n border-bottom: 1px solid #f7f7f7; }\n .popover.popover-left, .popover.bs-tether-element-attached-right {\n margin-left: -10px; }\n .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {\n top: 50%;\n border-right-width: 0; }\n .popover.popover-left::before, .popover.bs-tether-element-attached-right::before {\n right: -11px;\n margin-top: -11px;\n border-left-color: rgba(0, 0, 0, 0.25); }\n .popover.popover-left::after, .popover.bs-tether-element-attached-right::after {\n right: -10px;\n margin-top: -10px;\n border-left-color: #fff; }\n\n.popover-title {\n padding: 8px 14px;\n margin: 0;\n font-size: 1rem;\n background-color: #f7f7f7;\n border-bottom: 2px solid #ebebeb;\n border-radius: 0.175rem 0.175rem 0 0; }\n .popover-title:empty {\n display: none; }\n\n.popover-content {\n padding: 9px 14px; }\n\n.popover::before,\n.popover::after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid; }\n\n.popover::before {\n content: \"\";\n border-width: 11px; }\n\n.popover::after {\n content: \"\";\n border-width: 10px; }\n\n.carousel {\n position: relative; }\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden; }\n .carousel-inner > .carousel-item {\n position: relative;\n display: none;\n transition: .6s ease-in-out left; }\n .carousel-inner > .carousel-item > img,\n .carousel-inner > .carousel-item > a > img {\n line-height: 1; }\n @media all and (transform-3d), (-webkit-transform-3d) {\n .carousel-inner > .carousel-item {\n transition: transform .6s ease-in-out;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n perspective: 1000px; }\n .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {\n left: 0;\n transform: translate3d(100%, 0, 0); }\n .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {\n left: 0;\n transform: translate3d(-100%, 0, 0); }\n .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {\n left: 0;\n transform: translate3d(0, 0, 0); } }\n .carousel-inner > .active,\n .carousel-inner > .next,\n .carousel-inner > .prev {\n display: block; }\n .carousel-inner > .active {\n left: 0; }\n .carousel-inner > .next,\n .carousel-inner > .prev {\n position: absolute;\n top: 0;\n width: 100%; }\n .carousel-inner > .next {\n left: 100%; }\n .carousel-inner > .prev {\n left: -100%; }\n .carousel-inner > .next.left,\n .carousel-inner > .prev.right {\n left: 0; }\n .carousel-inner > .active.left {\n left: -100%; }\n .carousel-inner > .active.right {\n left: 100%; }\n\n.carousel-control {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 15%;\n font-size: 20px;\n color: #fff;\n text-align: center;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);\n opacity: 0.5; }\n .carousel-control.left {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }\n .carousel-control.right {\n right: 0;\n left: auto;\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }\n .carousel-control:focus, .carousel-control:hover {\n color: #fff;\n text-decoration: none;\n outline: 0;\n opacity: .9; }\n .carousel-control .icon-prev,\n .carousel-control .icon-next {\n position: absolute;\n top: 50%;\n z-index: 5;\n display: inline-block;\n width: 20px;\n height: 20px;\n margin-top: -10px;\n font-family: serif;\n line-height: 1; }\n .carousel-control .icon-prev {\n left: 50%;\n margin-left: -10px; }\n .carousel-control .icon-next {\n right: 50%;\n margin-right: -10px; }\n .carousel-control .icon-prev::before {\n content: \"\\2039\"; }\n .carousel-control .icon-next::before {\n content: \"\\203A\"; }\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n padding-left: 0;\n margin-left: -30%;\n text-align: center;\n list-style: none; }\n .carousel-indicators li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0);\n border: 1px solid #fff;\n border-radius: 10px; }\n .carousel-indicators .active {\n width: 12px;\n height: 12px;\n margin: 0;\n background-color: #fff; }\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: #fff;\n text-align: center;\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }\n .carousel-caption .btn {\n text-shadow: none; }\n\n@media (min-width: 576px) {\n .carousel-control .icon-prev,\n .carousel-control .icon-next {\n width: 30px;\n height: 30px;\n margin-top: -15px;\n font-size: 30px; }\n .carousel-control .icon-prev {\n margin-left: -15px; }\n .carousel-control .icon-next {\n margin-right: -15px; }\n .carousel-caption {\n right: 20%;\n left: 20%;\n padding-bottom: 30px; }\n .carousel-indicators {\n bottom: 20px; } }\n\n.align-baseline {\n vertical-align: baseline !important; }\n\n.align-top {\n vertical-align: top !important; }\n\n.align-middle {\n vertical-align: middle !important; }\n\n.align-bottom {\n vertical-align: bottom !important; }\n\n.align-text-bottom {\n vertical-align: text-bottom !important; }\n\n.align-text-top {\n vertical-align: text-top !important; }\n\n.bg-faded {\n background-color: #f7f7f9; }\n\n.bg-primary {\n background-color: #2fb5d2 !important; }\n\na.bg-primary:focus, a.bg-primary:hover {\n background-color: #2592a9 !important; }\n\n.bg-success {\n background-color: #4cbb6c !important; }\n\na.bg-success:focus, a.bg-success:hover {\n background-color: #3a9a56 !important; }\n\n.bg-info {\n background-color: #5bc0de !important; }\n\na.bg-info:focus, a.bg-info:hover {\n background-color: #31b0d5 !important; }\n\n.bg-warning {\n background-color: #ff9a52 !important; }\n\na.bg-warning:focus, a.bg-warning:hover {\n background-color: #ff7c1f !important; }\n\n.bg-danger {\n background-color: #ff4c4c !important; }\n\na.bg-danger:focus, a.bg-danger:hover {\n background-color: #ff1919 !important; }\n\n.bg-inverse {\n background-color: #373a3c !important; }\n\na.bg-inverse:focus, a.bg-inverse:hover {\n background-color: #1f2021 !important; }\n\n.rounded {\n border-radius: 0; }\n\n.rounded-top {\n border-top-right-radius: 0;\n border-top-left-radius: 0; }\n\n.rounded-right {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0; }\n\n.rounded-bottom {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n\n.rounded-left {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0; }\n\n.rounded-circle {\n border-radius: 50%; }\n\n.clearfix::after {\n content: \"\";\n display: table;\n clear: both; }\n\n.d-block {\n display: block !important; }\n\n.d-inline-block {\n display: inline-block !important; }\n\n.d-inline {\n display: inline !important; }\n\n.float-xs-left {\n float: left !important; }\n\n.float-xs-right {\n float: right !important; }\n\n.float-xs-none {\n float: none !important; }\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important; }\n .float-sm-right {\n float: right !important; }\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important; }\n .float-md-right {\n float: right !important; }\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important; }\n .float-lg-right {\n float: right !important; }\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important; }\n .float-xl-right {\n float: right !important; }\n .float-xl-none {\n float: none !important; } }\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0; }\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n clip: auto; }\n\n.w-100 {\n width: 100% !important; }\n\n.h-100 {\n height: 100% !important; }\n\n.mx-auto {\n margin-right: auto !important;\n margin-left: auto !important; }\n\n.m-0 {\n margin: 0 0 !important; }\n\n.mt-0 {\n margin-top: 0 !important; }\n\n.mr-0 {\n margin-right: 0 !important; }\n\n.mb-0 {\n margin-bottom: 0 !important; }\n\n.ml-0 {\n margin-left: 0 !important; }\n\n.mx-0 {\n margin-right: 0 !important;\n margin-left: 0 !important; }\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important; }\n\n.m-1 {\n margin: 1rem 1rem !important; }\n\n.mt-1 {\n margin-top: 1rem !important; }\n\n.mr-1 {\n margin-right: 1rem !important; }\n\n.mb-1 {\n margin-bottom: 1rem !important; }\n\n.ml-1 {\n margin-left: 1rem !important; }\n\n.mx-1 {\n margin-right: 1rem !important;\n margin-left: 1rem !important; }\n\n.my-1 {\n margin-top: 1rem !important;\n margin-bottom: 1rem !important; }\n\n.m-2 {\n margin: 1.5rem 1.5rem !important; }\n\n.mt-2 {\n margin-top: 1.5rem !important; }\n\n.mr-2 {\n margin-right: 1.5rem !important; }\n\n.mb-2 {\n margin-bottom: 1.5rem !important; }\n\n.ml-2 {\n margin-left: 1.5rem !important; }\n\n.mx-2 {\n margin-right: 1.5rem !important;\n margin-left: 1.5rem !important; }\n\n.my-2 {\n margin-top: 1.5rem !important;\n margin-bottom: 1.5rem !important; }\n\n.m-3 {\n margin: 3rem 3rem !important; }\n\n.mt-3 {\n margin-top: 3rem !important; }\n\n.mr-3 {\n margin-right: 3rem !important; }\n\n.mb-3 {\n margin-bottom: 3rem !important; }\n\n.ml-3 {\n margin-left: 3rem !important; }\n\n.mx-3 {\n margin-right: 3rem !important;\n margin-left: 3rem !important; }\n\n.my-3 {\n margin-top: 3rem !important;\n margin-bottom: 3rem !important; }\n\n.p-0 {\n padding: 0 0 !important; }\n\n.pt-0 {\n padding-top: 0 !important; }\n\n.pr-0 {\n padding-right: 0 !important; }\n\n.pb-0 {\n padding-bottom: 0 !important; }\n\n.pl-0 {\n padding-left: 0 !important; }\n\n.px-0 {\n padding-right: 0 !important;\n padding-left: 0 !important; }\n\n.py-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important; }\n\n.p-1 {\n padding: 1rem 1rem !important; }\n\n.pt-1 {\n padding-top: 1rem !important; }\n\n.pr-1 {\n padding-right: 1rem !important; }\n\n.pb-1 {\n padding-bottom: 1rem !important; }\n\n.pl-1 {\n padding-left: 1rem !important; }\n\n.px-1 {\n padding-right: 1rem !important;\n padding-left: 1rem !important; }\n\n.py-1 {\n padding-top: 1rem !important;\n padding-bottom: 1rem !important; }\n\n.p-2 {\n padding: 1.5rem 1.5rem !important; }\n\n.pt-2 {\n padding-top: 1.5rem !important; }\n\n.pr-2 {\n padding-right: 1.5rem !important; }\n\n.pb-2 {\n padding-bottom: 1.5rem !important; }\n\n.pl-2 {\n padding-left: 1.5rem !important; }\n\n.px-2 {\n padding-right: 1.5rem !important;\n padding-left: 1.5rem !important; }\n\n.py-2 {\n padding-top: 1.5rem !important;\n padding-bottom: 1.5rem !important; }\n\n.p-3 {\n padding: 3rem 3rem !important; }\n\n.pt-3 {\n padding-top: 3rem !important; }\n\n.pr-3 {\n padding-right: 3rem !important; }\n\n.pb-3 {\n padding-bottom: 3rem !important; }\n\n.pl-3 {\n padding-left: 3rem !important; }\n\n.px-3 {\n padding-right: 3rem !important;\n padding-left: 3rem !important; }\n\n.py-3 {\n padding-top: 3rem !important;\n padding-bottom: 3rem !important; }\n\n.pos-f-t {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030; }\n\n.text-justify {\n text-align: justify !important; }\n\n.text-nowrap {\n white-space: nowrap !important; }\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.text-xs-left {\n text-align: left !important; }\n\n.text-xs-right {\n text-align: right !important; }\n\n.text-xs-center {\n text-align: center !important; }\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important; }\n .text-sm-right {\n text-align: right !important; }\n .text-sm-center {\n text-align: center !important; } }\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important; }\n .text-md-right {\n text-align: right !important; }\n .text-md-center {\n text-align: center !important; } }\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important; }\n .text-lg-right {\n text-align: right !important; }\n .text-lg-center {\n text-align: center !important; } }\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important; }\n .text-xl-right {\n text-align: right !important; }\n .text-xl-center {\n text-align: center !important; } }\n\n.text-lowercase {\n text-transform: lowercase !important; }\n\n.text-uppercase {\n text-transform: uppercase !important; }\n\n.text-capitalize {\n text-transform: capitalize !important; }\n\n.font-weight-normal {\n font-weight: normal; }\n\n.font-weight-bold {\n font-weight: bold; }\n\n.font-italic {\n font-style: italic; }\n\n.text-white {\n color: #fff !important; }\n\n.text-muted {\n color: #7A7A7A !important; }\n\na.text-muted:focus, a.text-muted:hover {\n color: #616161 !important; }\n\n.text-primary {\n color: #2fb5d2 !important; }\n\na.text-primary:focus, a.text-primary:hover {\n color: #2592a9 !important; }\n\n.text-success {\n color: #4cbb6c !important; }\n\na.text-success:focus, a.text-success:hover {\n color: #3a9a56 !important; }\n\n.text-info {\n color: #5bc0de !important; }\n\na.text-info:focus, a.text-info:hover {\n color: #31b0d5 !important; }\n\n.text-warning {\n color: #ff9a52 !important; }\n\na.text-warning:focus, a.text-warning:hover {\n color: #ff7c1f !important; }\n\n.text-danger {\n color: #ff4c4c !important; }\n\na.text-danger:focus, a.text-danger:hover {\n color: #ff1919 !important; }\n\n.text-gray-dark {\n color: #373a3c !important; }\n\na.text-gray-dark:focus, a.text-gray-dark:hover {\n color: #1f2021 !important; }\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0; }\n\n.invisible {\n visibility: hidden !important; }\n\n.hidden-xs-up {\n display: none !important; }\n\n@media (max-width: 575px) {\n .hidden-xs-down {\n display: none !important; } }\n\n@media (min-width: 576px) {\n .hidden-sm-up {\n display: none !important; } }\n\n@media (max-width: 767px) {\n .hidden-sm-down {\n display: none !important; } }\n\n@media (min-width: 768px) {\n .hidden-md-up {\n display: none !important; } }\n\n@media (max-width: 991px) {\n .hidden-md-down {\n display: none !important; } }\n\n@media (min-width: 992px) {\n .hidden-lg-up {\n display: none !important; } }\n\n@media (max-width: 1199px) {\n .hidden-lg-down {\n display: none !important; } }\n\n@media (min-width: 1200px) {\n .hidden-xl-up {\n display: none !important; } }\n\n.hidden-xl-down {\n display: none !important; }\n\n.visible-print-block {\n display: none !important; }\n @media print {\n .visible-print-block {\n display: block !important; } }\n\n.visible-print-inline {\n display: none !important; }\n @media print {\n .visible-print-inline {\n display: inline !important; } }\n\n.visible-print-inline-block {\n display: none !important; }\n @media print {\n .visible-print-inline-block {\n display: inline-block !important; } }\n\n@media print {\n .hidden-print {\n display: none !important; } }\n\n@font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url(" + __webpack_require__(54) + ");\n /* For IE6-8 */\n src: local(\"Material Icons\"), local(\"MaterialIcons-Regular\"), url(" + __webpack_require__(55) + ") format(\"woff2\"), url(" + __webpack_require__(56) + ") format(\"woff\"), url(" + __webpack_require__(57) + ") format(\"truetype\"); }\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n /* Preferred icon size */\n display: inline-block;\n vertical-align: middle;\n width: 1em;\n height: 1em;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n /* Support for all WebKit browsers. */\n -webkit-font-smoothing: antialiased;\n /* Support for Safari and Chrome. */\n text-rendering: optimizeLegibility;\n /* Support for Firefox. */\n -moz-osx-font-smoothing: grayscale;\n /* Support for IE. */\n -webkit-font-feature-settings: 'liga';\n font-feature-settings: 'liga'; }\n\nbody,\nhtml {\n height: 100%; }\n\nbody {\n direction: ltr;\n font-family: \"Poppins\", sans-serif;\n font-size: 0.875rem;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #777777;\n background: #f2f2f2;\n line-height: 1.5em;\n font-weight: 500; }\n body main {\n transition: all 0.52s cubic-bezier(0.36, 0.76, 0, 0.88); }\n\nul {\n list-style: none;\n padding-left: 0; }\n\na {\n font-weight: 500;\n color: #000000;\n position: relative;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\na:hover, a:focus {\n color: #00c293;\n text-decoration: none;\n outline: none; }\n\np {\n font-size: 0.9375rem;\n color: #777777;\n font-weight: 500; }\n\n.dropdown-item:focus, .dropdown-item:hover {\n background: none; }\n\n.color,\n.custom-checkbox input[type=\"checkbox\"] + span.color {\n width: 42px;\n height: 42px;\n display: inline-block;\n margin: 0.05rem 0.15rem 0 0;\n border: none;\n cursor: pointer;\n background-size: contain;\n border-radius: 50%;\n position: relative;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .color:before,\n .custom-checkbox input[type=\"checkbox\"] + span.color:before {\n pointer-events: none;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 0 8px #ffffff, 0 0 0 3px #ffffff;\n border-radius: 50%;\n transform: scale(1.15);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);\n z-index: 2; }\n #search_filters .color:before, #search_filters\n .custom-checkbox input[type=\"checkbox\"] + span.color:before {\n box-shadow: 0 0 0 3px #ffffff; }\n .color.white:after,\n .custom-checkbox input[type=\"checkbox\"] + span.color.white:after {\n pointer-events: none;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 0 8px #f2f2f2;\n border-radius: 50%;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);\n z-index: 1; }\n .color:hover,\n .custom-checkbox input[type=\"checkbox\"] + span.color:hover {\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14); }\n .color:hover:before,\n .custom-checkbox input[type=\"checkbox\"] + span.color:hover:before {\n box-shadow: inset 0 0 0 7px #ffffff, 0 0 0 0 #f2f2f2;\n transform: scale(0.9); }\n .color.white:hover:after,\n .custom-checkbox input[type=\"checkbox\"] + span.color.white:hover:after {\n box-shadow: inset 0 0 0 9px #f2f2f2;\n transform: scale(0.9); }\n .color.white:hover:before,\n .custom-checkbox input[type=\"checkbox\"] + span.color.white:hover:before {\n box-shadow: inset 0 0 0 7px #ffffff, 0 0 0 3px #f2f2f2; }\n\n.facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color {\n border: 2px solid #5c5c5c; }\n\n.h1,\n.h2,\n.h3 {\n font-family: \"Cuprum\", sans-serif;\n text-transform: uppercase;\n color: #1c1c1c; }\n\n.h4 {\n font-family: \"Cuprum\", sans-serif;\n font-weight: 700;\n color: #1c1c1c; }\n\nh1, h2, h3, h4, h5, h6 {\n color: #1c1c1c; }\n\n.btn {\n font-family: \"Cuprum\", sans-serif;\n font-size: 20px;\n line-height: 20px;\n padding: 14px 30px;\n border-radius: 4px;\n background: #5fceb3;\n border: 2px solid #5fceb3;\n color: #ffffff;\n white-space: normal;\n box-shadow: 0 6px 18px 0px rgba(0, 0, 0, 0.12);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .btn:hover, .btn:focus, .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover {\n background: #1c1c1c;\n border: 2px solid #1c1c1c;\n color: #ffffff;\n text-decoration: none;\n box-shadow: 0 14px 50px 0px rgba(0, 0, 0, 0.22); }\n\n.btn-primary, .btn-secondary, .btn-tertiary {\n text-transform: uppercase;\n font-weight: 600; }\n .btn-primary .material-icons,\n .btn-secondary .material-icons,\n .btn-tertiary .material-icons {\n margin-right: 0.625rem; }\n\n.btn-tertiary {\n text-transform: lowercase;\n padding: 0.25rem;\n margin: 0.25rem 0;\n font-weight: 400;\n font-size: 0.875rem; }\n .btn-tertiary .material-icons {\n font-size: 1rem; }\n\n.btn-unstyle {\n background-color: transparent;\n border: none;\n padding: 0;\n text-align: inherit; }\n .btn-unstyle:focus {\n outline: 0; }\n\n.btn-high {\n padding: 20px 30px; }\n\nlabel, .label {\n color: #1c1c1c;\n text-align: right;\n font-size: 1rem; }\n\nsmall.label, small.value {\n font-size: 0.8125rem; }\n\n.form-control-label {\n padding-top: 0.625rem; }\n\n.form-control, #quantity_wanted {\n border-width: 2px;\n border-style: solid;\n padding: 0.5rem 1rem;\n min-width: 6rem;\n border-radius: 4px !important;\n font-weight: 600;\n font-size: 0.875rem;\n outline: none;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .form-control:focus, #quantity_wanted:focus {\n border-color: #5c5c5c; }\n\ninput {\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\n.input-group {\n min-width: 6rem; }\n .input-group.bootstrap-touchspin {\n box-shadow: none;\n display: -ms-flexbox;\n display: flex; }\n .input-group.focus {\n border-color: #5c5c5c; }\n .input-group .form-control:focus {\n outline: none; }\n .input-group .input-group-btn {\n width: 0;\n height: 100%; }\n .input-group .input-group-btn.group-span-filestyle {\n width: auto; }\n .input-group .input-group-btn.group-span-filestyle > .btn {\n position: absolute;\n border-radius: 4px;\n right: 0;\n top: 0;\n font-weight: 600;\n font-size: 0.925rem;\n line-height: 2;\n text-transform: capitalize;\n font-family: \"Poppins\", sans-serif;\n height: 100%;\n z-index: 5; }\n .input-group .input-group-btn.group-span-filestyle .buttonText {\n display: -ms-flexbox;\n display: flex; }\n .input-group .input-group-btn.group-span-filestyle .buttonText svg {\n width: 26px;\n height: 26px;\n margin-top: 3px;\n margin-left: 4px;\n margin-right: 4px; }\n .input-group .input-group-btn.group-span-filestyle .buttonText svg * {\n stroke: #ffffff !important; }\n .input-group .input-group-btn > .btn {\n border: 0;\n box-shadow: none;\n color: #ffffff;\n background: #5fceb3;\n font-size: 0.6875rem;\n font-weight: normal;\n margin-left: 0;\n padding: 0.625rem 1rem;\n text-transform: uppercase;\n outline: none !important; }\n .input-group .input-group-btn > .btn[data-action=\"show-password\"] {\n height: 100%;\n color: #1c1c1c;\n background: none;\n border: none;\n position: absolute;\n top: 0;\n right: 0;\n width: auto;\n z-index: 5;\n display: -ms-flexbox;\n display: flex; }\n .input-group .input-group-btn > .btn[data-action=\"show-password\"]:before {\n content: '';\n height: 50%;\n width: 2px;\n left: 0;\n top: 25%;\n position: absolute;\n background: #f2f2f2; }\n .input-group .input-group-btn > .btn[data-action=\"show-password\"] i {\n color: #1c1c1c;\n font-size: 1.5rem;\n font-style: normal;\n display: inline-block;\n opacity: 0.2;\n width: 26px;\n height: 26px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .input-group .input-group-btn > .btn[data-action=\"show-password\"] i svg {\n width: 26px;\n height: 26px; }\n .input-group .input-group-btn > .btn[data-action=\"show-password\"]:hover i {\n opacity: 1; }\n\n.custom-file .btn {\n display: -ms-flexbox;\n display: flex; }\n .custom-file .btn svg {\n width: 26px;\n height: 26px;\n margin-top: 3px;\n margin-left: 4px;\n margin-right: 4px; }\n .custom-file .btn svg * {\n stroke: #ffffff !important; }\n\ninput, textarea {\n height: 3.25rem;\n padding: 0.5rem 1.5rem;\n border: 2px solid #f2f2f2;\n background: #ffffff;\n border-radius: 3px;\n font-weight: 500;\n font-size: 0.875rem;\n outline: none !important;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n color: #aaaaaa; }\n input::-moz-placeholder, textarea::-moz-placeholder {\n color: #aaaaaa; }\n input:-ms-input-placeholder, textarea:-ms-input-placeholder {\n color: #aaaaaa; }\n input:-moz-placeholder, textarea:-moz-placeholder {\n color: #aaaaaa; }\n input:active::-webkit-input-placeholder, textarea:active::-webkit-input-placeholder {\n color: #aaaaaa; }\n input:active::-moz-placeholder, textarea:active::-moz-placeholder {\n color: #aaaaaa; }\n input:active:-ms-input-placeholder, textarea:active:-ms-input-placeholder {\n color: #aaaaaa; }\n input:active:-moz-placeholder, textarea:active:-moz-placeholder {\n color: #aaaaaa; }\n input:not(.btn):focus, textarea:not(.btn):focus {\n border-color: #5c5c5c;\n padding-left: 1.5rem;\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14); }\n\ntextarea, textarea.form-control {\n padding-top: 1rem;\n padding-bottom: 1rem;\n min-height: 80px; }\n\n.form-control-select, body select.form-control:not([size]):not([multiple]) {\n -moz-appearance: none;\n -webkit-appearance: none;\n background: #ffffff url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=\") no-repeat scroll right 0.5rem center/1.25rem 1.25rem;\n height: 3.25rem;\n padding: 0.5rem 1.2rem;\n border: 2px solid #f2f2f2;\n border-radius: 3px;\n font-weight: 500;\n font-size: 0.875rem;\n cursor: pointer;\n outline: none !important; }\n .form-control-select:focus, body select.form-control:not([size]):not([multiple]):focus {\n border-color: #5c5c5c;\n padding-left: 1.5rem;\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14); }\n\nbody select.form-control:not([size]):not([multiple]) {\n padding-right: 2.75rem; }\n\n.form-control-valign {\n padding-top: 0.5rem; }\n\n.form-control-comment {\n font-size: 0.75rem;\n padding-top: 0.5rem;\n letter-spacing: 0.1rem;\n padding-left: 0;\n color: #bbbbbb;\n letter-spacing: 0.04rem; }\n\n.form-control-submit.disabled {\n background: #5fceb3;\n color: #ffffff; }\n\n@media (max-width: 991px) {\n .form-control-comment {\n padding-left: 5px;\n text-align: right; } }\n\n.form-group.has-error input,\n.form-group.has-error select {\n outline: 0.1875rem solid #ff4c4c; }\n\n.form-group.has-error .help-block {\n color: #ff4c4c; }\n\n@media (min-width: 768px) {\n .form-group.row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center; } }\n\n.group-span-filestyle label {\n margin: 0; }\n .group-span-filestyle label .icon-span-filestyle {\n display: none; }\n\n.group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin {\n background: #5fceb3;\n color: #ffffff;\n text-transform: uppercase;\n border-radius: 0;\n font-size: 0.875rem;\n padding: 0.5rem 1rem; }\n\n.bootstrap-touchspin {\n width: auto;\n float: left;\n display: inline-block;\n box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); }\n .bootstrap-touchspin input:focus {\n outline: none; }\n .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {\n float: left; }\n .bootstrap-touchspin .input-group-btn-vertical {\n color: #1c1c1c;\n width: auto;\n float: left;\n border-radius: 3px;\n overflow: hidden;\n z-indeX: 5;\n display: table; }\n .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {\n border-radius: 0;\n padding: 12px 10px 11px; }\n .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {\n border-radius: 0;\n padding: 11px 10px 12px; }\n .bootstrap-touchspin .input-group-btn-vertical > .btn {\n margin-left: 0;\n background: #ffffff;\n border-color: #f2f2f2; }\n .bootstrap-touchspin .input-group-btn-vertical > .btn i {\n color: #1c1c1c; }\n .bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after {\n content: \"\\E5CE\"; }\n .bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after {\n content: \"\\E5CF\"; }\n .bootstrap-touchspin .input-group-btn-vertical i {\n top: 0.2rem;\n left: 0.15rem;\n font-size: 0.9375rem; }\n\n.custom-radio {\n display: inline-block;\n position: relative;\n width: 22px;\n height: 22px;\n vertical-align: middle;\n cursor: pointer;\n border-radius: 50%;\n border: #f2f2f2 2px solid;\n background: none;\n margin-right: 1.35rem;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .custom-radio input[type=\"radio\"] {\n opacity: 0;\n cursor: pointer;\n height: auto; }\n .custom-radio input[type=\"radio\"] + span {\n pointer-events: none;\n display: block;\n background: none;\n width: 14px;\n height: 8px;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0.125rem;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .custom-radio input[type=\"radio\"]:checked + span {\n background: #00c293;\n top: 0.125rem;\n height: 14px; }\n .custom-radio:hover {\n border-color: #5c5c5c;\n box-shadow: 0 14px 50px 0px rgba(0, 0, 0, 0.22); }\n\n.custom-checkbox {\n position: relative; }\n .custom-checkbox input[type=\"checkbox\"] {\n margin-top: 0.25rem;\n opacity: 0;\n width: 1.25rem;\n height: auto;\n cursor: pointer;\n position: absolute; }\n .custom-checkbox input[type=\"checkbox\"] + span {\n margin-right: 4px;\n margin-top: 2px;\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n vertical-align: middle;\n cursor: pointer;\n border: 2px solid #f2f2f2;\n border-radius: 4px;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .custom-checkbox input[type=\"checkbox\"] + span .checkbox-checked {\n display: none;\n margin: 0 -0.1rem;\n font-size: 1.5rem;\n font-weight: bold;\n color: #00c293;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .custom-checkbox input[type=\"checkbox\"]:checked + span .checkbox-checked {\n display: inline-block;\n margin-top: -12px; }\n .custom-checkbox input[type=\"checkbox\"]:focus + span {\n border-color: #f2f2f2; }\n .custom-checkbox input[type=\"checkbox\"]:hover + span {\n border-color: #5c5c5c;\n box-shadow: 0 14px 50px 0px rgba(0, 0, 0, 0.22); }\n .custom-checkbox label {\n text-align: left;\n font-size: 0.875rem;\n margin-bottom: 0; }\n\n.text-muted {\n font-size: 0.875rem; }\n\n.done {\n color: #4cbb6c;\n display: inline-block;\n padding: 0 0.8125rem;\n margin-right: 1.563rem; }\n\n.thumb-mask > .mask {\n position: relative;\n width: 3.438rem;\n height: 3.438rem;\n overflow: hidden;\n border: #F1F1F1 1px solid;\n margin: 0.625rem 0; }\n .thumb-mask > .mask img {\n width: 55px;\n height: 55px; }\n\n.definition-list dl {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; }\n .definition-list dl dt {\n font-weight: normal; }\n .definition-list dl dd,\n .definition-list dl dt {\n -ms-flex: 0 0 45%;\n flex: 0 0 45%;\n background: #F1F1F1;\n padding: 0.625rem;\n margin: 0.125rem; }\n .definition-list dl dd:nth-of-type(even),\n .definition-list dl dt:nth-of-type(even) {\n background: #f6f6f6; }\n\n.help-block {\n margin-top: 0.625rem; }\n\n.btn.disabled,\n.btn.disabled:hover {\n background: #7A7A7A; }\n\n.alert {\n padding: 0.95rem 1.5rem;\n background: none;\n border-radius: 6px;\n font-size: 0.95rem;\n border-color: #f2f2f2;\n box-shadow: 0 8px 18px 0px rgba(0, 0, 0, 0.1); }\n\n.alert-warning .material-icons {\n font-size: 2rem;\n margin-right: 0.625rem;\n padding-top: 0.3125rem; }\n\n.alert-warning .alert-text {\n font-size: 0.9375rem;\n padding-top: 0.625rem; }\n\n.alert-warning .alert-link {\n border-radius: 2px;\n border-width: 2px;\n margin-left: 0.625rem;\n padding: 0.3125rem 1.25rem;\n font-weight: 600;\n font-size: 0.8125rem; }\n\n.alert-warning ul {\n margin-bottom: 0.5rem !important; }\n\n.alert-warning .warning-buttons {\n margin-top: 0.3125rem; }\n\n.alert-danger {\n color: #ff4653; }\n\n.btn-tertiary-outline {\n background-image: none;\n background-color: transparent; }\n\n.nav-item .nav-link,\n.nav-item .nav-separtor {\n color: #7A7A7A;\n font-weight: bold; }\n .nav-item .nav-link.active,\n .nav-item .nav-separtor.active {\n color: #232323; }\n\n.separator {\n margin: 0;\n border-color: #f2f2f2; }\n\n.text-center {\n text-align: center; }\n\n.hide_it_pls {\n visibility: hidden;\n display: none; }\n\n.ps-alert-error {\n margin-bottom: 0; }\n\n.ps-alert-error .item,\n.ps-alert-success .item {\n -ms-flex-align: center;\n align-items: center;\n border: 2px #ff4c4c solid;\n display: -ms-flexbox;\n display: flex;\n background-color: #ff4c4c;\n margin-bottom: 1rem; }\n .ps-alert-error .item i,\n .ps-alert-success .item i {\n border: 15px #ff4c4c solid;\n display: -ms-flexbox;\n display: flex; }\n .ps-alert-error .item i svg,\n .ps-alert-success .item i svg {\n background-color: #ff4c4c;\n width: 24px;\n height: 24px; }\n .ps-alert-error .item p,\n .ps-alert-success .item p {\n background-color: #fff;\n margin: 0;\n padding: 18px 20px 18px 20px;\n width: 100%; }\n\n.ps-alert-success {\n padding: 0.25rem 0.25rem 2.75rem 0.25rem; }\n .ps-alert-success .item {\n border-color: #4cbb6c;\n background-color: #4cbb6c; }\n .ps-alert-success .item i {\n border-color: #4cbb6c; }\n .ps-alert-success .item i svg {\n background-color: #4cbb6c; }\n\n.dropdown .expand-more {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.dropdown .active {\n max-height: 200px;\n overflow-y: hidden;\n visibility: visible; }\n\n.dropdown select {\n -moz-appearance: none;\n border: 0 none;\n outline: 0 none; }\n\n.dropdown-item {\n font-size: 0.875rem;\n font-weight: 500; }\n\n.dropdown-item:focus, .dropdown-item:hover {\n background: none;\n text-decoration: none;\n color: #00c293; }\n\nul.dropdown-menu {\n border: 2px solid #f2f2f2;\n border-radius: 4px;\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.12); }\n\n.search-widget {\n float: right; }\n .search-widget form {\n position: relative; }\n .search-widget form input[type=text] {\n min-width: 320px;\n padding: 0.5rem 2rem 0.5rem 1rem; }\n .search-widget form input[type=text]:focus {\n padding-left: 1.5rem;\n padding-right: 2.5rem; }\n .search-widget form input[type=text]:focus + button {\n transform: translateX(-0.25rem); }\n .search-widget form button[type=submit] {\n position: absolute;\n background: none;\n border: none;\n bottom: 0.45rem;\n right: 0.55rem;\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .search-widget form button[type=submit] .search {\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .search-widget form button[type=submit] .search svg {\n width: 22px; }\n .search-widget form button[type=submit] .search:hover {\n color: #00c293; }\n\n.header-top .search-widget form input[type=\"text\"] {\n height: 4rem;\n min-width: inherit;\n width: 100%;\n border-radius: 5px;\n border-color: #ffffff;\n padding: 0.5rem 2rem 0.5rem 1.5rem;\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.07); }\n .header-top .search-widget form input[type=\"text\"]:hover {\n box-shadow: 0 14px 40px 0px rgba(0, 0, 0, 0.16); }\n .header-top .search-widget form input[type=\"text\"]:focus {\n padding-left: 1.75rem;\n padding-right: 2.75rem;\n box-shadow: 0 14px 40px 0px rgba(0, 0, 0, 0.16); }\n\n.header-top .search-widget form button[type=submit] {\n bottom: 0.6rem;\n right: 0.7rem;\n outline: none !important; }\n .header-top .search-widget form button[type=submit] .search svg {\n width: 28px; }\n\n#checkout #search_widget {\n display: none;\n /* Not ideal solution by allows to reuse same hooks/templates */ }\n\n#pagenotfound .page-content #search_widget {\n width: 100%; }\n\n.page-not-found .search-widget form {\n display: inline-block; }\n\n.layout-full-width.page-search h2 {\n margin-top: 22px;\n text-align: center; }\n\n/*** Responsive part ***/\n@media (max-width: 767px) {\n .header-top .search-widget {\n float: none;\n padding: 0 0.9375rem; }\n .header-top .search-widget form {\n margin: 0 auto; }\n .header-top .search-widget form input[type=\"text\"] {\n min-width: inherit;\n background: white; } }\n\n#_desktop_top_menu {\n width: 100%; }\n #_desktop_top_menu ul#top-menu {\n position: relative;\n padding: 0;\n width: 100%;\n background: #ffffff;\n border-radius: 5px;\n box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.07);\n display: inline-block;\n padding: 0 0 0 10px;\n margin: 0; }\n #_desktop_top_menu ul#top-menu li {\n padding: 0; }\n #_desktop_top_menu ul#top-menu li a[data-depth=\"0\"] {\n font-family: \"Cuprum\", sans-serif;\n line-height: 68px;\n font-size: 1.25rem;\n text-transform: uppercase;\n color: #1c1c1c;\n padding: 0 24px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n #_desktop_top_menu ul#top-menu li a[data-depth=\"0\"]:hover {\n color: #00c293; }\n\n.top-menu[data-depth=\"1\"] {\n margin: 0;\n padding: 1.25rem 0.75rem; }\n\n.top-menu a:not([data-depth=\"0\"]) {\n display: block;\n padding: 0.625rem;\n color: #1c1c1c;\n font-weight: 400; }\n\n.top-menu a.dropdown-submenu {\n color: #1c1c1c;\n text-transform: uppercase;\n font-weight: 600; }\n\n.top-menu a[data-depth=\"0\"] {\n font-weight: 600;\n padding: 0.1875rem 0.625rem 0.375rem; }\n #header .top-menu a[data-depth=\"0\"]:hover {\n color: #00c293;\n text-decoration: none; }\n\n.top-menu a[data-depth=\"1\"],\n.top-menu a[data-depth=\"2\"] {\n padding: 0 0.625rem 0.625rem 0; }\n\n.top-menu .collapse {\n display: inherit; }\n\n.top-menu .sub-menu {\n box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.07);\n background: #ffffff;\n border-radius: 5px;\n border: none;\n width: 100%;\n min-width: 100%;\n z-index: 18;\n display: block !important;\n opacity: 0;\n visibility: hidden; }\n .top-menu .sub-menu.collapse {\n display: none; }\n .top-menu .sub-menu ul[data-depth=\"1\"] > li {\n float: left;\n margin: 0 1.25rem 1.5rem; }\n .top-menu .sub-menu a:hover {\n color: #00c293; }\n\n.top-menu > li:hover .sub-menu {\n top: 68px !important;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\n.top-menu .popover {\n max-width: inherit;\n border-radius: 0; }\n\n.popover.bs-tether-element-attached-top {\n margin-top: 0; }\n\n#mobile_top_menu_wrapper {\n margin-top: 0.625rem;\n padding-bottom: 0.625rem;\n background: #ffffff; }\n #mobile_top_menu_wrapper #top-menu {\n margin-bottom: 0.625rem; }\n #mobile_top_menu_wrapper .top-menu {\n color: #1c1c1c; }\n #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded=\"true\"] .add {\n display: none; }\n #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded=\"true\"] .remove {\n display: block; }\n #mobile_top_menu_wrapper .top-menu .collapse-icons .remove {\n display: none; }\n #mobile_top_menu_wrapper .top-menu .navbar-toggler {\n display: inline-block;\n padding: 0; }\n #mobile_top_menu_wrapper .top-menu a[data-depth=\"0\"] {\n padding: 0.625rem;\n border-bottom: 1px solid #f6f6f6; }\n #mobile_top_menu_wrapper .top-menu .collapse {\n display: none; }\n #mobile_top_menu_wrapper .top-menu .collapse.in {\n display: block; }\n #mobile_top_menu_wrapper .top-menu .sub-menu {\n box-shadow: none;\n z-index: inherit;\n display: block;\n position: static;\n overflow: hidden;\n margin-left: 0;\n width: 100%;\n min-width: 100%;\n background: #f6f6f6; }\n #mobile_top_menu_wrapper .top-menu .sub-menu.collapse {\n display: none; }\n #mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in {\n display: block; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth=\"0\"] > li {\n border-bottom: 1px solid #7A7A7A; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth=\"1\"] {\n margin: 0; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth=\"1\"] > li {\n float: none;\n margin: 0; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth=\"1\"] > li a {\n text-transform: none; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul {\n padding: 0; }\n #mobile_top_menu_wrapper .top-menu .sub-menu li > a {\n padding: 0.625rem;\n border-bottom: 1px solid white;\n font-weight: bold; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth=\"2\"] li a {\n padding-left: 1.25rem; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth=\"3\"] li a {\n padding-left: 2.5rem; }\n #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth=\"4\"] li a {\n padding-left: 3.75rem; }\n #mobile_top_menu_wrapper .js-top-menu-bottom a {\n color: #7A7A7A; }\n #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper {\n padding: 0.625rem; }\n #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector {\n display: inline; }\n #mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector {\n padding: 0.625rem; }\n #mobile_top_menu_wrapper .js-top-menu-bottom #contact-link {\n padding: 0.625rem; }\n #mobile_top_menu_wrapper .js-top-menu-bottom .user-info {\n padding: 0 0.625rem; }\n #mobile_top_menu_wrapper .js-top-menu-bottom .user-info a {\n padding: 0.625rem 0;\n display: block;\n width: 100%; }\n\nbody#checkout #block-reassurance li {\n border: none; }\n\nbody#checkout #js-checkout-summary {\n border-radius: 3px;\n padding: 3rem; }\n body#checkout #js-checkout-summary .card-block {\n padding: 1.25rem 0; }\n body#checkout #js-checkout-summary .card-block:first-child {\n padding-top: 0; }\n\n@media (min-width: 768px) {\n body#checkout .co_main {\n padding-right: 6px; }\n body#checkout .co_right {\n padding-left: 6px; } }\n\nbody#checkout section#content {\n margin-bottom: 1.563rem; }\n\nbody#checkout .container {\n min-height: 100%; }\n\nbody#checkout section.checkout-step {\n background: #ffffff;\n border-bottom: 2px solid #f2f2f2;\n padding: 1.5rem;\n box-shadow: 0 20px 32px 0px rgba(0, 0, 0, 0.14);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n body#checkout section.checkout-step:last-child {\n border: 0; }\n body#checkout section.checkout-step .step-title {\n text-transform: uppercase;\n cursor: pointer;\n margin-bottom: 0;\n padding: 0.625rem; }\n body#checkout section.checkout-step .content {\n padding: 0 2.313rem;\n margin-top: 22px; }\n body#checkout section.checkout-step .step-edit {\n text-transform: lowercase;\n font-weight: normal;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n body#checkout section.checkout-step .step-edit .edit svg {\n width: 22px; }\n body#checkout section.checkout-step .step-edit .edit svg * {\n stroke: #1c1c1c !important; }\n body#checkout section.checkout-step:hover .step-edit {\n transform: translateX(-30%); }\n body#checkout section.checkout-step:hover .step-edit .edit svg * {\n stroke: #00c293 !important; }\n body#checkout section.checkout-step .not-allowed {\n cursor: not-allowed;\n opacity: 0.5; }\n body#checkout section.checkout-step .content,\n body#checkout section.checkout-step .done,\n body#checkout section.checkout-step .step-edit {\n display: none; }\n body#checkout section.checkout-step.-current .content {\n display: block; }\n body#checkout section.checkout-step.-current.-reachable.-complete .done,\n body#checkout section.checkout-step.-current.-reachable.-complete .step-edit {\n display: none; }\n body#checkout section.checkout-step.-current.-reachable.-complete .step-number {\n display: inline-block; }\n body#checkout section.checkout-step.-current.-reachable.-complete .content {\n display: block; }\n body#checkout section.checkout-step.-reachable.-complete h1 .done {\n display: inline-block;\n margin-top: -8px; }\n body#checkout section.checkout-step.-reachable.-complete h1 .step-number {\n display: none; }\n body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {\n cursor: pointer;\n display: block;\n float: right;\n margin-right: 0.125rem; }\n body#checkout section.checkout-step.-reachable.-complete .content {\n display: none; }\n body#checkout section.checkout-step .default-input {\n min-width: 40%; }\n body#checkout section.checkout-step .default-input[name=address1], body#checkout section.checkout-step .default-input[name=address2] {\n min-width: 60%; }\n body#checkout section.checkout-step .radio-field {\n margin-top: 1.875rem; }\n body#checkout section.checkout-step .radio-field label {\n display: inline; }\n body#checkout section.checkout-step .checkbox-field div {\n margin-top: 3.75rem; }\n body#checkout section.checkout-step .checkbox-field + .checkbox-field div {\n margin-top: 0; }\n body#checkout section.checkout-step .select-field div {\n padding: 0.625rem 3.125rem; }\n body#checkout section.checkout-step .form-footer {\n text-align: center; }\n body#checkout section.checkout-step #conditions-to-approve {\n padding-top: 1rem; }\n body#checkout section.checkout-step .payment-options label {\n display: table-cell;\n cursor: pointer; }\n body#checkout section.checkout-step .payment-options .custom-radio {\n margin-right: 1.25rem; }\n body#checkout section.checkout-step .payment-options .payment-option {\n margin-bottom: 0.5rem; }\n body#checkout section.checkout-step .step-number {\n display: inline-block;\n padding: 0.625rem; }\n body#checkout section.checkout-step .address-selector {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: start;\n align-items: flex-start;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; }\n body#checkout section.checkout-step .address-item {\n -ms-flex: 0 0 49%;\n flex: 0 0 49%;\n margin-bottom: 0.625rem;\n border: 2px solid #f2f2f2;\n border-radius: 5px; }\n body#checkout section.checkout-step .address-item.selected {\n border: 2px solid #5c5c5c;\n box-shadow: 0 6px 18px 0px rgba(0, 0, 0, 0.12); }\n body#checkout section.checkout-step .address-alias {\n display: inline-block;\n font-weight: 600;\n margin-bottom: 0.625rem;\n margin-left: 10px; }\n body#checkout section.checkout-step .address {\n margin-left: 36px;\n font-weight: normal;\n color: #777777;\n line-height: 22px; }\n body#checkout section.checkout-step .radio-block {\n padding: 0.9375rem;\n text-align: left;\n cursor: pointer; }\n body#checkout section.checkout-step .custom-radio {\n margin-right: 0; }\n body#checkout section.checkout-step .custom-radio input[type=\"radio\"] {\n height: 1.25rem;\n width: 1.25rem; }\n body#checkout section.checkout-step .delete-address,\n body#checkout section.checkout-step .edit-address {\n color: #7A7A7A;\n display: inline-block;\n margin: 0 0.3125rem; }\n body#checkout section.checkout-step .delete-address .delete,\n body#checkout section.checkout-step .delete-address .edit,\n body#checkout section.checkout-step .edit-address .delete,\n body#checkout section.checkout-step .edit-address .edit {\n font-size: 1rem; }\n body#checkout section.checkout-step hr {\n margin: 0; }\n body#checkout section.checkout-step .address-footer {\n text-align: center;\n padding: 0.625rem; }\n body#checkout section.checkout-step #delivery-addresses,\n body#checkout section.checkout-step #invoice-addresses {\n margin-top: 1.25rem; }\n body#checkout section.checkout-step .add-address {\n margin-top: 1.25rem; }\n body#checkout section.checkout-step .add-address a i {\n font-size: 0.9375rem; }\n body#checkout section.checkout-step .delivery-options {\n margin-bottom: 22px; }\n body#checkout section.checkout-step .delivery_message {\n font-size: 15px;\n text-align: left; }\n body#checkout section.checkout-step .delivery-option {\n padding: 1.5rem 0;\n margin-bottom: 0.9375rem;\n border: 2px solid #f2f2f2;\n border-radius: 5px;\n margin: 0 0 12px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n body#checkout section.checkout-step .delivery-option.active {\n border: 2px solid #5c5c5c;\n box-shadow: 0 6px 18px 0px rgba(0, 0, 0, 0.12); }\n body#checkout section.checkout-step .delivery-option .row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center; }\n body#checkout section.checkout-step .delivery-option label {\n text-align: inherit;\n margin: 0; }\n body#checkout section.checkout-step .carrier-delay {\n font-size: 0.875rem; }\n body#checkout section.checkout-step .carrier-delay,\n body#checkout section.checkout-step .carrier-name {\n display: inline-block;\n word-break: break-word;\n text-align: left;\n margin: 0; }\n body#checkout section.checkout-step #customer-form,\n body#checkout section.checkout-step #delivery-address,\n body#checkout section.checkout-step #invoice-address,\n body#checkout section.checkout-step #login-form {\n margin-left: 0.3125rem;\n margin-top: 1.563rem; }\n body#checkout section.checkout-step #customer-form .form-control-label,\n body#checkout section.checkout-step #delivery-address .form-control-label,\n body#checkout section.checkout-step #invoice-address .form-control-label,\n body#checkout section.checkout-step #login-form .form-control-label {\n text-align: left; }\n body#checkout section.checkout-step #customer-form .radio-inline,\n body#checkout section.checkout-step #delivery-address .radio-inline,\n body#checkout section.checkout-step #invoice-address .radio-inline,\n body#checkout section.checkout-step #login-form .radio-inline {\n padding: 0; }\n body#checkout section.checkout-step .sign-in {\n font-size: 0.875rem; }\n body#checkout section.checkout-step .forgot-password {\n margin-left: 26%; }\n\nbody#checkout .additional-information {\n font-size: 0.875rem;\n margin-left: 2.875rem;\n margin-top: 1.25rem; }\n\nbody#checkout .condition-label {\n margin-left: 2.5rem;\n margin-top: 0.625rem; }\n body#checkout .condition-label label {\n text-align: inherit; }\n\nbody#checkout .cancel-address {\n margin: 0.625rem;\n display: block;\n color: #777777;\n text-decoration: underline; }\n\nbody#checkout .modal-content {\n padding: 1.25rem; }\n\nbody#checkout #cart-summary-product-list {\n font-size: 0.875rem; }\n body#checkout #cart-summary-product-list img {\n width: 3.125rem; }\n body#checkout #cart-summary-product-list .media-left img {\n border-radius: 4px; }\n body#checkout #cart-summary-product-list .media-body {\n vertical-align: middle; }\n body#checkout #cart-summary-product-list .media-body .product-price {\n font-size: 1.125rem !important;\n margin-bottom: 0;\n float: none !important;\n display: block;\n line-height: 1.2;\n margin-bottom: 25px; }\n body#checkout #cart-summary-product-list .media-body .product-quantity {\n display: inline-block; }\n\nbody#checkout #order-summary-content {\n padding-top: 0.9375rem; }\n body#checkout #order-summary-content h4.h4 {\n margin-top: 0.625rem;\n margin-bottom: 1.25rem; }\n body#checkout #order-summary-content h4.addresshead {\n margin-top: 0.1875rem; }\n body#checkout #order-summary-content .noshadow {\n box-shadow: none; }\n body#checkout #order-summary-content #order-items {\n border-right: 0; }\n body#checkout #order-summary-content #order-items h3.h3 {\n margin-top: 1.25rem; }\n body#checkout #order-summary-content #order-items table tr:first-child td {\n border-top: 0; }\n body#checkout #order-summary-content .order-confirmation-table {\n padding: 1rem;\n margin-bottom: 2rem;\n background-color: #ffffff;\n border: 3px solid #f2f2f2;\n border-radius: 0; }\n body#checkout #order-summary-content .summary-selected-carrier {\n margin-bottom: 0.75rem;\n background-color: #ffffff;\n border: 1px solid #f2f2f2;\n border-radius: 0;\n padding: 1rem; }\n body#checkout #order-summary-content .step-edit {\n display: inline;\n color: #777777; }\n body#checkout #order-summary-content .step-edit:hover {\n cursor: pointer; }\n body#checkout #order-summary-content a .step-edit {\n color: #777777; }\n\nbody#checkout #gift_message, body#checkout #delivery {\n max-width: 100%;\n border-color: #f2f2f2; }\n body#checkout #gift_message textarea, body#checkout #delivery textarea {\n max-width: 100%;\n margin-bottom: 10px; }\n\n/**** ORDER CONFIRMATION *****/\n#order-details {\n padding-left: 54px; }\n #order-details > .card-title {\n margin-bottom: 1.875rem; }\n #order-details ul {\n margin-bottom: 1.25rem; }\n #order-details ul li {\n margin-bottom: 0.625rem; }\n\n#content-hook_payment_return {\n margin-bottom: 44px; }\n\n#order-items {\n border-right: #f2f2f2 2px solid;\n padding-right: 54px; }\n #order-items table {\n width: 100%; }\n #order-items table tr {\n height: 1.875rem; }\n #order-items table tr td:last-child {\n text-align: right; }\n #order-items .order-line {\n margin-top: 1rem; }\n #order-items .image img {\n width: 100%;\n max-width: 60px;\n border-radius: 4px;\n margin-bottom: 1rem; }\n #order-items .details {\n margin-bottom: 1rem; }\n #order-items .details .customizations {\n margin-top: 0.625rem; }\n #order-items .qty {\n margin-bottom: 1rem; }\n\n#order-confirmation #registration-form {\n width: 50%;\n margin: 0 auto 1rem; }\n\n@media (max-width: 991px) {\n .done {\n margin: 0;\n padding: 0; }\n body#checkout section.checkout-step .address-item {\n -ms-flex-positive: 1;\n flex-grow: 1; }\n body#checkout section.checkout-step .delivery-option-2 {\n -ms-flex-direction: column;\n flex-direction: column; }\n .delivery-option {\n display: -ms-flexbox;\n display: flex;\n margin: auto; }\n .delivery-option .custom-radio {\n -ms-flex: 0 0 auto;\n flex: 0 0 auto; }\n .condition-label label[for=\"conditions_to_approve[terms-and-conditions]\"] {\n text-align: left; }\n #order-confirmation #registration-form {\n width: 100%; } }\n\n@media (max-width: 767px) {\n body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {\n float: none;\n margin-top: 0.25rem;\n margin-left: 1.25rem; }\n body#checkout #header .header-nav {\n max-height: none;\n padding: 0; }\n body#checkout section.checkout-step .content {\n padding: 0.9375rem; }\n body#checkout .form-group {\n margin-bottom: 0.5rem; }\n #order-items {\n border-right: 0;\n margin-bottom: 2.5rem; }\n #order-items .card-title {\n border-bottom: 1px solid #f2f2f2;\n margin-bottom: 1rem;\n padding-bottom: 1rem; }\n #order-items hr {\n border-top-color: #f2f2f2; }\n .bold {\n font-weight: bold; }\n #order-details {\n padding-left: 0.9375rem; }\n #order-details .card-title {\n border-bottom: 2px solid #f2f2f2;\n margin-bottom: 1rem;\n padding-bottom: 1rem; }\n body#checkout section.checkout-step .forgot-password {\n margin-left: 0;\n margin-bottom: 20px;\n text-align: right; } }\n\n@media (max-width: 575px) {\n body#checkout section.checkout-step .content {\n padding: 0.9375rem 0; }\n #payment-confirmation button {\n font-size: 0.875rem; }\n #payment-confirmation button.btn {\n white-space: normal; } }\n\n#payment-confirmation {\n margin-bottom: 32px; }\n\n.js-payment-binary {\n display: none; }\n .js-payment-binary .accept-cgv {\n display: none; }\n .js-payment-binary.disabled {\n opacity: 0.6;\n cursor: not-allowed; }\n .js-payment-binary.disabled::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none; }\n .js-payment-binary.disabled .accept-cgv {\n display: block; }\n\n/*** SOME GENERIC STYLES ***/\n.table-labeled th {\n vertical-align: middle; }\n\n.table-labeled td {\n vertical-align: middle; }\n\n.table-labeled .label {\n font-weight: 400;\n border-radius: 3px;\n font-size: inherit;\n padding: 0.25rem 0.375rem;\n margin: 0.125rem;\n color: white;\n white-space: nowrap; }\n\n.page-order .table {\n margin-bottom: 0; }\n\n.page-order table th {\n padding: 0.5rem; }\n\n.page-order table td {\n padding: 0.5rem; }\n\n.page-order table thead th {\n text-align: center; }\n\n#authentication .tooltip.tooltip-bottom {\n padding: 0;\n margin: 0; }\n\n#authentication .custom-checkbox {\n display: -ms-flexbox;\n display: flex; }\n #authentication .custom-checkbox span {\n -ms-flex: 0 0 1.25rem;\n flex: 0 0 1.25rem; }\n #authentication .custom-checkbox label {\n padding-left: 0.625rem; }\n\n#identity .radio-inline,\n#authentication .radio-inline {\n padding: 0;\n margin-right: 0.4rem; }\n #identity .radio-inline .custom-radio,\n #authentication .radio-inline .custom-radio {\n margin-right: 0; }\n\n/*** Most of the customer accpunt pages ***/\n.page-customer-account #content {\n padding: 2rem;\n font-size: 0.875rem;\n color: #7A7A7A; }\n .page-customer-account #content .order-actions a {\n padding: 0 0.125rem; }\n .page-customer-account #content .forgot-password {\n text-align: center;\n font-size: 0.875rem;\n margin-top: 1rem;\n padding-bottom: 0.9375rem; }\n .page-customer-account #content .no-account {\n text-align: center;\n font-size: 1rem; }\n\n/*** Login page ***/\n.page-authentication #content {\n padding: 2rem;\n max-width: 640px;\n margin: 0 auto; }\n\n/*** Addresses page ***/\n.page-addresses .address {\n box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);\n background: white;\n margin-bottom: 1.875rem;\n font-size: 0.875rem;\n color: #232323; }\n .page-addresses .address .address-body {\n padding: 1rem; }\n .page-addresses .address .address-body h4 {\n font-size: 1rem;\n font-weight: 700; }\n .page-addresses .address .address-body address {\n min-height: 9rem; }\n .page-addresses .address .address-footer {\n border-top: 1px solid #7A7A7A;\n padding: 0.5rem 1rem; }\n .page-addresses .address .address-footer a {\n color: #7A7A7A;\n margin-right: 0.5rem; }\n .page-addresses .address .address-footer a:hover {\n color: #232323; }\n .page-addresses .address .address-footer a i {\n font-size: 1rem; }\n .page-addresses .address .address-footer a span {\n font-size: 0.9375rem;\n vertical-align: middle; }\n\n.page-addresses .addresses-footer {\n margin: 0 0.9375rem; }\n .page-addresses .addresses-footer a {\n color: #232323; }\n .page-addresses .addresses-footer a:hover {\n color: #232323; }\n .page-addresses .addresses-footer a i {\n font-size: 1rem; }\n .page-addresses .addresses-footer a span {\n font-size: 1rem;\n vertical-align: middle;\n margin-top: 0.625rem; }\n\n/*** Order details page ***/\n.page-order-detail {\n font-size: 0.875rem;\n color: #7A7A7A; }\n .page-order-detail .box {\n padding: 2rem;\n margin-bottom: 1rem; }\n .page-order-detail h3 {\n font-size: 1rem;\n font-weight: 700;\n text-transform: uppercase;\n color: #232323;\n margin-bottom: 1rem; }\n .page-order-detail #order-infos ul {\n margin: 0; }\n .page-order-detail #order-history .history-lines .history-line {\n padding: 0.5rem 0;\n border-bottom: 1px solid #f6f6f6; }\n .page-order-detail #order-history .history-lines .history-line:last-child {\n border-bottom: 0; }\n .page-order-detail #order-history .history-lines .history-line .label {\n display: inline-block;\n margin: 0.25rem 0;\n padding: 0.25rem 0.375rem;\n color: white;\n border-radius: 3px; }\n .page-order-detail .addresses {\n margin: 0 -0.9375rem; }\n .page-order-detail .addresses h4 {\n font-size: 1rem;\n font-weight: 700; }\n .page-order-detail #order-products.return {\n margin-bottom: 1rem; }\n .page-order-detail #order-products.return th.head-checkbox {\n width: 30px; }\n .page-order-detail #order-products.return td {\n padding: 1.375rem 0.75rem; }\n .page-order-detail #order-products.return td.qty {\n min-width: 125px; }\n .page-order-detail #order-products.return td.qty .current {\n width: 30%;\n float: left;\n text-align: right;\n padding-right: 0.5rem; }\n .page-order-detail #order-products.return td.qty .select {\n width: 70%;\n float: left;\n margin: -0.625rem 0;\n padding-left: 0.25rem; }\n .page-order-detail #order-products.return td.qty .select select {\n text-align: center; }\n .page-order-detail .order-items {\n padding: 0 !important; }\n .page-order-detail .order-items .order-item {\n padding: 1rem 1rem 0;\n border-bottom: 1px solid #f6f6f6; }\n .page-order-detail .order-items .order-item .checkbox {\n width: 30px;\n float: left;\n padding: 0 0.9375rem; }\n .page-order-detail .order-items .order-item .content {\n width: calc(100% - 30px);\n float: left;\n padding: 0 0.9375rem; }\n .page-order-detail .order-items .order-item .desc {\n margin-bottom: 1rem; }\n .page-order-detail .order-items .order-item .desc .name {\n font-weight: bold; }\n .page-order-detail .order-items .order-item .qty {\n margin-bottom: 1rem; }\n .page-order-detail .order-items .order-item .qty .q {\n margin-bottom: 0.25rem; }\n .page-order-detail .order-items .order-item .qty .s {\n margin-bottom: 0.25rem; }\n .page-order-detail .messages .message {\n margin-top: 0.5rem;\n border-bottom: 1px solid #f6f6f6; }\n .page-order-detail .messages .message:last-child {\n border-bottom: 0; }\n .page-order-detail .messages .message > div {\n margin-bottom: 0.5rem; }\n .page-order-detail .customization {\n margin-top: 0.75rem; }\n\n/*** Order return page ***/\n#order-return-infos .thead-default th {\n color: #232323; }\n\n#order-return-infos .customization {\n margin-top: 0.75rem; }\n\n/*** My account landing page ***/\n.page-my-account #content .links {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: start;\n justify-content: flex-start; }\n .page-my-account #content .links a {\n text-align: center;\n display: inline-block;\n font-size: 1rem;\n font-weight: 700;\n text-transform: uppercase;\n padding: 0 4px;\n margin-bottom: 8px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .page-my-account #content .links a span.link-item {\n font-family: \"Cuprum\", sans-serif;\n color: #1c1c1c;\n font-size: 1.25rem;\n border: 2px solid #f2f2f2;\n border-radius: 4px;\n display: block;\n height: 100%;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);\n padding: 2rem; }\n .page-my-account #content .links a span.link-item:before {\n font-size: 24px;\n color: #000000;\n content: '\\F178';\n font-family: 'FontAwesome';\n transform: translateX(-150%);\n -webkit-transform: translateX(-150%);\n opacity: 0;\n padding-top: 8px;\n position: absolute;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .page-my-account #content .links a i {\n display: block;\n font-size: 2.6rem;\n width: 100%;\n color: #000000;\n padding-bottom: 3.4rem;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .page-my-account #content .links a:hover {\n color: #00c293; }\n .page-my-account #content .links a:hover span {\n box-shadow: 0 24px 50px 0px rgba(0, 0, 0, 0.22); }\n .page-my-account #content .links a:hover span:before {\n opacity: 1;\n transform: translateX(-50%);\n -webkit-transform: translateX(-50%); }\n .page-my-account #content .links a:hover i {\n transform: translateX(3%);\n -webkit-transform: translateX(3%);\n opacity: 0; }\n\n/*** History page ***/\n#history .orders {\n margin: 0 -1rem; }\n #history .orders .order {\n padding: 0.75rem 1rem;\n border-bottom: 2px solid #f2f2f2; }\n #history .orders .order a h3 {\n color: #1c1c1c; }\n #history .orders .order .label {\n display: inline-block;\n margin: 0.25rem 0;\n padding: 0.25rem 0.375rem;\n border-radius: 3px; }\n #history .orders .order:last-child {\n border-bottom: 0; }\n\n/*** FOOTER ***/\n.page-footer .account-link {\n margin-right: 2rem; }\n .page-footer .account-link i {\n font-size: 1rem; }\n .page-footer .account-link span {\n font-size: 1rem;\n vertical-align: middle; }\n\n.login-form {\n margin-top: 15px; }\n .login-form .form-footer {\n text-align: center; }\n\n.forgotten-password {\n padding: 4px; }\n .forgotten-password .form-fields .center-email-fields {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center; }\n @media (max-width: 767px) {\n .forgotten-password .form-fields .center-email-fields {\n -ms-flex-direction: column;\n flex-direction: column; }\n .forgotten-password .form-fields .center-email-fields button {\n margin: 10px;\n width: calc(100% - 20px); }\n .forgotten-password .form-fields .center-email-fields .form-control-label {\n text-align: left; } }\n .forgotten-password .form-fields .center-email-fields button {\n margin-left: 14px; }\n .forgotten-password .form-fields .email {\n padding-left: 0;\n padding-right: 0; }\n .forgotten-password .form-fields .email input {\n margin-right: 14px; }\n @media (max-width: 767px) {\n .forgotten-password .form-fields .email {\n padding-left: 10px;\n padding-right: 10px;\n width: 100%; } }\n\n.send-renew-password-link {\n padding-left: 10px;\n padding-right: 10px; }\n\n.renew-password {\n margin-left: 10px; }\n .renew-password .email {\n padding-bottom: 30px; }\n .renew-password [type=submit] {\n margin-left: 50px; }\n\n.carousel {\n margin-bottom: 1.5rem; }\n .carousel .direction {\n z-index: auto; }\n .carousel .carousel-inner {\n height: auto; }\n @media (max-width: 767px) {\n .carousel .carousel-inner {\n height: auto; } }\n .carousel .carousel-item {\n height: 100%; }\n @media (max-width: 767px) {\n .carousel .carousel-item img {\n max-width: 100%;\n height: auto; } }\n @media (min-width: 768px) {\n .carousel .carousel-item img {\n width: 100%;\n margin-left: 0; } }\n .carousel .carousel-item figure {\n margin: 0; }\n .carousel .carousel-item .caption {\n position: absolute;\n color: white;\n max-width: 340px; }\n @media (min-width: 768px) {\n .carousel .carousel-item .caption {\n bottom: 28px;\n left: 90px; } }\n @media (max-width: 767px) {\n .carousel .carousel-item .caption {\n bottom: 5px;\n left: 40px; } }\n .carousel .carousel-item .caption .caption-description p {\n color: white; }\n @media (max-width: 767px) {\n .carousel .carousel-item figure {\n margin: 0; } }\n .carousel .carousel-control {\n display: none;\n opacity: 1; }\n .carousel .carousel-control .icon-next::before,\n .carousel .carousel-control .icon-prev::before {\n content: \"\"; }\n .carousel .carousel-control .icon-next i,\n .carousel .carousel-control .icon-prev i {\n font-size: 3.125rem;\n color: white; }\n .carousel .carousel-control .icon-next:hover i,\n .carousel .carousel-control .icon-prev:hover i {\n color: #2fb5d2; }\n .carousel .carousel-control .icon-prev {\n left: 1rem; }\n .carousel .carousel-control .icon-next {\n right: 2rem; }\n .carousel .carousel-control.left, .carousel .carousel-control.right {\n background: none; }\n\n#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: start;\n justify-content: flex-start;\n margin: 0 -0.375rem; }\n #products .products.owl-carousel, .featured-products .products.owl-carousel, .product-accessories .products.owl-carousel, .product-miniature .products.owl-carousel {\n padding: 0 12px;\n margin: 0; }\n #products .products.owl-carousel .owl-stage-outer, .featured-products .products.owl-carousel .owl-stage-outer, .product-accessories .products.owl-carousel .owl-stage-outer, .product-miniature .products.owl-carousel .owl-stage-outer {\n overflow: visible; }\n\n#products .product-image, .featured-products .product-image, .product-accessories .product-image, .product-miniature .product-image {\n display: block;\n position: relative; }\n\n#products .product-thumbnail, .featured-products .product-thumbnail, .product-accessories .product-thumbnail, .product-miniature .product-thumbnail {\n display: block;\n border-radius: 3px 3px 0 0;\n overflow: hidden; }\n\n#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {\n color: #1c1c1c;\n font-family: \"Poppins\", sans-serif;\n font-size: 1rem;\n text-decoration: none;\n text-align: center;\n font-weight: 500; }\n\n#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {\n position: relative;\n margin-bottom: 0.75rem;\n border-radius: 4px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n #products .thumbnail-container .count_icon, .featured-products .thumbnail-container .count_icon, .product-accessories .thumbnail-container .count_icon, .product-miniature .thumbnail-container .count_icon {\n display: none; }\n #products .thumbnail-container:hover, #products .thumbnail-container:focus, .featured-products .thumbnail-container:hover, .featured-products .thumbnail-container:focus, .product-accessories .thumbnail-container:hover, .product-accessories .thumbnail-container:focus, .product-miniature .thumbnail-container:hover, .product-miniature .thumbnail-container:focus {\n box-shadow: 0 20px 22px 0px rgba(0, 0, 0, 0.14); }\n #products .thumbnail-container:hover .product-description, #products .thumbnail-container:focus .product-description, .featured-products .thumbnail-container:hover .product-description, .featured-products .thumbnail-container:focus .product-description, .product-accessories .thumbnail-container:hover .product-description, .product-accessories .thumbnail-container:focus .product-description, .product-miniature .thumbnail-container:hover .product-description, .product-miniature .thumbnail-container:focus .product-description {\n border-color: #ffffff; }\n #products .thumbnail-container:hover .countcontainer, #products .thumbnail-container:focus .countcontainer, .featured-products .thumbnail-container:hover .countcontainer, .featured-products .thumbnail-container:focus .countcontainer, .product-accessories .thumbnail-container:hover .countcontainer, .product-accessories .thumbnail-container:focus .countcontainer, .product-miniature .thumbnail-container:hover .countcontainer, .product-miniature .thumbnail-container:focus .countcontainer {\n transform: translateY(1.25rem);\n opacity: 0;\n visibility: hidden; }\n #products .thumbnail-container:hover .action-block, #products .thumbnail-container:focus .action-block, .featured-products .thumbnail-container:hover .action-block, .featured-products .thumbnail-container:focus .action-block, .product-accessories .thumbnail-container:hover .action-block, .product-accessories .thumbnail-container:focus .action-block, .product-miniature .thumbnail-container:hover .action-block, .product-miniature .thumbnail-container:focus .action-block {\n transform: translateY(-1.25rem); }\n #products .thumbnail-container:hover .action-block .action-btn, #products .thumbnail-container:focus .action-block .action-btn, .featured-products .thumbnail-container:hover .action-block .action-btn, .featured-products .thumbnail-container:focus .action-block .action-btn, .product-accessories .thumbnail-container:hover .action-block .action-btn, .product-accessories .thumbnail-container:focus .action-block .action-btn, .product-miniature .thumbnail-container:hover .action-block .action-btn, .product-miniature .thumbnail-container:focus .action-block .action-btn {\n opacity: 1; }\n #products .thumbnail-container:hover .product-flags > *, #products .thumbnail-container:hover .discount-product, #products .thumbnail-container:focus .product-flags > *, #products .thumbnail-container:focus .discount-product, .featured-products .thumbnail-container:hover .product-flags > *, .featured-products .thumbnail-container:hover .discount-product, .featured-products .thumbnail-container:focus .product-flags > *, .featured-products .thumbnail-container:focus .discount-product, .product-accessories .thumbnail-container:hover .product-flags > *, .product-accessories .thumbnail-container:hover .discount-product, .product-accessories .thumbnail-container:focus .product-flags > *, .product-accessories .thumbnail-container:focus .discount-product, .product-miniature .thumbnail-container:hover .product-flags > *, .product-miniature .thumbnail-container:hover .discount-product, .product-miniature .thumbnail-container:focus .product-flags > *, .product-miniature .thumbnail-container:focus .discount-product {\n opacity: 0;\n box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.14);\n transform: translateY(20%); }\n\n#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {\n text-align: center;\n text-transform: capitalize;\n margin-bottom: 0.75rem; }\n\n#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping {\n color: #232323;\n font-weight: 700;\n text-align: center; }\n #products .product-price-and-shipping .price, .featured-products .product-price-and-shipping .price, .product-accessories .product-price-and-shipping .price, .product-miniature .product-price-and-shipping .price {\n font-family: \"Cuprum\", sans-serif;\n font-size: 1.5rem;\n color: #1c1c1c;\n font-weight: bold; }\n\n#products .variant-links, .featured-products .variant-links, .product-accessories .variant-links, .product-miniature .variant-links {\n display: none;\n position: relative;\n text-align: center;\n width: 100%;\n padding-top: 0.75rem;\n min-height: 2.5rem; }\n #products .variant-links a.color .ctooltip, .featured-products .variant-links a.color .ctooltip, .product-accessories .variant-links a.color .ctooltip, .product-miniature .variant-links a.color .ctooltip {\n position: absolute;\n pointer-events: none;\n opacity: 0;\n font-size: 1em;\n font-weight: 500;\n background: #ffffff;\n color: #1c1c1c;\n padding: 0.75em;\n border-radius: 3px;\n box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2); }\n #products .variant-links a.color .ctooltip .change, .featured-products .variant-links a.color .ctooltip .change, .product-accessories .variant-links a.color .ctooltip .change, .product-miniature .variant-links a.color .ctooltip .change {\n opacity: 1; }\n\n#products .action-block, .featured-products .action-block, .product-accessories .action-block, .product-miniature .action-block {\n pointer-events: none;\n position: absolute;\n bottom: 0;\n padding: 0 11px;\n z-index: 0;\n width: 100%;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n #products .action-block .action-btn, .featured-products .action-block .action-btn, .product-accessories .action-block .action-btn, .product-miniature .action-block .action-btn {\n pointer-events: auto;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n float: right;\n opacity: 0;\n width: 54px;\n height: 54px;\n background: #ffffff;\n color: #1c1c1c;\n border-radius: 4px;\n box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.07);\n margin-left: 6px;\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n #products .action-block .action-btn a, .featured-products .action-block .action-btn a, .product-accessories .action-block .action-btn a, .product-miniature .action-block .action-btn a {\n display: inline-block;\n width: 100%;\n height: 100%; }\n #products .action-block .action-btn i, .featured-products .action-block .action-btn i, .product-accessories .action-block .action-btn i, .product-miniature .action-block .action-btn i {\n pointer-events: none;\n display: inline-block;\n text-align: center;\n width: 100%;\n height: 100%; }\n #products .action-block .action-btn i svg, .featured-products .action-block .action-btn i svg, .product-accessories .action-block .action-btn i svg, .product-miniature .action-block .action-btn i svg {\n width: 24px;\n pointer-events: none; }\n #products .action-block .action-btn i.fast-view svg, .featured-products .action-block .action-btn i.fast-view svg, .product-accessories .action-block .action-btn i.fast-view svg, .product-miniature .action-block .action-btn i.fast-view svg {\n margin-left: -2px; }\n #products .action-block .action-btn i.quick-view svg, .featured-products .action-block .action-btn i.quick-view svg, .product-accessories .action-block .action-btn i.quick-view svg, .product-miniature .action-block .action-btn i.quick-view svg {\n margin-left: -2px; }\n #products .action-block .action-btn:hover, .featured-products .action-block .action-btn:hover, .product-accessories .action-block .action-btn:hover, .product-miniature .action-block .action-btn:hover {\n transform: translateY(-4px);\n box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.14); }\n #products .action-block .action-btn.fast-view, .featured-products .action-block .action-btn.fast-view, .product-accessories .action-block .action-btn.fast-view, .product-miniature .action-block .action-btn.fast-view {\n float: left;\n margin-left: 0; }\n #products .action-block .action-btn.quick-view, .featured-products .action-block .action-btn.quick-view, .product-accessories .action-block .action-btn.quick-view, .product-miniature .action-block .action-btn.quick-view {\n float: left;\n margin-left: 0; }\n\n#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {\n z-index: 1;\n background: #ffffff;\n bottom: 0;\n min-height: 70px;\n padding: 1.5rem 1.5rem 1.75rem;\n border-style: solid;\n border-width: 0 2px 2px 2px;\n border-color: #f2f2f2;\n border-radius: 0 0 4px 4px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\n#products .prod-short-desc, .featured-products .prod-short-desc, .product-accessories .prod-short-desc, .product-miniature .prod-short-desc {\n line-height: 1.15rem;\n text-align: center;\n display: none; }\n\n#products img, .featured-products img, .product-accessories img, .product-miniature img {\n width: 100%;\n max-width: 100%;\n height: auto; }\n\n#products .comments_note, .featured-products .comments_note, .product-accessories .comments_note, .product-miniature .comments_note {\n text-align: center;\n color: #aaaaaa;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-top: 20px; }\n #products .comments_note span, .featured-products .comments_note span, .product-accessories .comments_note span, .product-miniature .comments_note span {\n display: none; }\n\n#products .regular-price, .featured-products .regular-price, .product-accessories .regular-price, .product-miniature .regular-price {\n font-family: \"Cuprum\", sans-serif;\n color: #bbbbbb;\n text-decoration: line-through;\n font-size: 1.25rem; }\n\n#products .count, .featured-products .count, .product-accessories .count, .product-miniature .count {\n color: #bbbbbb;\n font-weight: 700;\n position: relative;\n bottom: 0.5rem; }\n\n#products .add_to_cart, .featured-products .add_to_cart, .product-accessories .add_to_cart, .product-miniature .add_to_cart {\n margin-top: 20px;\n white-space: normal; }\n\n.regular-price.old-price {\n font-family: \"Cuprum\", sans-serif;\n color: #bbbbbb;\n text-decoration: line-through; }\n\n.product-item:not(.product_show_list) .product-price-and-shipping a:not(.color) {\n display: block; }\n\n#roy_specials_col .product-miniature .product-image a {\n padding: 0; }\n\n/* Separate list styles */\ni.gl {\n opacity: 0.4;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n i.gl.active, i.gl:hover {\n opacity: 1; }\n i.gl svg {\n width: 24px; }\n i.gl svg * {\n stroke: #1c1c1c !important;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\n.show_list, .show_grid {\n cursor: pointer;\n opacity: 1.0;\n height: 24px;\n display: inline-block;\n margin-right: 4px; }\n\n#products #js-product-list .product-item.product_show_list {\n width: 100%; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container {\n padding: 0;\n min-height: 140px; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container:hover, #products #js-product-list .product-item.product_show_list .thumbnail-container:focus {\n box-shadow: 0 4px 22px 0px rgba(0, 0, 0, 0.11); }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-flags, #products #js-product-list .product-item.product_show_list .thumbnail-container .action-block, #products #js-product-list .product-item.product_show_list .thumbnail-container .discount-product {\n display: none; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-thumbnail {\n border-radius: 3px !important; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .variant-links {\n display: none !important; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-price-and-shipping > span {\n vertical-align: middle; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container form {\n display: inline-block; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .comments_note {\n display: none; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-description {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n border-width: 2px 2px 2px 0 !important;\n border-radius: 0 4px 4px 0 !important;\n height: 140px;\n padding: 0 1.75rem 0 !important;\n text-align: left; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-description *:not(.add_to_cart) {\n text-align: left !important; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-description .product-title {\n margin: 0 !important;\n -ms-flex-preferred-size: 44%;\n flex-basis: 44%; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-description .add_to_cart {\n margin-top: 0 !important;\n margin-left: 20px; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-description .product-price-and-shipping {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-description .product-price-and-shipping .price {\n margin-left: 14px; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container:hover .product-description {\n border-color: #f2f2f2 !important; }\n #products #js-product-list .product-item.product_show_list .thumbnail-container .product-image {\n max-width: 140px;\n float: left;\n margin-right: 0; }\n\n#products #js-product-list .product-item {\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform; }\n #products #js-product-list .product-item.show {\n transform: none;\n transition-delay: 0s;\n opacity: 1; }\n\n@media (max-width: 991px) {\n #products .thumbnail-container .add_to_cart, .featured-products .thumbnail-container .add_to_cart, .product-accessories .thumbnail-container .add_to_cart {\n padding: 14px;\n font-size: 18px; } }\n\n@media (max-width: 575px) {\n #products .thumbnail-container .add_to_cart, .featured-products .thumbnail-container .add_to_cart, .product-accessories .thumbnail-container .add_to_cart {\n padding: 14px 20px;\n font-size: 20px; } }\n\n.product-item {\n padding: 0 0.375rem;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\n.product-miniature .discount, .col-image .discount {\n display: none; }\n\n.product-miniature .product-flags .new,\n.product-miniature .online-only,\n.product-miniature .on-sale,\n.product-miniature .discount-percentage,\n.product-miniature .discount-amount,\n.product-miniature .pack, .col-image .product-flags .new,\n.col-image .online-only,\n.col-image .on-sale,\n.col-image .discount-percentage,\n.col-image .discount-amount,\n.col-image .pack {\n top: 0;\n display: block;\n position: absolute;\n padding: 0.75rem 1.15rem;\n color: #5fceb3;\n background: #ffffff;\n text-transform: uppercase;\n min-width: 3.125rem;\n min-height: 1.875rem;\n font-size: 1rem;\n font-weight: 600;\n border-radius: 4px;\n box-shadow: 0 9px 22px 0px rgba(0, 0, 0, 0.14);\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .product-miniature .product-flags .new.discount-percentage, .product-miniature .product-flags .new.discount-amount, .product-miniature .product-flags .new.on-sale,\n .product-miniature .online-only.discount-percentage,\n .product-miniature .online-only.discount-amount,\n .product-miniature .online-only.on-sale,\n .product-miniature .on-sale.discount-percentage,\n .product-miniature .on-sale.discount-amount,\n .product-miniature .on-sale.on-sale,\n .product-miniature .discount-percentage.discount-percentage,\n .product-miniature .discount-percentage.discount-amount,\n .product-miniature .discount-percentage.on-sale,\n .product-miniature .discount-amount.discount-percentage,\n .product-miniature .discount-amount.discount-amount,\n .product-miniature .discount-amount.on-sale,\n .product-miniature .pack.discount-percentage,\n .product-miniature .pack.discount-amount,\n .product-miniature .pack.on-sale, .col-image .product-flags .new.discount-percentage, .col-image .product-flags .new.discount-amount, .col-image .product-flags .new.on-sale,\n .col-image .online-only.discount-percentage,\n .col-image .online-only.discount-amount,\n .col-image .online-only.on-sale,\n .col-image .on-sale.discount-percentage,\n .col-image .on-sale.discount-amount,\n .col-image .on-sale.on-sale,\n .col-image .discount-percentage.discount-percentage,\n .col-image .discount-percentage.discount-amount,\n .col-image .discount-percentage.on-sale,\n .col-image .discount-amount.discount-percentage,\n .col-image .discount-amount.discount-amount,\n .col-image .discount-amount.on-sale,\n .col-image .pack.discount-percentage,\n .col-image .pack.discount-amount,\n .col-image .pack.on-sale {\n z-index: 2;\n color: #f2f2f2;\n background: #1c1c1c; }\n .product-miniature .product-flags .new.on-sale,\n .product-miniature .online-only.on-sale,\n .product-miniature .on-sale.on-sale,\n .product-miniature .discount-percentage.on-sale,\n .product-miniature .discount-amount.on-sale,\n .product-miniature .pack.on-sale, .col-image .product-flags .new.on-sale,\n .col-image .online-only.on-sale,\n .col-image .on-sale.on-sale,\n .col-image .discount-percentage.on-sale,\n .col-image .discount-amount.on-sale,\n .col-image .pack.on-sale {\n display: none; }\n .product-miniature .product-flags .new.online-only,\n .product-miniature .online-only.online-only,\n .product-miniature .on-sale.online-only,\n .product-miniature .discount-percentage.online-only,\n .product-miniature .discount-amount.online-only,\n .product-miniature .pack.online-only, .col-image .product-flags .new.online-only,\n .col-image .online-only.online-only,\n .col-image .on-sale.online-only,\n .col-image .discount-percentage.online-only,\n .col-image .discount-amount.online-only,\n .col-image .pack.online-only {\n font-size: 0.8125rem;\n margin-top: 13rem;\n margin-left: 8.688rem; }\n .product-miniature .product-flags .new.online-only::before,\n .product-miniature .online-only.online-only::before,\n .product-miniature .on-sale.online-only::before,\n .product-miniature .discount-percentage.online-only::before,\n .product-miniature .discount-amount.online-only::before,\n .product-miniature .pack.online-only::before, .col-image .product-flags .new.online-only::before,\n .col-image .online-only.online-only::before,\n .col-image .on-sale.online-only::before,\n .col-image .discount-percentage.online-only::before,\n .col-image .discount-amount.online-only::before,\n .col-image .pack.online-only::before {\n content: \"\\E30A\";\n font-family: 'Material Icons';\n vertical-align: middle;\n margin: 0.3125rem; }\n\n.product-miniature .product-flags .new,\n.product-miniature .on-sale,\n.product-miniature .online-only, .col-image .product-flags .new,\n.col-image .on-sale,\n.col-image .online-only {\n left: -0.25rem;\n font-size: 0.85rem; }\n\n.product-miniature .discount-percentage,\n.product-miniature .discount-amount,\n.product-miniature .pack, .col-image .discount-percentage,\n.col-image .discount-amount,\n.col-image .pack {\n right: -0.25rem;\n margin-top: 0.625rem; }\n\n.featured-products.slider-on {\n overflow: hidden; }\n\n#product .featured-products.slider-on {\n overflow: visible; }\n #product .featured-products.slider-on .pp_products_wrapper {\n overflow: hidden; }\n\n.owl-stage .product-item {\n width: 100%;\n float: none;\n padding: 0; }\n\n#product .product-flags .new {\n display: none; }\n\n#index #main .featured-products {\n margin-top: 0 !important;\n margin-bottom: 0rem !important;\n padding-bottom: 1.25rem; }\n\n#product #main .featured-products {\n margin-top: 0 !important;\n margin-bottom: 0 !important; }\n #product #main .featured-products .pp_products_wrapper {\n padding-bottom: 1.25rem; }\n\n.products .owl-item:not(.active) .product-flags, .products .owl-item:not(.active) .discount-product {\n opacity: 0; }\n\n#index #main .featured-products.slider-on,\n#product #main .featured-products.slider-on .pp_products_wrapper {\n margin: 0 -12px; }\n #index #main .featured-products.slider-on .products-section-title,\n #product #main .featured-products.slider-on .pp_products_wrapper .products-section-title {\n padding-left: 12px;\n padding-right: 12px; }\n #index #main .featured-products.slider-on .products-section-title:before,\n #product #main .featured-products.slider-on .pp_products_wrapper .products-section-title:before {\n content: '';\n right: 12px;\n width: calc(100% - 128px); }\n #index #main .featured-products.slider-on .products-section-title:after,\n #product #main .featured-products.slider-on .pp_products_wrapper .products-section-title:after {\n left: 12px; }\n\n.owl-carousel .owl-nav {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: -70px !important;\n right: 12px; }\n .owl-carousel .owl-nav > * {\n margin-left: 18px;\n content: '';\n font-family: \"FontAwesome\";\n font-size: 22px;\n line-height: 30px;\n color: #f2f2f2;\n display: inline-block;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .owl-carousel .owl-nav > *:hover {\n color: #00c293; }\n .owl-carousel .owl-nav .owl-prev:before {\n content: '\\F177'; }\n .owl-carousel .owl-nav .owl-next:before {\n content: '\\F178'; }\n\n/* Specials */\n.side-column > #roy_specials_col .sidebar-content {\n padding: 1.875rem 28px 0;\n overflow: hidden; }\n\n.side-column > #roy_specials_col .comments_note {\n display: none; }\n\n.side-column > #roy_specials_col .owl-stage-outer {\n overflow: visible; }\n\n.side-column > #roy_specials_col .owl-nav {\n top: -8px !important;\n right: 0;\n width: 100%;\n display: inline-block;\n pointer-events: none; }\n .side-column > #roy_specials_col .owl-nav * {\n margin: 0;\n pointer-events: auto; }\n .side-column > #roy_specials_col .owl-nav .owl-next {\n float: right; }\n\n.side-column > #roy_specials_col .product-item {\n width: 100%; }\n .side-column > #roy_specials_col .product-item .action-block {\n display: none; }\n .side-column > #roy_specials_col .product-item .regular-price {\n display: block;\n margin-bottom: 8px; }\n .side-column > #roy_specials_col .product-item .product-price-and-shipping .price {\n color: #1c1c1c; }\n .side-column > #roy_specials_col .product-item .discount-product {\n display: block;\n border-radius: 50%;\n min-width: 64px;\n min-height: 64px;\n padding: 0 12px;\n line-height: 64px;\n margin: 0;\n transform: translate(-5%, -110%);\n overflow: hidden;\n pointer-events: none; }\n .side-column > #roy_specials_col .product-item .discount-product:before {\n content: '\\F178';\n width: 100%;\n height: 100%;\n font-family: 'FontAwesome';\n font-size: 22px;\n color: #f2f2f2;\n position: absolute;\n left: 0;\n top: 0;\n background: #1c1c1c;\n opacity: 0;\n box-shadow: 0 10px 18px 0px rgba(0, 0, 0, 0.04);\n transform: translateX(-100%);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .side-column > #roy_specials_col .product-item:hover .discount-product {\n opacity: 1;\n box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.24);\n transform: translate(-25%, -110%); }\n .side-column > #roy_specials_col .product-item:hover .discount-product:before {\n opacity: 1;\n transform: translateX(0); }\n .side-column > #roy_specials_col .product-item .product-image img {\n border-radius: 50%; }\n\n.side-column > #roy_specials_col .product-miniature .thumbnail-container:hover {\n box-shadow: none; }\n\n.side-column > #roy_specials_col .product-miniature .product-description {\n background: none;\n border: none;\n padding-left: 0;\n padding-right: 0; }\n .side-column > #roy_specials_col .product-miniature .product-description .prod-short-desc, .side-column > #roy_specials_col .product-miniature .product-description .prod-short-desc p {\n font-size: 14px;\n font-weight: 500; }\n\n#custom-text {\n background: white;\n border-radius: 2px;\n margin-bottom: 1.5rem;\n padding: 3.125rem 3.125rem;\n text-align: center; }\n #custom-text h3 {\n text-transform: uppercase;\n color: #232323;\n font-size: 1.563rem;\n font-weight: 700; }\n #custom-text p {\n color: #232323;\n font-weight: 400;\n font-size: 1.1em; }\n #custom-text p .dark {\n color: #7A7A7A;\n font-weight: 400; }\n\n.page-content.page-cms {\n text-align: justify; }\n .page-content.page-cms .cms-box img {\n max-width: 100%;\n height: auto; }\n\n@media (max-width: 991px) {\n #block-cmsinfo {\n padding: 1.25rem 1.875rem; } }\n\n#products {\n color: #7A7A7A; }\n #products .products-select {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: baseline;\n align-items: baseline;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n #products .up {\n margin-bottom: 1rem; }\n #products .up .btn-secondary, #products .up .btn-tertiary {\n color: #7A7A7A;\n text-transform: inherit; }\n #products .up .btn-secondary .material-icons, #products .up .btn-tertiary .material-icons {\n margin-right: 0; }\n\n.block-category {\n margin-bottom: 1.5rem; }\n .block-category #category-description p {\n margin-bottom: 0; }\n .block-category .category-cover {\n display: block;\n text-align: left;\n margin-bottom: 20px;\n display: none; }\n\n.card {\n padding: 2.5em;\n box-shadow: none;\n border: 2px solid #f2f2f2;\n border-radius: 3px; }\n\n/* Subcategories */\n#subcategories {\n padding: 0;\n margin-bottom: 20px; }\n\n#subcategories ul {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: start;\n justify-content: flex-start;\n margin: 0 -0.375rem; }\n #subcategories ul li {\n padding: 0 0.375rem;\n -ms-flex-positive: 1;\n flex-grow: 1;\n width: 20%;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n #subcategories ul li .sub_cont {\n padding: 6px; }\n #subcategories ul li .subcategory-image {\n padding: 0 0 20px 0; }\n #subcategories ul li .subcategory-image a {\n display: block;\n padding: 0;\n border: 2px solid #f2f2f2;\n border-radius: 4px; }\n #subcategories ul li .subcategory-image a img {\n max-width: 100%;\n vertical-align: top; }\n #subcategories ul li h5 {\n text-align: center; }\n #subcategories ul li .subcategory-name {\n font-family: \"Cuprum\", sans-serif;\n font-weight: bold;\n font-size: 1rem;\n text-transform: uppercase; }\n\n#subcategories ul li:hover .subcategory-image a {\n box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12); }\n\n.products-selection .sort-by-row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center; }\n\n.products-selection .sort-by {\n white-space: normal;\n word-break: break-word;\n margin-right: -0.9375rem;\n margin-left: 0.9375rem;\n text-align: right; }\n\n.products-selection .total-products {\n padding-top: 14px; }\n .products-selection .total-products p {\n vertical-align: middle;\n display: inline-block;\n margin-left: 22px; }\n\n.products-selection h1 {\n padding-top: 0.625rem; }\n\n.products-sort-order {\n color: #777777; }\n .products-sort-order .select-title {\n display: inline-block;\n border-radius: 4px;\n width: 100%;\n color: #1c1c1c;\n background: #ffffff;\n cursor: pointer;\n padding: 0.75rem 1rem;\n border: 2px solid #f2f2f2; }\n .products-sort-order .select-list {\n display: block;\n font-size: 0.925rem;\n color: #1c1c1c;\n padding: 0.625rem 1.25rem; }\n .products-sort-order .select-list:hover {\n background: #00c293;\n color: #ffffff;\n text-decoration: none; }\n .products-sort-order .dropdown-menu {\n left: auto;\n width: calc(100% - 30px);\n background: #ffffff;\n border: none;\n border-radius: 4px;\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.12);\n margin: 0; }\n\n.facet-dropdown {\n color: #7A7A7A;\n padding-left: 0;\n padding-right: 0;\n background: #F1F1F1;\n border: 3px solid transparent;\n box-sizing: border-box;\n box-shadow: 1px 1px 1px 1px #F1F1F1; }\n .facet-dropdown.open {\n border: 0; }\n .facet-dropdown.open > .select-title {\n border: 3px solid #f2f2f2;\n background: #f6f6f6; }\n .facet-dropdown .select-title {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: center;\n align-items: center;\n margin-left: 0;\n width: 100%;\n color: #1c1c1c;\n background: #ffffff;\n padding: 0.625rem 0.625rem 0.625rem 1.25rem;\n border-radius: 4px;\n cursor: pointer; }\n .facet-dropdown .select-title > i {\n margin-left: auto; }\n .facet-dropdown .select-list {\n display: block;\n color: #ffffff;\n background: #1c1c1c;\n padding: 0.625rem 1.25rem; }\n .facet-dropdown .select-list:hover {\n background: #00c293;\n color: #ffffff;\n text-decoration: none; }\n .facet-dropdown .dropdown-menu {\n padding: 0;\n margin-top: 3px;\n left: auto;\n width: 100%;\n background: #ffffff;\n border: none;\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.12); }\n\n#search_filters {\n box-shadow: 0 6px 18px 0px rgba(0, 0, 0, 0.12);\n background: #ffffff;\n border-radius: 4px;\n margin-bottom: 12px;\n padding: 1.75rem 2rem; }\n #search_filters .js-search-filters-clear-all {\n width: 100%;\n background: none;\n font-size: 14px;\n padding: 14px;\n margin: 14px 0 20px;\n font-weight: 500;\n color: #1c1c1c;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-family: \"Poppins\", sans-serif; }\n #search_filters .js-search-filters-clear-all span {\n color: #1c1c1c; }\n #search_filters .js-search-filters-clear-all i {\n height: 18px;\n color: #1c1c1c;\n margin-right: 4px; }\n #search_filters .js-search-filters-clear-all i svg {\n width: 18px; }\n #search_filters .js-search-filters-clear-all i svg * {\n stroke: #1c1c1c !important; }\n #search_filters .custom-radio {\n margin-right: 6px; }\n #search_filters .custom-checkbox input[type=\"checkbox\"] + span {\n margin-top: -1px; }\n #search_filters .color, #search_filters .custom-checkbox input[type=\"checkbox\"] + span.color {\n width: 1rem;\n height: 1rem;\n margin-right: 9px; }\n #search_filters .facet-label.active .custom-checkbox span.color, #search_filters .facet-label:hover .custom-checkbox span.color {\n border: none !important; }\n #search_filters .facet-label:hover .color:before, #search_filters .facet-label:hover .custom-checkbox input[type=\"checkbox\"] + span.color:before,\n #search_filters .facet-label.active .color:before, #search_filters .facet-label.active .custom-checkbox input[type=\"checkbox\"] + span.color:before {\n box-shadow: 0 0 0 2px #5c5c5c;\n transform: scale(1); }\n #search_filters .facet {\n padding-top: 0.625rem; }\n #search_filters .facet .collapse {\n display: block; }\n #search_filters .facet .facet-title {\n color: #1c1c1c; }\n #search_filters .facet .facet-label {\n margin-bottom: 0; }\n #search_filters .facet .facet-label a {\n margin-top: 0;\n color: #1c1c1c;\n display: inline-block;\n font-size: 14px; }\n\n#search_filters .facet .facet-label {\n text-align: left;\n display: -ms-inline-flexbox;\n display: inline-flex;\n margin: 3px 0; }\n #search_filters .facet .facet-label .custom-checkbox {\n margin-right: 5px; }\n\n#search_filters_brands .facet,\n#search_filters_suppliers .facet {\n padding-top: 0; }\n #search_filters_brands .facet .facet-label,\n #search_filters_suppliers .facet .facet-label {\n margin-bottom: 0.3125rem; }\n\n.pagination {\n width: 100%; }\n .pagination > div:first-child {\n line-height: 2.5rem; }\n .pagination .page-list {\n padding: 8px 8px 6px;\n margin-bottom: 1.5rem;\n border: 2px solid #f2f2f2;\n border-radius: 4px; }\n .pagination .page-list li {\n display: inline; }\n .pagination a {\n font-size: 1.25rem;\n font-weight: 600;\n text-decoration: none; }\n .pagination a:not(.previous):not(.next) {\n margin: 0 4px;\n letter-spacing: 0; }\n .pagination a.previous, .pagination a.next {\n font-size: 14px;\n padding: 0 8px; }\n .pagination a.previous:hover {\n padding: 0 16px 0 0; }\n .pagination a.next:hover {\n padding: 0 0 0 16px; }\n .pagination .previous {\n float: left; }\n .pagination .next {\n float: right; }\n .pagination .disabled {\n opacity: 0.4; }\n .pagination .current a {\n color: #00c293;\n text-decoration: none; }\n .pagination .showing {\n color: #bbbbbb; }\n\n.active_filters {\n border: 2px solid #f2f2f2;\n border-radius: 4px;\n padding: 0.625rem 1.875rem 0;\n margin-bottom: 1.25rem; }\n .active_filters .active-filter-title {\n display: inline;\n margin-right: 0.625rem;\n font-weight: 600; }\n .active_filters ul {\n display: inline; }\n .active_filters .filter-block {\n border: 2px solid #f2f2f2;\n border-radius: 4px;\n color: #1c1c1c;\n margin-right: 0.625rem;\n margin-bottom: 0.625rem;\n padding: 0.625rem;\n display: inline-block;\n font-size: 0.8125rem; }\n .active_filters .filter-block .close {\n color: #1c1c1c;\n font-size: 0.9375rem;\n opacity: 1;\n margin-top: 0.25rem;\n margin-left: 0.3125rem; }\n\n.side-column > .sidebar-block.block-categories .sidebar-content {\n padding: 0.625rem 1.875rem; }\n\n.side-column > .block-categories .category-sub-menu .category-sub-link {\n font-size: 0.9rem;\n padding: 0.75rem 0;\n display: inline-block; }\n\n.side-column > .block-categories .category-sub-menu li {\n position: relative;\n padding: 0 !important; }\n .side-column > .block-categories .category-sub-menu li[data-depth=\"1\"] {\n border-bottom: #f2f2f2 2px solid; }\n\n.side-column > .block-categories .category-sub-menu li[data-depth=\"0\"] > a {\n font-size: 1.125rem;\n font-weight: 500;\n border-bottom: #f2f2f2 2px solid;\n width: 100%;\n display: inline-block;\n padding: 1rem 0; }\n\n.side-column > .block-categories .category-sub-menu li:last-child[data-depth=\"0\"] > a {\n border-bottom: none; }\n\n.side-column > .block-categories .category-sub-menu li:not([data-depth=\"0\"]):not([data-depth=\"1\"]) {\n padding-left: 0.3125rem; }\n .side-column > .block-categories .category-sub-menu li:not([data-depth=\"0\"]):not([data-depth=\"1\"])::before {\n content: \"-\";\n margin-right: 0.3125rem; }\n\n.side-column > .block-categories .collapse-icons {\n position: absolute;\n right: 0;\n top: 0;\n padding: 0;\n height: 100%;\n cursor: pointer;\n text-align: right;\n line-height: 3rem; }\n .side-column > .block-categories .collapse-icons[aria-expanded=\"true\"] .add {\n display: none; }\n .side-column > .block-categories .collapse-icons[aria-expanded=\"true\"] .remove {\n display: inline; }\n .side-column > .block-categories .collapse-icons .add,\n .side-column > .block-categories .collapse-icons .remove {\n color: #ffffff; }\n .side-column > .block-categories .collapse-icons .add:before,\n .side-column > .block-categories .collapse-icons .remove:before {\n content: '';\n position: absolute;\n margin: auto;\n left: 0;\n right: -6px;\n width: 10px;\n height: 10px;\n transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .side-column > .block-categories .collapse-icons .add:after,\n .side-column > .block-categories .collapse-icons .remove:after {\n content: '';\n position: absolute;\n margin: auto;\n left: 0;\n right: -6px;\n width: 16px;\n height: 10px;\n border-top: 2px solid #f2f2f2;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .side-column > .block-categories .collapse-icons .add:hover:before, .side-column > .block-categories .collapse-icons .add:hover:after,\n .side-column > .block-categories .collapse-icons .remove:hover:before,\n .side-column > .block-categories .collapse-icons .remove:hover:after {\n border-color: #00c293; }\n .side-column > .block-categories .collapse-icons .add:before {\n top: 18px;\n border-right: 2px solid #f2f2f2;\n border-bottom: 2px solid #f2f2f2; }\n .side-column > .block-categories .collapse-icons .add:after {\n top: 21px; }\n .side-column > .block-categories .collapse-icons .remove {\n display: none; }\n .side-column > .block-categories .collapse-icons .remove:before {\n top: 22px;\n border-left: 2px solid #424242;\n border-top: 2px solid #424242; }\n .side-column > .block-categories .collapse-icons .remove:after {\n top: 27px;\n border-color: #424242; }\n\n.side-column > .block-categories .arrows .arrow-right,\n.side-column > .block-categories .arrows .arrow-down {\n font-size: 0.875rem;\n cursor: pointer;\n margin-left: 2px; }\n .side-column > .block-categories .arrows .arrow-right:hover,\n .side-column > .block-categories .arrows .arrow-down:hover {\n color: #00c293; }\n\n.side-column > .block-categories .arrows .arrow-down {\n display: none; }\n\n.side-column > .block-categories .arrows[aria-expanded=\"true\"] .arrow-right {\n display: none; }\n\n.side-column > .block-categories .arrows[aria-expanded=\"true\"] .arrow-down {\n display: inline-block; }\n\n.side-column > .block-categories .category-top-menu {\n margin-bottom: 0; }\n\n.side-column > .block-categories .category-sub-menu .category-sub-menu > li:last-child {\n border-bottom: none; }\n\n.side-column > .block-categories li[data-depth=\"0\"] .collapse > ul {\n position: relative;\n padding-left: 12px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\n.side-column > .block-categories li[data-depth=\"0\"] .collapse > ul:before {\n position: absolute;\n content: '';\n background: #f2f2f2;\n height: 2px;\n width: 100%;\n top: -2px;\n left: 0; }\n\n.facets-title {\n color: #232323; }\n\n.products-selection .filter-button .btn-secondary, .products-selection .filter-button .btn-tertiary {\n padding: 14px 8px; }\n\n/*** Responsive part ***/\n@media (max-width: 991px) {\n .products-selection .sort-by-row > * {\n width: auto;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto; }\n #category #left-column {\n width: 100%; }\n #category #left-column #search_filters_wrapper {\n margin-left: -30px;\n margin-right: -30px;\n opacity: 1;\n visibility: visible;\n overflow: hidden;\n max-height: 1000px;\n transform: translateX(0);\n transition: all 0.64s cubic-bezier(0.36, 0.76, 0, 0.88) 0.4s; }\n #category #left-column #search_filters_wrapper.hidden-sm-down {\n opacity: 0.4;\n max-height: 0;\n transform: translateX(-100%);\n display: block !important; }\n #category #left-column #search_filter_controls {\n text-align: center;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 0; }\n #category #left-column #search_filter_controls > * {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-positive: 1;\n flex-grow: 1; }\n #category #left-column #search_filter_controls > span {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%; }\n #category #left-column #search_filter_controls > span button {\n outline: none !important;\n background: #ffffff; }\n #category #left-column #search_filter_controls > span button:active i, #category #left-column #search_filter_controls > span button:focus i {\n transform: rotate(45deg); }\n #category #left-column #search_filter_controls > span button span {\n display: none; }\n #category #left-column #search_filter_controls > span button i {\n display: block;\n height: 24px;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n #category #left-column #search_filter_controls > span button i svg {\n pointer-events: none;\n width: 24px; }\n #category #left-column #search_filter_controls > span button i svg * {\n stroke: #1c1c1c !important; }\n #category #left-column #search_filter_controls > button {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%; }\n #category #left-column #search_filter_controls > button svg {\n pointer-events: none;\n width: 28px;\n margin-right: 6px; }\n #category #left-column #search_filter_controls > button svg * {\n stroke: #ffffff !important; }\n #category #left-column #search_filter_controls button {\n margin: 0;\n height: 70px;\n padding: 0;\n border: none !important;\n width: 100%;\n border-radius: 0; }\n #category #left-column #search_filters {\n margin-bottom: 0;\n box-shadow: none;\n padding: 0 0 90px; }\n #category #left-column #search_filters .facet {\n padding-top: 0;\n border-bottom: 1px solid #f6f6f6; }\n #category #left-column #search_filters .facet .title {\n background: none;\n cursor: pointer; }\n #category #left-column #search_filters .facet .title .collapse-icons .remove {\n display: none; }\n #category #left-column #search_filters .facet .title[aria-expanded=\"true\"] .collapse-icons .add {\n display: none; }\n #category #left-column #search_filters .facet .title[aria-expanded=\"true\"] .collapse-icons .remove {\n display: block; }\n #category #left-column #search_filters .facet .facet-title {\n color: #1c1c1c;\n text-transform: uppercase; }\n #category #left-column #search_filters .facet .h6 {\n margin-bottom: 0;\n padding: 0;\n display: inline-block; }\n #category #left-column #search_filters .facet .navbar-toggler {\n display: inline-block;\n padding: 0; }\n #category #left-column #search_filters .facet .navbar-toggler i {\n color: #1c1c1c; }\n #category #left-column #search_filters .facet .collapse {\n display: none; }\n #category #left-column #search_filters .facet .collapse.in {\n display: block; }\n #category #left-column #search_filters .facet .facet-label a {\n margin-top: 0; }\n #category #left-column #search_filters .facet ul {\n margin-bottom: 0; }\n #category #left-column #search_filters .facet ul li {\n border-top: 1px solid #f6f6f6;\n padding: 10px 23px; }\n #category #content-wrapper {\n width: 100%;\n overflow: hidden;\n opacity: 1;\n visibility: visible;\n overflow: hidden;\n max-height: 10000px;\n transform: translateX(0);\n transition: all 0.64s cubic-bezier(0.36, 0.76, 0, 0.88); }\n #category #content-wrapper.hidden-sm-down {\n overflow: hidden;\n opacity: 0.4;\n max-height: 0;\n transform: translateX(-100%);\n display: block !important; }\n #category #search_filter_toggler {\n width: 100%; }\n .products-sort-order .select-title {\n margin-left: 0; }\n .products-selection h1 {\n padding-top: 0;\n text-align: center;\n margin-bottom: 1rem; }\n .products-selection .showing {\n padding-top: 1rem; }\n #prices-drop #content-wrapper,\n #new-products #content-wrapper,\n #best-sales #content-wrapper {\n width: 100%; } }\n\n@media (max-width: 575px) {\n .products-selection .filter-button {\n padding-left: 0; }\n #category #left-column #search_filters_wrapper {\n margin-left: -15px;\n margin-right: -15px; } }\n\n#product #content {\n position: relative;\n margin: 0 auto; }\n\n#product #main > .row > div.col-image {\n padding-right: 6px; }\n #product #main > .row > div.col-image .col-image-inside {\n background: #ffffff;\n border-radius: 6px; }\n\n#product #main > .row > div.col-content {\n padding-left: 6px; }\n #product #main > .row > div.col-content .col-content-inside {\n padding: 4rem 4rem 0;\n background: #ffffff;\n border-radius: 6px; }\n\n#product #main {\n background: none; }\n #product #main .featured-products {\n padding: 0 3rem 0.5rem;\n background: #ffffff; }\n\nh1.product-title {\n font-size: 2rem;\n padding-bottom: 0;\n margin-bottom: 1.75rem;\n color: #1c1c1c;\n position: relative; }\n\n.product-price {\n font-family: \"Cuprum\", sans-serif;\n font-size: 2.25rem;\n line-height: 2.25rem;\n font-weight: bold;\n color: #1c1c1c;\n display: inline-block;\n margin-bottom: 2rem; }\n\n#product-modal-name {\n color: #1c1c1c;\n text-align: center; }\n\n.js-productinfo {\n margin: 0;\n opacity: 0;\n visibility: hidden;\n overflow: hidden;\n height: 0; }\n\n.product-short-desc {\n margin-bottom: 22px; }\n\n.product-add-to-cart {\n margin-top: 58px;\n padding-top: 40px;\n position: relative; }\n .product-add-to-cart:before {\n content: '';\n position: absolute;\n height: 2px;\n width: calc(100% + 8rem);\n top: 0;\n left: -4rem;\n background: #f2f2f2; }\n\n.product-info {\n margin-top: 40px;\n padding: 0 0 40px;\n position: relative;\n display: -ms-flexbox;\n display: flex; }\n .product-info > div {\n padding-top: 40px; }\n .product-info > div span:not(.tip) {\n display: block; }\n .product-info > div:not(.product-manufacturer) {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto; }\n .product-info > div.product-manufacturer a span {\n white-space: nowrap;\n padding-left: 60px; }\n .product-info label {\n font-size: 0.875rem;\n font-weight: 500;\n color: #c1c1c1;\n margin-bottom: 0;\n vertical-align: sub; }\n .product-info span, .product-info a {\n display: inline-block;\n font-size: 0.9375rem;\n font-weight: 600;\n color: #1c1c1c;\n letter-spacing: -0.5px; }\n .product-info span {\n line-height: 0.95rem; }\n .product-info a {\n text-decoration: none;\n cursor: pointer; }\n .product-info:before {\n content: '';\n position: absolute;\n height: 2px;\n width: calc(100% + 8rem);\n top: 0;\n left: -4rem;\n background: #f2f2f2; }\n\n.product-information,\n.product-information p {\n font-size: 14px;\n line-height: 24px; }\n .product-information .manufacturer-logo,\n .product-information p .manufacturer-logo {\n border: none;\n border-radius: 4px;\n padding: 0;\n margin-right: 10px;\n width: 50px;\n height: auto;\n max-height: 50px;\n float: left; }\n .product-information .product-description img,\n .product-information p .product-description img {\n max-width: 100%;\n height: auto; }\n\n.input-color {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 1.25rem;\n width: 1.25rem; }\n .input-color:checked + span {\n box-shadow: 0 10px 18px 0px rgba(0, 0, 0, 0.12); }\n .input-color:checked:hover + span {\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.24); }\n .input-color:checked + span:before {\n box-shadow: inset 0 0 0 6px #ffffff, 0 0 0 3px #1c1c1c;\n transform: scale(1); }\n .input-color:checked + span.white:after {\n box-shadow: inset 0 0 0 8px #f2f2f2;\n transform: scale(1); }\n\n.input-container {\n position: relative; }\n\n.input-radio {\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n opacity: 0;\n width: 100%;\n height: 100%; }\n\n.input-radio:hover + span {\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14); }\n .input-radio:hover + span:before {\n box-shadow: inset 0 0 0 7px #ffffff, 0 0 0 3px #1c1c1c;\n transform: scale(0.9); }\n\n.input-radio:checked + span {\n box-shadow: 0 10px 18px 0px rgba(0, 0, 0, 0.12); }\n .input-radio:checked + span:before {\n box-shadow: inset 0 0 0 6px #ffffff, 0 0 0 3px #1c1c1c;\n transform: scale(1); }\n\n.input-radio:checked:hover + span {\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.24); }\n\n.radio-label {\n pointer-events: none;\n width: 42px;\n height: 42px;\n font-weight: bold;\n text-align: center;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n margin: 0.05rem 0.15rem 0 0;\n border: none;\n cursor: pointer;\n background-size: contain;\n border-radius: 50%;\n position: relative;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .radio-label:before {\n pointer-events: none;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 0 8px #ffffff, 0 0 0 3px #ffffff;\n border-radius: 50%;\n transform: scale(1);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n\n.product-actions {\n margin-top: 40px; }\n .product-actions .product-variants-item ul {\n display: inline-block;\n margin-bottom: 0;\n padding: 2px 8px 8px 2px; }\n .product-actions .product-variants-item .control-label {\n position: relative;\n width: 100%;\n margin-bottom: 0.375rem;\n display: block;\n transition: all 0.88s cubic-bezier(0.36, 0.76, 0, 0.88) 0.22s; }\n .product-actions .product-variants-item .control-label:before {\n content: '';\n height: 2px;\n width: 0;\n background: #ffffff;\n position: absolute;\n top: 50%;\n left: 0;\n transform: translate(0, -20%);\n display: block;\n transition: all 0.88s cubic-bezier(0.36, 0.76, 0, 0.88) 0.22s; }\n .product-actions .product-variants-item.hover .control-label {\n color: #1c1c1c;\n margin-left: 22px;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .product-actions .product-variants-item.hover .control-label:before {\n background: #1c1c1c;\n left: -22px;\n width: 16px;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .product-actions .product-add-to-cart .control-label {\n display: none; }\n .product-actions .add-to-cart {\n line-height: inherit; }\n .product-actions .add-to-cart .material-icons {\n line-height: inherit; }\n\n.product-quantity {\n display: -ms-flexbox;\n display: flex; }\n .product-quantity .qty, .product-quantity .add {\n float: left;\n display: -ms-inline-flexbox;\n display: inline-flex;\n margin-bottom: 0; }\n .product-quantity .qty {\n margin-right: 0; }\n .product-quantity #quantity_wanted {\n height: 3.5rem;\n padding: 0;\n width: 4rem;\n min-width: 4rem;\n font-size: 1.25rem;\n text-align: center; }\n .product-quantity .input-group-btn-vertical {\n width: auto;\n margin: 0 8px; }\n .product-quantity .input-group-btn-vertical .btn {\n background-color: #ffffff;\n border-color: #ffffff;\n padding: 0.75rem 0.6875rem; }\n .product-quantity .input-group-btn-vertical .btn:hover {\n background-color: #ffffff; }\n .product-quantity .input-group-btn-vertical .btn i {\n font-size: 1rem;\n top: 0.1875rem;\n left: 0.1875rem;\n color: #1c1c1c; }\n .product-quantity .btn-touchspin {\n height: 1.438rem; }\n\n.product-discounts {\n margin-bottom: 1.5rem; }\n .product-discounts > .product-discounts-title {\n font-weight: normal;\n font-size: 0.875rem; }\n .product-discounts > .table-product-discounts thead tr th {\n width: 33%;\n padding: 0.625rem 1.25rem;\n background: white;\n border: 0.3125rem #F1F1F1 solid;\n text-align: center; }\n .product-discounts > .table-product-discounts tbody tr {\n background: #f6f6f6; }\n .product-discounts > .table-product-discounts tbody tr:nth-of-type(even) {\n background: white; }\n .product-discounts > .table-product-discounts tbody tr td {\n padding: 0.625rem 1.25rem;\n text-align: center;\n border: 0.3125rem #F1F1F1 solid; }\n\n.product-prices {\n margin: 32px 0 1.25rem; }\n .product-prices div {\n margin: 0; }\n .product-prices .tax-shipping-delivery-label {\n display: none;\n font-size: 0.8125rem;\n color: #bbbbbb; }\n .product-prices .tax-shipping-delivery-label .delivery-information {\n padding: 0 0 0 2px; }\n .product-prices .tax-shipping-delivery-label .delivery-information::before {\n content: \"-\";\n padding: 0 2px 0 0; }\n\n.product-discount .regular-price {\n text-transform: uppercase;\n text-decoration: none;\n font-weight: normal;\n margin-right: 0.625rem; }\n\n.has-discount {\n position: relative;\n width: 100%; }\n .has-discount > div {\n display: inline-block; }\n .has-discount .product-discount {\n display: block;\n font-size: 18px;\n color: #bbbbbb;\n line-height: 20px;\n vertical-align: top;\n margin-top: 1px;\n margin-left: 2px; }\n .has-discount .discount {\n font-family: \"Cuprum\", sans-serif;\n font-size: 18px;\n background: #1c1c1c;\n color: #f2f2f2;\n padding: 0.15rem 1.75rem;\n border-radius: 5px;\n font-weight: 600;\n text-transform: uppercase;\n display: inline-block;\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%); }\n .has-discount .discount:before {\n display: inline-block;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n border-radius: 5px;\n position: absolute;\n z-index: 0;\n box-shadow: 0 4px 10px 0px #1c1c1c;\n opacity: 0.2; }\n\n.product-unit-price {\n font-size: 0.8125rem;\n margin-bottom: 0; }\n\n.tabs {\n background: #ffffff;\n margin-top: 1.5rem;\n padding: 2rem 3rem;\n border-radius: 6px; }\n .tabs .tab-pane {\n padding-top: 2rem; }\n .tabs .tab-pane .product-manufacturer {\n margin-bottom: 1.5rem; }\n .tabs .tab-pane .product-manufacturer img {\n max-width: 15rem; }\n .tabs .tab-pane .product-reference,\n .tabs .tab-pane .product-quantities {\n margin-bottom: 0.15rem; }\n .tabs .tab-pane label, .tabs .tab-pane .product-features .h6 {\n font-size: 0.9375rem;\n color: #1c1c1c; }\n .tabs .tab-pane p {\n font-size: 14px;\n line-height: 24px; }\n .tabs .nav-tabs {\n border: none;\n border-bottom: #f2f2f2 2px solid; }\n .tabs .nav-tabs .nav-link {\n font-family: \"Cuprum\", sans-serif;\n font-size: 1.25rem;\n padding: 1em 1.5em;\n text-transform: uppercase;\n color: #1c1c1c;\n border: 0 solid transparent; }\n .tabs .nav-tabs .nav-link.active {\n border: none;\n border-bottom: #5fceb3 3px solid;\n color: #1c1c1c;\n background: none; }\n .tabs .nav-tabs .nav-link:hover {\n border: none;\n border-bottom: #1c1c1c 3px solid; }\n .tabs .nav-tabs .nav-item {\n float: left;\n margin-bottom: -0.125rem; }\n\n.product-cover {\n margin-bottom: 0;\n position: relative; }\n .product-cover img {\n background: #ffffff;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px; }\n .product-cover .layer {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 60px;\n height: 60px;\n background: #ffffff;\n position: absolute;\n right: 12px;\n bottom: 12px;\n opacity: 0;\n text-align: center;\n cursor: pointer;\n border-radius: 6px;\n transform: translateX(110%);\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .product-cover .layer .zoom-in {\n color: #888888;\n display: inline-block;\n height: 26px; }\n .product-cover .layer .zoom-in svg {\n width: 26px; }\n .product-cover .layer .zoom-in svg * {\n stroke: #888888 !important; }\n .product-cover:hover .layer {\n opacity: 1;\n transform: translateX(0); }\n\n#product-modal .modal-content {\n background: transparent;\n border: none;\n padding: 0; }\n #product-modal .modal-content .modal-body {\n display: -ms-flexbox;\n display: flex;\n margin-left: -30%; }\n #product-modal .modal-content .modal-body .product-cover-modal {\n width: 100%;\n background: #ffffff;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px; }\n #product-modal .modal-content .modal-body .image-caption {\n background: #ffffff;\n width: 800px;\n padding: 1rem 1.5rem;\n border-top: #f2f2f2 2px solid;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px; }\n #product-modal .modal-content .modal-body .image-caption p {\n margin-bottom: 0; }\n #product-modal .modal-content .modal-body .thumbnails {\n position: relative; }\n #product-modal .modal-content .modal-body .mask {\n position: relative;\n overflow: hidden;\n max-height: 49.38rem;\n margin-top: 2.188rem;\n z-index: 1; }\n #product-modal .modal-content .modal-body .mask.nomargin {\n margin-top: 0; }\n #product-modal .modal-content .modal-body .product-images {\n margin-left: 12px; }\n #product-modal .modal-content .modal-body .product-images img {\n border-radius: 5px;\n width: 6rem;\n cursor: pointer;\n background: #ffffff;\n margin-bottom: 6px; }\n #product-modal .modal-content .modal-body .product-images img:hover {\n box-shadow: inset 0 0 0 3px #ffffff; }\n #product-modal .modal-content .modal-body .arrows {\n height: 100%;\n width: 100%;\n text-align: center;\n position: absolute;\n top: 0;\n color: white;\n right: 1.875rem;\n z-index: 0;\n cursor: pointer; }\n #product-modal .modal-content .modal-body .arrows .arrow-up {\n position: absolute;\n top: -2rem;\n opacity: 0.2; }\n #product-modal .modal-content .modal-body .arrows .arrow-down {\n position: absolute;\n bottom: -2rem; }\n #product-modal .modal-content .modal-body .arrows i {\n font-size: 6.25rem;\n display: inline; }\n\n#blockcart-modal .modal-header {\n background: #00c293;\n border: none; }\n\n#blockcart-modal .modal-body {\n padding: 3.125rem 2.5rem; }\n #blockcart-modal .modal-body p, #blockcart-modal .modal-body label {\n font-size: 14px; }\n #blockcart-modal .modal-body .divide-right span {\n display: inline-block;\n margin-bottom: 0.3125rem; }\n\n#blockcart-modal .modal-dialog {\n max-width: 1140px;\n width: 100%; }\n\n#blockcart-modal .product-image {\n width: 100%; }\n\n#blockcart-modal .modal-title {\n font-weight: 600;\n color: #ffffff;\n font-size: 1.125rem; }\n #blockcart-modal .modal-title i.material-icons {\n margin-right: 1.875rem; }\n\n#blockcart-modal .product-name {\n color: #1c1c1c;\n font-size: 1.125rem; }\n\n#blockcart-modal p:not(.cart-products-count) {\n margin-bottom: 0.15rem; }\n\n#blockcart-modal .cart-products-count {\n color: #1c1c1c; }\n\n#blockcart-modal .cart-content {\n padding-left: 2.5rem; }\n #blockcart-modal .cart-content .cart-content-btn {\n margin-top: 20px;\n display: -ms-inline-flexbox;\n display: inline-flex; }\n #blockcart-modal .cart-content .cart-content-btn button {\n margin-right: 0.3125rem; }\n #blockcart-modal .cart-content .cart-content-btn .btn {\n white-space: inherit; }\n\n#blockcart-modal .divide-right {\n border-right: #f2f2f2 2px solid; }\n\n.images-container .product-images {\n margin: 30px 0;\n display: -ms-flexbox;\n display: flex; }\n .images-container .product-images .owl-stage-outer {\n border-radius: 6px; }\n .images-container .product-images li.thumb-container {\n border-radius: 6px;\n overflow: hidden;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .images-container .product-images li.thumb-container:before {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 6px;\n pointer-events: none;\n z-index: 2; }\n @media (min-width: 768px) {\n .images-container .product-images li.thumb-container:hover {\n transform: scale(0.96); } }\n .images-container .product-images li.thumb-container .thumb {\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .images-container .images-container .product-images li.thumb-container .thumb {\n margin-right: 0; }\n\n#main .images-container .js-qv-mask {\n white-space: nowrap;\n overflow: hidden;\n width: calc(100% - 60px);\n margin: 0 auto; }\n\n#product-availability {\n margin-top: 16px;\n display: inline-block;\n font-weight: 600; }\n #product-availability.available {\n display: none; }\n #product-availability .material-icons {\n line-height: inherit; }\n #product-availability .product-available {\n color: #4cbb6c; }\n #product-availability .product-unavailable {\n color: #ff9a52; }\n #product-availability .product-last-items {\n color: #ff9a52; }\n\n#product-details .label {\n color: #1c1c1c;\n font-weight: bold; }\n\n.product-features {\n margin-top: 1.25rem; }\n .product-features > dl.data-sheet {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-align: stretch;\n align-items: stretch; }\n .product-features > dl.data-sheet dd.value,\n .product-features > dl.data-sheet dt.name {\n font-weight: 500;\n -ms-flex: 1 0 40%;\n flex: 1 0 40%;\n border: 2px solid #f2f2f2;\n padding: 0.9rem 1.15rem;\n margin-right: 0.625rem;\n min-height: 2.5rem;\n word-break: normal;\n text-transform: capitalize;\n margin-bottom: .5rem; }\n\n.product-variants > .product-variants-item {\n margin: 0.25rem 0; }\n .product-variants > .product-variants-item select {\n width: auto;\n padding-right: 2.5rem;\n margin-bottom: 1rem; }\n .product-variants > .product-variants-item ul li {\n margin-right: 0.625rem; }\n .product-variants > .product-variants-item .color {\n margin-left: 0;\n margin-top: 0; }\n\n.product-flags {\n position: absolute;\n top: 0;\n width: 100%;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n\nli.product-flag {\n display: block;\n position: absolute;\n font-weight: 700;\n padding: 0.3125rem 0.4375rem;\n text-transform: uppercase;\n margin-top: 0.625rem;\n z-index: 2;\n box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); }\n li.product-flag.online-only {\n top: 25rem;\n right: 0;\n font-size: 0.8125rem; }\n li.product-flag.online-only::before {\n content: \"\\E30A\";\n font-family: 'Material Icons';\n vertical-align: middle;\n margin: 0.3125rem; }\n li.product-flag.discount {\n display: none; }\n li.product-flag:not(.discount):not(.on-sale) ~ li.product-flag {\n margin-top: 3.75rem; }\n\n.product-customization {\n margin: 2.5rem 0; }\n .product-customization .product-customization-item {\n margin: 1.25rem 0; }\n .product-customization .product-message {\n border: none;\n width: 100%;\n height: 3.125rem;\n resize: none;\n padding: 0.625rem; }\n .product-customization .file-input {\n width: 100%;\n opacity: 0;\n left: 0;\n z-index: 1;\n cursor: pointer;\n height: 2.625rem;\n overflow: hidden;\n position: absolute; }\n .product-customization .customization-message {\n margin-top: 20px; }\n .product-customization .custom-file {\n position: relative;\n border: 2px solid #f2f2f2;\n width: 100%;\n height: 2.625rem;\n line-height: 2.625rem;\n text-indent: 0.625rem;\n display: block;\n margin-top: 1.25rem; }\n .product-customization .custom-file button {\n z-index: 0;\n position: absolute;\n right: 0;\n top: 0; }\n\n.product-pack {\n margin-top: 2.5rem; }\n .product-pack .pack-product-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around; }\n .product-pack .pack-product-container .pack-product-name {\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n font-size: 0.875rem;\n color: #1c1c1c; }\n .product-pack .pack-product-container .pack-product-quantity {\n border-left: #f2f2f2 2px solid;\n padding-left: 0.625rem; }\n .product-pack .pack-product-container .pack-product-name,\n .product-pack .pack-product-container .pack-product-price,\n .product-pack .pack-product-container .pack-product-quantity {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center; }\n\n.product-refresh {\n margin-top: 1.25rem; }\n\n.social-sharing {\n width: 100%;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-top: 0;\n min-height: 5.5rem;\n border-top: 2px solid #f2f2f2;\n overflow: hidden;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px; }\n .social-sharing .share_text {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n background: #ffffff;\n z-index: 2;\n cursor: pointer;\n transition: all 0.88s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .social-sharing .share_text span {\n font-size: 0.925rem;\n font-weight: 500;\n color: #c1c1c1;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .social-sharing .share_text svg {\n width: 24px;\n margin-right: 12px;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .social-sharing .share_text svg * {\n stroke: #1c1c1c !important; }\n .social-sharing .share_text:hover span {\n color: #1c1c1c;\n transform: translateX(-8px); }\n .social-sharing .share_text:hover svg {\n transform: translateX(4px); }\n .social-sharing ul li {\n background-color: transparent;\n opacity: 0;\n transform: translateX(12px);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .social-sharing ul li:nth-child(1) {\n transition-delay: 0.25s; }\n .social-sharing ul li:nth-child(2) {\n transition-delay: 0.4s; }\n .social-sharing ul li:nth-child(3) {\n transition-delay: 0.55s; }\n .social-sharing ul li:nth-child(4) {\n transition-delay: 0.7s; }\n .social-sharing ul li:nth-child(5) {\n transition-delay: 0.85s; }\n .social-sharing.click .share_text {\n pointer-events: none;\n opacity: 0; }\n .social-sharing.click .share_text span {\n transform: translateX(-30px);\n opacity: 0; }\n .social-sharing.click ul li {\n opacity: 0.6;\n transform: translateX(0); }\n .social-sharing ul {\n margin-bottom: 0; }\n .social-sharing li {\n height: 2.5rem;\n width: 2.5rem;\n border-radius: 50%;\n display: inline-block;\n background-color: #ffffff;\n background-repeat: no-repeat;\n background-size: 2rem 2rem;\n background-position: 0.25rem 0.25rem;\n cursor: pointer;\n margin-left: 0.5rem; }\n .social-sharing li a {\n display: block;\n width: 100%;\n height: 100%;\n white-space: nowrap;\n text-indent: 100%;\n overflow: hidden; }\n .social-sharing li a:hover {\n color: transparent; }\n\n.products-selection {\n margin-bottom: 1.25rem; }\n .products-selection .title {\n color: #1c1c1c; }\n\n#blockcart-modal .cart-content .btn {\n margin-bottom: 0.625rem; }\n\n.product-images .owl-dots {\n margin-top: 20px;\n text-align: center;\n -webkit-tap-highlight-color: transparent; }\n .product-images .owl-dots .owl-dot {\n display: inline-block;\n zoom: 1; }\n .product-images .owl-dots .owl-dot span {\n width: 16px;\n height: 16px;\n margin: 8px 10px;\n background: #cccccc;\n opacity: 0.5;\n display: block;\n -webkit-backface-visibility: visible;\n border-radius: 30px;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .product-images .owl-dots .owl-dot.active span, .product-images .owl-dots .owl-dot:hover span {\n opacity: 1; }\n\n.product-additional-info .js-mailalert {\n padding: 30px; }\n\n@media (max-width: 991px) {\n #product #main > .row > div.col-image {\n padding-right: 15px; }\n #product #main > .row > div.col-content {\n padding-left: 15px; }\n #product .product-flags {\n display: none;\n width: auto; }\n .product-cover img {\n width: 100%; }\n #product-modal .modal-content .modal-body {\n -ms-flex-direction: column;\n flex-direction: column;\n margin-left: 0; }\n #product-modal .modal-content .modal-body img.product-cover-modal {\n width: 100%; }\n #product-modal .modal-content .modal-body .arrows {\n display: none; }\n #product-modal .modal-content .modal-body .image-caption {\n width: 100%; }\n #blockcart-modal .modal-dialog {\n width: calc(100% - 20px); }\n #blockcart-modal .modal-body {\n padding: 1.875rem; }\n .social-sharing {\n display: none; }\n .product-info:before, .product-add-to-cart:before {\n left: -3rem;\n width: calc(100% + 6rem); } }\n\n@media (max-width: 767px) {\n #product .product-images {\n margin-top: 0;\n margin-bottom: 0;\n display: block; }\n #product .product-images.owl-nav {\n display: none; }\n .has-discount .discount {\n position: relative;\n width: 100%;\n text-align: center;\n transform: none;\n margin-top: 12px; }\n .product-quantity {\n display: block; }\n .product-quantity .add {\n display: block;\n width: 100%;\n text-align: center; }\n .product-quantity .add .add-to-cart {\n width: 100%; }\n .product-quantity .qty {\n margin: 0 auto;\n display: -ms-flexbox;\n display: flex;\n float: none;\n width: 100%;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-bottom: 22px; }\n .tabs .nav-tabs .nav-item {\n width: 100%;\n text-align: center; }\n .product-cover {\n display: none; }\n .product-images {\n display: block; }\n .images-container .product-images li.thumb-container .thumb.selected, .images-container .product-images li.thumb-container .thumb:hover {\n transform: none; }\n #product #main > .row > div.col-content .col-content-inside {\n padding: 3rem 3rem 0; }\n #main .images-container .js-qv-mask {\n width: 100%; }\n #main .images-container .js-qv-mask.hide_it_pls {\n display: block;\n visibility: visible; }\n #blockcart-modal .divide-right {\n border-right: none; }\n #blockcart-modal .modal-body {\n padding: 1rem; } }\n\n@media (min-width: 992px) and (max-width: 1199px) {\n #product .product-info {\n display: block; }\n #product .product-info > div {\n width: 100%;\n padding-top: 24px; } }\n\n@media (max-width: 575px) {\n #product .product-info {\n display: block; }\n #product .product-info > div {\n width: 100%;\n padding-top: 24px; } }\n\n.cart-grid {\n margin-bottom: 1rem; }\n\n.cart-items {\n margin-bottom: 0; }\n\n.cart-item {\n padding: 1rem 0; }\n\n.cart-summary-line {\n clear: both; }\n .cart-summary-line::after {\n content: \"\";\n display: table;\n clear: both; }\n .cart-summary-line .label {\n padding-left: 0;\n font-weight: normal;\n white-space: inherit; }\n .cart-summary-line .value {\n color: #1c1c1c;\n float: right;\n font-family: \"Cuprum\", sans-serif;\n font-size: 1.125rem;\n font-weight: bold; }\n .cart-summary-line.cart-summary-subtotals .label,\n .cart-summary-line.cart-summary-subtotals .value {\n font-weight: normal; }\n\n/** CART BODY **/\n.cart-grid-body {\n border-radius: 4px;\n margin-bottom: 0.75rem;\n padding-right: 6px; }\n .cart-grid-body .cart-container {\n padding: 3rem; }\n .cart-grid-body .product-line-info.atts {\n display: inline-block; }\n .cart-grid-body .product-line-info.atts .value:after {\n content: ','; }\n .cart-grid-body .product-line-info.atts:last-child .value:after {\n content: ''; }\n .cart-grid-body .back_to_shop {\n margin-top: 20px;\n display: inline-block; }\n .cart-grid-body .card-block {\n padding: 1rem 0; }\n .cart-grid-body .card-block h1 {\n margin-bottom: 0; }\n .cart-grid-body .cart-overview {\n padding: 1.5rem 0; }\n .cart-grid-body .product-line-grid {\n margin: 0 -15px;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n -ms-flex-align: center;\n align-items: center; }\n .cart-grid-body .product-line-grid > * .row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center; }\n .cart-grid-body .product-line-grid .product-line-grid-right .price {\n text-align: right; }\n .cart-grid-body .product-line-grid .product-line-grid-right .price .product-price {\n margin-bottom: 0; }\n .cart-grid-body .product-line-grid .js-cart-line-product-quantity {\n min-width: 0;\n width: 3.2rem; }\n .cart-grid-body .product-line-info.product-price {\n font-size: 1.125rem !important;\n margin-bottom: 0; }\n .cart-grid-body .product-line-info.product-price .current-price {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n text-align: center; }\n .cart-grid-body .product-line-info.product-price .current-price * {\n line-height: 1.125rem; }\n .cart-grid-body .product-line-info.product-price .regular-price {\n margin-top: 6px; }\n .cart-grid-body .product-line-info.product-price .discount {\n display: none; }\n .cart-grid-body .product-line-info.atts * {\n font-size: 13px;\n color: #aaaaaa; }\n\n@media (min-width: 768px) {\n .product-line-grid-left.col-md-2 {\n width: 15%; }\n .product-line-grid-price.col-md-2 {\n width: 15%; } }\n\n/** CART RIGHT **/\n.product-line-grid-price {\n text-align: center; }\n\n.cart-grid-right {\n position: static;\n padding-left: 6px; }\n .cart-grid-right .cart-summary {\n padding: 3rem;\n border-radius: 4px;\n border: none;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .cart-grid-right .cart-summary .card-block {\n padding-left: 0;\n padding-right: 0; }\n .cart-grid-right .cart-summary:hover {\n box-shadow: 0 20px 32px 0px rgba(0, 0, 0, 0.22); }\n .cart-grid-right .promo-discounts {\n margin-bottom: 0; }\n .cart-grid-right .promo-discounts .cart-summary-line .label {\n color: #aaaaaa; }\n .cart-grid-right .promo-discounts .cart-summary-line .label .code {\n text-decoration: underline;\n cursor: pointer; }\n .cart-grid-right .cart-detailed-totals .card-block {\n padding: 1.5rem 0; }\n .cart-grid-right .cart-detailed-totals .card-block:first-child {\n padding-top: 0; }\n .cart-grid-right .checkout {\n margin-top: 22px; }\n\n.block-promo .promo-code {\n padding: 1.60rem;\n background: #F1F1F1; }\n .block-promo .promo-code .alert-danger {\n position: relative;\n margin-top: 1.25rem;\n background: #ff4c4c;\n color: white;\n display: none; }\n .block-promo .promo-code .alert-danger::after {\n bottom: 100%;\n left: 10%;\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-bottom-color: #ff4c4c;\n border-width: 10px;\n margin-left: -10px; }\n\n.block-promo .promo-input {\n color: #232323;\n border: #7A7A7A 1px solid;\n height: 2.5rem;\n text-indent: 0.625rem;\n width: 60%; }\n .block-promo .promo-input + button {\n margin-top: -4px;\n text-transform: capitalize; }\n\n.block-promo .cart-summary-line .label,\n.block-promo .promo-name {\n color: #ff9a52;\n font-weight: 600; }\n .block-promo .cart-summary-line .label a,\n .block-promo .promo-name a {\n font-weight: normal;\n color: #232323;\n display: inline-block; }\n\n.block-promo .promo-code-button {\n padding-left: 1.25rem;\n margin-bottom: 1.25rem;\n display: inline-block; }\n\n.block-promo.promo-highlighted {\n padding: 1.25rem;\n padding-bottom: 0;\n margin-bottom: 0; }\n\n/** CONTENT LEFT **/\n.product-line-grid-left img {\n max-width: 80px;\n border-radius: 4px;\n border-radius: 50%; }\n\n/** CONTENT BODY **/\n.product-line-grid-body > .product-line-info > .label {\n padding: 0;\n line-height: inherit;\n text-align: left;\n white-space: inherit; }\n\n.product-line-grid-body > .product-line-info > .out-of-stock {\n color: red; }\n\n.product-line-grid-body > .product-line-info > .available {\n color: #4cbb6c; }\n\n.product-line-grid-body > .product-line-info > .unit-price-cart {\n padding-left: 0.3125rem;\n font-size: 0.875rem;\n color: #7A7A7A; }\n\n/** CONTENT LEFT **/\n.product-line-grid-right .cart-line-product-actions,\n.product-line-grid-right .product-price {\n color: #1c1c1c;\n font-size: 1.125rem;\n line-height: 36px; }\n .product-line-grid-right .cart-line-product-actions .remove-from-cart,\n .product-line-grid-right .product-price .remove-from-cart {\n color: #bbbbbb;\n display: inline-block;\n margin-top: 0.3125rem; }\n\n/*** Responsive part ***/\n@media (max-width: 767px) {\n .cart-grid-body .product-line-grid {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-direction: row;\n flex-direction: row;\n margin: 0;\n position: relative; }\n .cart-grid-body .product-line-grid > * {\n padding: 0;\n position: static; }\n .product-line-grid-left {\n -ms-flex-preferred-size: 34%;\n flex-basis: 34%; }\n .product-line-grid-left img {\n max-width: calc(100% - 10px);\n margin-right: 10px; }\n .product-line-grid-body {\n -ms-flex-preferred-size: 66%;\n flex-basis: 66%;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-bottom: 1rem; }\n .product-line-grid-price {\n -ms-flex-preferred-size: 34%;\n flex-basis: 34%;\n width: 34%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-left: -4px; }\n .product-line-grid-right {\n -ms-flex-preferred-size: 66%;\n flex-basis: 66%;\n width: 66%; }\n .product-line-grid-right .text-xs-right {\n position: absolute;\n top: -3px;\n right: -14px;\n padding: 0;\n width: auto; }\n .cart-item {\n padding: 2rem 0 2.5rem; }\n .cart-grid-body .product-line-grid > * .row {\n -ms-flex-preferred-size: 66%;\n flex-basis: 66%; }\n .cart-grid-body, .cart-grid-right {\n padding: 0 15px; }\n .cart-grid-body .back_to_shop {\n display: none; } }\n\n@media (max-width: 575px) {\n .cart-items {\n padding: 1rem 0; }\n .cart-item {\n border-bottom: 1px solid #F1F1F1; }\n .cart-item:last-child {\n border-bottom: 0; }\n .cart-grid-body .cart-overview {\n padding: 0; }\n .cart-grid-body .no-items {\n padding: 1rem;\n display: inline-block; }\n .cart-grid-body .card-block h1 {\n text-align: center; }\n .product-line-grid-left {\n padding-right: 0 !important; } }\n\n@media (max-width: 360px) {\n .product-line-grid-right .qty {\n width: 100%; }\n .product-line-grid-right .price {\n width: 100%; } }\n\n#block-reassurance {\n margin-top: 2rem;\n margin-bottom: 4rem; }\n #block-reassurance ul {\n margin-bottom: 0; }\n #block-reassurance img {\n width: 2rem;\n margin-right: 1rem;\n float: left;\n opacity: 0.2;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n #block-reassurance li {\n border-bottom: 2px solid #f2f2f2; }\n #block-reassurance li:first-child {\n border-top: 2px solid #f2f2f2; }\n #block-reassurance li:last-child {\n border: 0; }\n #block-reassurance li .block-reassurance-item {\n padding: 1.25rem 2rem;\n min-height: 5.5rem;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center; }\n #block-reassurance li .block-reassurance-item span {\n font-weight: 500;\n margin: 0; }\n #block-reassurance li .block-reassurance-item:hover img {\n opacity: 1; }\n #checkout #block-reassurance li .block-reassurance-item span {\n margin-bottom: 0; }\n #product #block-reassurance {\n border: none; }\n #product #block-reassurance span {\n font-weight: 500;\n font-size: 0.85rem;\n line-height: 1rem;\n display: block;\n margin-bottom: 0; }\n\n@media (max-width: 991px) {\n #block-reassurance {\n margin-bottom: 0; } }\n\n.quickview .modal-dialog {\n width: calc(100% - 30px);\n max-width: 64rem; }\n\n.quickview .modal-content {\n background: #ffffff;\n min-height: 28.13rem;\n border: none;\n border-radius: 6px; }\n\n.quickview .modal-header {\n border: none;\n padding: 0.625rem; }\n\n.quickview .modal-body {\n min-height: 23.75rem;\n padding: 40px; }\n\n.quickview button.close {\n width: 30px;\n height: 30px;\n position: absolute;\n top: 18px;\n right: -58px;\n opacity: 0.8;\n outline: none;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .quickview button.close:hover {\n opacity: 1;\n outline: none;\n transform: rotate(90deg); }\n .quickview button.close svg {\n width: 30px;\n height: 30px; }\n .quickview button.close svg * {\n stroke: #ffffff !important; }\n\n.quickview .layer {\n display: none; }\n\n.quickview .product-cover img {\n width: 95%; }\n\n.quickview .mask {\n white-space: nowrap;\n overflow: hidden;\n width: calc(100% - 60px);\n margin: 0 auto; }\n\n#stores .page-stores {\n margin: 0 auto; }\n #stores .page-stores .store-item {\n padding-left: 0.75rem;\n padding-right: 0.75rem; }\n #stores .page-stores .store-picture img {\n max-width: 100%; }\n #stores .page-stores .store-item-container {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n -ms-flex-align: center;\n align-items: center;\n padding: 1.875rem 0; }\n #stores .page-stores .store-item-container ul {\n margin-bottom: 0;\n font-size: 0.9375rem; }\n #stores .page-stores .store-item-container .divide-left {\n border-left: #f2f2f2 2px solid; }\n #stores .page-stores .store-item-container .divide-left tr {\n height: 1.563rem; }\n #stores .page-stores .store-item-container .divide-left td {\n padding-left: 0.375rem; }\n #stores .page-stores .store-item-container .divide-left th {\n text-align: right; }\n #stores .page-stores .store-item-container .store-description {\n font-size: 1rem; }\n #stores .page-stores .store-item-footer {\n margin-top: 0.5rem;\n padding-top: 0.5rem;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around; }\n #stores .page-stores .store-item-footer.divide-top {\n border-top: #f2f2f2 2px solid; }\n #stores .page-stores .store-item-footer div:first-child {\n -ms-flex: 0 0 65%;\n flex: 0 0 65%; }\n #stores .page-stores .store-item-footer i.material-icons {\n margin-right: 0.625rem;\n color: #777777;\n font-size: 1rem; }\n #stores .page-stores .store-item-footer li {\n margin-bottom: 0.625rem; }\n\n/*** Responsive part ***/\n@media (max-width: 767px) {\n #stores .page-stores {\n width: 100%; }\n #stores .page-stores .store-item-container {\n padding: 1rem 0; } }\n\n@media (max-width: 575px) {\n #stores .page-stores .store-item-container {\n display: block; }\n #stores .page-stores .store-item-container .divide-left {\n border-left: none; }\n #stores .page-stores .store-item-container .store-description a {\n margin-bottom: 0.5rem; }\n #stores .page-stores .store-item-container .store-description address {\n margin-bottom: 0.5rem; }\n #stores .page-stores .store-item-footer {\n display: block; }\n #stores .page-stores .store-item-footer.divide-top {\n border-top: #f2f2f2 2px solid; }\n #stores .page-stores .store-item-footer li {\n margin-bottom: 0.625rem; }\n #stores .page-stores .store-item-footer .card-block {\n padding: 0.75rem 0.75rem 0; } }\n\n#footer {\n padding-top: 3.25rem; }\n\n#footer > .container > .row_zero {\n margin: 0; }\n\n#footer > .container > .row_zero > * {\n padding-bottom: 3.25rem; }\n\n.block_newsletter {\n font-size: 0.9375rem; }\n .block_newsletter form {\n position: relative; }\n .block_newsletter form input[type=text] {\n min-width: 320px;\n padding: 0.5rem 2rem 0.5rem 1rem; }\n .block_newsletter form input[type=text]:focus {\n padding-left: 1.5rem;\n padding-right: 2.5rem; }\n .block_newsletter form input[type=text]:focus + button {\n transform: translateX(-0.25rem); }\n .block_newsletter form button[type=submit] {\n position: absolute;\n background: none;\n border: none;\n bottom: 0.45rem;\n right: 0.55rem;\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .block_newsletter form button[type=submit] .search {\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .block_newsletter form button[type=submit] .search svg {\n width: 22px; }\n .block_newsletter form button[type=submit] .search:hover {\n color: #00c293; }\n .block_newsletter p#block-newsletter-label {\n padding-top: 14px;\n max-width: 190px;\n color: #9d9d9d;\n line-height: 0.9375rem; }\n .block_newsletter p.note {\n padding-top: 14px;\n color: #9d9d9d;\n font-size: 0.8125rem;\n line-height: 0.875rem; }\n .block_newsletter p.alert {\n max-width: 100%;\n padding: 8px; }\n .block_newsletter form input[type=text] {\n height: 62px;\n line-height: 20px;\n padding: 0 22px;\n border: none;\n border-radius: 6px;\n background: #ffffff;\n color: #a0a0a0;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.12);\n width: 100%; }\n .block_newsletter form input[type=text]::-webkit-input-placeholder {\n color: #a0a0a0; }\n .block_newsletter form input[type=text]::-moz-placeholder {\n /* Firefox 19+ */\n color: #a0a0a0; }\n .block_newsletter form input[type=text]:-ms-input-placeholder {\n /* IE 10+ */\n color: #a0a0a0; }\n .block_newsletter form input[type=text]:-moz-placeholder {\n /* Firefox 18- */\n color: #a0a0a0; }\n .block_newsletter form input[type=text]:focus {\n box-shadow: 0 14px 50px 0px rgba(0, 0, 0, 0.22);\n outline: 0; }\n .block_newsletter form button.go {\n position: absolute;\n height: 62px;\n width: 62px;\n top: 0;\n right: 15px;\n padding: 0;\n display: inline-block;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .block_newsletter form button.go:hover {\n padding-right: 12px; }\n .block_newsletter form button.go:before {\n content: '\\F178';\n font-family: 'FontAwesome';\n font-size: 22px;\n color: #ff4653; }\n\n.block-contact {\n line-height: 1.75em;\n color: #9d9d9d; }\n .block-contact .block-contact-title {\n color: #cccccc;\n display: none; }\n .block-contact a,\n .block-contact span {\n color: #555555; }\n .block-contact a:hover {\n color: #000000; }\n .block-contact p {\n margin-top: 40px; }\n\n.linklist .blockcms-title a {\n color: #555555; }\n\n.account-list a {\n color: #555555; }\n .account-list a:hover {\n color: #000000; }\n\n.blockcms-title,\n.myaccount-title,\n.myaccount-title a,\n.footer-container h3,\n.block-contact-title {\n font-family: \"Cuprum\", sans-serif;\n font-weight: 700;\n font-size: 22px;\n margin-bottom: 22px;\n color: #cccccc; }\n\n.row.social {\n padding-top: 30px; }\n\n.block-social {\n text-align: left;\n padding-top: 10px; }\n .block-social ul {\n margin-bottom: 0; }\n\n.block-social li {\n height: 2.5rem;\n width: 2.5rem;\n border-radius: 50%;\n background-repeat: no-repeat;\n display: inline-block;\n margin: 0.1rem;\n background-size: 1.55rem;\n background-position: center;\n cursor: pointer;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .block-social li:first-child {\n margin-left: 0; }\n .block-social li:hover {\n transform: translateY(-0.225rem);\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14); }\n .block-social li a {\n display: block;\n height: 100%;\n white-space: nowrap;\n text-indent: 100%;\n overflow: hidden; }\n .block-social li a:before {\n display: none; }\n .block-social li a:hover {\n color: transparent; }\n\n.facebook {\n background-color: #39599f;\n background-image: url(" + __webpack_require__(58) + "); }\n .facebook::before {\n content: \"\";\n background-image: url(" + __webpack_require__(59) + "); }\n .facebook.icon-gray {\n background-image: url(" + __webpack_require__(60) + "); }\n\n.twitter {\n background-color: #45b0e3;\n background-image: url(" + __webpack_require__(61) + "); }\n .twitter::before {\n content: \"\";\n background-image: url(" + __webpack_require__(62) + "); }\n .twitter.icon-gray {\n background-image: url(" + __webpack_require__(63) + "); }\n\n.rss {\n background-color: #f7b028;\n background-image: url(" + __webpack_require__(64) + "); }\n\n.youtube {\n background-color: #e9483e;\n background-image: url(" + __webpack_require__(65) + "); }\n\n.googleplus {\n background-color: #da4835;\n background-image: url(" + __webpack_require__(66) + "); }\n .googleplus::before {\n content: \"\";\n background-image: url(" + __webpack_require__(67) + "); }\n .googleplus.icon-gray {\n background-image: url(" + __webpack_require__(68) + "); }\n\n.pinterest {\n background-color: #d0212b;\n background-image: url(" + __webpack_require__(69) + "); }\n .pinterest::before {\n content: \"\";\n background-image: url(" + __webpack_require__(70) + "); }\n .pinterest.icon-gray {\n background-image: url(" + __webpack_require__(71) + "); }\n\n.vimeo {\n background-color: #1ab7ea;\n background-image: url(" + __webpack_require__(72) + "); }\n\n.instagram {\n background-color: #2a5b83;\n background-image: url(" + __webpack_require__(73) + "); }\n\n.footer-container {\n padding-top: 6.25rem;\n padding-bottom: 6.25rem;\n background: #fafafa;\n overflow: hidden; }\n .footer-container li {\n margin-bottom: 0.5rem; }\n .footer-container li a {\n color: #555555;\n cursor: pointer;\n font-size: 0.875rem; }\n .footer-container li a:hover {\n color: #000000; }\n\n.links .collapse {\n display: inherit; }\n\n@media (max-width: 767px) {\n .footer-container {\n box-shadow: none;\n margin-top: 0;\n padding-left: 40px;\n padding-right: 40px;\n padding-bottom: 8rem; }\n .footer-container .wrapper {\n padding-left: 0 !important;\n padding-right: 0 !important; }\n .footer-container .links .title {\n padding: 0.625rem;\n cursor: pointer; }\n .footer-container .links .title .collapse-icons .remove {\n display: none; }\n .footer-container .links .h3 {\n line-height: 1.5;\n font-size: 1.25rem; }\n .footer-container .links ul {\n margin-bottom: 0; }\n .footer-container .links ul > li {\n padding: 0.1rem 0 0.1rem 0.625rem;\n font-weight: bold; }\n .links .title .collapse-icons .remove {\n display: none; }\n .links .collapse {\n display: none; }\n .links .collapse.in {\n display: block; }\n .links .title[aria-expanded=\"true\"] .collapse-icons .add {\n display: none; }\n .links .title[aria-expanded=\"true\"] .collapse-icons .remove {\n display: block; }\n .links .navbar-toggler {\n display: inline-block;\n padding: 0; } }\n\n@media (max-width: 991px) {\n #footer .navbar-toggler {\n opacity: 0.5; }\n .block_newsletter {\n padding-bottom: 0.625rem; }\n .block_newsletter p#block-newsletter-label {\n text-align: center;\n max-width: 100%;\n margin-top: 20px; }\n .block_newsletter form input[type=text] {\n min-width: 0; }\n .block-social {\n text-align: center; }\n .block-contact {\n padding-left: 1.5rem; } }\n\n.contact-rich {\n margin-bottom: 2rem;\n word-wrap: break-word; }\n .contact-rich h4 {\n text-transform: uppercase;\n margin-bottom: 2rem; }\n .contact-rich .block {\n margin-bottom: 1.5rem;\n height: auto;\n overflow: hidden; }\n .contact-rich .block .icon {\n float: left;\n width: 2.5rem; }\n .contact-rich .block .icon i {\n font-size: 2rem; }\n .contact-rich .block .icon svg {\n width: 26px; }\n .contact-rich .block .icon svg * {\n stroke: #777777 !important; }\n .contact-rich .block .data {\n font-size: 0.875rem;\n width: auto;\n overflow: hidden; }\n .contact-rich .block .data.email {\n padding-top: 0.375rem; }\n\n.contact-form {\n padding: 1rem;\n width: 100%; }\n .contact-form h3 {\n text-transform: uppercase; }\n\n#contact .card {\n padding: 0;\n border: none; }\n\n#contact .contact-form {\n padding: 0; }\n #contact .contact-form input[type=file] {\n width: 100%; }\n\n@media (max-width: 991px) {\n #contact #left-column {\n padding-right: 0; } }\n\n#products #main .page-header,\n#pagenotfound #main .page-header {\n margin: 2rem 0 3rem; }\n\n#products #main .page-content,\n#pagenotfound #main .page-content {\n margin-bottom: 10rem; }\n\n#products .page-not-found,\n#pagenotfound .page-not-found {\n padding: 3rem; }\n #products .page-not-found .title404,\n #pagenotfound .page-not-found .title404 {\n text-align: center;\n font-size: 12rem;\n line-height: 12rem;\n color: #f2f2f2;\n font-weight: bold;\n letter-spacing: -1rem;\n display: inline-block;\n width: 100%;\n margin: 1.5rem 0 1rem; }\n #products .page-not-found h4,\n #pagenotfound .page-not-found h4 {\n font-size: 1rem;\n text-align: center;\n font-weight: 500;\n margin: 0.5rem 0 !important;\n color: #bbbbbb !important; }\n #products .page-not-found p,\n #pagenotfound .page-not-found p {\n font-size: 1rem;\n font-weight: 500;\n text-align: center;\n color: #bbbbbb; }\n #products .page-not-found .search-widget,\n #pagenotfound .page-not-found .search-widget {\n margin: 0 auto;\n float: none; }\n #products .page-not-found .search-widget input,\n #pagenotfound .page-not-found .search-widget input {\n width: 100%; }\n\n.customization-modal .modal-content {\n border-radius: 0;\n border: 1px solid #f6f6f6; }\n .customization-modal .modal-content .modal-body {\n padding-top: 0; }\n .customization-modal .modal-content .modal-body .product-customization-line {\n padding-bottom: 0.9375rem;\n padding-top: 0.9375rem;\n border-bottom: 1px solid #f6f6f6; }\n .customization-modal .modal-content .modal-body .product-customization-line .label {\n font-weight: bold;\n text-align: right; }\n .customization-modal .modal-content .modal-body .product-customization-line:last-child {\n padding-bottom: 0;\n border-bottom: 0; }\n\n.sitemap-title {\n text-transform: capitalize; }\n\n.sitemap {\n margin-top: 0.9375rem; }\n .sitemap h2 {\n color: #1c1c1c;\n text-transform: uppercase;\n font-size: 1.1rem;\n font-weight: 600;\n margin-left: -15px;\n width: 100%;\n height: 35px; }\n .sitemap ul {\n margin-left: -15px;\n margin-top: 20px; }\n .sitemap ul.nested {\n margin-left: 20px; }\n .sitemap ul li {\n font-size: 0.9rem;\n margin-bottom: 1rem; }\n\n@media (max-width: 991px) {\n .sitemap {\n margin-top: 0; }\n .sitemap ul {\n margin-bottom: 40px; } }\n\n.animsition,\n.animsition-overlay {\n position: relative;\n opacity: 0;\n animation-fill-mode: both; }\n\n.animsition-overlay-slide {\n position: fixed;\n z-index: 1;\n width: 100%;\n height: 100%;\n background-color: #ddd; }\n\n/* loading option */\n.roy-loader {\n width: 100%;\n height: 100vh;\n position: fixed;\n background: #fafafa;\n top: 0;\n left: 0;\n z-index: 1000; }\n\n.roy-loader:after {\n content: '';\n width: 110px;\n height: 110px;\n position: fixed;\n top: 50%;\n left: 50%;\n margin-top: -55px;\n margin-left: -55px;\n border-radius: 50%;\n z-index: 1001; }\n\n.roy-loader:after {\n background-color: transparent;\n border-top: 3px solid rgba(0, 0, 0, 0.2);\n border-right: 3px solid rgba(0, 0, 0, 0.2);\n border-bottom: 3px solid rgba(0, 0, 0, 0.2);\n border-left: 3px solid #eee;\n transform: translateZ(0);\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-duration: 1.8s;\n animation-name: animsition-loading; }\n\n@keyframes animsition-loading {\n 0% {\n transform: rotate(0deg); }\n 100% {\n transform: rotate(360deg); } }\n\n@keyframes fade-in {\n 0% {\n opacity: 0; }\n 100% {\n opacity: 1; } }\n\n.fade-in {\n animation-name: fade-in; }\n\n@keyframes fade-out {\n 0% {\n opacity: 1; }\n 100% {\n opacity: 0; } }\n\n.fade-out {\n animation-name: fade-out; }\n\n@keyframes fade-in-up {\n 0% {\n transform: translateY(500px);\n opacity: 0; }\n 100% {\n transform: translateY(0);\n opacity: 1; } }\n\n.fade-in-up {\n animation-name: fade-in-up; }\n\n@keyframes fade-out-up {\n 0% {\n transform: translateY(0);\n opacity: 1; }\n 100% {\n transform: translateY(-500px);\n opacity: 0; } }\n\n.fade-out-up {\n animation-name: fade-out-up; }\n\n@keyframes fade-in-up-sm {\n 0% {\n transform: translateY(100px);\n opacity: 0; }\n 100% {\n transform: translateY(0);\n opacity: 1; } }\n\n.fade-in-up-sm {\n animation-name: fade-in-up-sm; }\n\n@keyframes fade-out-up-sm {\n 0% {\n transform: translateY(0);\n opacity: 1; }\n 100% {\n transform: translateY(-100px);\n opacity: 0; } }\n\n.fade-out-up-sm {\n animation-name: fade-out-up-sm; }\n\n@keyframes fade-in-down {\n 0% {\n transform: translateY(-500px);\n opacity: 0; }\n 100% {\n transform: translateY(0);\n opacity: 1; } }\n\n.fade-in-down {\n animation-name: fade-in-down; }\n\n@keyframes fade-out-down {\n 0% {\n transform: translateY(0);\n opacity: 1; }\n 100% {\n transform: translateY(500px);\n opacity: 0; } }\n\n.fade-out-down {\n animation-name: fade-out-down; }\n\n@keyframes fade-in-down-sm {\n 0% {\n transform: translateY(-100px);\n opacity: 0; }\n 100% {\n transform: translateY(0);\n opacity: 1; } }\n\n.fade-in-down-sm {\n animation-name: fade-in-down-sm; }\n\n@keyframes fade-out-down-sm {\n 0% {\n transform: translateY(0);\n opacity: 1; }\n 100% {\n transform: translateY(100px);\n opacity: 0; } }\n\n.fade-out-down-sm {\n animation-name: fade-out-down-sm; }\n\n@keyframes fade-in-left {\n 0% {\n transform: translateX(-500px);\n opacity: 0; }\n 100% {\n transform: translateX(0);\n opacity: 1; } }\n\n.fade-in-left {\n animation-name: fade-in-left; }\n\n@keyframes fade-out-left {\n 0% {\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform: translateX(-500px);\n opacity: 0; } }\n\n.fade-out-left {\n animation-name: fade-out-left; }\n\n@keyframes fade-in-left-sm {\n 0% {\n transform: translateX(-100px);\n opacity: 0; }\n 100% {\n transform: translateX(0);\n opacity: 1; } }\n\n.fade-in-left-sm {\n animation-name: fade-in-left-sm; }\n\n@keyframes fade-out-left-sm {\n 0% {\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform: translateX(-100px);\n opacity: 0; } }\n\n.fade-out-left-sm {\n animation-name: fade-out-left-sm; }\n\n@keyframes fade-in-right {\n 0% {\n transform: translateX(500px);\n opacity: 0; }\n 100% {\n transform: translateX(0);\n opacity: 1; } }\n\n.fade-in-right {\n animation-name: fade-in-right; }\n\n@keyframes fade-out-right {\n 0% {\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform: translateX(500px);\n opacity: 0; } }\n\n.fade-out-right {\n animation-name: fade-out-right; }\n\n@keyframes fade-in-right-sm {\n 0% {\n transform: translateX(100px);\n opacity: 0; }\n 100% {\n transform: translateX(0);\n opacity: 1; } }\n\n.fade-in-right-sm {\n animation-name: fade-in-right-sm; }\n\n@keyframes fade-out-right-sm {\n 0% {\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform: translateX(100px);\n opacity: 0; } }\n\n.fade-out-right-sm {\n animation-name: fade-out-right-sm; }\n\n@keyframes zoom-in-sm {\n 0% {\n transform: scale(0.95);\n opacity: 0; }\n 100% {\n opacity: 1; } }\n\n.zoom-in-sm {\n animation-name: zoom-in-sm; }\n\n@keyframes zoom-out-sm {\n 0% {\n transform: scale(1);\n opacity: 1; }\n 50% {\n transform: scale(0.95);\n opacity: 0; }\n 100% {\n opacity: 0; } }\n\n.zoom-out-sm {\n animation-name: zoom-out-sm; }\n\n.roy_levibox {\n background: #ffffff;\n border-radius: 5px;\n z-index: 30;\n width: 62px;\n padding: 10px 0;\n overflow: hidden;\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.07);\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88);\n /* Mobile layout */ }\n .roy_levibox.mm_sticky_padding.is_stuck {\n margin-top: 68px; }\n .roy_levibox.position1 {\n position: fixed;\n right: 22px;\n bottom: 22px; }\n .roy_levibox.position2 {\n position: absolute;\n right: -72px;\n top: 0; }\n .roy_levibox:hover {\n box-shadow: 0 14px 40px 0px rgba(0, 0, 0, 0.16); }\n .roy_levibox .box-one {\n float: right;\n clear: right;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 44px;\n margin-top: 4px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .roy_levibox .box-one i {\n font-style: normal;\n cursor: pointer;\n display: inline-block; }\n .roy_levibox .box-one i svg {\n pointer-events: none;\n width: 28px; }\n .roy_levibox .box-one i svg * {\n stroke: #1c1c1c !important; }\n .roy_levibox .box-one.box-arrow {\n height: 0;\n opacity: 0;\n overflow: hidden;\n transition: height 0.52s cubic-bezier(0.07, 0.74, 0.56, 0.89), opacity 0.12s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .roy_levibox .box-one.box-arrow:hover {\n opacity: 1 !important; }\n .roy_levibox .box-one.box-cart .prod_count {\n display: inline-block;\n position: absolute;\n width: 11px;\n height: 11px;\n background: #00c293;\n border-radius: 50%;\n right: 7px;\n top: -2px;\n text-indent: -5000px; }\n @media (max-width: 991px) {\n .roy_levibox .box-one.box-cart .prod_count {\n width: 14px;\n height: 14px;\n right: 20px;\n top: 20px; } }\n .roy_levibox.arrow-show .box-one.box-arrow {\n height: 44px;\n opacity: 0.3;\n transition: height 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89), opacity 0.82s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .roy_levibox.mobile {\n position: fixed;\n padding: 0;\n width: 100%;\n top: auto;\n bottom: -1px;\n left: 0 !important;\n right: auto !important;\n margin: 0 !important;\n height: 90px;\n border-radius: 0;\n z-index: 2010;\n box-shadow: 0 -4px 60px rgba(0, 0, 0, 0.08); }\n .roy_levibox.mobile > div, .roy_levibox.mobile .box-one.box-arrow {\n opacity: 1;\n height: 90px;\n float: left;\n position: relative;\n width: 25%;\n margin-top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center; }\n .roy_levibox.mobile > div i, .roy_levibox.mobile .box-one.box-arrow i {\n display: inline-block;\n width: 28px;\n height: 28px; }\n .roy_levibox.mobile > div i svg, .roy_levibox.mobile .box-one.box-arrow i svg {\n width: 28px; }\n .roy_levibox.mobile > div.box-home, .roy_levibox.mobile .box-one.box-arrow.box-home {\n position: fixed;\n bottom: 0;\n left: 0; }\n .roy_levibox.mobile > div.box-search, .roy_levibox.mobile .box-one.box-arrow.box-search {\n position: fixed;\n bottom: 0;\n left: 0; }\n .roy_levibox.mobile > div.box-search i, .roy_levibox.mobile .box-one.box-arrow.box-search i {\n margin-top: 2px; }\n .roy_levibox.mobile > div.box-acc, .roy_levibox.mobile .box-one.box-arrow.box-acc {\n position: fixed;\n bottom: 0;\n left: 25%; }\n .roy_levibox.mobile > div.box-cart, .roy_levibox.mobile .box-one.box-arrow.box-cart {\n position: fixed;\n bottom: 0;\n left: 50%; }\n .roy_levibox.mobile > div.box-arrow, .roy_levibox.mobile .box-one.box-arrow.box-arrow {\n position: fixed;\n bottom: 0;\n left: 75%; }\n .roy_levibox.mobile > div.box-menu, .roy_levibox.mobile .box-one.box-arrow.box-menu {\n position: fixed;\n top: 0;\n right: 0;\n height: 90px; }\n\n.try_again {\n text-decoration: underline;\n cursor: pointer; }\n\n@media (max-width: 991px) {\n .roy_levibox .box-one {\n display: none; }\n .roy_levibox .box-one.box-arrow {\n display: inline-block; } }\n\n.countcontainer {\n position: absolute;\n display: inline-block;\n width: 100%;\n bottom: 0;\n left: 0;\n padding: 12px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89);\n z-index: 2; }\n .countcontainer .county {\n width: 100% !important;\n position: relative;\n height: 60px;\n padding: 0 8px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14); }\n .countcontainer .county .county-cell {\n color: #888888;\n font-weight: 500;\n font-size: 20px;\n line-height: 20px;\n padding: 5px 0 0 0;\n position: relative;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto; }\n .countcontainer .county .county-cell .county-days, .countcontainer .county .county-cell .county-hours, .countcontainer .county .county-cell .county-minutes, .countcontainer .county .county-cell .county-seconds {\n letter-spacing: -0.3px; }\n .countcontainer .county .county-cell .county-label {\n margin: 0;\n padding: 0;\n font-size: 11px;\n line-height: 11px;\n background-color: transparent;\n color: #888888; }\n\n.product-item.product_show_list .countcontainer {\n display: none; }\n\n.sidebar-content .thumbnail-container .countcontainer {\n display: none; }\n\n.sidebar-content .thumbnail-container .count_icon {\n position: absolute;\n left: 0;\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: #fbd4d6;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n transform: translate(5%, -110%);\n overflow: hidden;\n pointer-events: none;\n box-shadow: 0 10px 18px 0px rgba(0, 0, 0, 0.04);\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .sidebar-content .thumbnail-container .count_icon svg {\n width: 30px;\n height: 30px; }\n .sidebar-content .thumbnail-container .count_icon svg * {\n fill: #000000 !important; }\n\n.sidebar-content .thumbnail-container:hover .count_icon {\n opacity: 0;\n transform: translate(5%, -80%); }\n\n.roycountdown:before, .roycountoff:before {\n position: absolute;\n left: 0;\n top: 0;\n content: ' ';\n width: 100%;\n height: 100%;\n z-index: 0;\n opacity: 1;\n background: #ffffff;\n border-radius: 5px; }\n\n.product_count_block .countcontainer .roycountoff:before {\n display: none; }\n\n.roycountoff {\n height: 60px;\n width: 100%;\n text-align: center;\n line-height: 60px;\n color: #888888;\n position: relative;\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14); }\n\n.roycountoff > span {\n position: relative; }\n\n/* product page count */\n.product_count_block {\n display: inline-block;\n width: 100%;\n height: auto;\n overflow: visible;\n position: relative;\n margin: 0; }\n .product_count_block .countcontainer {\n position: relative;\n padding: 0;\n border: none;\n display: -ms-flexbox;\n display: flex; }\n .product_count_block .countcontainer .count_icon {\n width: 90px;\n height: 90px;\n border-radius: 50%;\n background: #fbd4d6;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n position: relative; }\n .product_count_block .countcontainer .count_icon svg {\n width: 34px;\n height: 34px; }\n .product_count_block .countcontainer .count_icon svg * {\n fill: #000000 !important; }\n .product_count_block .countcontainer .count_other {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n margin-left: 14px; }\n .product_count_block .countcontainer .count_other .roycounttitle {\n position: relative;\n width: 100%;\n font-size: 14px;\n line-height: 16px;\n margin: 6px 0 6px 6px; }\n .product_count_block .countcontainer .count_other .county {\n padding: 0 12px;\n border-radius: 6px;\n height: 62px;\n box-shadow: none; }\n .product_count_block .countcontainer .count_other .county:before {\n background: #ffffff; }\n .product_count_block .countcontainer .count_other .county .county-cell {\n padding: 5px 10px 0; }\n\n.hand-hour {\n transform-origin: 50% 50%;\n animation: 20s royspinback infinite linear; }\n\n.hand-min {\n transform-origin: 50% 50%;\n animation: 1s royspinback infinite linear; }\n\n@keyframes royspinback {\n 0% {\n transform: rotate(0deg); }\n 100% {\n transform: rotate(-360deg); } }\n\n@media (min-width: 1200px) {\n ul.product_list.grid > li:hover .product-container .product-image-container .countcontainer,\n #index .rv_carousel_container div.owl-item > li:hover .product-container .product-image-container .countcontainer {\n opacity: 0; } }\n\n@media (max-width: 479px) {\n ul.product_list:not(.carousel-home) .roycountdown > div, ul.product_list:not(.carousel-home) .roycountdown > span, ul.product_list:not(.carousel-home) .roycountoff > span {\n display: none !important; }\n ul.product_list:not(.carousel-home) .roycountdown, ul.product_list:not(.carousel-home) .roycountoff {\n width: 54px !important;\n float: right;\n text-align: center; }\n ul.product_list:not(.carousel-home) .roycountdown:after, ul.product_list:not(.carousel-home) .roycountoff:after {\n display: block;\n content: \"\\F3B3\";\n font-family: \"IonIcons\";\n font-size: 26px;\n line-height: 54px;\n cursor: pointer;\n z-index: 1;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%); }\n .product_count_block .countcontainer .count_other .county {\n padding: 0 6px; }\n .product_count_block .countcontainer .count_other {\n margin-left: 0; }\n .product_count_block .countcontainer .count_icon {\n display: none; } }\n\n/* /product page count */\n@media (min-width: 1440px) {\n .container {\n width: 1260px;\n max-width: 100%; }\n .layout-left-column #left-column,\n #left-column.side-column {\n width: 302px; }\n .layout-right-column #right-column,\n #right-column.side-column {\n width: 302px; }\n .layout-left-column #content-wrapper,\n .layout-right-column #content-wrapper,\n #content-wrapper.left-column,\n #content-wrapper.right-column {\n width: 928px; } }\n\n@media (min-width: 992px) {\n #left-column {\n padding-left: 0;\n padding-right: 12px; }\n #right-column {\n padding-right: 0;\n padding-left: 12px; }\n .layout-left-column #content-wrapper,\n .layout-right-column #content-wrapper,\n #content-wrapper.left-column,\n #content-wrapper.right-column {\n padding-left: 0;\n padding-right: 0; } }\n\n.side-column > * {\n box-shadow: none;\n margin-bottom: 12px; }\n\n.side-column > .sidebar-block {\n background: none;\n box-shadow: none;\n margin-bottom: 12px; }\n .side-column > .sidebar-block .facet .facet-title {\n color: #7A7A7A; }\n .side-column > .sidebar-block .btn i {\n display: none; }\n\n.side-column > .sidebar-block .sidebar-content,\n.side-column > .contact-rich,\n.side-column > .links ul {\n background: #ffffff;\n margin-bottom: 0;\n padding: 1.875rem;\n border-radius: 4px;\n color: #424242; }\n .side-column > .sidebar-block .sidebar-content ul,\n .side-column > .contact-rich ul,\n .side-column > .links ul ul {\n margin-bottom: 0; }\n .side-column > .sidebar-block .sidebar-content li,\n .side-column > .contact-rich li,\n .side-column > .links ul li {\n padding: 4px 0; }\n .side-column > .sidebar-block .sidebar-content li:first-child,\n .side-column > .contact-rich li:first-child,\n .side-column > .links ul li:first-child {\n padding-top: 0; }\n .side-column > .sidebar-block .sidebar-content li:last-child,\n .side-column > .contact-rich li:last-child,\n .side-column > .links ul li:last-child {\n padding-bottom: 0; }\n .side-column > .sidebar-block .sidebar-content a,\n .side-column > .contact-rich a,\n .side-column > .links ul a {\n color: #1c1c1c;\n padding: 2px 0; }\n .side-column > .sidebar-block .sidebar-content a:hover,\n .side-column > .contact-rich a:hover,\n .side-column > .links ul a:hover {\n color: #00c293; }\n\n.side-column > .sidebar-block .sidebar-title,\n.side-column > .links h3,\n.side-column > * .title.hidden-lg-up {\n background: #5fceb3;\n color: #ffffff;\n border-radius: 4px;\n min-height: 68px;\n padding: 23px;\n margin-bottom: 5px; }\n\n.side-column > #search_filters_wrapper .title.hidden-lg-up {\n margin-bottom: 0; }\n\n.side-column > .sidebar-block .sidebar-title a,\n.side-column > .sidebar-block .sidebar-title span,\n.side-column > .links h3,\n.side-column > * .title.hidden-lg-up .h3 {\n font-family: \"Cuprum\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.5rem;\n text-transform: uppercase;\n font-weight: bold;\n color: #ffffff;\n border-radius: 4px;\n text-decoration: none; }\n\n.side-column > * .title:not([aria-expanded=\"true\"]).hidden-lg-up {\n margin-bottom: 0; }\n\n@media (min-width: 768px) {\n .side-column > .sidebar-block .sidebar-content.collapse {\n display: inherit; } }\n\n.side-column > .sidebar-block .sidebar-inner-title {\n margin-bottom: 20px; }\n\n.side-column > .sidebar-block .sidebar-inner-title a,\n.side-column > .sidebar-block .sidebar-inner-title span {\n font-family: \"Cuprum\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.5rem;\n text-transform: none;\n font-weight: bold;\n color: #1c1c1c;\n border-radius: 4px;\n text-decoration: none; }\n\n.side-column > .links {\n padding: 0;\n display: block;\n float: none;\n width: 100%; }\n .side-column > .links .wrapper {\n width: 100%; }\n\n.side-column .product-flags > * {\n display: none !important; }\n\n.layout-left-column #content-wrapper #main,\n.layout-right-column #content-wrapper #main,\n#content-wrapper.left-column #main,\n#content-wrapper.right-column #main {\n background: #ffffff;\n padding: 1.5rem 1.875rem; }\n\n/*** HEADER ***/\n#header {\n position: relative;\n background: #f2f2f2; }\n #header .logo {\n max-width: 100%; }\n #header a:hover {\n text-decoration: none; }\n #header .content_header {\n float: left;\n height: 4rem;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding-left: 30px; }\n #header .content_header p {\n margin: 0; }\n #header .header-nav {\n background: #ffffff;\n color: #bebebe;\n border-bottom: #f2f2f2 2px solid;\n height: 64px;\n max-height: 64px;\n margin-bottom: 0; }\n #header .header-nav a, #header .header-nav span {\n text-decoration: none;\n color: #424242;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n #header .header-nav a:hover, #header .header-nav span:hover {\n color: #00c293; }\n #header .header-nav a.logout {\n color: #bebebe; }\n #header .header-nav a.logout:hover {\n color: #00c293; }\n #header .header-nav #menu-icon {\n vertical-align: middle;\n cursor: pointer;\n margin-left: 1rem; }\n #header .header-nav #menu-icon .material-icons {\n line-height: 50px; }\n #header .header-nav .left-nav,\n #header .header-nav .right-nav {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap; }\n #header .header-nav .left-nav {\n -ms-flex-pack: start;\n justify-content: flex-start; }\n #header .header-nav .left-nav > * {\n margin-right: 24px; }\n #header .header-nav .left-nav > *:last-child {\n margin-right: 0; }\n #header .header-nav .left-nav #_desktop_contact_link {\n margin-left: 14px; }\n #header .header-nav .left-nav ul.dropdown-menu {\n top: calc(100% + 20px);\n border-color: #f2f2f2; }\n #header .header-nav .right-nav {\n -ms-flex-pack: end;\n justify-content: flex-end; }\n #header .header-nav .language-selector {\n margin-top: 20px;\n white-space: nowrap; }\n #header .header-nav .currency-selector {\n margin-top: 20px;\n white-space: nowrap; }\n #header .header-nav .currency-selector #currency-selector-label {\n display: none; }\n #header .header-nav .user-info {\n margin-left: 30px;\n margin-top: 20px;\n text-align: right;\n white-space: nowrap; }\n #header .header-nav .user-info .account {\n margin-left: 22px; }\n #header .header-nav .contact-link {\n margin-top: 20px; }\n #header .header-nav .contact-link span {\n font-weight: bold;\n color: #424242; }\n #header .header-nav .material-icons {\n line-height: inherit; }\n #header .header-nav .material-icons.expand-more {\n margin-left: -0.375rem;\n display: none; }\n #header .row.action {\n display: -ms-flexbox;\n display: flex;\n /* primary flex container */\n -ms-flex-direction: row;\n flex-direction: row;\n /* horizontal alignment of flex items (default value; can be omitted) */\n -ms-flex-align: stretch;\n align-items: stretch;\n /* will apply equal heights to flex items (default value; can be omitted) */\n height: 100%;\n margin: 40px 0; }\n #header .row.action > div {\n display: -ms-flexbox;\n display: flex;\n /* nested flex container */\n -ms-flex-direction: column;\n flex-direction: column;\n /* vertical alignment of flex items */\n -ms-flex-pack: center;\n justify-content: center;\n /* center flex items vertically */ }\n #header .row.action #_desktop_logo {\n padding-left: 0; }\n #header .row.action .cart-preview .shopping-cart {\n vertical-align: middle; }\n #header .row.action .cart-preview .body {\n display: none; }\n #header .row.action .blockcart {\n white-space: nowrap;\n display: -ms-flexbox;\n display: flex;\n float: right; }\n #header .row.action .blockcart .cart_inside {\n display: none; }\n #header .row.action .blockcart a {\n display: -ms-flexbox;\n display: flex;\n z-index: 1;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n background: #ffffff;\n color: #1c1c1c;\n height: 4rem;\n min-width: inherit;\n width: 100%;\n border-radius: 5px;\n padding: 0.5rem 1.8rem 0.5rem 4.25rem;\n text-decoration: none;\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.07); }\n #header .row.action .blockcart a * {\n pointer-events: none; }\n #header .row.action .blockcart a i {\n width: 28px;\n height: 28px;\n display: inline-block;\n position: absolute;\n left: 26px;\n top: 16px; }\n #header .row.action .blockcart a i svg {\n width: 28px; }\n #header .row.action .blockcart a span {\n font-family: \"Cuprum\", sans-serif;\n font-weight: bold;\n line-height: 48px; }\n #header .row.action .blockcart a span.text {\n display: inline-block;\n font-size: 20px;\n margin-right: 8px;\n display: none; }\n #header .row.action .blockcart a span.cart-products-count {\n display: inline-block;\n font-size: 24px;\n line-height: 50px;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n #header .row.action .blockcart a span.cart-products-count.hidden {\n width: 0; }\n #header .row.action .blockcart a:hover {\n box-shadow: 0 14px 40px 0px rgba(0, 0, 0, 0.16); }\n #header .header-top {\n padding-bottom: 0; }\n #header .header-top > .container {\n position: relative; }\n #header .header-top .mm_wrapper {\n display: -ms-flexbox;\n display: flex;\n padding: 0 15px; }\n #header .header-top .mm_wrapper .ets_mm_megamenu_content > .container {\n padding: 0; }\n #header .header-top .menu {\n padding-left: 15px;\n margin-bottom: 0;\n max-height: 68px; }\n #header .header-top .menu > ul > li {\n float: left; }\n #header .header-top .position-static {\n position: static; }\n #header .top-menu-link {\n margin-left: 1.25rem; }\n\n.popover {\n font-family: inherit; }\n\n/*** WRAPPER ***/\n#wrapper {\n background: #f2f2f2;\n padding-top: 22px;\n /******** for Levi Box */ }\n #wrapper.stick_parent_lb .container {\n position: relative; }\n #wrapper .banner {\n margin-bottom: 12px;\n display: inline-block; }\n\n#header .header-nav .right-nav .contact-link {\n margin-left: 20px; }\n\n.breadcrumb {\n background: none;\n padding: 24px 0;\n height: 22px;\n margin-top: 0;\n margin-bottom: 0; }\n .breadcrumb[data-depth=\"1\"] {\n display: none; }\n .breadcrumb ol {\n padding-left: 0;\n margin-bottom: 0; }\n .breadcrumb li {\n display: inline; }\n .breadcrumb li::after {\n content: \"/\";\n color: #cccccc;\n margin: 0.3125rem; }\n .breadcrumb li:last-child {\n content: \"/\";\n color: #cccccc;\n margin: 0; }\n .breadcrumb li:last-child::after {\n content: \"\"; }\n .breadcrumb li a {\n text-decoration: none;\n color: #1c1c1c; }\n\n/*** MAIN ***/\n#main {\n padding: 1.5rem;\n background: #ffffff; }\n #main .page-header {\n margin-bottom: 1.563rem; }\n #main .page-content {\n margin-bottom: 1.563rem; }\n #main .page-content.card.card-block {\n padding: 0;\n border: none; }\n #main .page-content p {\n margin-bottom: 1.25rem; }\n #main .page-content h1, #main .page-content h2, #main .page-content h3, #main .page-content h4, #main .page-content h5, #main .page-content h6 {\n margin-bottom: 1.5rem;\n color: #1c1c1c; }\n #main .page-content ul {\n margin: 0.5rem 0 1.25rem;\n padding-left: 18px;\n list-style-type: circle; }\n #main .page-content .help-block ul {\n padding-left: 0;\n list-style-type: none; }\n #main .page-content .testimonials .inner {\n margin-bottom: 8px; }\n #main .page-content .testimonials span.before {\n font-size: 2rem;\n vertical-align: middle;\n margin-right: 8px; }\n #main .page-content .testimonials span.after {\n font-size: 2rem;\n vertical-align: middle;\n margin-left: 8px; }\n #main .page-content #notifications {\n margin-left: -15px;\n margin-right: -15px; }\n #main .page-footer {\n margin-bottom: 2rem;\n padding: 3em 2.5em 0;\n position: relative; }\n #main .page-footer.hidden {\n padding: 0;\n display: none; }\n #main .page-footer:before {\n content: '';\n background: #f2f2f2;\n width: calc(100% - 5rem);\n height: 2px;\n position: absolute;\n left: 2.5rem;\n top: 0;\n display: block; }\n #main .page-footer a {\n font-size: 1rem;\n text-decoration: none; }\n #main .page-footer a i {\n color: #bbbbbb;\n margin-right: 7px;\n text-decoration: none; }\n #main .page-footer a i.fa-long-arrow-left:before {\n content: '\\F177';\n font-family: 'FontAwesome';\n font-size: 22px;\n font-style: normal;\n vertical-align: middle; }\n #main .page-content .alert ul {\n margin-bottom: 0.5rem; }\n\n#blockcart-modal .modal-header {\n padding: 22px; }\n\n.modal-header .close {\n margin-top: 3px; }\n\n#cms #main, #sitemap #main, #pagenotfound #main {\n padding: 3rem; }\n\n#product #main {\n padding: 0; }\n\n#cms #main a, #footer .footer-container a, a.hover_under {\n position: relative;\n text-decoration: none; }\n #cms #main a:before, #footer .footer-container a:before, a.hover_under:before {\n content: '';\n position: absolute;\n height: 2px;\n width: 70%;\n background: #00c293;\n bottom: -2px;\n left: 15%;\n opacity: 0;\n pointer-events: none;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n #cms #main a:hover, #footer .footer-container a:hover, a.hover_under:hover {\n text-decoration: none; }\n #cms #main a:hover:before, #footer .footer-container a:hover:before, a.hover_under:hover:before {\n width: 100%;\n left: 0;\n opacity: 1; }\n\n#footer .footer-container a:before {\n background: #555555; }\n\n#footer .footer-container a:hover:before {\n background: #000000; }\n\na.hover_under:before {\n bottom: -2px; }\n\n.products-section-title,\nh1.page-header,\nh2.page-header,\nh3.page-header,\nh4.page-header,\nh5.page-header,\nh6.page-header,\n#product .featured-products h2,\n#main h1:not(.active-filter-title) {\n color: #1c1c1c;\n font-family: \"Cuprum\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.5rem;\n text-transform: uppercase;\n font-weight: bold;\n padding-bottom: 1.35rem;\n margin-bottom: 1.5rem;\n text-align: left;\n position: relative; }\n .products-section-title a,\n h1.page-header a,\n h2.page-header a,\n h3.page-header a,\n h4.page-header a,\n h5.page-header a,\n h6.page-header a,\n #product .featured-products h2 a,\n #main h1:not(.active-filter-title) a {\n font-weight: bold;\n text-decoration: none; }\n .products-section-title a i:before,\n h1.page-header a i:before,\n h2.page-header a i:before,\n h3.page-header a i:before,\n h4.page-header a i:before,\n h5.page-header a i:before,\n h6.page-header a i:before,\n #product .featured-products h2 a i:before,\n #main h1:not(.active-filter-title) a i:before {\n content: '\\F178';\n font-family: 'FontAwesome';\n font-size: 22px;\n font-style: normal;\n opacity: 0;\n color: #00c293;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .products-section-title a:hover i:before,\n h1.page-header a:hover i:before,\n h2.page-header a:hover i:before,\n h3.page-header a:hover i:before,\n h4.page-header a:hover i:before,\n h5.page-header a:hover i:before,\n h6.page-header a:hover i:before,\n #product .featured-products h2 a:hover i:before,\n #main h1:not(.active-filter-title) a:hover i:before {\n margin-left: 10px;\n opacity: 1; }\n\n.products-section-title:before,\n#product .featured-products h2:before,\n.details__title:before,\nh1.page-header:before,\nh2.page-header:before,\nh3.page-header:before,\nh4.page-header:before,\nh5.page-header:before,\nh6.page-header:before,\n#main h1:before {\n content: '';\n position: absolute;\n right: 0;\n bottom: 0;\n height: 3px;\n width: calc(100% - 104px);\n background: #f2f2f2; }\n\n.products-section-title:after,\n#product .featured-products h2:after,\n.details__title:after,\nh1.page-header:after,\nh2.page-header:after,\nh3.page-header:after,\nh4.page-header:after,\nh5.page-header:after,\nh6.page-header:after,\n#main h1:after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n height: 3px;\n width: 90px;\n background: #5fceb3; }\n\n.products-section-title h1,\n#product .featured-products h2 h1,\n.details__title h1,\nh1.page-header h1,\nh2.page-header h1,\nh3.page-header h1,\nh4.page-header h1,\nh5.page-header h1,\nh6.page-header h1,\n#main h1 h1 {\n margin: 0; }\n\n#notifications ul {\n margin-bottom: 0; }\n\n/*** FOOTER ***/\n/*** Responsive part ***/\n@media (max-width: 991px) {\n body {\n padding-top: 90px; }\n #category #left-column > *:not(#search_filters_wrapper) {\n display: none; }\n .header-mobile {\n position: fixed;\n z-index: 1000;\n background: #ffffff;\n height: 90px;\n top: -1px;\n left: 0;\n width: 100%;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .header-mobile.scroll-down {\n box-shadow: 0 4px 60px rgba(0, 0, 0, 0.08); }\n .header-mobile .logo-mobile {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n height: 100%;\n padding-left: 30px; }\n #wrapper {\n padding-top: 0;\n margin-top: 15px;\n box-shadow: none; }\n #checkout-cart-summary {\n float: none;\n width: 100%;\n margin-top: 1rem; }\n #header {\n background: #f2f2f2; }\n #header .header-nav {\n background: none;\n margin-top: 0;\n margin-bottom: 10px;\n height: auto;\n max-height: 80px;\n border: none; }\n #header .header-nav .top-logo {\n line-height: 50px;\n vertical-align: middle;\n width: 200px;\n margin: 0 auto; }\n #header .header-nav .top-logo a img {\n max-height: 50px;\n max-width: 100%; }\n #header .header-nav .right-nav {\n display: none; }\n #header .header-nav .left-nav {\n display: block;\n width: 100%; }\n #header .header-nav .left-nav > * {\n margin: 0; }\n #header .header-nav .left-nav .mob-select {\n width: 50%;\n float: left;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 80px; }\n #header .header-nav .left-nav .mob-select select {\n -webkit-appearance: none; }\n #header .header-nav .left-nav .mob-select .currency-selector,\n #header .header-nav .left-nav .mob-select .language-selector {\n margin: 0; }\n #header .header-nav .left-nav .mob-select .currency-selector .link,\n #header .header-nav .left-nav .mob-select .language-selector .link {\n background: none; }\n #header .header-nav .left-nav .mob-select #language-selector-label {\n display: none; }\n #header .header-nav #_desktop_contact_phone {\n display: none; }\n #header .header-nav .user-info {\n text-align: left;\n margin-left: 0; }\n #header .header-nav .blockcart {\n margin-left: 0;\n background: inherit; }\n #header .header-nav .blockcart.active {\n margin-left: 0.5rem; }\n #header .header-nav .blockcart.inactive .cart-products-count {\n display: none; }\n #header .header-top {\n background: #F1F1F1;\n padding-bottom: 0;\n display: none; }\n #header .header-top a[data-depth=\"0\"] {\n color: #232323; }\n section.checkout-step {\n width: 100%; }\n .default-input {\n min-width: 100%; }\n label {\n clear: both; }\n #products .product-miniature,\n .featured-products .product-miniature {\n margin: 0 auto; }\n .block-contact {\n padding-left: 0.9375rem;\n border: none; }\n .menu,\n .dropdown-item {\n padding-left: 0; }\n #footer {\n padding-top: 0.5rem; }\n body:not(#index) .header-nav {\n display: none; } }\n\n@media (max-width: 991px) {\n .container {\n max-width: 100%; }\n #header .logo {\n width: auto; }\n #header .cart_widget {\n display: none; }\n #header .search-widget {\n display: none; }\n #products .product-miniature,\n .featured-products .product-miniature {\n margin: 0 auto; }\n .sub-menu {\n left: 0;\n min-width: 100%; }\n #blockcart-modal .product-image {\n width: 100%;\n display: block;\n max-width: 250px;\n margin: 0 auto 0.9375rem; }\n #blockcart-modal .cart-content {\n padding-left: 0; }\n #blockcart-modal .product-name,\n #product-availability {\n margin-top: 0.625rem; }\n #search_filters .facet .facet-label {\n text-align: left; }\n .block-category .category-cover {\n position: relative;\n text-align: center; }\n .block-category {\n padding-bottom: 0; } }\n\n@media (max-width: 991px) {\n #left-column, #content-wrapper {\n padding-left: 0 !important;\n padding-right: 0 !important; } }\n\n@media (max-width: 767px) {\n .side-column > *, .side-column > .sidebar-block {\n margin-bottom: 6px; }\n .side-column > .sidebar-block .collapse {\n display: none; }\n .side-column > .block-categories .title .collapse-icons .add, .side-column > .block-categories .title .collapse-icons .remove {\n position: absolute;\n top: 22px;\n right: 32px; }\n .side-column > .block-categories .title .collapse-icons .add:before, .side-column > .block-categories .title .collapse-icons .add:after, .side-column > .block-categories .title .collapse-icons .remove:before, .side-column > .block-categories .title .collapse-icons .remove:after {\n display: none; }\n .sidebar-block .collapse, .side-column > .links .collapse {\n display: none; }\n .sidebar-block .collapse.in, .side-column > .links .collapse.in {\n display: block; }\n .sidebar-block .title, .side-column > .links .title {\n padding: 23px;\n cursor: pointer; }\n .sidebar-block .title .h3, .side-column > .links .title .h3 {\n font-size: 1.5rem;\n line-height: 1.5rem; }\n .sidebar-block .title .collapse-icons .remove, .side-column > .links .title .collapse-icons .remove {\n display: none; }\n .sidebar-block .title .float-xs-right, .side-column > .links .title .float-xs-right {\n height: 1.5rem; }\n .sidebar-block .title[aria-expanded=\"true\"] .collapse-icons .add, .side-column > .links .title[aria-expanded=\"true\"] .collapse-icons .add {\n display: none; }\n .sidebar-block .title[aria-expanded=\"true\"] .collapse-icons .remove, .side-column > .links .title[aria-expanded=\"true\"] .collapse-icons .remove {\n display: block; }\n .sidebar-block .navbar-toggler, .side-column > .links .navbar-toggler {\n display: inline-block;\n padding: 0;\n height: 1.5rem; } }\n\n.details {\n position: fixed;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n padding: 20vh 0 10vh 10vw;\n z-index: 1000;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: start;\n align-items: flex-start;\n pointer-events: none; }\n\n.details--open {\n pointer-events: auto; }\n\n.details > * {\n position: relative;\n opacity: 0; }\n\n.details__bg {\n width: 100%;\n position: fixed;\n left: 0; }\n\n.details__bg--up {\n top: 0;\n height: 100vh;\n background: #ffffff;\n opacity: 0; }\n\n.details__bg--down {\n top: 20vh;\n height: 80vh;\n background: #ffffff;\n transition: box-shadow 1s linear 2s; }\n\n.details--open .details__bg--down {\n top: 20vh;\n height: 80vh;\n background: #ffffff;\n box-shadow: 0 0 18rem rgba(0, 0, 0, 0.16); }\n\n#js-product-list .details .details__img {\n position: absolute;\n top: 16vh;\n right: 10vw;\n height: 70vh;\n width: auto;\n max-width: 40%; }\n\n.details__bg,\n.details__img {\n transform-origin: 0 0; }\n\n.details__title {\n margin: 5rem 0 2.25rem;\n max-width: 48%;\n padding-bottom: 2.25rem; }\n\n.details__title,\n.details__title a {\n font-family: \"Cuprum\", sans-serif;\n color: #1c1c1c;\n font-size: 3rem;\n line-height: 3.15rem;\n font-weight: 500;\n text-decoration: none !important;\n text-transform: uppercase; }\n\n.details .details__description {\n color: #aaaaaa;\n font-size: 1.25rem;\n line-height: 1.5rem;\n font-weight: 500;\n max-width: 50%;\n margin: 0 0 1.5rem;\n max-width: 48%; }\n .details .details__description p {\n color: #aaaaaa;\n font-size: 1.25rem;\n line-height: 1.5rem;\n font-weight: 500; }\n\n.details__price {\n font-family: \"Cuprum\", sans-serif;\n font-size: 3rem;\n line-height: 3rem;\n font-weight: bold;\n color: #1c1c1c;\n margin-bottom: 2rem; }\n\n.details__addtocart {\n border: 0;\n margin: auto 0 0 0;\n background: var(--color-bg-addtocart);\n color: var(--color-addtocart);\n padding: 0.75em 2em;\n font-weight: bold; }\n\n.details__addtocart:hover {\n background: var(--color-btn-hover); }\n\n.details__close {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 20vh;\n border: 0;\n background: none;\n cursor: pointer; }\n .details__close:before {\n content: ''; }\n\nhr {\n margin-top: 2rem;\n margin-bottom: 2rem;\n border: 0;\n border-top: 2px solid #f2f2f2; }\n\n.dummy-menu {\n border: 0;\n background: none;\n padding: 0;\n margin: 2.75em 2.5em 0 0;\n position: fixed;\n top: 0;\n right: 0;\n font-size: 0.85em;\n color: var(--color-close);\n cursor: pointer;\n z-index: 1000; }\n\n.details__magnifier {\n border: 0;\n background: none;\n background: var(--color-bg-magnifier);\n color: var(--color-magnifier);\n padding: 1em;\n border-radius: 50%;\n position: absolute;\n z-index: 1000;\n right: calc(21.5vh + 10vw);\n top: 75vh;\n cursor: pointer; }\n\n.details__magnifier:hover {\n background: var(--color-btn-hover); }\n\nspan.tip {\n display: none; }\n\n#ui_tip {\n position: fixed;\n top: 0px;\n left: 0px;\n width: auto;\n height: auto;\n z-index: 9999;\n pointer-events: none;\n opacity: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 14px;\n background: #ffffff;\n color: #1c1c1c;\n padding: 12px 20px;\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);\n border-radius: 4px;\n margin: 22px 0 0 14px;\n word-wrap: normal;\n transition: opacity 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89), transform 0.12s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n #ui_tip span {\n word-wrap: normal;\n word-break: keep-all;\n white-space: nowrap; }\n #ui_tip.active {\n opacity: 1; }\n #ui_tip.align-right {\n transform: translateX(-100%);\n margin-left: -14px; }\n\ni.rts {\n display: inline-block; }\n\n@media (max-width: 991px) {\n #ui_tip {\n display: none !important; }\n .content_header {\n display: none; } }\n\n.stick_static {\n position: static; }\n\n#roy_brands {\n padding: 40px 0; }\n #roy_brands h1 {\n display: none; }\n #roy_brands .owl-nav {\n display: none; }\n #roy_brands ul {\n display: inline-block;\n width: 100%; }\n #roy_brands ul li {\n display: inline-block; }\n #roy_brands ul.brands_text {\n text-align: center; }\n #roy_brands ul.brands_text a {\n font-size: 1.125rem;\n font-weight: 600; }\n #roy_brands ul.slider li {\n width: 100%;\n float: none; }\n\n@media (max-width: 991px) {\n #roy_brands {\n padding-left: 40px;\n padding-right: 40px; }\n #roy_brands .row {\n margin: 0; } }\n\n/* Mobile bar */\n.side_menu {\n padding: 70px;\n display: block;\n position: fixed;\n background: #ffffff;\n color: #aaaaaa;\n top: 0;\n right: 0;\n width: 420px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 2000;\n max-width: 100vh;\n transition: all 0.12s cubic-bezier(0.36, 0.76, 0, 0.88);\n transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden; }\n .side_menu:before {\n content: '';\n background: #fafafa;\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n width: 0;\n height: 100%;\n z-index: 2;\n transition: all 400ms cubic-bezier(0.36, 0.76, 0, 0.88); }\n .side_menu.reopen_hide:before {\n width: 100%; }\n .side_menu.reopen_go:before {\n right: auto;\n left: 0;\n width: 0; }\n .side_menu a:not(.btn) {\n color: #1c1c1c; }\n .side_menu .side_menu_rel {\n position: relative; }\n .side_menu .side_menu_rel > div {\n position: absolute;\n left: 0;\n top: 0;\n opacity: 0;\n visibility: hidden;\n width: 100%; }\n .side_menu .side_menu_rel > div.show {\n opacity: 1;\n visibility: visible; }\n .side_menu .side_menu_rel > div#side_menu_wrap {\n left: -30px; }\n .side_menu .block-social {\n width: 100%;\n padding: 0;\n margin-top: 20px;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .block-social ul li:not(:hover) {\n background-color: #bbbbbb; }\n .side_menu .side_title, .side_menu form#contactable-contactForm p.contactable-header {\n color: #1c1c1c;\n font-family: \"Cuprum\", sans-serif;\n font-size: 1.5rem;\n margin-bottom: 42px;\n text-align: center;\n font-weight: bold;\n text-transform: uppercase;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .contactable-name, .side_menu .cart_inside > p.text-center, .side_menu .cart_inside > .shopping-cart.empty, .side_menu .contactable-email, .side_menu .contactable-text, .side_menu .contactable-sub, .side_menu .contactable-footer {\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .contactable-submit {\n cursor: pointer; }\n .side_menu .search-widget {\n padding: 0;\n float: none;\n width: 100%;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .search-widget form input[type=text] {\n min-width: 0;\n width: 100%; }\n .side_menu .search_tags_roy {\n margin-top: 32px;\n display: inline-block;\n width: 100%;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .search_tags_roy ul {\n display: inline-block;\n width: 100%; }\n .side_menu .search_tags_roy ul li {\n display: -ms-inline-flexbox;\n display: inline-flex;\n list-style: none; }\n .side_menu .search_tags_roy ul li a {\n font-weight: bold;\n color: #1c1c1c; }\n .side_menu .search_tags_roy ul li a:hover {\n color: #00c293; }\n .side_menu .search_tags_roy ul li:after {\n content: \",\"; }\n .side_menu .search_tags_roy ul li:last-child:after {\n content: \"\"; }\n .side_menu .search_products_roy {\n margin-top: 32px;\n margin-bottom: 60px;\n display: inline-block;\n width: 100%;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .search_products_roy ul {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 12px -3px 0; }\n .side_menu .search_products_roy ul li.search_prod {\n -ms-flex-positive: 1;\n flex-grow: 1;\n width: 33%;\n padding: 3px; }\n .side_menu .search_products_roy ul li.search_prod img {\n border-radius: 6px;\n width: 100%;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .side_menu .search_products_roy ul li.search_prod:hover img {\n transform: scale(0.96); }\n .side_menu .cart_header {\n display: none; }\n .side_menu .cart-prices {\n display: none;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .cart-checkout {\n margin-top: 32px;\n text-align: center;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .cart-checkout a {\n width: 100%; }\n .side_menu .cart-total {\n text-align: center;\n margin-top: 22px;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0s; }\n .side_menu .cart-total * {\n color: #aaaaaa; }\n .side_menu .shopping-cart.empty {\n text-align: center;\n margin: 0 auto;\n display: inline-block; }\n .side_menu .shopping-cart.empty svg {\n width: 50%; }\n .side_menu .shopping-cart.empty svg * {\n stroke: #bbbbbb !important; }\n .side_menu .cart-prods {\n position: relative;\n max-height: 100%;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, max-height, transform;\n transition-duration: 1s; }\n .side_menu .cart-prods .loader {\n display: none; }\n .side_menu .cart-prods.loading {\n transition-duration: 1s;\n max-height: 80px; }\n .side_menu .cart-prods.loading .loader {\n display: block;\n position: absolute;\n top: 20px;\n left: 50%;\n margin-left: -32px; }\n .side_menu .cart-prods li {\n position: relative;\n display: inline-block;\n width: 100%;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0.3s; }\n .side_menu .cart-prods li .product-img {\n float: left;\n position: relative;\n margin-right: 18px;\n margin-bottom: 26px; }\n .side_menu .cart-prods li .product-img img {\n max-width: 80px;\n border-radius: 50%; }\n .side_menu .cart-prods li .product-quantity {\n font-size: 15px;\n font-weight: 600;\n position: absolute;\n top: 0;\n left: 0;\n transform: translate(-50%, -50%);\n background: #ffffff;\n border-radius: 50%;\n height: 30px;\n width: 30px;\n text-align: center;\n line-height: 30px;\n display: inline-block; }\n .side_menu .cart-prods li .product-name {\n color: #1c1c1c;\n font-size: 15px;\n line-height: 15px;\n margin-top: 4px;\n margin-bottom: 4px;\n display: -ms-flexbox;\n display: flex; }\n .side_menu .cart-prods li .product-price {\n color: #bbbbbb;\n display: block;\n font-weight: 400;\n font-size: 18px;\n line-height: 18px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .side_menu .cart-prods li .product-atts {\n margin-bottom: 8px;\n font-size: 12px;\n line-height: 15px;\n font-weight: 500 !important;\n color: #bbbbbb; }\n .side_menu .cart-prods li .product-atts span:after {\n content: ', '; }\n .side_menu .cart-prods li .product-atts span:last-child:after {\n display: none; }\n .side_menu .cart-prods li .remove-from-cart {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(80%, -50%);\n background: #ffffff;\n border-radius: 50%;\n height: 30px;\n width: 30px;\n text-align: center;\n display: inline-block;\n opacity: 0;\n visibility: hidden;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .side_menu .cart-prods li .remove-from-cart i {\n display: inline-block;\n height: 15px;\n width: 15px; }\n .side_menu .cart-prods li .remove-from-cart i svg {\n pointer-events: none;\n width: 15px; }\n .side_menu .cart-prods li .remove-from-cart i svg * {\n stroke: #aaaaaa !important; }\n .side_menu .cart-prods li.show {\n transform: none;\n transition-delay: 0s;\n opacity: 1; }\n .side_menu .cart-prods li:hover .product-price {\n color: #1c1c1c; }\n .side_menu .cart-prods li:hover .remove-from-cart {\n opacity: 1;\n visibility: visible;\n transform: translate(50%, -50%); }\n .side_menu #side_menu_wrap #language-selector-label,\n .side_menu #side_menu_wrap #currency-selector-label {\n display: none; }\n .side_menu #side_menu_wrap .menu_selectors {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: -70px;\n left: 0;\n padding: 25px 0;\n border-bottom: 2px solid #f2f2f2; }\n .side_menu #side_menu_wrap .menu_selectors .mob-select {\n width: 50%;\n float: left;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 40px; }\n .side_menu #side_menu_wrap .menu_selectors .mob-select select {\n -webkit-appearance: none; }\n .side_menu #side_menu_wrap .menu_selectors .mob-select .currency-selector,\n .side_menu #side_menu_wrap .menu_selectors .mob-select .language-selector {\n margin: 0 20px 0 0; }\n .side_menu #side_menu_wrap .menu_selectors .mob-select .currency-selector .link,\n .side_menu #side_menu_wrap .menu_selectors .mob-select .language-selector .link {\n background: none; }\n .side_menu #side_acc_wrap .acc_ul > * {\n text-align: center;\n margin-bottom: 28px;\n transform: translateY(30px);\n opacity: 0;\n transition-timing-function: cubic-bezier(0.13, 0.19, 0.34, 0.96);\n transition-property: opacity, transform;\n transition-duration: 0.3s; }\n .side_menu #side_acc_wrap .acc_ul > *.show {\n transform: none;\n transition-delay: 0s;\n opacity: 1; }\n .side_menu #side_acc_wrap .acc_ul li.name {\n border-bottom: 2px solid #f2f2f2;\n padding-bottom: 28px; }\n .side_menu #side_acc_wrap .acc_ul li.name a {\n color: #aaaaaa; }\n .side_menu #side_acc_wrap .acc_ul li.logout {\n border-top: 2px solid #f2f2f2;\n padding-top: 28px; }\n .side_menu #side_acc_wrap .acc_ul li.logout a {\n color: #aaaaaa; }\n .side_menu #side_acc_wrap .acc_nolog {\n text-align: center; }\n .side_menu #side_acc_wrap .acc_nolog div, .side_menu #side_acc_wrap .acc_nolog a {\n margin-bottom: 28px; }\n .side_menu #side_acc_wrap .create {\n font-size: 15px; }\n\n.side_close {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1990;\n background: #f2f2f2;\n opacity: 0;\n visibility: hidden; }\n .side_close i {\n display: none; }\n\nbody.side_open main {\n margin-left: -140px; }\n\nbody.side_open .side_menu {\n box-shadow: 0 0 90px 0 rgba(0, 0, 0, 0.03);\n transition: transform 0.4s;\n transform: matrix(1, 0, 0, 1, 0, 0); }\n\nbody.side_open .side_close {\n visibility: visible;\n opacity: 0.85; }\n\nbody.side_open .box-menu {\n opacity: 0;\n pointer-events: none; }\n\nbody.side_content .side_menu .side_title, body.side_content .side_menu form#contactable-contactForm p.contactable-header {\n transition-delay: .2s; }\n\nbody.side_content .side_menu .contactable-name, body.side_content .side_menu .cart-prods, body.side_content .side_menu .search-widget, body.side_content .side_menu .cart_inside > p.text-center, body.side_content .side_menu .cart_inside > .shopping-cart.empty {\n transition-delay: .3s; }\n\nbody.side_content .side_menu .contactable-email, body.side_content .side_menu .cart-prices, body.side_content .side_menu .cart-checkout, body.side_content .side_menu .search_tags_roy {\n transition-delay: .4s; }\n\nbody.side_content .side_menu .contactable-text, body.side_content .side_menu .cart-total, body.side_content .side_menu .search_products_roy {\n transition-delay: .5s; }\n\nbody.side_content .side_menu .contactable-sub {\n transition-delay: .6s; }\n\nbody.side_content .side_menu .contactable-footer {\n transition-delay: .7s; }\n\nbody.side_content .side_menu .block-social {\n transition-delay: .8s; }\n\nbody.side_content .side_menu .cart_inside > * {\n transform: none;\n opacity: 1;\n transition-duration: 0.3s; }\n\nbody.side_content .side_menu .side_title, body.side_content .side_menu .cart_inside > p.text-center, body.side_content .side_menu .cart_inside > .shopping-cart.empty, body.side_content .side_menu form#contactable-contactForm p.contactable-header, body.side_content .side_menu .block-social, body.side_content .side_menu .contactable-name, body.side_content .side_menu .contactable-email, body.side_content .side_menu .contactable-text, body.side_content .side_menu .contactable-sub, body.side_content .side_menu .contactable-footer, body.side_content .side_menu .search-widget, body.side_content .side_menu .search_tags_roy, body.side_content .side_menu .search_products_roy {\n transform: none;\n opacity: 1;\n transition-duration: 0.3s; }\n\n@media (max-width: 991px) {\n body.side_open main {\n margin-left: -40px;\n padding-right: 40px; }\n .side_menu {\n height: calc(100% - 76px); }\n .side_menu .side_menu_rel > div.show {\n margin-bottom: 60px; }\n body.side_open .side_close {\n opacity: 1; }\n body.side_open .side_close.rotateit {\n transform: rotate(30deg); }\n .side_close {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n top: auto;\n bottom: 0;\n height: 90px;\n width: 25%;\n z-index: 2020;\n text-align: center;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .side_close.search_close {\n left: 0%; }\n .side_close.acc_close {\n left: 25%; }\n .side_close.cart_close {\n left: 50%; }\n .side_close.menu_close {\n bottom: auto;\n left: auto;\n top: 0;\n right: 0;\n height: calc(100% - 90px); }\n .side_close i {\n display: inline-block;\n width: 28px;\n height: 28px;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .side_close i svg {\n pointer-events: none;\n width: 28px; }\n .side_close i svg * {\n stroke: #1c1c1c !important; }\n ._desktop_user_info {\n display: none; }\n .block-social {\n margin-bottom: 22px; } }\n\n@media (max-width: 767px) {\n .side_menu {\n width: 100%; } }\n\n#is_media {\n float: none;\n content: 'desktop';\n display: none; }\n\n@media (max-width: 991px) {\n #is_media {\n float: left;\n content: 'mobile'; } }\n\n/* Effect 4: Slide along */\n.st-effect-4.st-menu-open .st-pusher {\n transform: translate3d(300px, 0, 0); }\n\n.st-effect-4.st-menu {\n z-index: 1; }\n\n.st-effect-4.st-menu-open .st-effect-4.st-menu {\n visibility: visible;\n transition: transform 0.5s;\n transform: translate3d(0, 0, 0); }\n\n.st-effect-4.st-menu::after {\n display: none; }\n\n.ui-menu .ui-menu-item a {\n padding: 6px 12px; }\n\n.ui-widget-content {\n padding: 0;\n border: none !important;\n background: #ffffff;\n border-radius: 4px;\n box-shadow: 0 14px 22px 0px rgba(0, 0, 0, 0.14);\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88);\n z-index: 2020; }\n .ui-widget-content li {\n padding: 8px !important;\n display: -ms-flexbox;\n display: flex; }\n .ui-widget-content li a {\n display: -ms-flexbox !important;\n display: flex !important;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n width: 100%; }\n .ui-widget-content li a:before {\n content: '\\F178';\n font-family: 'FontAwesome';\n font-size: 22px;\n position: absolute;\n top: 50%;\n left: 10px;\n transform: translate(-40%, -50%);\n opacity: 0;\n z-index: 2;\n color: #1c1c1c;\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88); }\n .ui-widget-content li a img {\n width: 54px;\n height: auto;\n margin-right: 16px;\n position: relative;\n float: left;\n border-radius: 3px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .ui-widget-content li a .searchDescription {\n display: inline-block;\n width: calc(100% - 70px); }\n .ui-widget-content li a .searchDescription .product {\n font-family: \"Poppins\", sans-serif;\n font-size: 15px;\n line-height: 16px;\n font-weight: 500;\n display: inline-block;\n padding-right: 10px;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .ui-widget-content li a .searchDescription .searchPrice {\n display: block;\n font-size: 17px;\n font-family: \"Cuprum\", sans-serif;\n font-weight: bold;\n transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); }\n .ui-widget-content li a.ui-state-focus {\n background: none;\n border: none !important;\n margin: 0 !important;\n cursor: pointer !important; }\n .ui-widget-content li a.ui-state-focus:before {\n transform: translate(50%, -50%);\n opacity: 1;\n text-shadow: 0, 0, 10px rgba(0, 0, 0, 0.14); }\n .ui-widget-content li a.ui-state-focus .product {\n transform: translateX(10px); }\n .ui-widget-content li a.ui-state-focus .searchPrice {\n transform: translateX(10px); }\n .ui-widget-content li a.ui-state-focus img {\n margin-left: 4px;\n margin-right: 12px;\n border-radius: 20%;\n opacity: 0.1; }\n\n.side_menu .ui-widget-content {\n width: 100% !important;\n top: 40px !important;\n left: auto !important;\n position: relative;\n box-shadow: none;\n padding: 0;\n margin-bottom: 32px; }\n .side_menu .ui-widget-content li {\n padding: 8px 0 !important; }\n .side_menu .ui-widget-content li a {\n padding-left: 0;\n padding-right: 0; }\n\n#growls.default {\n top: auto !important;\n right: auto !important;\n bottom: 10px;\n left: 10px; }\n\n#growls .growl.growl-default {\n box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.12);\n color: #000000;\n background: #ffffff; }\n\n#growls .growl.growl-medium {\n padding: 10px 16px; }\n\niframe {\n border: none !important; }\n\n.rev_slider_wrapper {\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88);\n height: 0; }\n .rev_slider_wrapper .rev_slider {\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88);\n height: 0; }\n .rev_slider_wrapper .rev_slider > ul {\n transition: all 0.4s cubic-bezier(0.36, 0.76, 0, 0.88);\n height: 0; }\n\nul.brands_list {\n display: inline-block;\n width: 100%; }\n ul.brands_list > li.brand {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n float: left; }\n ul.brands_list > li.brand .brand-img {\n margin-right: 20px; }\n ul.brands_list > li.brand .brand-infos {\n padding: 0 20px; }\n ul.brands_list > li.brand .brand-infos h3 {\n margin: 0; }\n ul.brands_list > li.brand .brand-products {\n padding: 0 20px; }\n\n@media (max-width: 991px) {\n li.brand {\n margin-bottom: 20px; }\n li.brand .brand-img img {\n max-width: 60px; }\n li.brand .brand-products {\n display: none; }\n li.brand .brand-infos h3 {\n font-size: 15px; }\n #growls.default {\n bottom: 100px; } }\n\n.loader {\n display: inline-block;\n position: relative;\n width: 64px;\n height: 64px; }\n\n.loader div {\n position: absolute;\n top: 27px;\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: #bbbbbb;\n animation-timing-function: cubic-bezier(0, 1, 1, 0); }\n\n.loader div:nth-child(1) {\n left: 6px;\n animation: loader1 0.6s infinite; }\n\n.loader div:nth-child(2) {\n left: 6px;\n animation: loader2 0.6s infinite; }\n\n.loader div:nth-child(3) {\n left: 26px;\n animation: loader2 0.6s infinite; }\n\n.loader div:nth-child(4) {\n left: 45px;\n animation: loader3 0.6s infinite; }\n\n@keyframes loader1 {\n 0% {\n transform: scale(0); }\n 100% {\n transform: scale(1); } }\n\n@keyframes loader3 {\n 0% {\n transform: scale(1); }\n 100% {\n transform: scale(0); } }\n\n@keyframes loader2 {\n 0% {\n transform: translate(0, 0); }\n 100% {\n transform: translate(19px, 0); } }\n", ""]);
// exports
/***/ }),
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */,
/* 7 */,
/* 8 */,
/* 9 */,
/* 10 */,
/* 11 */,
/* 12 */,
/* 13 */,
/* 14 */,
/* 15 */,
/* 16 */,
/* 17 */,
/* 18 */,
/* 19 */,
/* 20 */,
/* 21 */,
/* 22 */,
/* 23 */,
/* 24 */,
/* 25 */,
/* 26 */,
/* 27 */,
/* 28 */,
/* 29 */,
/* 30 */,
/* 31 */,
/* 32 */,
/* 33 */,
/* 34 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_jquery__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prestashop__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prestashop___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prestashop__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_velocity_animate__ = __webpack_require__(7);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_velocity_animate___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_velocity_animate__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_product_miniature__ = __webpack_require__(8);
/**
* 2007-2017 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2017 PrestaShop SA
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(document).ready(() => {
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.on('clickQuickView', function (elm) {
let data = {
'action': 'quickview',
'id_product': elm.dataset.idProduct,
'id_product_attribute': elm.dataset.idProductAttribute
};
__WEBPACK_IMPORTED_MODULE_0_jquery___default.a.post(__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.urls.pages.product, data, null, 'json').then(function (resp) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('body').append(resp.quickview_html);
let productModal = __WEBPACK_IMPORTED_MODULE_0_jquery___default()(`#quickview-modal-${resp.product.id}-${resp.product.id_product_attribute}`);
productModal.modal('show');
productConfig(productModal);
productModal.on('hidden.bs.modal', function () {
productModal.remove();
});
}).fail(resp => {
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.emit('handleError', { eventType: 'clickQuickView', resp: resp });
});
});
var productConfig = qv => {
const MAX_THUMBS = 4;
var $arrows = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-arrows');
var $thumbnails = qv.find('.js-qv-product-images');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-thumb').on('click', event => {
if (__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-thumb').hasClass('selected')) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-thumb').removeClass('selected');
}
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.currentTarget).addClass('selected');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-qv-product-cover').attr('src', __WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).data('image-large-src'));
});
if ($thumbnails.find('li').length <= MAX_THUMBS) {
$arrows.hide();
} else {
$arrows.on('click', event => {
if (__WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).hasClass('arrow-up') && __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-qv-product-images').position().top < 0) {
move('up');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.arrow-down').css('opacity', '1');
} else if (__WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).hasClass('arrow-down') && $thumbnails.position().top + $thumbnails.height() > __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-qv-mask').height()) {
move('down');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.arrow-up').css('opacity', '1');
}
});
}
qv.find('#quantity_wanted').TouchSpin({
verticalbuttons: true,
verticalupclass: 'material-icons touchspin-up',
verticaldownclass: 'material-icons touchspin-down',
buttondown_class: 'btn btn-touchspin js-touchspin',
buttonup_class: 'btn btn-touchspin js-touchspin',
min: 1,
max: 1000000
});
};
var move = direction => {
const THUMB_MARGIN = 20;
var $thumbnails = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-qv-product-images');
var thumbHeight = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-qv-product-images li img').height() + THUMB_MARGIN;
var currentPosition = $thumbnails.position().top;
$thumbnails.velocity({
translateY: direction === 'up' ? currentPosition + thumbHeight : currentPosition - thumbHeight
}, function () {
if ($thumbnails.position().top >= 0) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.arrow-up').css('opacity', '.2');
} else if ($thumbnails.position().top + $thumbnails.height() <= __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-qv-mask').height()) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.arrow-down').css('opacity', '.2');
}
});
};
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('body').on('click', '#search_filter_toggler', function () {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#search_filters_wrapper').removeClass('hidden-sm-down');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#content-wrapper').addClass('hidden-sm-down');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#footer').addClass('hidden-sm-down');
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#search_filter_controls .clear').on('click', function () {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#search_filters_wrapper').addClass('hidden-sm-down');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#content-wrapper').removeClass('hidden-sm-down');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#footer').removeClass('hidden-sm-down');
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#search_filter_controls .ok').on('click', function () {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#search_filters_wrapper').addClass('hidden-sm-down');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#content-wrapper').removeClass('hidden-sm-down');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#footer').removeClass('hidden-sm-down');
});
const parseSearchUrl = function (event) {
if (event.target.dataset.searchUrl !== undefined) {
return event.target.dataset.searchUrl;
}
if (__WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).parent()[0].dataset.searchUrl === undefined) {
throw new Error('Can not parse search URL');
}
return __WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).parent()[0].dataset.searchUrl;
};
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('body').on('change', '#search_filters input[data-search-url]', function (event) {
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.emit('updateFacets', parseSearchUrl(event));
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('body').on('click', '.js-search-filters-clear-all', function (event) {
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.emit('updateFacets', parseSearchUrl(event));
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('body').on('click', '.js-search-link', function (event) {
event.preventDefault();
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.emit('updateFacets', __WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).closest('a').get(0).href);
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('body').on('change', '#search_filters select', function (event) {
const form = __WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).closest('form');
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.emit('updateFacets', '?' + form.serialize());
});
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.on('updateProductList', data => {
updateProductListDOM(data);
updateCounters();
hideProds();
showProds();
});
// Grid - list
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_list').click(function () {
document.cookie = "show_list=true; expires=Thu, 30 Jan 2100 12:00:00 UTC; path=/";
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#main #js-product-list .product-item').addClass('product_show_list');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).addClass('active');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_grid').removeClass('active');
hideProds();
showProds();
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_grid').click(function () {
document.cookie = "show_list=; expires=Thu, 30 Jan 1970 12:00:00 UTC; path=/";
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#main #js-product-list .product-item').removeClass('product_show_list');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).addClass('active');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_list').removeClass('active');
hideProds();
showProds();
});
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.on('updateProductList', function (event) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_list').click(function () {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#main #js-product-list .product-item').addClass('product_show_list');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).addClass('active');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_grid').removeClass('active');
hideProds();
showProds();
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_grid').click(function () {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#main #js-product-list .product-item').removeClass('product_show_list');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).addClass('active');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.show_list').removeClass('active');
hideProds();
showProds();
});
});
// roythemes show prods
function showProds() {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#products #js-product-list').find('.products > .product-item').each(function (i) {
var row = __WEBPACK_IMPORTED_MODULE_0_jquery___default()(this);
setTimeout(function () {
row.addClass('show');
}, 360 + i * 140);
});
}
showProds();
function hideProds() {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#products #js-product-list').find('.products > .product-item').each(function (i) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).removeClass('show');
});
}
// modez fastview
class Details {
constructor() {
this.DOM = {};
const detailsTmpl = `
<div class="details__bg details__bg--up"></div>
<div class="details__bg details__bg--down"></div>
<div class="details__close"></div>
<img class="details__img" src="" alt="img 01"/>
<h2 class="details__title"></h2>
<div class="details__price"></div>
<p class="details__description"></p>
<button class="details__addtocart">Add to cart</button>
<button class="details__magnifier"><svg class="icon icon--magnifier"><use xlink:href="#icon-magnifier"></use></svg></button>
`;
this.DOM.details = document.createElement('div');
this.DOM.details.className = 'details';
this.DOM.details.innerHTML = detailsTmpl;
DOM.content.appendChild(this.DOM.details);
this.init();
}
init() {
this.DOM.bgUp = this.DOM.details.querySelector('.details__bg--up');
this.DOM.bgDown = this.DOM.details.querySelector('.details__bg--down');
this.DOM.img = this.DOM.details.querySelector('.details__img');
this.DOM.title = this.DOM.details.querySelector('.details__title');
this.DOM.price = this.DOM.details.querySelector('.details__price');
this.DOM.description = this.DOM.details.querySelector('.details__description');
this.DOM.cart = this.DOM.details.querySelector('.details__addtocart');
this.DOM.close = this.DOM.details.querySelector('.details__close');
this.DOM.magnifier = this.DOM.details.querySelector('.details__magnifier');
this.initEvents();
}
initEvents() {
this.DOM.close.addEventListener('click', () => this.isZoomed ? this.zoomOut() : this.close());
this.DOM.magnifier.addEventListener('click', () => this.zoomIn());
}
fill(info) {
this.DOM.img.src = info.img;
this.DOM.title.innerHTML = info.title;
this.DOM.price.innerHTML = info.price;
this.DOM.description.innerHTML = info.description;
}
getProductDetailsRect() {
return {
productBgRect: this.DOM.productBg.getBoundingClientRect(),
detailsBgRect: this.DOM.bgDown.getBoundingClientRect(),
productImgRect: this.DOM.productImg.getBoundingClientRect(),
detailsImgRect: this.DOM.img.getBoundingClientRect()
};
}
open(data) {
if (this.isAnimating) return false;
this.isAnimating = true;
this.DOM.details.classList.add('details--open');
this.DOM.productBg = data.productBg;
this.DOM.productImg = data.productImg;
this.DOM.productBg.style.opacity = 0;
this.DOM.productImg.style.opacity = 0;
const rect = this.getProductDetailsRect();
this.DOM.bgDown.style.transform = `translateX(${rect.productBgRect.left - rect.detailsBgRect.left}px) translateY(${rect.productBgRect.top - rect.detailsBgRect.top}px) scaleX(${rect.productBgRect.width / rect.detailsBgRect.width}) scaleY(${rect.productBgRect.height / rect.detailsBgRect.height})`;
this.DOM.bgDown.style.opacity = 1;
this.DOM.img.style.transform = `translateX(${rect.productImgRect.left - rect.detailsImgRect.left}px) translateY(${rect.productImgRect.top - rect.detailsImgRect.top}px) scaleX(${rect.productImgRect.width / rect.detailsImgRect.width}) scaleY(${rect.productImgRect.height / rect.detailsImgRect.height})`;
this.DOM.img.style.opacity = 1;
anime({
targets: [this.DOM.bgDown, this.DOM.img],
duration: (target, index) => index ? 800 : 250,
easing: (target, index) => index ? 'easeOutElastic' : 'easeOutSine',
elasticity: 250,
translateX: 0,
translateY: 0,
scaleX: 1,
scaleY: 1,
complete: () => this.isAnimating = false
});
anime({
targets: [this.DOM.title, this.DOM.price, this.DOM.description, this.DOM.cart, this.DOM.magnifier],
duration: 600,
easing: 'easeOutExpo',
delay: (target, index) => {
return index * 60;
},
translateY: (target, index, total) => {
return index !== total - 1 ? [50, 0] : 0;
},
scale: (target, index, total) => {
return index === total - 1 ? [0, 1] : 1;
},
opacity: 1
});
anime({
targets: this.DOM.bgUp,
duration: 100,
easing: 'linear',
opacity: 0.8
});
anime({
targets: this.DOM.close,
duration: 250,
easing: 'easeOutSine',
translateY: ['100%', 0],
opacity: 1
});
}
close() {
if (this.isAnimating) return false;
this.isAnimating = true;
this.DOM.details.classList.remove('details--open');
anime({
targets: this.DOM.close,
duration: 250,
easing: 'easeOutSine',
translateY: '100%',
opacity: 0
});
anime({
targets: this.DOM.bgUp,
duration: 100,
easing: 'linear',
opacity: 0
});
anime({
targets: [this.DOM.title, this.DOM.price, this.DOM.description, this.DOM.cart, this.DOM.magnifier],
duration: 20,
easing: 'linear',
opacity: 0
});
const rect = this.getProductDetailsRect();
anime({
targets: [this.DOM.bgDown, this.DOM.img],
duration: 250,
easing: 'easeOutSine',
translateX: (target, index) => {
return index ? rect.productImgRect.left - rect.detailsImgRect.left : rect.productBgRect.left - rect.detailsBgRect.left;
},
translateY: (target, index) => {
return index ? rect.productImgRect.top - rect.detailsImgRect.top : rect.productBgRect.top - rect.detailsBgRect.top;
},
scaleX: (target, index) => {
return index ? rect.productImgRect.width / rect.detailsImgRect.width : rect.productBgRect.width / rect.detailsBgRect.width;
},
scaleY: (target, index) => {
return index ? rect.productImgRect.height / rect.detailsImgRect.height : rect.productBgRect.height / rect.detailsBgRect.height;
},
complete: () => {
this.DOM.bgDown.style.opacity = 0;
this.DOM.img.style.opacity = 0;
this.DOM.bgDown.style.transform = 'none';
this.DOM.img.style.transform = 'none';
this.DOM.productBg.style.opacity = 1;
this.DOM.productImg.style.opacity = 1;
this.isAnimating = false;
}
});
}
zoomIn() {
this.isZoomed = true;
anime({
targets: [this.DOM.title, this.DOM.price, this.DOM.description, this.DOM.cart, this.DOM.magnifier],
duration: 100,
easing: 'easeOutSine',
translateY: (target, index, total) => {
return index !== total - 1 ? [0, index === 0 || index === 1 ? -50 : 50] : 0;
},
scale: (target, index, total) => {
return index === total - 1 ? [1, 0] : 1;
},
opacity: 0
});
const imgrect = this.DOM.img.getBoundingClientRect();
const win = { w: window.innerWidth, h: window.innerHeight };
const imgAnimeOpts = {
targets: this.DOM.img,
duration: 250,
easing: 'easeOutCubic',
translateX: win.w / 2 - (imgrect.left + imgrect.width / 2),
translateY: win.h / 2 - (imgrect.top + imgrect.height / 2)
};
if (win.w > 0.8 * win.h) {
this.DOM.img.style.transformOrigin = '50% 50%';
Object.assign(imgAnimeOpts, {
scaleX: 0.95 * win.w / parseInt(0.8 * win.h),
scaleY: 0.95 * win.w / parseInt(0.8 * win.h),
rotate: 90
});
}
anime(imgAnimeOpts);
anime({
targets: this.DOM.close,
duration: 250,
easing: 'easeInOutCubic',
scale: 1.8,
rotate: 180
});
}
zoomOut() {
this.isZoomed = false;
anime({
targets: [this.DOM.title, this.DOM.price, this.DOM.description, this.DOM.cart, this.DOM.magnifier],
duration: 250,
easing: 'easeOutCubic',
translateY: 0,
scale: 1,
opacity: 1
});
anime({
targets: this.DOM.img,
duration: 250,
easing: 'easeOutCubic',
translateX: 0,
translateY: 0,
scaleX: 1,
scaleY: 1,
rotate: 0,
complete: () => this.DOM.img.style.transformOrigin = '0 0'
});
anime({
targets: this.DOM.close,
duration: 250,
easing: 'easeInOutCubic',
scale: 1,
rotate: 0
});
}
};
class Item {
constructor(el) {
this.DOM = {};
this.DOM.el = el;
this.DOM.product = this.DOM.el.querySelector('.thumbnail-container');
this.DOM.productBg = this.DOM.product.querySelector('.product-description');
this.DOM.productImg = this.DOM.product.querySelector('.product-image img');
this.DOM.fw = this.DOM.product.querySelector('.fast-view');
this.info = {
img: this.DOM.productImg.src,
title: this.DOM.product.querySelector('.product-title').innerHTML,
description: this.DOM.product.querySelector('.prod-short-desc').innerHTML,
price: this.DOM.product.querySelector('.product-price-and-shipping').innerHTML
};
this.initEvents();
}
initEvents() {
console.log(this.DOM.fw);
this.DOM.fw.addEventListener('click', () => this.open());
}
open() {
DOM.details.fill(this.info);
DOM.details.open({
productBg: this.DOM.productBg,
productImg: this.DOM.productImg
});
}
};
if (__WEBPACK_IMPORTED_MODULE_0_jquery___default()('product-item ').length) {
const DOM = {};
DOM.grid = document.querySelector('#main .products');
DOM.content = DOM.grid.parentNode;
DOM.gridItems = Array.from(DOM.grid.querySelectorAll('.product-item'));
let items = [];
DOM.gridItems.forEach(item => items.push(new Item(item)));
DOM.details = new Details();
}
});
function updateCounters() {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(".countcontainer").each(function (e) {
var $roycountdown = __WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).find(".roycountdown");
var $roycount = $roycountdown.find(".roycount");
var $dataspecificpriceto = $roycount.attr('data-specific-price-to');
if ($roycountdown.length) {
$roycountdown.county({
endDateTime: new Date($dataspecificpriceto.replace(/-/g, "/")), reflection: false, animation: 'none', theme: 'black',
titleDays: $roycount.data('days'), titleHours: $roycount.data('hours'), titleMinutes: $roycount.data('minutes'), titleSeconds: $roycount.data('seconds')
});
}
});
}
function updateProductListDOM(data) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#search_filters').replaceWith(data.rendered_facets);
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#js-active-search-filters').replaceWith(data.rendered_active_filters);
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#js-product-list-top').replaceWith(data.rendered_products_top);
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#js-product-list').replaceWith(data.rendered_products);
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#js-product-list-bottom').replaceWith(data.rendered_products_bottom);
let productMinitature = new __WEBPACK_IMPORTED_MODULE_3__components_product_miniature__["a" /* default */]();
productMinitature.init();
}
/***/ }),
/* 35 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_jquery__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prestashop__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prestashop___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prestashop__);
/**
* 2007-2017 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2018 PrestaShop SA
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(document).ready(function () {
createProductSpin();
createInputFile();
coverImage();
thumbsInit();
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.on('updatedProduct', function (event) {
thumbsDestroy();
createInputFile();
coverImage();
if (event && event.product_minimal_quantity) {
const minimalProductQuantity = parseInt(event.product_minimal_quantity, 10);
const quantityInputSelector = '#quantity_wanted';
let quantityInput = __WEBPACK_IMPORTED_MODULE_0_jquery___default()(quantityInputSelector);
// @see http://www.virtuosoft.eu/code/bootstrap-touchspin/ about Bootstrap TouchSpin
quantityInput.trigger('touchspin.updatesettings', { min: minimalProductQuantity });
}
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.tabs .nav-link.active').attr('href')).addClass('active').removeClass('fade');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-product-images-modal').replaceWith(event.product_images_modal);
thumbsInit();
});
function thumbsDestroy() {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.images-container .product-images').trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.images-container .product-images').find('.owl-stage-outer').children().unwrap();
}
function thumbsInit() {
var maxsthumbs = parseInt(__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#main .js-qv-product-images').attr('data-max-slides'));
var thumbs_count_lis = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('#main .js-qv-product-images li');
var thumbs_count;
if (thumbs_count_lis.length >= maxsthumbs) {
thumbs_count = maxsthumbs;
} else if (thumbs_count_lis.length == 1) {
thumbs_count = thumbs_count_lis.length;
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#main .js-qv-mask').addClass('hide_it_pls');
} else {
thumbs_count = thumbs_count_lis.length;
}
// $('.images-container .product-images').addClass('owl-carousel').owlCarousel({
// loop:false,
// margin:22,
// autoplay:false,
// mouseDrag:true,
// touchDrag:true,
// nav:false,
// navSpeed:400,
// dots:false,
// responsive:{
// 0:{
// items:1,
// margin:0,
// nav:true,
// dots:true
// },
// 768:{
// items:thumbs_count
// }
// }
// });
}
function coverImage() {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-thumb').on('click', event => {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-modal-product-cover').attr('src', __WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).data('image-large-src'));
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.selected').removeClass('selected');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.target).addClass('selected');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-qv-product-cover').prop('src', __WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.currentTarget).data('image-large-src'));
});
}
function createInputFile() {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.js-file-input').on('change', event => {
let target, file;
if ((target = __WEBPACK_IMPORTED_MODULE_0_jquery___default()(event.currentTarget)[0]) && (file = target.files[0])) {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(target).prev().text(file.name);
}
});
}
function createProductSpin() {
const $quantityInput = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('#quantity_wanted');
$quantityInput.TouchSpin({
verticalbuttons: true,
verticalupclass: 'material-icons touchspin-up',
verticaldownclass: 'material-icons touchspin-down',
buttondown_class: 'btn btn-touchspin js-touchspin',
buttonup_class: 'btn btn-touchspin js-touchspin',
min: parseInt($quantityInput.attr('min'), 10),
max: 1000000
});
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('body').on('change keyup', '#quantity_wanted', e => {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(e.currentTarget).trigger('touchspin.stopspin');
__WEBPACK_IMPORTED_MODULE_1_prestashop___default.a.emit('updateProduct', {
eventType: 'updatedProductQuantity',
event: e
});
});
}
var atts_list = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.product-variants-item').find('ul'),
atts_select = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.product-variants-item').find('select');
atts_list.hover(function () {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).closest('.product-variants-item').toggleClass('hover');
});
atts_select.hover(function () {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).closest('.product-variants-item').toggleClass('hover');
});
// white color
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.color').each(function () {
if (__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).css('background-color') === 'rgb(255, 255, 255)') {
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(this).addClass('white');
}
});
// share
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('.share_text').click(function (e) {
e.preventDefault;
var share_dad = __WEBPACK_IMPORTED_MODULE_0_jquery___default()('.share_text').parent('.social-sharing');
if (!share_dad.hasClass('click')) {
alert('ok');
share_dad.addClass('click');
}
});
});
/***/ }),
/* 36 */,
/* 37 */,
/* 38 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_jquery___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_jquery__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_tiny_slider_src_tiny_slider__ = __webpack_require__(84);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_tiny_slider_src_tiny_slider___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__node_modules_tiny_slider_src_tiny_slider__);
// add carousel classes to products and wrapper
__WEBPACK_IMPORTED_MODULE_0_jquery___default()('#index #main .slider-on .products, #product .products, #roy_specials_col .products').addClass('owl-carousel');
__WEBPACK_IMPORTED_MODULE_0_jquery___default()(document).on('ready', function () {
// Sliders configuration
// var ulFeatured = $(".roy_featured"),
// autoFeatured = ulFeatured.attr('data-auto') === "true" ? true : false,
// maxslidesFeatured = parseInt(ulFeatured.attr('data-max-slides')),
// maxslidesFeaturedRes = 3,
// maxslidesFeaturedResSmall = 3,
// ulBest = $(".roy_best"),
// autoBest = ulBest.attr('data-auto') === "true" ? true : false,
// maxslidesBest = parseInt(ulBest.attr('data-max-slides')),
// maxslidesBestRes = 3,
// maxslidesBestResSmall = 3,
// ulNew = $(".roy_new"),
// autoNew = ulNew.attr('data-auto') === "true" ? true : false,
// maxslidesNew = parseInt(ulNew.attr('data-max-slides')),
// maxslidesNewRes = 3,
// maxslidesNewResSmall = 3,
// ulSale = $(".roy_specials"),
// autoSale = ulSale.attr('data-auto') === "true" ? true : false,
// maxslidesSale = parseInt(ulSale.attr('data-max-slides')),
// maxslidesSaleRes = 3,
// maxslidesSaleResSmall = 3,
// ulCustom1 = $(".roy_cc1"),
// autoCustom1 = ulCustom1.attr('data-auto') === "true" ? true : false,
// maxslidesCustom1 = parseInt(ulCustom1.attr('data-max-slides')),
// maxslidesCustom1Res = 3,
// maxslidesCustom1ResSmall = 3,
// ulCustom2 = $(".roy_cc2"),
// autoCustom2 = ulCustom2.attr('data-auto') === "true" ? true : false,
// maxslidesCustom2 = parseInt(ulCustom2.attr('data-max-slides')),
// maxslidesCustom2Res = 3,
// maxslidesCustom2ResSmall = 3,
// ulCustom3 = $(".roy_cc3"),
// autoCustom3 = ulCustom3.attr('data-auto') === "true" ? true : false,
// maxslidesCustom3 = parseInt(ulCustom3.attr('data-max-slides')),
// maxslidesCustom3Res = 3,
// maxslidesCustom3ResSmall = 3,
// ulBlogHome = $(".roy_blog"),
// maxslidesBlogHome = parseInt(ulBlogHome.attr('data-in-row')),
// ulBrands = $("#roy_brands"),
// maxslidesBrands = parseInt(ulBrands.attr('data-in-row')),
// maxslidesBrandsTablet = maxslidesBrands - 1,
// hpMobile = $(".page-home"),
// maxslideshpMobile = parseInt(hpMobile.attr('data-mob-row'))
// ;
//
// if (maxslidesFeatured > 3) { maxslidesFeaturedRes = 4 } else if (maxslidesFeatured == 2) { maxslidesFeaturedRes = 2, maxslidesFeaturedResSmall = 2}
// if (maxslidesBest > 3) { maxslidesBestRes = 4 } else if (maxslidesBest == 2) { maxslidesBestRes = 2, maxslidesBestResSmall = 2}
// if (maxslidesNew > 3) { maxslidesNewRes = 4 } else if (maxslidesNew == 2) { maxslidesNewRes = 2, maxslidesNewResSmall = 2}
// if (maxslidesSale > 3) { maxslidesSaleRes = 4 } else if (maxslidesSale == 2) { maxslidesSaleRes = 2, maxslidesSaleResSmall = 2}
// if (maxslidesCustom1 > 3) { maxslidesCustom1Res = 4 } else if (maxslidesCustom1 == 2) { maxslidesCustom1Res = 2, maxslidesCustom1ResSmall = 2}
// if (maxslidesCustom2 > 3) { maxslidesCustom2Res = 4 } else if (maxslidesCustom2 == 2) { maxslidesCustom2Res = 2, maxslidesCustom2ResSmall = 2}
// if (maxslidesCustom3 > 3) { maxslidesCustom3Res = 4 } else if (maxslidesCustom3 == 2) { maxslidesCustom3Res = 2, maxslidesCustom3ResSmall = 2}
//
// // Home page products sliders
// // Featured
// $('#index #main .roy_featured.slider-on .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:autoFeatured,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:maxslideshpMobile,
// margin:12,
// nav:false
// },
// 480:{
// items:maxslidesFeaturedResSmall,
// nav:false
// },
// 768:{
// items:maxslidesFeaturedRes
// },
// 992:{
// items:maxslidesFeatured
// }
// }
// });
// // Best
// $('#index #main .roy_best.slider-on .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:autoBest,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:maxslideshpMobile,
// margin:12,
// nav:false
// },
// 480:{
// items:maxslidesBestResSmall,
// nav:false
// },
// 768:{
// items:maxslidesBestRes
// },
// 992:{
// items:maxslidesBest
// }
// }
// });
// // New
// $('#index #main .roy_new.slider-on .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:autoNew,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:maxslideshpMobile,
// margin:12,
// nav:false
// },
// 480:{
// items:maxslidesNewResSmall,
// nav:false
// },
// 768:{
// items:maxslidesNewRes
// },
// 992:{
// items:maxslidesNew
// }
// }
// });
// // Sale/specials
// $('#index #main .roy_specials.slider-on .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:autoSale,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:maxslideshpMobile,
// margin:12,
// nav:false
// },
// 480:{
// items:maxslidesSaleResSmall,
// nav:false
// },
// 768:{
// items:maxslidesSaleRes
// },
// 992:{
// items:maxslidesSale
// }
// }
// });
// // CC1
// $('#index #main .roy_cc1.slider-on .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:autoCustom1,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:maxslideshpMobile,
// margin:12,
// nav:false
// },
// 480:{
// items:maxslidesCustom1ResSmall,
// nav:false
// },
// 768:{
// items:maxslidesCustom1Res
// },
// 992:{
// items:maxslidesCustom1
// }
// }
// });
// // CC2
// $('#index #main .roy_cc2.slider-on .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:autoCustom2,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:maxslideshpMobile,
// margin:12,
// nav:false
// },
// 480:{
// items:maxslidesCustom2ResSmall,
// nav:false
// },
// 768:{
// items:maxslidesCustom2Res
// },
// 992:{
// items:maxslidesCustom2
// }
// }
// });
// // CC3
// $('#index #main .roy_cc3.slider-on .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:autoCustom3,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:maxslideshpMobile,
// margin:12,
// nav:false
// },
// 480:{
// items:maxslidesCustom3ResSmall,
// nav:false
// },
// 768:{
// items:maxslidesCustom3Res
// },
// 992:{
// items:maxslidesCustom3
// }
// }
// });
//
//
// // Blog Latest posts slider
// $('.sdsblog-box-content').owlCarousel({
// loop:false,
// margin:22,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// dots:false,
// responsive:{
// 0:{
// items:1,
// nav:false
// },
// 480:{
// items:2,
// nav:false
// },
// 992:{
// items:maxslidesBlogHome
// }
// }
// });
//
// // Product page products sliders
// $('#product .products').owlCarousel({
// loop:false,
// margin:12,
// autoplay:true,
// autoplayTimeout:7000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false,
// responsive:{
// 0:{
// items:1,
// margin:13,
// nav:false
// },
// 480:{
// items:2,
// nav:false
// },
// 768:{
// items:2
// },
// 992:{
// items:4
// }
// }
// });
//
// // Specials column slider
// $('#roy_specials_col .products').owlCarousel({
// items:1,
// loop:true,
// margin:28,
// autoplay:300,
// smartSpeed:300,
// slideSpeed: 300,
// autoplayTimeout:4000,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// autoHeight : true,
// navText:' ',
// nav:true,
// navSpeed:400,
// autoplaySpeed:1100,
// dots:false
// });
//
// // Brands slider
// $('#roy_brands .roy_slider').owlCarousel({
// loop:false,
// margin:60,
// autoplay:true,
// autoplayTimeout:3400,
// autoplayHoverPause:true,
// mouseDrag:true,
// touchDrag:true,
// navText:' ',
// nav:true,
// navSpeed:600,
// autoplaySpeed:600,
// dots:false,
// responsive:{
// 0:{
// items:2,
// margin:15,
// nav:false
// },
// 480:{
// items:3,
// nav:false
// },
// 680:{
// items:maxslidesBrandsTablet
// },
// 992:{
// items:maxslidesBrands
// }
// }
// });
//
});
/***/ }),
/* 39 */,
/* 40 */,
/* 41 */,
/* 42 */,
/* 43 */,
/* 44 */,
/* 45 */,
/* 46 */,
/* 47 */,
/* 48 */,
/* 49 */,
/* 50 */,
/* 51 */,
/* 52 */,
/* 53 */,
/* 54 */,
/* 55 */,
/* 56 */,
/* 57 */,
/* 58 */,
/* 59 */,
/* 60 */,
/* 61 */,
/* 62 */,
/* 63 */,
/* 64 */,
/* 65 */,
/* 66 */,
/* 67 */,
/* 68 */,
/* 69 */,
/* 70 */,
/* 71 */,
/* 72 */,
/* 73 */,
/* 74 */,
/* 75 */,
/* 76 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getBody = getBody;
function getBody() {
var doc = document,
body = doc.body;
if (!body) {
body = doc.createElement('body');
body.fake = true;
}
return body;
}
/***/ }),
/* 77 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.setFakeBody = setFakeBody;
var _docElement = __webpack_require__(81);
function setFakeBody(body) {
var docOverflow = '';
if (body.fake) {
docOverflow = _docElement.docElement.style.overflow;
//avoid crashing IE8, if background image is used
body.style.background = '';
//Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible
body.style.overflow = _docElement.docElement.style.overflow = 'hidden';
_docElement.docElement.appendChild(body);
}
return docOverflow;
}
/***/ }),
/* 78 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.resetFakeBody = resetFakeBody;
var _docElement = __webpack_require__(81);
function resetFakeBody(body, docOverflow) {
if (body.fake) {
body.remove();
_docElement.docElement.style.overflow = docOverflow;
// Trigger layout so kinetic scrolling isn't disabled in iOS6+
// eslint-disable-next-line
_docElement.docElement.offsetHeight;
}
}
/***/ }),
/* 79 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var win = window;
var raf = exports.raf = win.requestAnimationFrame || win.webkitRequestAnimationFrame || win.mozRequestAnimationFrame || win.msRequestAnimationFrame || function (cb) {
return setTimeout(cb, 16);
};
/***/ }),
/* 80 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.hasClass = exports.classListSupport = undefined;
var _classListSupport = __webpack_require__(100);
var hasClass = _classListSupport.classListSupport ? function (el, str) {
return el.classList.contains(str);
} : function (el, str) {
return el.className.indexOf(str) >= 0;
};
exports.classListSupport = _classListSupport.classListSupport;
exports.hasClass = hasClass;
/***/ }),
/* 81 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var docElement = exports.docElement = document.documentElement;
/***/ }),
/* 82 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.isNodeList = isNodeList;
function isNodeList(el) {
// Only NodeList has the "item()" function
return typeof el.item !== "undefined";
}
/***/ }),
/* 83 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
// Test via a getter in the options object to see if the passive property is accessed
var supportsPassive = false;
try {
var opts = Object.defineProperty({}, 'passive', {
get: function get() {
supportsPassive = true;
}
});
window.addEventListener("test", null, opts);
} catch (e) {}
var passiveOption = exports.passiveOption = supportsPassive ? { passive: true } : false;
/***/ }),
/* 84 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.tns = undefined;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
var _raf = __webpack_require__(79);
var _caf = __webpack_require__(85);
var _extend = __webpack_require__(86);
var _checkStorageValue = __webpack_require__(87);
var _setLocalStorage = __webpack_require__(88);
var _getSlideId = __webpack_require__(89);
var _calc = __webpack_require__(90);
var _percentageLayout = __webpack_require__(91);
var _mediaquerySupport = __webpack_require__(92);
var _createStyleSheet = __webpack_require__(93);
var _addCSSRule = __webpack_require__(94);
var _removeCSSRule = __webpack_require__(95);
var _getCssRulesLength = __webpack_require__(96);
var _toDegree = __webpack_require__(97);
var _getTouchDirection = __webpack_require__(98);
var _forEachNodeList = __webpack_require__(99);
var _hasClass = __webpack_require__(80);
var _addClass = __webpack_require__(101);
var _removeClass = __webpack_require__(102);
var _hasAttr = __webpack_require__(103);
var _getAttr = __webpack_require__(104);
var _setAttrs = __webpack_require__(105);
var _removeAttrs = __webpack_require__(106);
var _arrayFromNodeList = __webpack_require__(107);
var _hideElement = __webpack_require__(108);
var _showElement = __webpack_require__(109);
var _isVisible = __webpack_require__(110);
var _whichProperty = __webpack_require__(111);
var _has3DTransforms = __webpack_require__(112);
var _getEndProperty = __webpack_require__(113);
var _addEvents = __webpack_require__(114);
var _removeEvents = __webpack_require__(115);
var _events = __webpack_require__(116);
var _jsTransform = __webpack_require__(117);
// helper functions
if (!Object.keys) {
Object.keys = function (object) {
var keys = [];
for (var name in object) {
if (Object.prototype.hasOwnProperty.call(object, name)) {
keys.push(name);
}
}
return keys;
};
}
if (!("remove" in Element.prototype)) {
Element.prototype.remove = function () {
if (this.parentNode) {
this.parentNode.removeChild(this);
}
};
}
var tns = exports.tns = function tns(options) {
options = (0, _extend.extend)({
container: '.slider',
mode: 'carousel',
axis: 'horizontal',
items: 1,
gutter: 0,
edgePadding: 0,
fixedWidth: false,
autoWidth: false,
viewportMax: false,
slideBy: 1,
controls: true,
controlsText: ['prev', 'next'],
controlsContainer: false,
prevButton: false,
nextButton: false,
nav: true,
navContainer: false,
navAsThumbnails: false,
arrowKeys: false,
speed: 300,
autoplay: false,
autoplayTimeout: 5000,
autoplayDirection: 'forward',
autoplayText: ['start', 'stop'],
autoplayHoverPause: false,
autoplayButton: false,
autoplayButtonOutput: true,
autoplayResetOnVisibility: true,
animateIn: 'tns-fadeIn',
animateOut: 'tns-fadeOut',
animateNormal: 'tns-normal',
animateDelay: false,
loop: true,
rewind: false,
autoHeight: false,
responsive: false,
lazyload: false,
touch: true,
mouseDrag: false,
swipeAngle: 15,
nested: false,
freezable: true,
onInit: false,
useLocalStorage: true
}, options || {});
var doc = document,
win = window,
KEYS = {
ENTER: 13,
SPACE: 32,
PAGEUP: 33,
PAGEDOWN: 34,
END: 35,
HOME: 36,
LEFT: 37,
UP: 38,
RIGHT: 39,
DOWN: 40
},
tnsStorage = {},
localStorageAccess = options.useLocalStorage;
if (localStorageAccess) {
// check browser version and local storage access
var browserInfo = navigator.userAgent;
var uid = new Date();
try {
tnsStorage = win.localStorage;
if (tnsStorage) {
tnsStorage.setItem(uid, uid);
localStorageAccess = tnsStorage.getItem(uid) == uid;
tnsStorage.removeItem(uid);
} else {
localStorageAccess = false;
}
if (!localStorageAccess) {
tnsStorage = {};
}
} catch (e) {
localStorageAccess = false;
}
if (localStorageAccess) {
// remove storage when browser version changes
if (tnsStorage['tnsApp'] && tnsStorage['tnsApp'] !== browserInfo) {
['tC', 'tPL', 'tMQ', 'tTf', 't3D', 'tTDu', 'tTDe', 'tADu', 'tADe', 'tTE', 'tAE'].forEach(function (item) {
tnsStorage.removeItem(item);
});
}
// update browserInfo
localStorage['tnsApp'] = browserInfo;
}
}
var CALC = tnsStorage['tC'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tC']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tC', (0, _calc.calc)(), localStorageAccess),
PERCENTAGELAYOUT = tnsStorage['tPL'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tPL']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tPL', (0, _percentageLayout.percentageLayout)(), localStorageAccess),
CSSMQ = tnsStorage['tMQ'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tMQ']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tMQ', (0, _mediaquerySupport.mediaquerySupport)(), localStorageAccess),
TRANSFORM = tnsStorage['tTf'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tTf']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tTf', (0, _whichProperty.whichProperty)('transform'), localStorageAccess),
HAS3DTRANSFORMS = tnsStorage['t3D'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['t3D']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 't3D', (0, _has3DTransforms.has3DTransforms)(TRANSFORM), localStorageAccess),
TRANSITIONDURATION = tnsStorage['tTDu'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tTDu']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tTDu', (0, _whichProperty.whichProperty)('transitionDuration'), localStorageAccess),
TRANSITIONDELAY = tnsStorage['tTDe'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tTDe']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tTDe', (0, _whichProperty.whichProperty)('transitionDelay'), localStorageAccess),
ANIMATIONDURATION = tnsStorage['tADu'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tADu']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tADu', (0, _whichProperty.whichProperty)('animationDuration'), localStorageAccess),
ANIMATIONDELAY = tnsStorage['tADe'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tADe']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tADe', (0, _whichProperty.whichProperty)('animationDelay'), localStorageAccess),
TRANSITIONEND = tnsStorage['tTE'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tTE']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tTE', (0, _getEndProperty.getEndProperty)(TRANSITIONDURATION, 'Transition'), localStorageAccess),
ANIMATIONEND = tnsStorage['tAE'] ? (0, _checkStorageValue.checkStorageValue)(tnsStorage['tAE']) : (0, _setLocalStorage.setLocalStorage)(tnsStorage, 'tAE', (0, _getEndProperty.getEndProperty)(ANIMATIONDURATION, 'Animation'), localStorageAccess);
// get element nodes from selectors
var supportConsoleWarn = win.console && typeof win.console.warn === "function",
tnsList = ['container', 'controlsContainer', 'prevButton', 'nextButton', 'navContainer', 'autoplayButton'],
optionsElements = {};
for (var i = tnsList.length; i--;) {
var item = tnsList[i];
if (typeof options[item] === 'string') {
var str = options[item],
el = doc.querySelector(str);
optionsElements[item] = str;
if (el && el.nodeName) {
options[item] = el;
} else {
if (supportConsoleWarn) {
console.warn('Can\'t find', options[item]);
}
return;
}
}
}
// make sure at least 1 slide
if (options.container.children.length < 1) {
if (supportConsoleWarn) {
console.warn('No slides found in', options.container);
}
return;
}
// update options
var responsive = options.responsive,
nested = options.nested,
carousel = options.mode === 'carousel' ? true : false;
if (responsive) {
// apply responsive[0] to options and remove it
if (0 in responsive) {
options = (0, _extend.extend)(options, responsive[0]);
delete responsive[0];
}
var responsiveTem = {};
for (var key in responsive) {
var val = responsive[key];
// update responsive
// from: 300: 2
// to:
// 300: {
// items: 2
// }
val = typeof val === 'number' ? { items: val } : val;
responsiveTem[key] = val;
}
responsive = responsiveTem;
responsiveTem = null;
}
// update options
function updateOptions(obj) {
for (var key in obj) {
if (!carousel) {
if (key === 'slideBy') {
obj[key] = 'page';
}
if (key === 'edgePadding') {
obj[key] = false;
}
if (key === 'autoHeight') {
obj[key] = false;
}
}
if (nested === 'outer' && key === 'autoHeight') {
obj[key] = true;
}
// update responsive options
if (key === 'responsive') {
updateOptions(obj[key]);
}
}
}
if (!carousel || nested === 'outer') {
updateOptions(options);
}
// === define and set variables ===
if (!carousel) {
options.axis = 'horizontal';
options.slideBy = 'page';
options.edgePadding = false;
var animateIn = options.animateIn,
animateOut = options.animateOut,
animateDelay = options.animateDelay,
animateNormal = options.animateNormal;
}
var horizontal = options.axis === 'horizontal' ? true : false,
outerWrapper = doc.createElement('div'),
innerWrapper = doc.createElement('div'),
container = options.container,
containerParent = container.parentNode,
containerHTML = container.outerHTML,
slideItems = container.children,
slideCount = slideItems.length,
breakpointZone,
windowWidth = getWindowWidth(),
isOn = true;
if (responsive) {
setBreakpointZone();
}
// fixedWidth: viewport > rightBoundary > indexMax
var autoWidth = options.autoWidth,
fixedWidth = getOption('fixedWidth'),
edgePadding = getOption('edgePadding'),
gutter = getOption('gutter'),
viewport = getViewportWidth(),
items = !autoWidth ? Math.floor(getOption('items')) : 1,
slideBy = getOption('slideBy'),
viewportMax = options.viewportMax || options.fixedWidthViewportWidth,
arrowKeys = getOption('arrowKeys'),
speed = getOption('speed'),
rewind = options.rewind,
loop = rewind ? false : options.loop,
autoHeight = getOption('autoHeight'),
controls = getOption('controls'),
controlsText = getOption('controlsText'),
nav = getOption('nav'),
touch = getOption('touch'),
mouseDrag = getOption('mouseDrag'),
autoplay = getOption('autoplay'),
autoplayTimeout = getOption('autoplayTimeout'),
autoplayText = getOption('autoplayText'),
autoplayHoverPause = getOption('autoplayHoverPause'),
autoplayResetOnVisibility = getOption('autoplayResetOnVisibility'),
sheet = (0, _createStyleSheet.createStyleSheet)(),
lazyload = options.lazyload,
slidePositions,
// collection of slide positions
slideItemsOut = [],
cloneCount = loop ? getCloneCountForLoop() : 0,
slideCountNew = !carousel ? slideCount + cloneCount : slideCount + cloneCount * 2,
hasRightDeadZone = (fixedWidth || autoWidth) && !loop ? true : false,
rightBoundary = fixedWidth ? getRightBoundary() : null,
updateIndexBeforeTransform = !carousel || !loop ? true : false,
// transform
transformAttr = horizontal ? 'left' : 'top',
transformPrefix = '',
transformPostfix = '',
// index
getIndexMax = function () {
if (fixedWidth) {
return function () {
return Math.floor(-rightBoundary / (fixedWidth + gutter)) + 1;
};
} else if (autoWidth) {
return function () {
for (var i = slideCountNew, result = i - 1; i--;) {
if (slidePositions[i] > -rightBoundary) {
result = i;
}
}
return result;
};
} else {
return function () {
return loop || carousel ? Math.max(0, slideCountNew - Math.ceil(items)) : slideCountNew - 1;
};
}
}(),
index = getStartIndex(getOption('startIndex')),
indexCached = index,
indexMin = 0,
indexMax = !autoWidth ? getIndexMax() : null,
// resize
resizeTimer,
swipeAngle = options.swipeAngle,
moveDirectionExpected = swipeAngle ? '?' : true,
running = false,
onInit = options.onInit,
events = new _events.Events(),
// id, class
newContainerClasses = ' tns-slider tns-' + options.mode,
slideId = container.id || (0, _getSlideId.getSlideId)(),
disable = getOption('disable'),
disabled = false,
freezable = options.freezable,
freeze = freezable && !autoWidth ? getFreeze() : false,
frozen = false,
controlsEvents = {
'click': onControlsClick,
'keydown': onControlsKeydown
},
navEvents = {
'click': onNavClick,
'keydown': onNavKeydown
},
hoverEvents = {
'mouseover': mouseoverPause,
'mouseout': mouseoutRestart
},
visibilityEvent = { 'visibilitychange': onVisibilityChange },
docmentKeydownEvent = { 'keydown': onDocumentKeydown },
touchEvents = {
'touchstart': onPanStart,
'touchmove': onPanMove,
'touchend': onPanEnd,
'touchcancel': onPanEnd
},
dragEvents = {
'mousedown': onPanStart,
'mousemove': onPanMove,
'mouseup': onPanEnd,
'mouseleave': onPanEnd
},
hasControls = hasOption('controls'),
hasNav = hasOption('nav'),
navAsThumbnails = autoWidth ? true : options.navAsThumbnails,
hasAutoplay = hasOption('autoplay'),
hasTouch = hasOption('touch'),
hasMouseDrag = hasOption('mouseDrag'),
slideActiveClass = 'tns-slide-active',
imgCompleteClass = 'tns-complete',
imgEvents = {
'load': imgLoadedOrError,
'error': imgLoadedOrError
},
imgsComplete;
// controls
if (hasControls) {
var controlsContainer = options.controlsContainer,
controlsContainerHTML = options.controlsContainer ? options.controlsContainer.outerHTML : '',
prevButton = options.prevButton,
nextButton = options.nextButton,
prevButtonHTML = options.prevButton ? options.prevButton.outerHTML : '',
nextButtonHTML = options.nextButton ? options.nextButton.outerHTML : '',
prevIsButton,
nextIsButton;
}
// nav
if (hasNav) {
var navContainer = options.navContainer,
navContainerHTML = options.navContainer ? options.navContainer.outerHTML : '',
navItems,
visibleNavIndexes = [],
visibleNavIndexesCached = visibleNavIndexes,
navClicked = -1,
navCurrentIndex = getAbsIndex(),
navCurrentIndexCached = navCurrentIndex,
navActiveClass = 'tns-nav-active';
}
// autoplay
if (hasAutoplay) {
var autoplayDirection = options.autoplayDirection === 'forward' ? 1 : -1,
autoplayButton = options.autoplayButton,
autoplayButtonHTML = options.autoplayButton ? options.autoplayButton.outerHTML : '',
autoplayHtmlStrings = ['<span class=\'tns-visually-hidden\'>', ' animation</span>'],
autoplayTimer,
animating,
autoplayHoverPaused,
autoplayUserPaused,
autoplayVisibilityPaused;
}
if (hasTouch || hasMouseDrag) {
var initPosition = {},
lastPosition = {},
translateInit,
disX,
disY,
panStart = false,
rafIndex = 0,
getDist = horizontal ? function (a, b) {
return a.x - b.x;
} : function (a, b) {
return a.y - b.y;
};
}
// disable slider when slidecount <= items
if (!autoWidth) {
resetVariblesWhenDisable(disable || freeze);
}
if (TRANSFORM) {
transformAttr = TRANSFORM;
transformPrefix = 'translate';
if (HAS3DTRANSFORMS) {
transformPrefix += horizontal ? '3d(' : '3d(0px, ';
transformPostfix = horizontal ? ', 0px, 0px)' : ', 0px)';
} else {
transformPrefix += horizontal ? 'X(' : 'Y(';
transformPostfix = ')';
}
}
sliderInit();
// === COMMON FUNCTIONS === //
function resetVariblesWhenDisable(condition) {
if (condition) {
controls = nav = touch = mouseDrag = arrowKeys = autoplay = autoplayHoverPause = autoplayResetOnVisibility = false;
}
}
function getStartIndex(ind) {
ind = ind ? Math.max(0, Math.min(loop ? slideCount - 1 : slideCount - items, ind)) : 0;
return carousel ? ind + cloneCount : ind;
}
function getAbsIndex(i) {
if (i == null) {
i = index;
}
if (carousel) {
i -= cloneCount;
}
while (i < 0) {
i += slideCount;
}
return Math.floor(i % slideCount);
}
function getItemsMax() {
// fixedWidth or autoWidth while viewportMax is not available
if (autoWidth || fixedWidth && !viewportMax) {
return slideCount - 1;
// most cases
} else {
var str = fixedWidth ? 'fixedWidth' : 'items',
arr = [];
if (fixedWidth || options[str] < slideCount) {
arr.push(options[str]);
}
if (responsive) {
for (var bp in responsive) {
var tem = responsive[bp][str];
if (tem && (fixedWidth || tem < slideCount)) {
arr.push(tem);
}
}
}
if (!arr.length) {
arr.push(0);
}
return Math.ceil(fixedWidth ? viewportMax / Math.min.apply(null, arr) : Math.max.apply(null, arr));
}
}
function getCloneCountForLoop() {
var itemsMax = getItemsMax(),
result = carousel ? Math.ceil((itemsMax * 5 - slideCount) / 2) : itemsMax * 4 - slideCount;
result = Math.max(itemsMax, result);
return hasOption('edgePadding') ? result + 1 : result;
}
function getWindowWidth() {
return win.innerWidth || doc.documentElement.clientWidth || doc.body.clientWidth;
}
function getClientWidth(el) {
return el.clientWidth || getClientWidth(el.parentNode);
}
function getViewportWidth() {
return getClientWidth(containerParent) - (edgePadding * 2 - gutter);
}
function hasOption(item) {
if (options[item]) {
return true;
} else {
if (responsive) {
for (var bp in responsive) {
if (responsive[bp][item]) {
return true;
}
}
}
return false;
}
}
// get option:
// fixed width: viewport, fixedWidth, gutter => items
// others: window width => all variables
// all: items => slideBy
function getOption(item, ww) {
if (ww == null) {
ww = windowWidth;
}
if (item === 'items' && fixedWidth) {
return Math.floor(viewport / (fixedWidth + gutter)) || 1;
} else {
var result = options[item];
if (responsive) {
for (var bp in responsive) {
// bp: convert string to number
if (ww >= parseInt(bp)) {
if (item in responsive[bp]) {
result = responsive[bp][item];
}
}
}
}
if (item === 'slideBy' && result === 'page') {
result = getOption('items');
}
if (!carousel && (item === 'slideBy' || item === 'items')) {
result = Math.floor(result);
}
return result;
}
}
function getSlideMarginLeft(i) {
return CALC ? CALC + '(' + i * 100 + '% / ' + slideCountNew + ')' : i * 100 / slideCountNew + '%';
}
function getInnerWrapperStyles(edgePaddingTem, gutterTem, fixedWidthTem, speedTem) {
var str = '';
if (edgePaddingTem) {
var gap = edgePaddingTem;
if (gutterTem) {
gap -= gutterTem;
}
str = horizontal ? 'margin: 0 ' + gap + 'px 0 ' + edgePaddingTem + 'px;' : 'margin: ' + edgePaddingTem + 'px 0 ' + gap + 'px 0;';
} else if (gutterTem && !fixedWidthTem) {
var gutterTemUnit = '-' + gutterTem + 'px',
dir = horizontal ? gutterTemUnit + ' 0 0' : '0 ' + gutterTemUnit + ' 0';
str = 'margin: 0 ' + dir + ';';
}
if (TRANSITIONDURATION && speedTem) {
str += getTrsnsitionDurationStyle(speedTem);
}
return str;
}
function getContainerWidth(fixedWidthTem, gutterTem, itemsTem) {
if (fixedWidthTem) {
return (fixedWidthTem + gutterTem) * slideCountNew + 'px';
} else {
return CALC ? CALC + '(' + slideCountNew * 100 + '% / ' + itemsTem + ')' : slideCountNew * 100 / itemsTem + '%';
}
}
function getSlideWidthStyle(fixedWidthTem, gutterTem, itemsTem) {
var width;
if (fixedWidthTem) {
width = fixedWidthTem + gutterTem + 'px';
} else {
if (!carousel) {
itemsTem = Math.floor(itemsTem);
}
var dividend = carousel ? slideCountNew : itemsTem;
width = CALC ? CALC + '(100% / ' + dividend + ')' : 100 / dividend + '%';
}
width = 'width:' + width;
// inner slider: overwrite outer slider styles
return nested !== 'inner' ? width + ';' : width + ' !important;';
}
function getSlideGutterStyle(gutterTem) {
var str = '';
// gutter maybe interger || 0
// so can't use 'if (gutter)'
if (gutterTem !== false) {
var prop = horizontal ? 'padding-' : 'margin-',
dir = horizontal ? 'right' : 'bottom';
str = prop + dir + ': ' + gutterTem + 'px;';
}
return str;
}
function getCSSPrefix(name, num) {
var prefix = name.substring(0, name.length - num).toLowerCase();
if (prefix) {
prefix = '-' + prefix + '-';
}
return prefix;
}
function getTrsnsitionDurationStyle(speed) {
return getCSSPrefix(TRANSITIONDURATION, 18) + 'transition-duration:' + speed / 1000 + 's;';
}
function getAnimationDurationStyle(speed) {
return getCSSPrefix(ANIMATIONDURATION, 17) + 'animation-duration:' + speed / 1000 + 's;';
}
function sliderInit() {
if (responsive) {
setBreakpointZone();
}
initStructure();
// add id, class, aria attributes
// before clone slides
for (var x = 0; x < slideCount; x++) {
var item = slideItems[x];
if (!item.id) {
item.id = slideId + '-item' + x;
}
(0, _addClass.addClass)(item, 'tns-item');
if (!carousel && animateNormal) {
(0, _addClass.addClass)(item, animateNormal);
}
(0, _setAttrs.setAttrs)(item, {
'aria-hidden': 'true',
'tabindex': '-1'
});
}
// ## clone slides
// carousel: n + slides + n
// gallery: slides + n
if (cloneCount) {
var fragmentBefore = doc.createDocumentFragment(),
fragmentAfter = doc.createDocumentFragment();
for (var j = cloneCount; j--;) {
var num = j % slideCount,
cloneFirst = slideItems[num].cloneNode(true);
(0, _removeAttrs.removeAttrs)(cloneFirst, 'id');
fragmentAfter.insertBefore(cloneFirst, fragmentAfter.firstChild);
if (carousel) {
var cloneLast = slideItems[slideCount - 1 - num].cloneNode(true);
(0, _removeAttrs.removeAttrs)(cloneLast, 'id');
fragmentBefore.appendChild(cloneLast);
}
}
container.insertBefore(fragmentBefore, container.firstChild);
container.appendChild(fragmentAfter);
slideItems = container.children;
}
initSheet();
initSliderTransform();
}
function initStructure() {
var classOuter = 'tns-outer',
classInner = 'tns-inner',
hasGutter = hasOption('gutter');
outerWrapper.className = classOuter;
innerWrapper.className = classInner;
outerWrapper.id = slideId + '-ow';
innerWrapper.id = slideId + '-iw';
if (autoHeight) {
innerWrapper.className += ' tns-ah';
}
// set container properties
if (container.id === '') {
container.id = slideId;
}
newContainerClasses += PERCENTAGELAYOUT || autoWidth ? ' tns-subpixel' : ' tns-no-subpixel';
newContainerClasses += CALC ? ' tns-calc' : ' tns-no-calc';
// if (carousel) { newContainerClasses += ' tns-' + options.axis; }
newContainerClasses += ' tns-' + options.axis;
container.className += newContainerClasses;
// add constrain layer for carousel
if (carousel) {
var middleWrapper = doc.createElement('div');
middleWrapper.className = 'tns-ovh';
outerWrapper.appendChild(middleWrapper);
middleWrapper.appendChild(innerWrapper);
} else {
outerWrapper.appendChild(innerWrapper);
}
containerParent.insertBefore(outerWrapper, container);
innerWrapper.appendChild(container);
}
function initSliderTransform() {
// ## images loaded/failed
if (hasOption('autoHeight') || autoWidth || !horizontal) {
var imgs = container.querySelectorAll('img');
// add complete class if all images are loaded/failed
(0, _forEachNodeList.forEachNodeList)(imgs, function (img) {
var src = img.src;
if (src.indexOf('data:image') < 0) {
(0, _addEvents.addEvents)(img, imgEvents);
img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
img.src = src;
} else {
(0, _addClass.addClass)(img, imgCompleteClass);
}
});
(0, _raf.raf)(function () {
imageLoaded((0, _arrayFromNodeList.arrayFromNodeList)(imgs), function () {
// set imgsComplete to true
imgsComplete = true;
if (autoWidth) {
// check styles application
var num = loop ? index : slideCount - 1;
(function checkStylesApplication() {
slideItems[num - 1].getBoundingClientRect().right.toFixed(2) === slideItems[num].getBoundingClientRect().left.toFixed(2) ? temp() : setTimeout(function () {
checkStylesApplication();
}, 16);
})();
} else {
temp();
}
function temp() {
// run Fn()s which are rely on image loading
if (!horizontal || autoWidth) {
getSlidePositions();
if (autoWidth) {
rightBoundary = getRightBoundary();
if (freezable) {
freeze = getFreeze();
}
indexMax = getIndexMax(); // <= slidePositions, rightBoundary <=
resetVariblesWhenDisable(disable || freeze);
} else {
updateContentWrapperHeight();
}
}
// set container transform property
if (carousel) {
doContainerTransformSilent();
}
// update slider tools and events
initTools();
initEvents();
}
});
});
} else {
// set container transform property
if (carousel) {
doContainerTransformSilent();
}
// update slider tools and events
initTools();
initEvents();
}
}
function initSheet() {
// activate visible slides
// add aria attrs
// set animation classes and left value for gallery slider
// use slide count when slides are fewer than items
for (var i = index, l = index + Math.min(slideCount, items); i < l; i++) {
var item = slideItems[i];
(0, _setAttrs.setAttrs)(item, { 'aria-hidden': 'false' });
(0, _removeAttrs.removeAttrs)(item, ['tabindex']);
(0, _addClass.addClass)(item, slideActiveClass);
if (!carousel) {
item.style.left = (i - index) * 100 / items + '%';
(0, _addClass.addClass)(item, animateIn);
(0, _removeClass.removeClass)(item, animateNormal);
}
}
// #### LAYOUT
// ## INLINE-BLOCK VS FLOAT
// ## PercentageLayout:
// slides: inline-block
// remove blank space between slides by set font-size: 0
// ## Non PercentageLayout:
// slides: float
// margin-right: -100%
// margin-left: ~
// Resource: https://docs.google.com/spreadsheets/d/147up245wwTXeQYve3BRSAD4oVcvQmuGsFteJOeA5xNQ/edit?usp=sharing
if (carousel && horizontal) {
if (PERCENTAGELAYOUT || autoWidth) {
(0, _addCSSRule.addCSSRule)(sheet, '#' + slideId + ' > .tns-item', 'font-size:' + win.getComputedStyle(slideItems[0]).fontSize + ';', (0, _getCssRulesLength.getCssRulesLength)(sheet));
(0, _addCSSRule.addCSSRule)(sheet, '#' + slideId, 'font-size:0;', (0, _getCssRulesLength.getCssRulesLength)(sheet));
} else {
(0, _forEachNodeList.forEachNodeList)(slideItems, function (slide, i) {
slide.style.marginLeft = getSlideMarginLeft(i);
});
}
}
// ## BASIC STYLES
if (CSSMQ) {
// inner wrapper styles
var str = getInnerWrapperStyles(options.edgePadding, options.gutter, options.fixedWidth, options.speed);
(0, _addCSSRule.addCSSRule)(sheet, '#' + slideId + '-iw', str, (0, _getCssRulesLength.getCssRulesLength)(sheet));
// container styles
if (carousel) {
str = horizontal && !autoWidth ? 'width:' + getContainerWidth(options.fixedWidth, options.gutter, options.items) + ';' : '';
if (TRANSITIONDURATION) {
str += getTrsnsitionDurationStyle(speed);
}
(0, _addCSSRule.addCSSRule)(sheet, '#' + slideId, str, (0, _getCssRulesLength.getCssRulesLength)(sheet));
}
// slide styles
str = horizontal && !autoWidth ? getSlideWidthStyle(options.fixedWidth, options.gutter, options.items) : '';
if (options.gutter) {
str += getSlideGutterStyle(options.gutter);
}
// set gallery items transition-duration
if (!carousel) {
if (TRANSITIONDURATION) {
str += getTrsnsitionDurationStyle(speed);
}
if (ANIMATIONDURATION) {
str += getAnimationDurationStyle(speed);
}
}
if (str) {
(0, _addCSSRule.addCSSRule)(sheet, '#' + slideId + ' > .tns-item', str, (0, _getCssRulesLength.getCssRulesLength)(sheet));
}
// non CSS mediaqueries: IE8
// ## update inner wrapper, container, slides if needed
// set inline styles for inner wrapper & container
// insert stylesheet (one line) for slides only (since slides are many)
} else {
// inner wrapper styles
innerWrapper.style.cssText = getInnerWrapperStyles(edgePadding, gutter, fixedWidth);
// container styles
if (carousel && horizontal && !autoWidth) {
container.style.width = getContainerWidth(fixedWidth, gutter, items);
}
// slide styles
var str = horizontal && !autoWidth ? getSlideWidthStyle(fixedWidth, gutter, items) : '';
if (gutter) {
str += getSlideGutterStyle(gutter);
}
// append to the last line
if (str) {
(0, _addCSSRule.addCSSRule)(sheet, '#' + slideId + ' > .tns-item', str, (0, _getCssRulesLength.getCssRulesLength)(sheet));
}
}
// ## MEDIAQUERIES
if (responsive && CSSMQ) {
for (var bp in responsive) {
// bp: convert string to number
bp = parseInt(bp);
var opts = responsive[bp],
str = '',
innerWrapperStr = '',
containerStr = '',
slideStr = '',
itemsBP = !autoWidth ? getOption('items', bp) : null,
fixedWidthBP = getOption('fixedWidth', bp),
speedBP = getOption('speed', bp),
edgePaddingBP = getOption('edgePadding', bp),
gutterBP = getOption('gutter', bp);
// inner wrapper string
if ('edgePadding' in opts || 'gutter' in opts) {
innerWrapperStr = '#' + slideId + '-iw{' + getInnerWrapperStyles(edgePaddingBP, gutterBP, fixedWidthBP, speedBP) + '}';
}
// container string
if (carousel && horizontal && !autoWidth && ('fixedWidth' in opts || 'items' in opts || fixedWidth && 'gutter' in opts)) {
containerStr = 'width:' + getContainerWidth(fixedWidthBP, gutterBP, itemsBP) + ';';
}
if (TRANSITIONDURATION && 'speed' in opts) {
containerStr += getTrsnsitionDurationStyle(speedBP);
}
if (containerStr) {
containerStr = '#' + slideId + '{' + containerStr + '}';
}
// slide string
if ('fixedWidth' in opts || fixedWidth && 'gutter' in opts || !carousel && 'items' in opts) {
slideStr += getSlideWidthStyle(fixedWidthBP, gutterBP, itemsBP);
}
if ('gutter' in opts) {
slideStr += getSlideGutterStyle(gutterBP);
}
// set gallery items transition-duration
if (!carousel && 'speed' in opts) {
if (TRANSITIONDURATION) {
slideStr += getTrsnsitionDurationStyle(speedBP);
}
if (ANIMATIONDURATION) {
slideStr += getAnimationDurationStyle(speedBP);
}
}
if (slideStr) {
slideStr = '#' + slideId + ' > .tns-item{' + slideStr + '}';
}
// add up
str = innerWrapperStr + containerStr + slideStr;
if (str) {
sheet.insertRule('@media (min-width: ' + bp / 16 + 'em) {' + str + '}', sheet.cssRules.length);
}
}
}
}
function initTools() {
// == autoplayInit ==
if (hasAutoplay) {
var txt = autoplay ? 'stop' : 'start';
if (autoplayButton) {
(0, _setAttrs.setAttrs)(autoplayButton, { 'data-action': txt });
} else if (options.autoplayButtonOutput) {
outerWrapper.insertAdjacentHTML('afterbegin', '<button data-action="' + txt + '" type="button">' + autoplayHtmlStrings[0] + txt + autoplayHtmlStrings[1] + autoplayText[0] + '</button>');
autoplayButton = outerWrapper.querySelector('[data-action]');
}
// add event
if (autoplayButton) {
(0, _addEvents.addEvents)(autoplayButton, { 'click': toggleAutoplay });
}
if (autoplay) {
startAutoplay();
if (autoplayHoverPause) {
(0, _addEvents.addEvents)(container, hoverEvents);
}
if (autoplayResetOnVisibility) {
(0, _addEvents.addEvents)(container, visibilityEvent);
}
}
}
// == navInit ==
if (hasNav) {
var initIndex = !carousel ? 0 : cloneCount;
// customized nav
// will not hide the navs in case they're thumbnails
if (navContainer) {
(0, _setAttrs.setAttrs)(navContainer, { 'aria-label': 'Carousel Pagination' });
navItems = navContainer.children;
for (var i = 0; i < slideCount; i++) {
var item = navItems[i];
if (item) {
(0, _setAttrs.setAttrs)(item, {
'data-nav': i,
'tabindex': '-1',
'aria-selected': 'false',
'aria-controls': slideItems[initIndex + i].id
});
}
}
// generated nav
} else {
var navHtml = '',
hiddenStr = navAsThumbnails ? '' : 'style="display:none"';
for (var i = 0; i < slideCount; i++) {
// hide nav items by default
navHtml += '<button data-nav="' + i + '" tabindex="-1" aria-selected="false" aria-controls="' + slideItems[initIndex + i].id + '" ' + hiddenStr + ' type="button"></button>';
}
navHtml = '<div class="tns-nav" aria-label="Carousel Pagination">' + navHtml + '</div>';
outerWrapper.insertAdjacentHTML('afterbegin', navHtml);
navContainer = outerWrapper.querySelector('.tns-nav');
navItems = navContainer.children;
}
updateNavVisibility();
// add transition
if (TRANSITIONDURATION) {
var prefix = TRANSITIONDURATION.substring(0, TRANSITIONDURATION.length - 18).toLowerCase(),
str = 'transition: all ' + speed / 1000 + 's';
if (prefix) {
str = '-' + prefix + '-' + str;
}
(0, _addCSSRule.addCSSRule)(sheet, '[aria-controls^=' + slideId + '-item]', str, (0, _getCssRulesLength.getCssRulesLength)(sheet));
}
(0, _setAttrs.setAttrs)(navItems[navCurrentIndex], { 'tabindex': '0', 'aria-selected': 'true' });
(0, _addClass.addClass)(navItems[navCurrentIndex], navActiveClass);
// add events
(0, _addEvents.addEvents)(navContainer, navEvents);
}
// == controlsInit ==
if (hasControls) {
if (controlsContainer || prevButton && nextButton) {
if (controlsContainer) {
prevButton = controlsContainer.children[0];
nextButton = controlsContainer.children[1];
(0, _setAttrs.setAttrs)(controlsContainer, {
'aria-label': 'Carousel Navigation',
'tabindex': '0'
});
(0, _setAttrs.setAttrs)(controlsContainer.children, {
'aria-controls': slideId,
'tabindex': '-1'
});
}
(0, _setAttrs.setAttrs)(prevButton, { 'data-controls': 'prev' });
(0, _setAttrs.setAttrs)(nextButton, { 'data-controls': 'next' });
} else {
outerWrapper.insertAdjacentHTML('afterbegin', '<div class="tns-controls" aria-label="Carousel Navigation" tabindex="0"><button data-controls="prev" tabindex="-1" aria-controls="' + slideId + '" type="button">' + controlsText[0] + '</button><button data-controls="next" tabindex="-1" aria-controls="' + slideId + '" type="button">' + controlsText[1] + '</button></div>');
controlsContainer = outerWrapper.querySelector('.tns-controls');
prevButton = controlsContainer.children[0];
nextButton = controlsContainer.children[1];
}
prevIsButton = isButton(prevButton);
nextIsButton = isButton(nextButton);
updateControlsStatus();
// add events
if (controlsContainer) {
(0, _addEvents.addEvents)(controlsContainer, controlsEvents);
} else {
(0, _addEvents.addEvents)(prevButton, controlsEvents);
(0, _addEvents.addEvents)(nextButton, controlsEvents);
}
}
// hide tools if needed
disableUI();
}
function initEvents() {
// add events
if (carousel && TRANSITIONEND) {
var eve = {};
eve[TRANSITIONEND] = onTransitionEnd;
(0, _addEvents.addEvents)(container, eve);
}
if (touch) {
(0, _addEvents.addEvents)(container, touchEvents);
}
if (mouseDrag) {
(0, _addEvents.addEvents)(container, dragEvents);
}
if (arrowKeys) {
(0, _addEvents.addEvents)(doc, docmentKeydownEvent);
}
if (nested === 'inner') {
events.on('outerResized', function () {
resizeTasks();
events.emit('innerLoaded', info());
});
} else if (responsive || fixedWidth || autoWidth || autoHeight || !horizontal) {
(0, _addEvents.addEvents)(win, { 'resize': onResize });
}
if (nested === 'outer') {
events.on('innerLoaded', runAutoHeight);
} else if (autoHeight && !disable) {
runAutoHeight();
}
lazyLoad();
if (disable) {
disableSlider();
} else if (freeze) {
freezeSlider();
}
events.on('indexChanged', additionalUpdates);
if (typeof onInit === 'function') {
onInit(info());
}
if (nested === 'inner') {
events.emit('innerLoaded', info());
}
}
function destroy() {
// sheet
sheet.disabled = true;
if (sheet.ownerNode) {
sheet.ownerNode.remove();
}
// remove win event listeners
(0, _removeEvents.removeEvents)(win, { 'resize': onResize });
// arrowKeys, controls, nav
if (arrowKeys) {
(0, _removeEvents.removeEvents)(doc, docmentKeydownEvent);
}
if (controlsContainer) {
(0, _removeEvents.removeEvents)(controlsContainer, controlsEvents);
}
if (navContainer) {
(0, _removeEvents.removeEvents)(navContainer, navEvents);
}
// autoplay
(0, _removeEvents.removeEvents)(container, hoverEvents);
(0, _removeEvents.removeEvents)(container, visibilityEvent);
if (autoplayButton) {
(0, _removeEvents.removeEvents)(autoplayButton, { 'click': toggleAutoplay });
}
if (autoplay) {
clearInterval(autoplayTimer);
}
// container
if (carousel && TRANSITIONEND) {
var eve = {};
eve[TRANSITIONEND] = onTransitionEnd;
(0, _removeEvents.removeEvents)(container, eve);
}
if (touch) {
(0, _removeEvents.removeEvents)(container, touchEvents);
}
if (mouseDrag) {
(0, _removeEvents.removeEvents)(container, dragEvents);
}
// cache Object values in options && reset HTML
var htmlList = [containerHTML, controlsContainerHTML, prevButtonHTML, nextButtonHTML, navContainerHTML, autoplayButtonHTML];
tnsList.forEach(function (item, i) {
var el = item === 'container' ? outerWrapper : options[item];
if ((typeof el === 'undefined' ? 'undefined' : _typeof(el)) === 'object') {
var prevEl = el.previousElementSibling ? el.previousElementSibling : false,
parentEl = el.parentNode;
el.outerHTML = htmlList[i];
options[item] = prevEl ? prevEl.nextElementSibling : parentEl.firstElementChild;
}
});
// reset variables
tnsList = animateIn = animateOut = animateDelay = animateNormal = horizontal = outerWrapper = innerWrapper = container = containerParent = containerHTML = slideItems = slideCount = breakpointZone = windowWidth = autoWidth = fixedWidth = edgePadding = gutter = viewport = items = slideBy = viewportMax = arrowKeys = speed = rewind = loop = autoHeight = sheet = lazyload = slidePositions = slideItemsOut = cloneCount = slideCountNew = hasRightDeadZone = rightBoundary = updateIndexBeforeTransform = transformAttr = transformPrefix = transformPostfix = getIndexMax = index = indexCached = indexMin = indexMax = resizeTimer = swipeAngle = moveDirectionExpected = running = onInit = events = newContainerClasses = slideId = disable = disabled = freezable = freeze = frozen = controlsEvents = navEvents = hoverEvents = visibilityEvent = docmentKeydownEvent = touchEvents = dragEvents = hasControls = hasNav = navAsThumbnails = hasAutoplay = hasTouch = hasMouseDrag = slideActiveClass = imgCompleteClass = imgEvents = imgsComplete = controls = controlsText = controlsContainer = controlsContainerHTML = prevButton = nextButton = prevIsButton = nextIsButton = nav = navContainer = navContainerHTML = navItems = visibleNavIndexes = visibleNavIndexesCached = navClicked = navCurrentIndex = navCurrentIndexCached = navActiveClass = autoplay = autoplayTimeout = autoplayDirection = autoplayText = autoplayHoverPause = autoplayButton = autoplayButtonHTML = autoplayResetOnVisibility = autoplayHtmlStrings = autoplayTimer = animating = autoplayHoverPaused = autoplayUserPaused = autoplayVisibilityPaused = initPosition = lastPosition = translateInit = disX = disY = panStart = rafIndex = getDist = touch = mouseDrag = null;
// check variables
// [animateIn, animateOut, animateDelay, animateNormal, horizontal, outerWrapper, innerWrapper, container, containerParent, containerHTML, slideItems, slideCount, breakpointZone, windowWidth, autoWidth, fixedWidth, edgePadding, gutter, viewport, items, slideBy, viewportMax, arrowKeys, speed, rewind, loop, autoHeight, sheet, lazyload, slidePositions, slideItemsOut, cloneCount, slideCountNew, hasRightDeadZone, rightBoundary, updateIndexBeforeTransform, transformAttr, transformPrefix, transformPostfix, getIndexMax, index, indexCached, indexMin, indexMax, resizeTimer, swipeAngle, moveDirectionExpected, running, onInit, events, newContainerClasses, slideId, disable, disabled, freezable, freeze, frozen, controlsEvents, navEvents, hoverEvents, visibilityEvent, docmentKeydownEvent, touchEvents, dragEvents, hasControls, hasNav, navAsThumbnails, hasAutoplay, hasTouch, hasMouseDrag, slideActiveClass, imgCompleteClass, imgEvents, imgsComplete, controls, controlsText, controlsContainer, controlsContainerHTML, prevButton, nextButton, prevIsButton, nextIsButton, nav, navContainer, navContainerHTML, navItems, visibleNavIndexes, visibleNavIndexesCached, navClicked, navCurrentIndex, navCurrentIndexCached, navActiveClass, autoplay, autoplayTimeout, autoplayDirection, autoplayText, autoplayHoverPause, autoplayButton, autoplayButtonHTML, autoplayResetOnVisibility, autoplayHtmlStrings, autoplayTimer, animating, autoplayHoverPaused, autoplayUserPaused, autoplayVisibilityPaused, initPosition, lastPosition, translateInit, disX, disY, panStart, rafIndex, getDist, touch, mouseDrag ].forEach(function(item) { if (item !== null) { console.log(item); } });
for (var a in this) {
if (a !== 'rebuild') {
this[a] = null;
}
}
isOn = false;
}
// === ON RESIZE ===
// responsive || fixedWidth || autoWidth || !horizontal
function onResize(e) {
(0, _raf.raf)(function () {
resizeTasks(getEvent(e));
});
}
function resizeTasks(e) {
if (!isOn) {
return;
}
if (nested === 'outer') {
events.emit('outerResized', info(e));
}
windowWidth = getWindowWidth();
var bpChanged,
breakpointZoneTem = breakpointZone,
needContainerTransform = false;
if (responsive) {
setBreakpointZone();
bpChanged = breakpointZoneTem !== breakpointZone;
// if (hasRightDeadZone) { needContainerTransform = true; } // *?
if (bpChanged) {
events.emit('newBreakpointStart', info(e));
}
}
var indChanged,
itemsChanged,
itemsTem = items,
disableTem = disable,
freezeTem = freeze,
arrowKeysTem = arrowKeys,
controlsTem = controls,
navTem = nav,
touchTem = touch,
mouseDragTem = mouseDrag,
autoplayTem = autoplay,
autoplayHoverPauseTem = autoplayHoverPause,
autoplayResetOnVisibilityTem = autoplayResetOnVisibility,
indexTem = index;
if (bpChanged) {
var fixedWidthTem = fixedWidth,
autoHeightTem = autoHeight,
controlsTextTem = controlsText,
autoplayTextTem = autoplayText;
if (!CSSMQ) {
var gutterTem = gutter,
edgePaddingTem = edgePadding;
}
}
// get option:
// fixed width: viewport, fixedWidth, gutter => items
// others: window width => all variables
// all: items => slideBy
arrowKeys = getOption('arrowKeys');
controls = getOption('controls');
nav = getOption('nav');
touch = getOption('touch');
mouseDrag = getOption('mouseDrag');
autoplay = getOption('autoplay');
autoplayHoverPause = getOption('autoplayHoverPause');
autoplayResetOnVisibility = getOption('autoplayResetOnVisibility');
if (bpChanged) {
disable = getOption('disable');
fixedWidth = getOption('fixedWidth');
speed = getOption('speed');
autoHeight = getOption('autoHeight');
controlsText = getOption('controlsText');
autoplayText = getOption('autoplayText');
autoplayTimeout = getOption('autoplayTimeout');
if (!CSSMQ) {
edgePadding = getOption('edgePadding');
gutter = getOption('gutter');
}
}
// update options
resetVariblesWhenDisable(disable);
viewport = getViewportWidth(); // <= edgePadding, gutter
if ((!horizontal || autoWidth) && !disable) {
getSlidePositions();
if (!horizontal) {
updateContentWrapperHeight(); // <= getSlidePositions
needContainerTransform = true;
}
}
if (fixedWidth || autoWidth) {
rightBoundary = getRightBoundary(); // autoWidth: <= viewport, slidePositions, gutter
// fixedWidth: <= viewport, fixedWidth, gutter
indexMax = getIndexMax(); // autoWidth: <= rightBoundary, slidePositions
// fixedWidth: <= rightBoundary, fixedWidth, gutter
}
if (bpChanged || fixedWidth) {
items = getOption('items');
slideBy = getOption('slideBy');
itemsChanged = items !== itemsTem;
if (itemsChanged) {
if (!fixedWidth && !autoWidth) {
indexMax = getIndexMax();
} // <= items
// check index before transform in case
// slider reach the right edge then items become bigger
updateIndex();
}
}
if (bpChanged) {
if (disable !== disableTem) {
if (disable) {
disableSlider();
} else {
enableSlider(); // <= slidePositions, rightBoundary, indexMax
}
}
}
if (freezable && (bpChanged || fixedWidth || autoWidth)) {
freeze = getFreeze(); // <= autoWidth: slidePositions, gutter, viewport, rightBoundary
// <= fixedWidth: fixedWidth, gutter, rightBoundary
// <= others: items
if (freeze !== freezeTem) {
if (freeze) {
doContainerTransform(getContainerTransformValue(getStartIndex(0)));
freezeSlider();
} else {
unfreezeSlider();
needContainerTransform = true;
}
}
}
resetVariblesWhenDisable(disable || freeze); // controls, nav, touch, mouseDrag, arrowKeys, autoplay, autoplayHoverPause, autoplayResetOnVisibility
if (!autoplay) {
autoplayHoverPause = autoplayResetOnVisibility = false;
}
if (arrowKeys !== arrowKeysTem) {
arrowKeys ? (0, _addEvents.addEvents)(doc, docmentKeydownEvent) : (0, _removeEvents.removeEvents)(doc, docmentKeydownEvent);
}
if (controls !== controlsTem) {
if (controls) {
if (controlsContainer) {
(0, _showElement.showElement)(controlsContainer);
} else {
if (prevButton) {
(0, _showElement.showElement)(prevButton);
}
if (nextButton) {
(0, _showElement.showElement)(nextButton);
}
}
} else {
if (controlsContainer) {
(0, _hideElement.hideElement)(controlsContainer);
} else {
if (prevButton) {
(0, _hideElement.hideElement)(prevButton);
}
if (nextButton) {
(0, _hideElement.hideElement)(nextButton);
}
}
}
}
if (nav !== navTem) {
if (nav) {
(0, _showElement.showElement)(navContainer);
updateNavVisibility();
} else {
(0, _hideElement.hideElement)(navContainer);
}
}
if (touch !== touchTem) {
touch ? (0, _addEvents.addEvents)(container, touchEvents) : (0, _removeEvents.removeEvents)(container, touchEvents);
}
if (mouseDrag !== mouseDragTem) {
mouseDrag ? (0, _addEvents.addEvents)(container, dragEvents) : (0, _removeEvents.removeEvents)(container, dragEvents);
}
if (autoplay !== autoplayTem) {
if (autoplay) {
if (autoplayButton) {
(0, _showElement.showElement)(autoplayButton);
}
if (!animating && !autoplayUserPaused) {
startAutoplay();
}
} else {
if (autoplayButton) {
(0, _hideElement.hideElement)(autoplayButton);
}
if (animating) {
stopAutoplay();
}
}
}
if (autoplayHoverPause !== autoplayHoverPauseTem) {
autoplayHoverPause ? (0, _addEvents.addEvents)(container, hoverEvents) : (0, _removeEvents.removeEvents)(container, hoverEvents);
}
if (autoplayResetOnVisibility !== autoplayResetOnVisibilityTem) {
autoplayResetOnVisibility ? (0, _addEvents.addEvents)(doc, visibilityEvent) : (0, _removeEvents.removeEvents)(doc, visibilityEvent);
}
if (bpChanged) {
if (fixedWidth !== fixedWidthTem) {
needContainerTransform = true;
}
if (autoHeight !== autoHeightTem) {
if (!autoHeight) {
innerWrapper.style.height = '';
}
}
if (controls && controlsText !== controlsTextTem) {
prevButton.innerHTML = controlsText[0];
nextButton.innerHTML = controlsText[1];
}
if (autoplayButton && autoplayText !== autoplayTextTem) {
var i = autoplay ? 1 : 0,
html = autoplayButton.innerHTML,
len = html.length - autoplayTextTem[i].length;
if (html.substring(len) === autoplayTextTem[i]) {
autoplayButton.innerHTML = html.substring(0, len) + autoplayText[i];
}
}
}
indChanged = index !== indexTem;
if (indChanged) {
events.emit('indexChanged', info());
needContainerTransform = true;
}
if (itemsChanged) {
if (!indChanged) {
additionalUpdates();
}
if (!carousel) {
updateGallerySlidePositions();
}
}
if (!disable && !freeze) {
// non-meduaqueries: IE8
if (bpChanged && !CSSMQ) {
// inner wrapper styles
if (edgePadding !== edgePaddingTem || gutter !== gutterTem) {
innerWrapper.style.cssText = getInnerWrapperStyles(edgePadding, gutter, fixedWidth);
}
if (horizontal) {
// container styles
if (carousel) {
container.style.width = getContainerWidth(fixedWidth, gutter, items);
}
// slide styles
var str = getSlideWidthStyle(fixedWidth, gutter, items) + getSlideGutterStyle(gutter);
// remove the last line and
// add new styles
(0, _removeCSSRule.removeCSSRule)(sheet, (0, _getCssRulesLength.getCssRulesLength)(sheet) - 1);
(0, _addCSSRule.addCSSRule)(sheet, '#' + slideId + ' > .tns-item', str, (0, _getCssRulesLength.getCssRulesLength)(sheet));
}
}
// auto height
if (autoHeight) {
runAutoHeight();
}
if (needContainerTransform) {
doContainerTransformSilent();
indexCached = index;
}
}
if (bpChanged) {
events.emit('newBreakpointEnd', info(e));
}
}
// === INITIALIZATION FUNCTIONS === //
function getFreeze() {
if (!fixedWidth && !autoWidth) {
return slideCount <= items;
}
if (fixedWidth) {
return (fixedWidth + gutter) * slideCount <= viewport + edgePadding * 2;
} else {
var width = loop ? slidePositions[slideCount] : getSliderWidth();
return width <= viewport + edgePadding * 2;
}
}
function setBreakpointZone() {
breakpointZone = 0;
for (var bp in responsive) {
bp = parseInt(bp); // convert string to number
if (windowWidth >= bp) {
breakpointZone = bp;
}
}
}
// (slideBy, indexMin, indexMax) => index
var updateIndex = function () {
return loop ? carousel ?
// loop + carousel
function () {
var leftEdge = indexMin,
rightEdge = indexMax;
leftEdge += slideBy;
rightEdge -= slideBy;
// adjust edges when has edge padding
// or fixed-width slider with extra space on the right side
if (edgePadding) {
leftEdge += 1;
rightEdge -= 1;
} else if (fixedWidth) {
if (viewport % (fixedWidth + gutter)) {
rightEdge -= 1;
}
}
if (cloneCount) {
if (index > rightEdge) {
index -= slideCount;
} else if (index < leftEdge) {
index += slideCount;
}
}
} :
// loop + gallery
function () {
if (index > indexMax) {
while (index >= indexMin + slideCount) {
index -= slideCount;
}
} else if (index < indexMin) {
while (index <= indexMax - slideCount) {
index += slideCount;
}
}
} :
// non-loop
function () {
index = Math.max(indexMin, Math.min(indexMax, index));
};
}();
function disableUI() {
if (!autoplay && autoplayButton) {
(0, _hideElement.hideElement)(autoplayButton);
}
if (!nav && navContainer) {
(0, _hideElement.hideElement)(navContainer);
}
if (!controls) {
if (controlsContainer) {
(0, _hideElement.hideElement)(controlsContainer);
} else {
if (prevButton) {
(0, _hideElement.hideElement)(prevButton);
}
if (nextButton) {
(0, _hideElement.hideElement)(nextButton);
}
}
}
}
function enableUI() {
if (autoplay && autoplayButton) {
(0, _showElement.showElement)(autoplayButton);
}
if (nav && navContainer) {
(0, _showElement.showElement)(navContainer);
}
if (controls) {
if (controlsContainer) {
(0, _showElement.showElement)(controlsContainer);
} else {
if (prevButton) {
(0, _showElement.showElement)(prevButton);
}
if (nextButton) {
(0, _showElement.showElement)(nextButton);
}
}
}
}
function freezeSlider() {
if (frozen) {
return;
}
// remove edge padding from inner wrapper
if (edgePadding) {
innerWrapper.style.margin = '0px';
}
// add class tns-transparent to cloned slides
if (cloneCount) {
var str = 'tns-transparent';
for (var i = cloneCount; i--;) {
if (carousel) {
(0, _addClass.addClass)(slideItems[i], str);
}
(0, _addClass.addClass)(slideItems[slideCountNew - i - 1], str);
}
}
// update tools
disableUI();
frozen = true;
}
function unfreezeSlider() {
if (!frozen) {
return;
}
// restore edge padding for inner wrapper
// for mordern browsers
if (edgePadding && CSSMQ) {
innerWrapper.style.margin = '';
}
// remove class tns-transparent to cloned slides
if (cloneCount) {
var str = 'tns-transparent';
for (var i = cloneCount; i--;) {
if (carousel) {
(0, _removeClass.removeClass)(slideItems[i], str);
}
(0, _removeClass.removeClass)(slideItems[slideCountNew - i - 1], str);
}
}
// update tools
enableUI();
frozen = false;
}
function disableSlider() {
if (disabled) {
return;
}
sheet.disabled = true;
container.className = container.className.replace(newContainerClasses.substring(1), '');
(0, _removeAttrs.removeAttrs)(container, ['style']);
if (loop) {
for (var j = cloneCount; j--;) {
if (carousel) {
(0, _hideElement.hideElement)(slideItems[j]);
}
(0, _hideElement.hideElement)(slideItems[slideCountNew - j - 1]);
}
}
// vertical slider
if (!horizontal || !carousel) {
(0, _removeAttrs.removeAttrs)(innerWrapper, ['style']);
}
// gallery
if (!carousel) {
for (var i = index, l = index + slideCount; i < l; i++) {
var item = slideItems[i];
(0, _removeAttrs.removeAttrs)(item, ['style']);
(0, _removeClass.removeClass)(item, animateIn);
(0, _removeClass.removeClass)(item, animateNormal);
}
}
// update tools
disableUI();
disabled = true;
}
function enableSlider() {
if (!disabled) {
return;
}
sheet.disabled = false;
container.className += newContainerClasses;
doContainerTransformSilent();
if (loop) {
for (var j = cloneCount; j--;) {
if (carousel) {
(0, _showElement.showElement)(slideItems[j]);
}
(0, _showElement.showElement)(slideItems[slideCountNew - j - 1]);
}
}
// gallery
if (!carousel) {
for (var i = index, l = index + slideCount; i < l; i++) {
var item = slideItems[i],
classN = i < index + items ? animateIn : animateNormal;
item.style.left = (i - index) * 100 / items + '%';
(0, _addClass.addClass)(item, classN);
}
}
// update tools
enableUI();
disabled = false;
}
function lazyLoad() {
if (lazyload && !disable) {
var i = index,
len;
if (!autoWidth) {
len = index + items;
} else {
var a = index + 1,
len = a,
edge = slidePositions[index] + viewport + edgePadding - gutter;
while (slidePositions[a] < edge) {
a++;
len = a;
}
}
if (edgePadding) {
i -= 1;
if (!autoWidth) {
len += 1;
}
}
i = Math.floor(Math.max(i, 0));
len = Math.ceil(Math.min(len, slideCountNew));
for (; i < len; i++) {
(0, _forEachNodeList.forEachNodeList)(slideItems[i].querySelectorAll('.tns-lazy-img'), function (img) {
// stop propagation transitionend event to container
var eve = {};
eve[TRANSITIONEND] = function (e) {
e.stopPropagation();
};
(0, _addEvents.addEvents)(img, eve);
if (!(0, _hasClass.hasClass)(img, 'loaded')) {
// update srcset
var srcset = (0, _getAttr.getAttr)(img, 'data-srcset');
if (srcset) {
img.srcset = srcset;
}
// update src
img.src = (0, _getAttr.getAttr)(img, 'data-src');
(0, _addClass.addClass)(img, 'loaded');
}
});
}
}
}
function imgLoadedOrError(e) {
var img = getTarget(e);
(0, _addClass.addClass)(img, imgCompleteClass);
(0, _removeEvents.removeEvents)(img, imgEvents);
}
function getImageArray(slideStart, slideRange) {
var imgs = [];
for (var i = slideStart, l = Math.min(slideStart + slideRange, slideCountNew); i < l; i++) {
(0, _forEachNodeList.forEachNodeList)(slideItems[i].querySelectorAll('img'), function (img) {
imgs.push(img);
});
}
return imgs;
}
// check if all visible images are loaded
// and update container height if it's done
function runAutoHeight() {
var imgs = autoHeight ? getImageArray(index, items) : getImageArray(cloneCount, slideCount);
(0, _raf.raf)(function () {
imageLoaded(imgs, updateInnerWrapperHeight);
});
}
function imageLoaded(imgs, cb) {
// directly execute callback function if all images are complete
if (imgsComplete) {
return cb();
}
// check selected image classes otherwise
imgs.forEach(function (img, index) {
if ((0, _hasClass.hasClass)(img, imgCompleteClass)) {
imgs.splice(index, 1);
}
});
// execute callback function if selected images are all complete
if (!imgs.length) {
return cb();
}
// otherwise execute this functiona again
(0, _raf.raf)(function () {
imageLoaded(imgs, cb);
});
}
function additionalUpdates() {
lazyLoad();
updateSlideStatus();
updateControlsStatus();
updateNavVisibility();
updateNavStatus();
}
function getMaxSlideHeight(slideStart, slideRange) {
var heights = [];
for (var i = slideStart, l = Math.min(slideStart + slideRange, slideCountNew); i < l; i++) {
heights.push(slideItems[i].offsetHeight);
}
return Math.max.apply(null, heights);
}
// update inner wrapper height
// 1. get the max-height of the visible slides
// 2. set transitionDuration to speed
// 3. update inner wrapper height to max-height
// 4. set transitionDuration to 0s after transition done
function updateInnerWrapperHeight() {
var maxHeight = autoHeight ? getMaxSlideHeight(index, items) : getMaxSlideHeight(cloneCount, slideCount);
if (innerWrapper.style.height !== maxHeight) {
innerWrapper.style.height = maxHeight + 'px';
}
}
// get the distance from the top edge of the first slide to each slide
// (init) => slidePositions
function getSlidePositions() {
slidePositions = [0];
var attr = horizontal ? 'left' : 'top',
first = slideItems[0].getBoundingClientRect()[attr],
position;
for (var i = 1; i < slideCountNew; i++) {
position = slideItems[i].getBoundingClientRect()[attr];
slidePositions.push(position - first);
}
}
// update slide
function updateSlideStatus() {
var l = index + Math.min(slideCount, items);
for (var i = slideCountNew; i--;) {
var item = slideItems[i];
// visible slides
if (i >= index && i < l) {
if ((0, _hasAttr.hasAttr)(item, 'tabindex')) {
(0, _setAttrs.setAttrs)(item, { 'aria-hidden': 'false' });
(0, _removeAttrs.removeAttrs)(item, ['tabindex']);
(0, _addClass.addClass)(item, slideActiveClass);
}
// hidden slides
} else {
if (!(0, _hasAttr.hasAttr)(item, 'tabindex')) {
(0, _setAttrs.setAttrs)(item, {
'aria-hidden': 'true',
'tabindex': '-1'
});
}
if ((0, _hasClass.hasClass)(item, slideActiveClass)) {
(0, _removeClass.removeClass)(item, slideActiveClass);
}
}
}
}
// gallery: update slide position
function updateGallerySlidePositions() {
var l = index + Math.min(slideCount, items);
for (var i = slideCountNew; i--;) {
var item = slideItems[i];
if (i >= index && i < l) {
// add transitions to visible slides when adjusting their positions
(0, _addClass.addClass)(item, 'tns-moving');
item.style.left = (i - index) * 100 / items + '%';
(0, _addClass.addClass)(item, animateIn);
(0, _removeClass.removeClass)(item, animateNormal);
} else if (item.style.left) {
item.style.left = '';
(0, _addClass.addClass)(item, animateNormal);
(0, _removeClass.removeClass)(item, animateIn);
}
// remove outlet animation
(0, _removeClass.removeClass)(item, animateOut);
}
// removing '.tns-moving'
setTimeout(function () {
(0, _forEachNodeList.forEachNodeList)(slideItems, function (el) {
(0, _removeClass.removeClass)(el, 'tns-moving');
});
}, 300);
}
// set tabindex & aria-selected on Nav
function updateNavStatus() {
// get current nav
if (nav) {
navCurrentIndex = navClicked !== -1 ? navClicked : getAbsIndex();
navClicked = -1;
if (navCurrentIndex !== navCurrentIndexCached) {
var navPrev = navItems[navCurrentIndexCached],
navCurrent = navItems[navCurrentIndex];
(0, _setAttrs.setAttrs)(navPrev, {
'tabindex': '-1',
'aria-selected': 'false'
});
(0, _setAttrs.setAttrs)(navCurrent, {
'tabindex': '0',
'aria-selected': 'true'
});
(0, _removeClass.removeClass)(navPrev, navActiveClass);
(0, _addClass.addClass)(navCurrent, navActiveClass);
navCurrentIndexCached = navCurrentIndex;
}
}
}
function getLowerCaseNodeName(el) {
return el.nodeName.toLowerCase();
}
function isButton(el) {
return getLowerCaseNodeName(el) === 'button';
}
function isAriaDisabled(el) {
return el.getAttribute('aria-disabled') === 'true';
}
function disEnableElement(isButton, el, val) {
if (isButton) {
el.disabled = val;
} else {
el.setAttribute('aria-disabled', val.toString());
}
}
// set 'disabled' to true on controls when reach the edges
function updateControlsStatus() {
if (!controls || rewind || loop) {
return;
}
var prevDisabled = prevIsButton ? prevButton.disabled : isAriaDisabled(prevButton),
nextDisabled = nextIsButton ? nextButton.disabled : isAriaDisabled(nextButton),
disablePrev = index <= indexMin ? true : false,
disableNext = !rewind && index >= indexMax ? true : false;
if (disablePrev && !prevDisabled) {
disEnableElement(prevIsButton, prevButton, true);
}
if (!disablePrev && prevDisabled) {
disEnableElement(prevIsButton, prevButton, false);
}
if (disableNext && !nextDisabled) {
disEnableElement(nextIsButton, nextButton, true);
}
if (!disableNext && nextDisabled) {
disEnableElement(nextIsButton, nextButton, false);
}
}
// set duration
function resetDuration(el, str) {
if (TRANSITIONDURATION) {
el.style[TRANSITIONDURATION] = str;
}
}
function getSliderWidth() {
return fixedWidth ? (fixedWidth + gutter) * slideCountNew : slidePositions[slideCountNew - 1] + slideItems[slideCountNew - 1].getBoundingClientRect().width;
}
function getRightBoundary() {
var result = viewport - (getSliderWidth() - gutter);
if (edgePadding) {
result += edgePadding - gutter;
}
if (result > 0) {
result = 0;
}
return result;
}
function getContainerTransformValue(num) {
if (num == null) {
num = index;
}
var val;
if (horizontal && !autoWidth) {
if (fixedWidth) {
val = -(fixedWidth + gutter) * num;
} else {
var denominator = TRANSFORM ? slideCountNew : items;
val = -num * 100 / denominator;
}
} else {
val = -slidePositions[num];
}
if (hasRightDeadZone) {
val = Math.max(val, rightBoundary);
}
// // remove edge padding for non-loop
// if (horizontal && !loop && edgePadding) {
// var gap = edgePadding;
// if (!autoWidth && !fixedWidth) {
// gap = TRANSFORM ? gap * 100 / (viewport * slideCountNew / items) : gap / viewport;
// }
// if (num <= 0) {
// val -= gap;
// } else if (num >= indexMax && !autoWidth && !fixedWidth) {
// val += gap;
// }
// }
val += horizontal && !autoWidth && !fixedWidth ? '%' : 'px';
return val;
}
function doContainerTransformSilent(val) {
resetDuration(container, '0s');
doContainerTransform(val);
}
function doContainerTransform(val) {
if (val == null) {
val = getContainerTransformValue();
}
container.style[transformAttr] = transformPrefix + val + transformPostfix;
}
function animateSlide(number, classOut, classIn, isOut) {
var l = number + items;
if (!loop) {
l = Math.min(l, slideCountNew);
}
for (var i = number; i < l; i++) {
var item = slideItems[i];
// set item positions
if (!isOut) {
item.style.left = (i - index) * 100 / items + '%';
}
if (animateDelay && TRANSITIONDELAY) {
item.style[TRANSITIONDELAY] = item.style[ANIMATIONDELAY] = animateDelay * (i - number) / 1000 + 's';
}
(0, _removeClass.removeClass)(item, classOut);
(0, _addClass.addClass)(item, classIn);
if (isOut) {
slideItemsOut.push(item);
}
}
}
// make transfer after click/drag:
// 1. change 'transform' property for mordern browsers
// 2. change 'left' property for legacy browsers
var transformCore = function () {
return carousel ? function () {
resetDuration(container, '');
if (TRANSITIONDURATION || !speed) {
// for morden browsers with non-zero duration or
// zero duration for all browsers
doContainerTransform();
// run fallback function manually
// when duration is 0 / container is hidden
if (!speed || !(0, _isVisible.isVisible)(container)) {
onTransitionEnd();
}
} else {
// for old browser with non-zero duration
(0, _jsTransform.jsTransform)(container, transformAttr, transformPrefix, transformPostfix, getContainerTransformValue(), speed, onTransitionEnd);
}
if (!horizontal) {
updateContentWrapperHeight();
}
} : function () {
slideItemsOut = [];
var eve = {};
eve[TRANSITIONEND] = eve[ANIMATIONEND] = onTransitionEnd;
(0, _removeEvents.removeEvents)(slideItems[indexCached], eve);
(0, _addEvents.addEvents)(slideItems[index], eve);
animateSlide(indexCached, animateIn, animateOut, true);
animateSlide(index, animateNormal, animateIn);
// run fallback function manually
// when transition or animation not supported / duration is 0
if (!TRANSITIONEND || !ANIMATIONEND || !speed || !(0, _isVisible.isVisible)(container)) {
onTransitionEnd();
}
};
}();
function render(e, sliderMoved) {
if (updateIndexBeforeTransform) {
updateIndex();
}
// render when slider was moved (touch or drag) even though index may not change
if (index !== indexCached || sliderMoved) {
// events
events.emit('indexChanged', info());
events.emit('transitionStart', info());
if (autoHeight) {
runAutoHeight();
}
// pause autoplay when click or keydown from user
if (animating && e && ['click', 'keydown'].indexOf(e.type) >= 0) {
stopAutoplay();
}
running = true;
transformCore();
}
}
/*
* Transfer prefixed properties to the same format
* CSS: -Webkit-Transform => webkittransform
* JS: WebkitTransform => webkittransform
* @param {string} str - property
*
*/
function strTrans(str) {
return str.toLowerCase().replace(/-/g, '');
}
// AFTER TRANSFORM
// Things need to be done after a transfer:
// 1. check index
// 2. add classes to visible slide
// 3. disable controls buttons when reach the first/last slide in non-loop slider
// 4. update nav status
// 5. lazyload images
// 6. update container height
function onTransitionEnd(event) {
// check running on gallery mode
// make sure trantionend/animationend events run only once
if (carousel || running) {
events.emit('transitionEnd', info(event));
if (!carousel && slideItemsOut.length > 0) {
for (var i = 0; i < slideItemsOut.length; i++) {
var item = slideItemsOut[i];
// set item positions
item.style.left = '';
if (ANIMATIONDELAY && TRANSITIONDELAY) {
item.style[ANIMATIONDELAY] = '';
item.style[TRANSITIONDELAY] = '';
}
(0, _removeClass.removeClass)(item, animateOut);
(0, _addClass.addClass)(item, animateNormal);
}
}
/* update slides, nav, controls after checking ...
* => legacy browsers who don't support 'event'
* have to check event first, otherwise event.target will cause an error
* => or 'gallery' mode:
* + event target is slide item
* => or 'carousel' mode:
* + event target is container,
* + event.property is the same with transform attribute
*/
if (!event || !carousel && event.target.parentNode === container || event.target === container && strTrans(event.propertyName) === strTrans(transformAttr)) {
if (!updateIndexBeforeTransform) {
var indexTem = index;
updateIndex();
if (index !== indexTem) {
events.emit('indexChanged', info());
doContainerTransformSilent();
}
}
if (nested === 'inner') {
events.emit('innerLoaded', info());
}
running = false;
indexCached = index;
}
}
}
// # ACTIONS
function goTo(targetIndex, e) {
if (freeze) {
return;
}
// prev slideBy
if (targetIndex === 'prev') {
onControlsClick(e, -1);
// next slideBy
} else if (targetIndex === 'next') {
onControlsClick(e, 1);
// go to exact slide
} else {
if (running) {
onTransitionEnd();
}
var absIndex = getAbsIndex(),
indexGap = 0;
if (targetIndex === 'first') {
indexGap = -absIndex;
} else if (targetIndex === 'last') {
indexGap = carousel ? slideCount - items - absIndex : slideCount - 1 - absIndex;
} else {
if (typeof targetIndex !== 'number') {
targetIndex = parseInt(targetIndex);
}
if (!isNaN(targetIndex)) {
// from directly called goTo function
if (!e) {
targetIndex = Math.max(0, Math.min(slideCount - 1, targetIndex));
}
indexGap = targetIndex - absIndex;
}
}
// gallery: make sure new page won't overlap with current page
if (!carousel && indexGap && Math.abs(indexGap) < items) {
var factor = indexGap > 0 ? 1 : -1;
indexGap += index + indexGap - slideCount >= indexMin ? slideCount * factor : slideCount * 2 * factor * -1;
}
index += indexGap;
// make sure index is in range
if (carousel && loop) {
if (index < indexMin) {
index += slideCount;
}
if (index > indexMax) {
index -= slideCount;
}
}
// if index is changed, start rendering
if (getAbsIndex(index) !== getAbsIndex(indexCached)) {
render(e);
}
}
}
// on controls click
function onControlsClick(e, dir) {
if (running) {
onTransitionEnd();
}
var passEventObject;
if (!dir) {
e = getEvent(e);
var target = e.target || e.srcElement;
while (target !== controlsContainer && [prevButton, nextButton].indexOf(target) < 0) {
target = target.parentNode;
}
var targetIn = [prevButton, nextButton].indexOf(target);
if (targetIn >= 0) {
passEventObject = true;
dir = targetIn === 0 ? -1 : 1;
}
}
if (rewind) {
if (index === indexMin && dir === -1) {
goTo('last', e);
return;
} else if (index === indexMax && dir === 1) {
goTo('first', e);
return;
}
}
if (dir) {
index += slideBy * dir;
if (autoWidth) {
index = Math.floor(index);
}
// pass e when click control buttons or keydown
render(passEventObject || e && e.type === 'keydown' ? e : null);
}
}
// on nav click
function onNavClick(e) {
if (running) {
onTransitionEnd();
}
e = getEvent(e);
var target = e.target || e.srcElement,
navIndex;
// find the clicked nav item
while (target !== navContainer && !(0, _hasAttr.hasAttr)(target, 'data-nav')) {
target = target.parentNode;
}
if ((0, _hasAttr.hasAttr)(target, 'data-nav')) {
navIndex = navClicked = [].indexOf.call(navItems, target);
goTo(navIndex, e);
}
}
// autoplay functions
function setAutoplayTimer() {
autoplayTimer = setInterval(function () {
onControlsClick(null, autoplayDirection);
}, autoplayTimeout);
animating = true;
}
function stopAutoplayTimer() {
clearInterval(autoplayTimer);
animating = false;
}
function updateAutoplayButton(action, txt) {
(0, _setAttrs.setAttrs)(autoplayButton, { 'data-action': action });
autoplayButton.innerHTML = autoplayHtmlStrings[0] + action + autoplayHtmlStrings[1] + txt;
}
function startAutoplay() {
setAutoplayTimer();
if (autoplayButton) {
updateAutoplayButton('stop', autoplayText[1]);
}
}
function stopAutoplay() {
stopAutoplayTimer();
if (autoplayButton) {
updateAutoplayButton('start', autoplayText[0]);
}
}
// programaitcally play/pause the slider
function play() {
if (autoplay && !animating) {
startAutoplay();
autoplayUserPaused = false;
}
}
function pause() {
if (animating) {
stopAutoplay();
autoplayUserPaused = true;
}
}
function toggleAutoplay() {
if (animating) {
stopAutoplay();
autoplayUserPaused = true;
} else {
startAutoplay();
autoplayUserPaused = false;
}
}
function onVisibilityChange() {
if (doc.hidden) {
if (animating) {
stopAutoplayTimer();
autoplayVisibilityPaused = true;
}
} else if (autoplayVisibilityPaused) {
setAutoplayTimer();
autoplayVisibilityPaused = false;
}
}
function mouseoverPause() {
if (animating) {
stopAutoplayTimer();
autoplayHoverPaused = true;
}
}
function mouseoutRestart() {
if (autoplayHoverPaused) {
setAutoplayTimer();
autoplayHoverPaused = false;
}
}
// keydown events on document
function onDocumentKeydown(e) {
e = getEvent(e);
switch (e.keyCode) {
case KEYS.LEFT:
onControlsClick(e, -1);
break;
case KEYS.RIGHT:
onControlsClick(e, 1);
}
}
// on key control
function onControlsKeydown(e) {
e = getEvent(e);
var code = e.keyCode;
switch (code) {
case KEYS.LEFT:
case KEYS.UP:
case KEYS.PAGEUP:
if (!prevButton.disabled) {
onControlsClick(e, -1);
}
break;
case KEYS.RIGHT:
case KEYS.DOWN:
case KEYS.PAGEDOWN:
if (!nextButton.disabled) {
onControlsClick(e, 1);
}
break;
case KEYS.HOME:
goTo('first', e);
break;
case KEYS.END:
goTo('last', e);
break;
}
}
// set focus
function setFocus(focus) {
focus.focus();
}
// on key nav
function onNavKeydown(e) {
var curElement = doc.activeElement;
if (!(0, _hasAttr.hasAttr)(curElement, 'data-nav')) {
return;
}
e = getEvent(e);
var code = e.keyCode,
navIndex = [].indexOf.call(navItems, curElement),
len = visibleNavIndexes.length,
current = visibleNavIndexes.indexOf(navIndex);
if (options.navContainer) {
len = slideCount;
current = navIndex;
}
function getNavIndex(num) {
return options.navContainer ? num : visibleNavIndexes[num];
}
switch (code) {
case KEYS.LEFT:
case KEYS.PAGEUP:
if (current > 0) {
setFocus(navItems[getNavIndex(current - 1)]);
}
break;
case KEYS.UP:
case KEYS.HOME:
if (current > 0) {
setFocus(navItems[getNavIndex(0)]);
}
break;
case KEYS.RIGHT:
case KEYS.PAGEDOWN:
if (current < len - 1) {
setFocus(navItems[getNavIndex(current + 1)]);
}
break;
case KEYS.DOWN:
case KEYS.END:
if (current < len - 1) {
setFocus(navItems[getNavIndex(len - 1)]);
}
break;
// Can't use onNavClick here,
// Because onNavClick require event.target as nav items
case KEYS.ENTER:
case KEYS.SPACE:
navClicked = navIndex;
goTo(navIndex, e);
break;
}
}
function getEvent(e) {
e = e || win.event;
return isTouchEvent(e) ? e.changedTouches[0] : e;
}
function getTarget(e) {
return e.target || win.event.srcElement;
}
function isTouchEvent(e) {
return e.type.indexOf('touch') >= 0;
}
function preventDefaultBehavior(e) {
e.preventDefault ? e.preventDefault() : e.returnValue = false;
}
function onPanStart(e) {
if (running) {
onTransitionEnd();
}
panStart = true;
if (carousel) {
(0, _caf.caf)(rafIndex);
rafIndex = 0;
}
var $ = getEvent(e);
events.emit(isTouchEvent(e) ? 'touchStart' : 'dragStart', info(e));
if (!isTouchEvent(e) && ['img', 'a'].indexOf(getLowerCaseNodeName(getTarget(e))) >= 0) {
preventDefaultBehavior(e);
}
lastPosition.x = initPosition.x = parseInt($.clientX);
lastPosition.y = initPosition.y = parseInt($.clientY);
if (carousel) {
translateInit = parseFloat(container.style[transformAttr].replace(transformPrefix, '').replace(transformPostfix, ''));
resetDuration(container, '0s');
}
}
function onPanMove(e) {
if (panStart) {
var $ = getEvent(e);
lastPosition.x = parseInt($.clientX);
lastPosition.y = parseInt($.clientY);
if (carousel && !rafIndex) {
rafIndex = (0, _raf.raf)(function () {
panUpdate(e);
});
}
}
}
function updateMoveDirectionExpected() {
if (moveDirectionExpected === '?' && lastPosition.x !== initPosition.x && lastPosition.y !== initPosition.y) {
moveDirectionExpected = (0, _getTouchDirection.getTouchDirection)((0, _toDegree.toDegree)(lastPosition.y - initPosition.y, lastPosition.x - initPosition.x), swipeAngle) === options.axis;
}
}
function panUpdate(e) {
if (!moveDirectionExpected) {
panStart = false;
return;
}
(0, _caf.caf)(rafIndex);
if (panStart) {
rafIndex = (0, _raf.raf)(function () {
panUpdate(e);
});
}
updateMoveDirectionExpected();
if (moveDirectionExpected) {
try {
if (e.type) {
events.emit(isTouchEvent(e) ? 'touchMove' : 'dragMove', info(e));
}
} catch (err) {}
var x = translateInit,
dist = getDist(lastPosition, initPosition);
if (!horizontal || fixedWidth || autoWidth) {
x += dist;
x += 'px';
} else {
var percentageX = TRANSFORM ? dist * items * 100 / (viewport * slideCountNew) : dist * 100 / viewport;
x += percentageX;
x += '%';
}
container.style[transformAttr] = transformPrefix + x + transformPostfix;
}
}
function onPanEnd(e) {
if (panStart) {
if (carousel) {
(0, _caf.caf)(rafIndex);
resetDuration(container, '');
}
panStart = false;
var $ = getEvent(e);
lastPosition.x = parseInt($.clientX);
lastPosition.y = parseInt($.clientY);
var dist = getDist(lastPosition, initPosition);
if (Math.abs(dist) >= 5) {
// drag vs click
if (!isTouchEvent(e)) {
// prevent "click"
var target = getTarget(e);
(0, _addEvents.addEvents)(target, { 'click': function preventClick(e) {
preventDefaultBehavior(e);
(0, _removeEvents.removeEvents)(target, { 'click': preventClick });
} });
}
if (carousel) {
rafIndex = (0, _raf.raf)(function () {
if (horizontal && !autoWidth) {
var indexMoved = -dist * items / viewport;
indexMoved = dist > 0 ? Math.floor(indexMoved) : Math.ceil(indexMoved);
index += indexMoved;
} else {
var moved = -(translateInit + dist);
if (moved <= 0) {
index = indexMin;
} else if (moved >= slidePositions[slidePositions.length - 1]) {
index = indexMax;
} else {
var i = 0;
while (i < slideCountNew && moved >= slidePositions[i]) {
index = i;
if (moved > slidePositions[i] && dist < 0) {
index += 1;
}
i++;
}
}
}
render(e, dist);
events.emit(isTouchEvent(e) ? 'touchEnd' : 'dragEnd', info(e));
});
} else {
updateMoveDirectionExpected();
if (moveDirectionExpected) {
onControlsClick(e, dist > 0 ? -1 : 1);
}
}
}
}
if (swipeAngle) {
moveDirectionExpected = '?';
} // reset
}
// === RESIZE FUNCTIONS === //
// (slidePositions, index, items) => vertical_conentWrapper.height
function updateContentWrapperHeight() {
innerWrapper.style.height = slidePositions[index + items] - slidePositions[index] + 'px';
}
/*
* get nav item indexes per items
* add 1 more if the nav items cann't cover all slides
* [0, 1, 2, 3, 4] / 3 => [0, 3]
*/
function getVisibleNavIndex() {
// reset visibleNavIndexes
visibleNavIndexes = [];
var absIndexMin = getAbsIndex() % items;
while (absIndexMin < slideCount) {
if (carousel && !loop && absIndexMin + items > slideCount) {
absIndexMin = slideCount - items;
}
visibleNavIndexes.push(absIndexMin);
absIndexMin += items;
}
// nav count * items < slide count means
// some slides can not be displayed only by nav clicking
if (loop && visibleNavIndexes.length * items < slideCount || !loop && visibleNavIndexes[0] > 0) {
visibleNavIndexes.unshift(0);
}
}
/*
* 1. update visible nav items list
* 2. add "hidden" attributes to previous visible nav items
* 3. remove "hidden" attrubutes to new visible nav items
*/
function updateNavVisibility() {
if (!nav || navAsThumbnails) {
return;
}
getVisibleNavIndex();
if (visibleNavIndexes !== visibleNavIndexesCached) {
(0, _forEachNodeList.forEachNodeList)(navItems, function (el, i) {
visibleNavIndexes.indexOf(i) < 0 ? (0, _hideElement.hideElement)(el) : (0, _showElement.showElement)(el);
});
// cache visible nav indexes
visibleNavIndexesCached = visibleNavIndexes;
}
}
function info(e) {
return {
container: container,
slideItems: slideItems,
navContainer: navContainer,
navItems: navItems,
controlsContainer: controlsContainer,
hasControls: hasControls,
prevButton: prevButton,
nextButton: nextButton,
items: items,
slideBy: slideBy,
cloneCount: cloneCount,
slideCount: slideCount,
slideCountNew: slideCountNew,
index: index,
indexCached: indexCached,
navCurrentIndex: navCurrentIndex,
navCurrentIndexCached: navCurrentIndexCached,
visibleNavIndexes: visibleNavIndexes,
visibleNavIndexesCached: visibleNavIndexesCached,
sheet: sheet,
event: e || {}
};
}
return {
version: '2.8.7',
getInfo: info,
events: events,
goTo: goTo,
play: play,
pause: pause,
isOn: isOn,
updateSliderHeight: updateInnerWrapperHeight,
refresh: initSliderTransform,
destroy: destroy,
rebuild: function rebuild() {
return tns((0, _extend.extend)(options, optionsElements));
}
};
};
/***/ }),
/* 85 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var win = window;
var caf = exports.caf = win.cancelAnimationFrame || win.mozCancelAnimationFrame || function (id) {
clearTimeout(id);
};
/***/ }),
/* 86 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.extend = extend;
function extend() {
var obj,
name,
copy,
target = arguments[0] || {},
i = 1,
length = arguments.length;
for (; i < length; i++) {
if ((obj = arguments[i]) !== null) {
for (name in obj) {
copy = obj[name];
if (target === copy) {
continue;
} else if (copy !== undefined) {
target[name] = copy;
}
}
}
}
return target;
}
/***/ }),
/* 87 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.checkStorageValue = checkStorageValue;
function checkStorageValue(value) {
return ['true', 'false'].indexOf(value) >= 0 ? JSON.parse(value) : value;
}
/***/ }),
/* 88 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.setLocalStorage = setLocalStorage;
function setLocalStorage(storage, key, value, access) {
if (access) {
storage.setItem(key, value);
}
return value;
}
/***/ }),
/* 89 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getSlideId = getSlideId;
function getSlideId() {
var id = window.tnsId;
window.tnsId = !id ? 1 : id + 1;
return 'tns' + window.tnsId;
}
/***/ }),
/* 90 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.calc = calc;
var _getBody = __webpack_require__(76);
var _setFakeBody = __webpack_require__(77);
var _resetFakeBody = __webpack_require__(78);
function calc() {
var doc = document,
body = (0, _getBody.getBody)(),
docOverflow = (0, _setFakeBody.setFakeBody)(body),
div = doc.createElement('div'),
result = false;
body.appendChild(div);
try {
var str = '(10px * 10)',
vals = ['calc' + str, '-moz-calc' + str, '-webkit-calc' + str],
val;
for (var i = 0; i < 3; i++) {
val = vals[i];
div.style.width = val;
if (div.offsetWidth === 100) {
result = val.replace(str, '');
break;
}
}
} catch (e) {}
body.fake ? (0, _resetFakeBody.resetFakeBody)(body, docOverflow) : div.remove();
return result;
} // get css-calc
// @return - false | calc | -webkit-calc | -moz-calc
// @usage - var calc = getCalc();
/***/ }),
/* 91 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.percentageLayout = percentageLayout;
var _getBody = __webpack_require__(76);
var _setFakeBody = __webpack_require__(77);
var _resetFakeBody = __webpack_require__(78);
function percentageLayout() {
// check subpixel layout supporting
var doc = document,
body = (0, _getBody.getBody)(),
docOverflow = (0, _setFakeBody.setFakeBody)(body),
wrapper = doc.createElement('div'),
outer = doc.createElement('div'),
str = '',
count = 70,
perPage = 3,
supported = false;
wrapper.className = "tns-t-subp2";
outer.className = "tns-t-ct";
for (var i = 0; i < count; i++) {
str += '<div></div>';
}
outer.innerHTML = str;
wrapper.appendChild(outer);
body.appendChild(wrapper);
supported = Math.abs(wrapper.getBoundingClientRect().left - outer.children[count - perPage].getBoundingClientRect().left) < 2;
body.fake ? (0, _resetFakeBody.resetFakeBody)(body, docOverflow) : wrapper.remove();
return supported;
} // get subpixel support value
// @return - boolean
/***/ }),
/* 92 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.mediaquerySupport = mediaquerySupport;
var _getBody = __webpack_require__(76);
var _setFakeBody = __webpack_require__(77);
var _resetFakeBody = __webpack_require__(78);
function mediaquerySupport() {
var doc = document,
body = (0, _getBody.getBody)(),
docOverflow = (0, _setFakeBody.setFakeBody)(body),
div = doc.createElement('div'),
style = doc.createElement('style'),
rule = '@media all and (min-width:1px){.tns-mq-test{position:absolute}}',
position;
style.type = 'text/css';
div.className = 'tns-mq-test';
body.appendChild(style);
body.appendChild(div);
if (style.styleSheet) {
style.styleSheet.cssText = rule;
} else {
style.appendChild(doc.createTextNode(rule));
}
position = window.getComputedStyle ? window.getComputedStyle(div).position : div.currentStyle['position'];
body.fake ? (0, _resetFakeBody.resetFakeBody)(body, docOverflow) : div.remove();
return position === "absolute";
}
/***/ }),
/* 93 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.createStyleSheet = createStyleSheet;
// create and append style sheet
function createStyleSheet(media) {
// Create the <style> tag
var style = document.createElement("style");
// style.setAttribute("type", "text/css");
// Add a media (and/or media query) here if you'd like!
// style.setAttribute("media", "screen")
// style.setAttribute("media", "only screen and (max-width : 1024px)")
if (media) {
style.setAttribute("media", media);
}
// WebKit hack :(
// style.appendChild(document.createTextNode(""));
// Add the <style> element to the page
document.querySelector('head').appendChild(style);
return style.sheet ? style.sheet : style.styleSheet;
};
/***/ }),
/* 94 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.addCSSRule = addCSSRule;
var _raf = __webpack_require__(79);
function addCSSRule(sheet, selector, rules, index) {
// return raf(function() {
'insertRule' in sheet ? sheet.insertRule(selector + '{' + rules + '}', index) : sheet.addRule(selector, rules, index);
// });
} // cross browsers addRule method
/***/ }),
/* 95 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.removeCSSRule = removeCSSRule;
var _raf = __webpack_require__(79);
function removeCSSRule(sheet, index) {
// return raf(function() {
'deleteRule' in sheet ? sheet.deleteRule(index) : sheet.removeRule(index);
// });
} // cross browsers addRule method
/***/ }),
/* 96 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getCssRulesLength = getCssRulesLength;
function getCssRulesLength(sheet) {
var rule = 'insertRule' in sheet ? sheet.cssRules : sheet.rules;
return rule.length;
}
/***/ }),
/* 97 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.toDegree = toDegree;
function toDegree(y, x) {
return Math.atan2(y, x) * (180 / Math.PI);
}
/***/ }),
/* 98 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getTouchDirection = getTouchDirection;
function getTouchDirection(angle, range) {
var direction = false,
gap = Math.abs(90 - Math.abs(angle));
if (gap >= 90 - range) {
direction = 'horizontal';
} else if (gap <= range) {
direction = 'vertical';
}
return direction;
}
/***/ }),
/* 99 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.forEachNodeList = forEachNodeList;
// https://toddmotto.com/ditch-the-array-foreach-call-nodelist-hack/
function forEachNodeList(arr, callback, scope) {
for (var i = 0, l = arr.length; i < l; i++) {
callback.call(scope, arr[i], i);
}
}
/***/ }),
/* 100 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var classListSupport = exports.classListSupport = 'classList' in document.createElement('_');
/***/ }),
/* 101 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.addClass = undefined;
var _hasClass = __webpack_require__(80);
var addClass = _hasClass.classListSupport ? function (el, str) {
if (!(0, _hasClass.hasClass)(el, str)) {
el.classList.add(str);
}
} : function (el, str) {
if (!(0, _hasClass.hasClass)(el, str)) {
el.className += ' ' + str;
}
};
exports.addClass = addClass;
/***/ }),
/* 102 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.removeClass = undefined;
var _hasClass = __webpack_require__(80);
var removeClass = _hasClass.classListSupport ? function (el, str) {
if ((0, _hasClass.hasClass)(el, str)) {
el.classList.remove(str);
}
} : function (el, str) {
if ((0, _hasClass.hasClass)(el, str)) {
el.className = el.className.replace(str, '');
}
};
exports.removeClass = removeClass;
/***/ }),
/* 103 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.hasAttr = hasAttr;
function hasAttr(el, attr) {
return el.hasAttribute(attr);
}
/***/ }),
/* 104 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getAttr = getAttr;
function getAttr(el, attr) {
return el.getAttribute(attr);
}
/***/ }),
/* 105 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.setAttrs = setAttrs;
var _isNodeList = __webpack_require__(82);
function setAttrs(els, attrs) {
els = (0, _isNodeList.isNodeList)(els) || els instanceof Array ? els : [els];
if (Object.prototype.toString.call(attrs) !== '[object Object]') {
return;
}
for (var i = els.length; i--;) {
for (var key in attrs) {
els[i].setAttribute(key, attrs[key]);
}
}
}
/***/ }),
/* 106 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.removeAttrs = removeAttrs;
var _isNodeList = __webpack_require__(82);
function removeAttrs(els, attrs) {
els = (0, _isNodeList.isNodeList)(els) || els instanceof Array ? els : [els];
attrs = attrs instanceof Array ? attrs : [attrs];
var attrLength = attrs.length;
for (var i = els.length; i--;) {
for (var j = attrLength; j--;) {
els[i].removeAttribute(attrs[j]);
}
}
}
/***/ }),
/* 107 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.arrayFromNodeList = arrayFromNodeList;
function arrayFromNodeList(nl) {
var arr = [];
for (var i = 0, l = nl.length; i < l; i++) {
arr.push(nl[i]);
}
return arr;
}
/***/ }),
/* 108 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.hideElement = hideElement;
function hideElement(el, forceHide) {
if (el.style.display !== 'none') {
el.style.display = 'none';
}
}
/***/ }),
/* 109 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.showElement = showElement;
function showElement(el, forceHide) {
if (el.style.display === 'none') {
el.style.display = '';
}
}
/***/ }),
/* 110 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.isVisible = isVisible;
function isVisible(el) {
return window.getComputedStyle(el).display !== 'none';
}
/***/ }),
/* 111 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.whichProperty = whichProperty;
function whichProperty(props) {
if (typeof props === 'string') {
var arr = [props],
Props = props.charAt(0).toUpperCase() + props.substr(1),
prefixes = ['Webkit', 'Moz', 'ms', 'O'];
prefixes.forEach(function (prefix) {
if (prefix !== 'ms' || props === 'transform') {
arr.push(prefix + Props);
}
});
props = arr;
}
var el = document.createElement('fakeelement'),
len = props.length;
for (var i = 0; i < props.length; i++) {
var prop = props[i];
if (el.style[prop] !== undefined) {
return prop;
}
}
return false; // explicit for ie9-
}
/***/ }),
/* 112 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.has3DTransforms = has3DTransforms;
var _getBody = __webpack_require__(76);
var _setFakeBody = __webpack_require__(77);
var _resetFakeBody = __webpack_require__(78);
function has3DTransforms(tf) {
if (!tf) {
return false;
}
if (!window.getComputedStyle) {
return false;
}
var doc = document,
body = (0, _getBody.getBody)(),
docOverflow = (0, _setFakeBody.setFakeBody)(body),
el = doc.createElement('p'),
has3d,
cssTF = tf.length > 9 ? '-' + tf.slice(0, -9).toLowerCase() + '-' : '';
cssTF += 'transform';
// Add it to the body to get the computed style
body.insertBefore(el, null);
el.style[tf] = 'translate3d(1px,1px,1px)';
has3d = window.getComputedStyle(el).getPropertyValue(cssTF);
body.fake ? (0, _resetFakeBody.resetFakeBody)(body, docOverflow) : el.remove();
return has3d !== undefined && has3d.length > 0 && has3d !== "none";
}
/***/ }),
/* 113 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getEndProperty = getEndProperty;
// get transitionend, animationend based on transitionDuration
// @propin: string
// @propOut: string, first-letter uppercase
// Usage: getEndProperty('WebkitTransitionDuration', 'Transition') => webkitTransitionEnd
function getEndProperty(propIn, propOut) {
var endProp = false;
if (/^Webkit/.test(propIn)) {
endProp = 'webkit' + propOut + 'End';
} else if (/^O/.test(propIn)) {
endProp = 'o' + propOut + 'End';
} else if (propIn) {
endProp = propOut.toLowerCase() + 'end';
}
return endProp;
}
/***/ }),
/* 114 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.addEvents = addEvents;
var _passiveOption = __webpack_require__(83);
function addEvents(el, obj) {
for (var prop in obj) {
var option = prop === 'touchstart' || prop === 'touchmove' ? _passiveOption.passiveOption : false;
el.addEventListener(prop, obj[prop], option);
}
}
/***/ }),
/* 115 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.removeEvents = removeEvents;
var _passiveOption = __webpack_require__(83);
function removeEvents(el, obj) {
for (var prop in obj) {
var option = ['touchstart', 'touchmove'].indexOf(prop) >= 0 ? _passiveOption.passiveOption : false;
el.removeEventListener(prop, obj[prop], option);
}
}
/***/ }),
/* 116 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Events = Events;
function Events() {
return {
topics: {},
on: function on(eventName, fn) {
this.topics[eventName] = this.topics[eventName] || [];
this.topics[eventName].push(fn);
},
off: function off(eventName, fn) {
if (this.topics[eventName]) {
for (var i = 0; i < this.topics[eventName].length; i++) {
if (this.topics[eventName][i] === fn) {
this.topics[eventName].splice(i, 1);
break;
}
}
}
},
emit: function emit(eventName, data) {
if (this.topics[eventName]) {
this.topics[eventName].forEach(function (fn) {
fn(data);
});
}
}
};
};
/***/ }),
/* 117 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.jsTransform = jsTransform;
function jsTransform(element, attr, prefix, postfix, to, duration, callback) {
var tick = Math.min(duration, 10),
unit = to.indexOf('%') >= 0 ? '%' : 'px',
to = to.replace(unit, ''),
from = Number(element.style[attr].replace(prefix, '').replace(postfix, '').replace(unit, '')),
positionTick = (to - from) / duration * tick,
running;
setTimeout(moveElement, tick);
function moveElement() {
duration -= tick;
from += positionTick;
element.style[attr] = prefix + from + unit + postfix;
if (duration > 0) {
setTimeout(moveElement, tick);
} else {
callback();
}
}
}
/***/ }),
/* 118 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(10)(undefined);
// imports
// module
exports.push([module.i, ".tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\n\n/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */\n", ""]);
// exports
/***/ })
])
Reference in New Issue View Git Blame Copy Permalink