/** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #FF9A52; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #212121; text-decoration: none; background-color: transparent; } a:hover { color: #000000; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #acaaa6; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 700; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 5rem; font-weight: 600; line-height: 1.2; } .display-2 { font-size: 3.5rem; font-weight: 400; line-height: 1.2; } .display-3 { font-size: 2.5rem; font-weight: 400; line-height: 1.2; } .display-4 { font-size: 2rem; font-weight: 400; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 7.5px; padding-left: 7.5px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 7.5px; padding-left: 7.5px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -7.5px; margin-left: -7.5px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 7.5px; padding-left: 7.5px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1, .col-xs-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2, .col-xs-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3, .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-4, .col-xs-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5, .col-xs-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6, .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-7, .col-xs-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8, .col-xs-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9, .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-10, .col-xs-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11, .col-xs-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12, .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #212121; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #212121; } .table tbody + tbody { border-top: 2px solid #212121; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #212121; } .table-bordered th, .table-bordered td { border: 1px solid #212121; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #212121; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.5rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 1.4rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.5rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #acaaa6; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1.4rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1.4rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #FF9A52; border-color: #FF9A52; } .btn-warning:hover { color: #212529; background-color: #ff842c; border-color: #ff7c1f; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 136, 76, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #FF9A52; border-color: #FF9A52; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ff7c1f; border-color: #ff7512; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 136, 76, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #FF9A52; border-color: #FF9A52; } .btn-outline-warning:hover { color: #212529; background-color: #FF9A52; border-color: #FF9A52; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 154, 82, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #FF9A52; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #FF9A52; border-color: #FF9A52; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 154, 82, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #212121; text-decoration: none; } .btn-link:hover { color: #000000; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.5rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 1.4rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.5rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' 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"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 1.4rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.5rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0 0 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0 - 1px) calc(0 - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0 - 1px) calc(0 - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0 - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0 - 1px); border-top-right-radius: calc(0 - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0 - 1px); border-bottom-left-radius: calc(0 - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 7.5px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -7.5px; margin-left: -7.5px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 7.5px; margin-bottom: 0; margin-left: 7.5px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 7.5px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #212121; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #000000; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.5rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #85502b; background-color: #ffebdc; border-color: #ffe3cf; } .alert-warning hr { border-top-color: #ffd4b6; } .alert-warning .alert-link { color: #5e391f; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #212121; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #212121; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1.4rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #ff4c4c; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #ff4c4c; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #ff4c4c; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #ff4c4c; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #ff4c4c; border-radius: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1.4rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #FF9A52 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ff7c1f !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #212121 !important; } .border-top { border-top: 1px solid #212121 !important; } .border-right { border-right: 1px solid #212121 !important; } .border-bottom { border-bottom: 1px solid #212121 !important; } .border-left { border-left: 1px solid #212121 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #FF9A52 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0 !important; } .rounded-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-bottom { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left, .float-xs-left { float: left !important; } .float-right, .float-xs-right { float: right !important; } .float-none, .float-xs-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #FF9A52 !important; } a.text-warning:hover, a.text-warning:focus { color: #ff6d06 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #acaaa6 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #212121; } .table .thead-dark th { color: inherit; border-color: #212121; } } .hidden-xs-up { display: none !important; } @media (max-width: 575.98px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767.98px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991.98px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199.98px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .pull-xs-left { float: left; } .pull-xs-right { float: right; } .close { position: relative; z-index: 2; width: 50px; height: 40px; } .container { width: auto; } body .modal-header { padding: 1.5rem; } body .modal-header .close { font-size: 2.4rem; } .fade.active { opacity: 1; } .nav-link.active { font-weight: bold; } .nav-separator { display: inline-block; padding: 0.5rem 0; } .nav > .nav-item:first-child > .nav-link { padding-left: 0; } .swiper-button-next, .swiper-button-prev { background: none; } .swiper-button-next::before, .swiper-button-prev::before { content: ''; height: 20px; width: 20px; border: solid 2px currentColor; border-color: transparent transparent currentColor currentColor; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; transform: rotate(225deg); } .swiper-button-prev::before { transform: rotate(45deg); } .block_title, .card-block .aeuc_scart, #search_filters > h4:first-child, .sidebar > div > h2:first-child, .sidebar > section > h2:first-child, .sidebar > div > h4:first-child, .sidebar > section > h4:first-child, .sidebar .block_title, .sidebar #search_filters > h4:first-child { font-size: 1.4rem; text-transform: none; padding: 0; line-height: normal; margin: 0; margin: 0 0 15px; font-weight: normal; } .block_title a, .card-block .aeuc_scart a, #search_filters > h4:first-child a, .sidebar > div > h2:first-child a, .sidebar > section > h2:first-child a, .sidebar > div > h4:first-child a, .sidebar > section > h4:first-child a, .sidebar .block_title a, .sidebar #search_filters > h4:first-child a { color: inherit; } @font-face { font-family: 'FontAwesome'; src: url(../css/674f50d287a8c48dc19ba404d20fe713.eot); src: url(../css/674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(../css/af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"), url(../css/fee66e712a8a08eef5805a46892932ad.woff) format("woff"), url(../css/b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"), url(../css/912ec66d7572ff821749319396470bde.svg#fontawesomeregular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'pictos'; src: url(../css/4428978ea85b29bf03e2c9c0700af509.eot); src: url(../css/4428978ea85b29bf03e2c9c0700af509.eot#iefix) format("embedded-opentype"), url(../css/6fb6738125caad969ba10b4f6f7855eb.woff) format("woff"), url(../css/d7bc227aeb70985ff59c1a55a228cfe7.ttf) format("truetype"), url(../css/44b682341086584806b7aa5af3ef8841.svg#pictos) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../css/e79bfd88537def476913f3ed52f4f4b3.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(../css/570eb83859dc23dd0eec423a49e147fe.woff2) format("woff2"), url(../css/012cf6a10129e2275d79d6adac7f3b02.woff) format("woff"), url(../css/a37b0c01c0baf1888ca812cc0508f6e2.ttf) format("truetype"); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 1.2em; /* Preferred icon size */ display: inline-block; vertical-align: top; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } .material-icons + span { display: inline-block; } .small .material-icons, .btn-sm .material-icons, .btn-group-sm > .btn .material-icons { font-size: 80%; line-height: 1; } .material-icons.md-18 { font-size: 18px; line-height: 1; } .material-icons.md-24 { font-size: 24px; line-height: 1; } .material-icons.md-36 { font-size: 36px; line-height: 1; } .material-icons.md-48 { font-size: 48px; line-height: 1; } body, html { height: 100%; } html { font-size: 62.5%; } body { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.4rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #212121; background: #ffffff; line-height: normal; } ul { list-style: none; padding-left: 0; } a { color: #212121; } a:hover, a:active, a:focus { color: #000000; text-decoration: none; } a > img { opacity: 1; transition: all 200ms ease-in-out 0s; } a:hover > img, a:focus > img { opacity: 0.75; } p { line-height: 1.4; margin: 0 0 1.4em; } input[type=text], input[type=email], input[type=password], input[type=tel], textarea, select.form-control { width: 100%; max-width: 300px; border: none; line-height: normal; padding: 5px 10px; border: 1px solid rgba(33, 33, 33, 0.2); transition: border-color 0.15s ease-in-out; font-size: inherit; color: #212121; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus, select.form-control:focus { border-color: #212121; outline: none; box-shadow: none; color: inherit; } body .form-control { font-size: inherit; } button:focus, button:active { outline: none; box-shadow: none; } select.form-control:not([size]):not([multiple]) { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-style: italic; } input:-moz-placeholder, textarea:-moz-placeholder { font-style: italic; } input::-moz-placeholder, textarea::-moz-placeholder { font-style: italic; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-style: italic; } label { margin-bottom: 0; } h1, .h1 { font-size: 3.5rem; line-height: 1.2; margin-bottom: 1.25em; font-weight: normal; font-family: "Crimson Text", serif; } h2, .h2 { font-size: 1.8rem; font-weight: normal; line-height: normal; margin-bottom: 1em; } h3, .h3 { font-size: 1.6rem; line-height: normal; } h4, .h4 { font-size: 1.4rem; line-height: normal; } h5, .h5, h6, .h6 { font-size: inherit; font-weight: bold; line-height: normal; } hr { border-top-color: rgba(33, 33, 33, 0.2); } .container { padding: 0; max-width: 1545px; } .container:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .dropdown-item:focus, .dropdown-item:hover { background: none; } .color, .custom-checkbox input[type="checkbox"] + span.color { width: 2rem; height: 2rem; display: inline-block; margin: 0; border: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; background-size: contain; } .color.active, .color:hover, .custom-checkbox input[type="checkbox"] + span.color.active, .custom-checkbox input[type="checkbox"] + span.color:hover { border: 2px solid #414141; } .facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color { border: 2px solid #414141; } .btn { white-space: normal; border: none; } .btn:hover, .btn:focus, .btn:active { outline: none; box-shadow: none; } .btn-primary, .btn-secondary { text-transform: uppercase; font-weight: normal; padding: 0.7rem 1.7rem; font-size: 1.4rem; transition: all 0.15s ease-in-out; } .btn-primary { background-color: #f45b90; color: #ffffff; } .btn-primary:hover, .btn-primary:focus { background-color: #212121; } .btn-primary.disabled, .btn-primary:disabled { background-color: #f45b90; } .btn-primary.disabled, .btn-primary:disabled { opacity: 0.75; } .card { border: none; background: #dddddd; color: #222222; } .card-block { padding: 4% 6%; } .card-block:last-child { border-bottom: none; } .card .card-block { border-bottom: rgba(33, 33, 33, 0.2) solid 1px; } .card .card-block:last-child { border-bottom: none; } small.label, small.value { font-size: 1.3rem; } .form-control-label { padding-top: 0.5rem; } select { padding: 0; border: 1px solid rgba(33, 33, 33, 0.2); padding: 2px; width: 100%; max-width: 300px; transition: border-color 0.15s ease-in-out; } select:hover, select:focus { border-color: #212121; } .form-control-valign { padding-top: 0.8rem; } .form-control-comment { padding-top: 0.8rem; opacity: 0.66; display: inline-block; } .form-control-submit.disabled { background: #eee; color: white; } .form-group.has-error input, .form-group.has-error select { outline: 0.3rem solid #ff4c4c; } .form-group.has-error .help-block { color: #ff4c4c; } .group-span-filestyle label { margin: 0; } .group-span-filestyle .btn-default { background: #ccc; color: white; text-transform: uppercase; border-radius: 0; font-size: 1.4rem; padding: 0.4rem 0.6rem; white-space: nowrap; min-height: 2.9rem; } .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus { background-color: #ddd; } .form-control { font-size: 1.2rem; width: 400px; max-width: 100%; } .radio-inline { margin-right: 5px; } .custom-radio { display: inline-block; position: relative; width: 16px; height: 16px; vertical-align: middle; cursor: pointer; border-radius: 50%; border: rgba(51, 51, 51, 0.2) 1px solid; transition: border-color 0.15s ease-in-out; background: white; margin-right: 2rem; } .custom-radio:hover { border-color: #333333; } .custom-radio input[type="radio"] { opacity: 0; cursor: pointer; } .custom-radio input[type="radio"]:checked + span { display: block; background-color: #333; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; } .custom-checkbox { position: relative; } .order-options .custom-checkbox { display: block; margin-bottom: 1em; } .custom-checkbox input[type="checkbox"] { margin-top: 0.4rem; opacity: 0; cursor: pointer; position: absolute; width: 1.5rem; height: 1.5rem; z-index: 2; } .custom-checkbox input[type="checkbox"] + span { margin-right: 3px; display: inline-block; width: 1.5rem; height: 1.5rem; vertical-align: middle; cursor: pointer; border: 1px #414141 solid; background: white; } .custom-checkbox input[type="checkbox"] + span .checkbox-checked { display: none; margin: -0.4rem -0.2rem; font-size: 1.6rem; color: #414141; width: 1.5rem; height: 1.5rem; text-indent: -999em; overflow: hidden; position: relative; } .custom-checkbox input[type="checkbox"] + span .checkbox-checked:before { content: '\F00C'; font-family: FontAwesome; position: absolute; left: 0; top: -1px; right: 0; bottom: 0; text-align: left; text-indent: 0; font-weight: normal; } .custom-checkbox input[type="checkbox"] + span + label { display: inline; } .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked { display: block; } .custom-checkbox label { text-align: left; } .text-muted { font-size: inherit; color: inherit !important; opacity: 0.66; } a.text-muted:focus, a.text-muted:hover { opacity: 1; color: inherit !important; } .done { color: #4cbb6c; display: inline-block; padding: 0 1.3rem; margin-right: 2.5rem; } .thumb-mask > .mask { position: relative; width: 5.5rem; height: 5.5rem; overflow: hidden; border: #ebebeb 1px solid; margin: 1rem 0; } .thumb-mask > .mask img { width: 55px; height: 55px; } .definition-list dl { display: flex; flex-wrap: wrap; } .definition-list dl dt { font-weight: normal; } .definition-list dl dd, .definition-list dl dt { flex: 0 0 45%; background: #ebebeb; color: black; padding: 1rem; margin: 0.2rem; } .definition-list dl dd:nth-of-type(even), .definition-list dl dt:nth-of-type(even) { background: #f6f6f6; } .help-block { margin-top: 1rem; } .btn.disabled, .btn.disabled:hover { background: #acaaa6; } .alert-warning .alert-text { font-size: 1.5rem; padding-top: 1rem; } .alert-warning .alert-link { border-radius: 2px; border-width: 2px; margin-left: 1rem; padding: 0.5rem 2rem; font-weight: 600; font-size: 1.3rem; color: #6C868E; } .alert-warning ul li:last-child .alert-link { color: white; } .alert-warning .warning-buttons { margin-top: 0.5rem; } .btn-warning { transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn-warning { transition: none; } } .btn-tertiary-outline { color: #6C868E; background-image: none; background-color: transparent; border-color: #6C868E; border: 0.15rem solid #6C868E; transition: all 0.4s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn-tertiary-outline { transition: none; } } .btn-tertiary-outline:hover { border-color: #BBCDD2; color: #BBCDD2; } .alert { font-size: 1.3rem; } .modal-backdrop { background-color: #000; background: -moz-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); background: -ms-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)); } .modal.fade .modal-dialog { transform: translate3d(-100%, 0, 0); } .modal.show .modal-dialog { transform: translate3d(0, 0, 0); } .modal > .close { position: absolute; top: 30px; right: 30px; color: white; height: 40px; width: 40px; text-align: center; border: solid 1px white; border-radius: 50%; opacity: 0.75; } .modal > .close span { position: absolute; width: 20px; height: 20px; left: 50%; top: 50%; text-indent: -999em; overflow: hidden; margin-top: -10px; margin-left: -10px; transform: rotate(45deg); transition: transform 0.25s ease-in-out; } .modal > .close span:before { content: ''; width: 2px; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -1px; background: white; } .modal > .close span:after { content: ''; height: 2px; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; background: white; } .modal > .close:hover, .modal > .close:focus { outline: none; } .modal > .close:hover span, .modal > .close:focus span { transform: rotate(225deg); } .modal > .close:active { outline: none; } @media (max-width: 1024px) { .modal > .close { top: 10px; } .modal > .close + .modal-dialog { margin-top: 60px; } } .modal-backdrop.in, .modal-backdrop.show { opacity: 0.7; } .modal-content { border-radius: 0; border: none; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4); } .label.back:before { content: '\F053'; display: inline; margin-right: 4px; font-family: FontAwesome; } .forgot-password a { text-decoration: underline; font-size: 0.85em; } .forgot-password a:hover, .forgot-password a:focus { text-decoration: none; } .alert { border: none; } .alert > ul:last-child { margin-bottom: 0; } ul.ui-autocomplete { background: #ffffff; color: #212121; border: #212121 solid 1px; border-radius: 0; z-index: 1000; } ul.ui-autocomplete a { border-radius: 0; background: transparent; transition: background 0.15s ease-in-out; border: none !important; } ul.ui-autocomplete a:hover, ul.ui-autocomplete a:focus { background: rgba(0, 0, 0, 0.3) !important; } .bold { font-weight: bold; } .modal-header { border-bottom: rgba(33, 33, 33, 0.2) solid 1px; } a .icon { display: inline-block; padding: 5px; font-size: 1.6rem; font-family: FontAwesome; } a .icon.view:before { content: '\F06E'; } a .icon.reload:before { content: '\F021'; } .sitemap li a { display: block; padding: 10px 0; border-bottom: rgba(33, 33, 33, 0.2) solid 1px; } .sitemap ul ul { padding-left: 20px; } #notifications .container:after { content: none; } .home-title { padding: 1em 6% 0.5em; margin: 0; font-size: 2.7rem; font-weight: 300; } .close { color: inherit; text-shadow: none; } .close:hover, .close:focus { color: inherit; } .thead-default th { color: inherit; background: none; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 1px; } .dropdown { color: #acaaa6; } .dropdown:hover .expand-more { color: #f45b90; } .dropdown .expand-more { color: #414141; cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ } .dropdown .active { max-height: 200px; overflow-y: hidden; visibility: visible; } .dropdown select { -moz-appearance: none; border: 0 none; outline: 0 none; color: #414141; background: white; } .dropdown-item:focus, .dropdown-item:hover { background: none; text-decoration: none; color: #f45b90; } #search_widget { position: relative; } body #search_widget { float: none; } #search_widget input[type=text] { background: inherit; color: inherit; border-color: currentColor; box-shadow: none; display: block; height: 2.5rem; padding: 0 30px 0 5px; width: 100%; max-width: none; height: 3.1rem; line-height: 2.9rem; font-size: 1.4rem; } #search_widget input[type=text]::-webkit-input-placeholder { font-style: italic; color: inherit; } #search_widget input[type=text]:-moz-placeholder { font-style: italic; color: inherit; opacity: 0.5; } #search_widget input[type=text]::-moz-placeholder { font-style: italic; color: inherit; opacity: 0.5; } #search_widget input[type=text]:-ms-input-placeholder { font-style: italic; color: inherit; opacity: 0.5; } #search_widget input[type=text]::placeholder { font-style: italic; color: inherit; opacity: 0.5; } #search_widget button[type=submit] { background: none; display: block; position: absolute; top: 0; right: 0; border: none; color: inherit; width: 36px; text-align: center; padding: 0; height: 3.1rem; line-height: 3.1rem; } #search_widget button[type=submit] span { display: none; } #search_widget button[type=submit]:before { content: "\E809"; display: block; font-family: "pictos"; font-size: 16px; width: 100%; text-align: center; } body .ui-autocomplete.searchbar-autocomplete { width: 300px; left: 0 !important; } @media (max-width: 767px) { body .ui-autocomplete.searchbar-autocomplete { display: none !important; } } .menu #top-menu li { position: relative; font-size: 1.8rem; } .menu #top-menu a { display: block; padding: 2px 0; transition: all 200ms ease-in-out 0s; margin-right: 23px; } .menu #top-menu a:last-child { margin-right: 0; } .menu #top-menu .has_submenu > a { margin-right: 50px; } .menu #top-menu .current > a { font-weight: bold; } .menu #top-menu .toggle_submenu { font-size: 1.2em; position: absolute; right: -10px; top: 0; z-index: 3; line-height: 3rem; height: 3rem; width: 50px; text-align: center; padding: 0; cursor: pointer; display: block; text-indent: -999em; overflow: hidden; } .menu #top-menu .toggle_submenu:before { content: "\F067 "; font-family: "FontAwesome"; font-weight: normal; cursor: pointer; font-size: 14px; text-align: center; position: absolute; right: 0; top: 0; left: 0; bottom: 0; text-indent: 0; text-align: center; } .menu #top-menu .opened > .toggle_submenu:before { content: '\F068'; } .menu #top-menu ul { display: none; margin-left: 10px; } .menu #top-menu ul .toggle_submenu { height: 2.8rem; line-height: 2.8rem; font-size: 1.4em; } .menu #top-menu ul .toggle_submenu:before { font-size: 12px; } .menu #top-menu ul li { font-size: 0.8em; } body#checkout section.checkout-step { border: 1px #212121 solid; background: #ffffff; } body#checkout section.checkout-step .nav-inline.m-y-2 { margin-top: 0 !important; } @media (max-width: 768px) { body#checkout section.checkout-step .nav-inline.m-y-2 .nav-item { margin-left: 0; } } body#checkout section.checkout-step:last-child { margin-bottom: 2em; } body#checkout section.checkout-step + .checkout-step { border-top: none; } body#checkout section.checkout-step .step-title { margin: 0; padding: 20px; opacity: 0.5; } body#checkout section.checkout-step .step-edit { text-transform: lowercase; font-weight: normal; } body#checkout section.checkout-step .step-edit .edit { font-size: 1.4rem; } body#checkout section.checkout-step .not-allowed { cursor: not-allowed; opacity: 0.5; } body#checkout section.checkout-step .content, body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit { display: none; } body#checkout section.checkout-step.-current .content { display: block; padding-top: 15px; padding: 20px; } body#checkout section.checkout-step.-current.-reachable.-complete .done, body#checkout section.checkout-step.-current.-reachable.-complete .step-edit { display: none; } body#checkout section.checkout-step.-current.-reachable.-complete .step-number { display: inline-block; } body#checkout section.checkout-step.-current.-reachable.-complete .content { display: block; } body#checkout section.checkout-step.-reachable .step-title { cursor: pointer; opacity: 1; } body#checkout section.checkout-step.-current .step-title { opacity: 1; } body#checkout section.checkout-step.-reachable.-complete .step-title:before { content: '\F00C'; font-family: FontAwesome; color: #f45b90; } body#checkout section.checkout-step.-reachable.-complete .step-title .step-number { display: none; } body#checkout section.checkout-step.-reachable.-complete .step-title .step-edit { cursor: pointer; display: none; float: right; margin-left: 0.2rem; } body#checkout section.checkout-step.-reachable.-complete .step-title .step-edit:before { content: '\F040'; font-family: FontAwesome; } body#checkout section.checkout-step.-reachable.-complete .content { display: none; } body#checkout section.checkout-step small { color: #acaaa6; } body#checkout section.checkout-step .default-input { min-width: 40%; } body#checkout section.checkout-step .default-input[name=address1], body#checkout section.checkout-step .default-input[name=address2] { min-width: 60%; } body#checkout section.checkout-step .radio-field { margin-top: 3rem; } body#checkout section.checkout-step .radio-field label { display: inline; } body#checkout section.checkout-step .checkbox-field div { margin-top: 6rem; } body#checkout section.checkout-step .checkbox-field + .checkbox-field div { margin-top: 0; } body#checkout section.checkout-step .select-field div { background: #f6f6f6; padding: 1rem 5rem; } body#checkout section.checkout-step .form-footer { text-align: center; } body#checkout section.checkout-step #conditions-to-approve { padding-top: 3rem; } body#checkout section.checkout-step .payment-option label { display: table-cell; } body#checkout section.checkout-step .payment-options .custom-radio { margin-right: 2rem; } body#checkout section.checkout-step .step-number { display: inline-block; } body#checkout section.checkout-step .step-number:after { content: '. '; } body#checkout section.checkout-step .address-item { margin-bottom: 1rem; border: rgba(33, 33, 33, 0.2) solid 2px; transition: border-color 0.15s ease-in-out; } body#checkout section.checkout-step .address-item.selected { border: #f45b90 2px solid; } body#checkout section.checkout-step .address-alias { display: inline-block; font-weight: 600; margin-bottom: 1rem; } body#checkout section.checkout-step .address { margin-left: 2.5rem; font-weight: normal; } body#checkout section.checkout-step .radio-block { padding: 1.5rem; text-align: left; } body#checkout section.checkout-step .custom-radio { margin-right: 0; } body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address { color: #acaaa6; display: inline-block; margin: 0 0.5rem; } body#checkout section.checkout-step .delete-address .delete, body#checkout section.checkout-step .delete-address .edit, body#checkout section.checkout-step .edit-address .delete, body#checkout section.checkout-step .edit-address .edit { font-size: 1.4rem; } body#checkout section.checkout-step hr { margin: 0; } body#checkout section.checkout-step .address-footer { text-align: center; padding: 1rem; } body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses { margin-top: 1.5em; margin-bottom: 1.5em; } body#checkout section.checkout-step p a { text-decoration: underline; } body#checkout section.checkout-step p a:hover, body#checkout section.checkout-step p a:focus { text-decoration: none; } body#checkout section.checkout-step .delivery-option { background: #f6f6f6; padding: 1.5rem; margin-bottom: 1.5rem; color: black; } body#checkout section.checkout-step .carrier-delay, body#checkout section.checkout-step .carrier-name { display: inline-block; word-break: break-word; text-align: left; } body#checkout section.checkout-step #customer-form, body#checkout section.checkout-step #delivery-address, body#checkout section.checkout-step #invoice-address, body#checkout section.checkout-step #login-form { margin-top: 2.5rem; } body#checkout section.checkout-step #customer-form .form-control-label, body#checkout section.checkout-step #delivery-address .form-control-label, body#checkout section.checkout-step #invoice-address .form-control-label, body#checkout section.checkout-step #login-form .form-control-label { text-align: left; } body#checkout section.checkout-step #customer-form .radio-inline, body#checkout section.checkout-step #delivery-address .radio-inline, body#checkout section.checkout-step #invoice-address .radio-inline, body#checkout section.checkout-step #login-form .radio-inline { padding: 0; } body#checkout section.checkout-step .sign-in { font-size: 1.4rem; } body#checkout section.checkout-step .forgot-password { margin-left: 25%; padding-left: 10px; margin-bottom: 1rem; } body#checkout .additional-information { font-size: 1.4rem; margin-left: 4.6rem; margin-top: 2rem; } body#checkout .condition-label { margin-left: 4rem; margin-top: 1rem; } body#checkout .condition-label a { text-decoration: underline; } body#checkout .condition-label a:hover, body#checkout .condition-label a:focus { text-decoration: none; } body#checkout .cancel-address { margin: 1rem; display: block; color: #878787; text-decoration: underline; } body#checkout #cart-summary-product-list img { max-width: 50px; } body#checkout #cart-summary-product-list .media-left { margin-right: 10px; } body#checkout #cart-summary-product-list .media-body { vertical-align: middle; } body#checkout #cart-summary-product-list li { margin-bottom: 10px; } body#checkout #order-summary-content { padding-top: 1.5rem; } body#checkout #order-summary-content h4.h4 { margin-top: 1rem; margin-bottom: 2rem; color: #414141; } body#checkout #order-summary-content h4.black { color: #000000; } body#checkout #order-summary-content h4.addresshead { margin-top: 0.3rem; } body#checkout #order-summary-content .noshadow { box-shadow: none; } body#checkout #order-summary-content #order-items table tr:first-child td { border-top: 0; } body#checkout #order-summary-content .order-confirmation-table { padding: 1rem; margin-bottom: 2rem; background-color: #fff; border: 3px solid rgba(33, 33, 33, 0.2); border-radius: 0; } body#checkout #order-summary-content .summary-selected-carrier { margin-bottom: 0.75rem; background-color: #fff; border: 1px solid rgba(33, 33, 33, 0.2); border-radius: 0; padding: 1rem; } body#checkout #order-summary-content .step-edit { display: inline; cursor: pointer; text-decoration: underline; } body#checkout #order-summary-content .step-edit:hover, body#checkout #order-summary-content .step-edit:focus { text-decoration: none; } body#checkout #gift_message { max-width: 100%; border-color: #414141; } /**** ORDER CONFIRMATION *****/ #order-details > .card-title { margin-bottom: 3rem; } #order-details ul { margin-bottom: 2rem; } #order-details ul li { margin-bottom: 1rem; } #order-items table { width: 100%; } #order-items table tr { height: 3rem; } #order-items table tr td:last-child { text-align: right; } #order-confirmation #registration-form { width: 50%; margin: 0 auto; } @media (max-width: 991.98px) { .done { margin: 0; padding: 0; } .cart-grid-body { width: 100%; } .cart-grid-right { width: 100%; } body#checkout section.checkout-step.-reachable.-complete .step-title .step-edit { float: none; margin-left: 2rem; } .condition-label label[for="conditions_to_approve[terms-and-conditions]"] { text-align: left; } } .cart-empty .cart-summary { opacity: 0.7; } .cart-empty .cart-container { min-height: 37.1rem; } .js-payment-atos { display: none; } .js-payment-atos .accept-cgv { display: none; } .js-payment-atos.disabled { opacity: 0.6; cursor: not-allowed; } .js-payment-atos.disabled::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .js-payment-atos.disabled .accept-cgv { display: block; } .card a[data-toggle=collapse] { text-decoration: underline; color: inherit; } .card a[data-toggle=collapse]:hover, .card a[data-toggle=collapse]:focus { text-decoration: none; } .order-confirmation-table { display: table; width: 100%; margin-bottom: 1.5em; } .order-confirmation-table .order-line { display: table-row; } .order-confirmation-table .order-line:last-child > div { border-bottom: none; } .order-confirmation-table .order-line > div { display: table-cell; vertical-align: middle; float: none; width: auto; padding: 15px; border-bottom: rgba(33, 33, 33, 0.2) solid 1px; } .order-confirmation-table .order-line > div:first-child { width: 50px; } .order-confirmation-table .order-line > div:first-child img { max-width: 100px; } @media (max-width: 580px) { .order-confirmation-table .order-line > div:first-child img { width: 50px; } } #order-confirmation #main > section { margin-bottom: 2em; } .payment-option { margin-bottom: 1em; } .js-payment-binary { display: none; } .js-payment-binary .accept-cgv { display: none; } .js-payment-binary.disabled { opacity: 0.6; cursor: not-allowed; } .js-payment-binary.disabled::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .js-payment-binary.disabled .accept-cgv { display: block; } .ps_checkout.payment-method-logo img { vertical-align: top; } /*** SOME GENERIC STYLES ***/ .table-labeled th { vertical-align: middle; } .table-labeled td { vertical-align: middle; } .label-pill { font-weight: 400; border-radius: 0.25em; font-size: inherit; padding: .15em .4em; display: inline; white-space: nowrap; } .page-order .table { margin-bottom: 0; } .page-order table th { padding: 0.8rem; } .page-order table td { padding: 0.8rem; } .page-order table thead th { text-align: center; } .history-line .state { margin: 0.5em 0; } #authentication .tooltip.tooltip-bottom { padding: 0; margin: 0; } #identity .radio-inline, #authentication .radio-inline { padding: 0; } #identity .radio-inline .custom-radio, #authentication .radio-inline .custom-radio { margin-right: 0; } /*** Most of the customer accpunt pages ***/ .page-customer-account #content .order-actions a { padding: 0 0.2rem; } .page-customer-account #content .forgot-password { text-align: center; font-size: 1.4rem; margin-top: 1.6rem; padding-bottom: 1.5rem; } .page-customer-account #content .no-account { text-align: center; font-size: 1.4rem; } /*** Login page ***/ .page-authentication .col-md-6 .form-control { width: 100%; max-width: none; } /*** Addresses page ***/ .page-addresses .address { background: #dddddd; margin-bottom: 1.5rem; color: #222222; } .page-addresses .address .address-body { padding: 10px 15px; } .page-addresses .address .address-body address { margin-bottom: 0; } .page-addresses .address .address-footer { border-top: 1px solid rgba(33, 33, 33, 0.2); padding: 0.8rem 1.5rem; text-align: center; } .page-addresses .address .address-footer a { margin: 0 0.3rem; } /*** Order details page ***/ .page-order-detail .box { margin: 1.5em 0; } .page-order-detail #order-infos ul { margin: 0; } .page-order-detail .addresses { margin: 0 -7.5px; } .page-order-detail #order-products.return { margin-bottom: 1.6rem; } .page-order-detail #order-products.return th.head-checkbox { width: 30px; } .page-order-detail #order-products.return td { padding: 1.375rem 0.75rem; } .page-order-detail #order-products.return td.qty { min-width: 125px; } .page-order-detail #order-products.return td.qty .current { width: 30%; float: left; text-align: right; padding-right: 0.5rem; } .page-order-detail #order-products.return td.qty .select { width: 70%; float: left; margin: -0.625rem 0; padding-left: 0.25rem; } .page-order-detail #order-products.return td.qty .select select { text-align: center; } /*** Order return page ***/ #order-return-infos .thead-default th { color: #414141; } /*** My account landing page ***/ /*** FOOTER ***/ .my-account-footer { padding-top: 15px; margin-top: 15px; border-top: rgba(33, 33, 33, 0.2) solid 1px; } .my-account-footer > a { display: inline-block; margin: 0 20px 0 0; } /*.page-customer-account, .page-my-account, .page-addresses { #content-wrapper.no-sidebar { max-width: 765px; margin: 0 auto; } }*/ .page-history #content { max-width: none; margin: 0 auto; } .page-my-account #content { padding: 0; } .page-my-account #content > .row { margin: 0; } .page-my-account #content .links { margin-right: -15px; } .page-my-account #content .links a { float: left; width: 180px; min-height: 180px; margin: 0 15px 15px 0; display: block; padding: 10px 15px 0; transition: all 0.15s ease-in-out; position: relative; background: #f45b90; color: #ffffff; text-align: center; } .page-my-account #content .links a:before { font-family: "pictos"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: none; font-variant: normal; text-transform: none; line-height: 1em; content: '\E853'; display: block; text-align: center; font-size: 50px; margin: 25px 0; } .page-my-account #content .links a .material-icons { display: none; } .page-my-account #content .links a#history-link:before { content: '\E808'; } .page-my-account #content .links a#addresses-link:before { content: '\E856'; } .page-my-account #content .links a#identity-link:before { content: '\E859'; } .page-my-account #content .links a#order-slips-link:before { content: '\E853'; } .page-my-account #content .links a#log-out-link:before { content: '\E852'; } .page-my-account #content .links a#mail_alert_link:before { content: '\F003'; font-family: fontAwesome; } .page-my-account #content .links a:hover, .page-my-account #content .links a:focus { background-color: #212121; } @media (max-width: 1660px) and (min-width: 1000px) { #history table.hidden-sm-down { display: none; } #history table.hidden-sm-down + .orders { display: block !important; } } .orders .order { margin-bottom: 1.5em; padding-top: 1.5em; border-top: solid 1px rgba(33, 33, 33, 0.2); } .orders .order .date, .orders .order .total { margin-bottom: 0.5em; } .psgdprinfo17 { overflow: hidden; } #exportDataToPdf, #exportDataToCsv { margin: 0 0 10px 10px; } @media (max-width: 1250px) and (min-width: 1024px) { .page-customer-account #content { overflow: auto; margin: 0 -8px; padding: 0 8px; } } .homeslider-container { float: none; width: 100%; margin: 0; clear: both; position: relative; } .homeslider-container .swiper-wrapper { margin: 0; } .homeslider-container .bx-slider > .slide + .slide { display: none; } .homeslider-container .bx-wrapper .bx-slider > .slide + .slide { display: block; } .homeslider-container li { position: relative; } .homeslider-container li img { display: block; width: 100%; } .homeslider-container li .description { position: absolute; left: 0; top: 0; right: 0; max-height: 375px; overflow: hidden; background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); padding: 15px; color: #fff; } .homeslider-container li .description h2 { font-size: 2em; margin: 0; padding: 0; } .homeslider-container li .description p { padding: 0.5em 0; margin: 0; } .homeslider-container #homeslider-prev, .homeslider-container #homeslider-next { width: 50px; height: 50px; position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.85); text-indent: -999em; overflow: hidden; color: black; top: auto; } .homeslider-container #homeslider-prev::after, .homeslider-container #homeslider-next::after { font-family: "pictos"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: none; font-variant: normal; text-transform: none; line-height: 1em; content: '\E82C'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 50px; text-align: center; text-indent: 0; font-size: 24px; } .homeslider-container #homeslider-prev:hover, .homeslider-container #homeslider-next:hover { background: rgba(0, 0, 0, 0.85); color: white; } .homeslider-container #homeslider-next { left: 50px; } .homeslider-container #homeslider-next::after { content: '\E82B'; } .products { margin: 0; } .products:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .products .product-miniature { position: relative; float: left; width: 25%; z-index: 1; overflow: hidden; height: 300px; height: 33.3333vh; } .products .product-miniature:hover { z-index: 2; } .products .product-miniature > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .products .product-miniature .thumbnail-container > a:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #f45b90; opacity: 0.5; z-index: 3; transition: all 300ms ease-in-out; } @supports (mix-blend-mode: multiply) { .products .product-miniature .thumbnail-container > a:after { mix-blend-mode: multiply; opacity: 1; } } .products .product-miniature:hover .thumbnail-container > a:after { opacity: 0; } .products .product-miniature:nth-child(8n+3) .thumbnail-container > a:after, .products .product-miniature:nth-child(8n+5) .thumbnail-container > a:after, .products .product-miniature:nth-child(8n+8) .thumbnail-container > a:after { content: ''; } .products .product-miniature .thumbnail-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } .products .product-miniature .thumbnail-container .wishlist-button-add { position: absolute; top: 1rem; right: 1rem; z-index: 3; visibility: hidden; opacity: 0; transition: opacity 300ms ease-in-out, visibility 0ms linear 300ms; } .products .product-miniature .thumbnail-container img { min-width: 100%; min-height: 100%; width: auto; height: auto; } @supports (-webkit-transform: translate3d(-50%, -50%, 0)) { .products .product-miniature .thumbnail-container img { width: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); } } @supports (transform: translate3d(-50%, -50%, 0)) { .products .product-miniature .thumbnail-container img { width: auto; position: relative; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } } @supports (object-fit: cover) { .products .product-miniature .thumbnail-container img { width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: none; transform: none; object-fit: cover; } } .products .product-miniature .thumbnail-container img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: filter 300ms ease-in-out; } .products .product-miniature .thumbnail-container a:hover img, .products .product-miniature .thumbnail-container a:focus img { opacity: 1; } .products .product-miniature:hover .thumbnail-container img { -webkit-filter: none; filter: none; } .products .product-miniature .discount-percentage { display: inline-block; font-size: 1.1rem; background: #f45b90; color: #ffffff; padding: 2px 4px; } .products .product-miniature .product-description { position: absolute; left: 0; bottom: 0; right: 0; padding: 10px; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); text-align: center; display: block; visibility: hidden; opacity: 0; transition: opacity 300ms ease-in-out, visibility 0ms linear 300ms; z-index: 3; } .products .product-miniature .product-description a { color: inherit; } .products .product-miniature .product-description p:last-child { margin-bottom: 0; } .products .product-miniature:hover .product-description, .products .product-miniature:hover .wishlist-button-add { opacity: 1; transition-delay: 0s; visibility: visible; } .products .product-miniature .product-title { margin: 0 0 0.6em; font-size: 1.4rem; line-height: 1.2; } .products .product-miniature .no-price .product-title, .products .product-miniature .no-price .product-desc { padding: 0 20px; } .products .product-miniature .product-desc { line-height: 1.4; margin-bottom: 1.4em; display: none; } .products .product-miniature .product-price-and-shipping { font-size: 1.4rem; } .products .product-miniature .regular-price { text-decoration: line-through; font-size: 0.85em; display: block; } .products .product-miniature .discount-percentage { display: none; } .products .product-miniature .product-flags { position: absolute; bottom: 5px; left: 5px; display: none; } .products .product-miniature .product-flags li { display: inline-block; padding: 1px 3px; font-size: 10px; background: #f45b90; color: #ffffff; text-transform: uppercase; } .products .product-miniature .product-flags li.discount, .products .product-miniature .product-flags li.online-only { background: #c02942; } .products .product-miniature .functional-buttons { opacity: 0; transition: all 200ms ease-in-out 0s; color: #ffffff; } .products .product-miniature .functional-buttons a, .products .product-miniature .functional-buttons button { color: inherit; } .products .product-miniature .functional-buttons .quick-view { position: absolute; left: 13px; bottom: 11px; z-index: 3; } .products .product-miniature .functional-buttons .quick-view:last-child { left: auto; right: 13px; } .products .product-miniature .functional-buttons .add-to-cart-list { position: absolute; right: 13px; bottom: 11px; z-index: 3; } .products .product-miniature:hover .functional-buttons { opacity: 1; } .products .product-miniature .quick-view span { display: none; } .products .product-miniature .quick-view:before { font-family: FontAwesome; content: '\F06E'; font-size: 1.2em; } .products .product-miniature .add-to-cart-list { background: none; border: none; cursor: pointer; } .products .product-miniature .add-to-cart-list span { display: none; } .products .product-miniature .add-to-cart-list:before { font-family: pictos; content: '\E808'; font-size: 1.2em; } .products .product-miniature .highlighted-informations { display: none; } .bx-wrapper .products.jq_carousel .product-miniature { margin: 0; clear: none !important; } .bx-wrapper .products.jq_carousel .product-miniature a { display: block; } #content-wrapper .block-product-list { margin-bottom: 0; clear: both; } #content-wrapper .block-product-list.clearfix:after { content: none; } #index #content-wrapper .homeslider-container + .block-product-list, #featuredcategories + .block-product-list, #index #content-wrapper .block-product-list:first-child { border-top: none; padding-top: 0; clear: none; margin-top: 0; } #index #content-wrapper .homeslider-container + .block-product-list .home-title, #featuredcategories + .block-product-list .home-title, #index #content-wrapper .block-product-list:first-child .home-title { display: none; } .quickview .images-container .swiper-container-initialized::after, .sidebar .block-product-list .swiper-container-initialized::after { width: 100%; top: auto; bottom: 0; height: 40px; background: linear-gradient(transparent, white); } .page-product #content-wrapper .block-product-list, .block-product-list.cross-selling { margin-bottom: 2em; border-top: none; padding-top: 0; } .page-product #content-wrapper .block-product-list .bx-controls-direction, .block-product-list.cross-selling .bx-controls-direction { opacity: 1; } .page-product #content-wrapper .block-product-list .bx-controls-direction a, .block-product-list.cross-selling .bx-controls-direction a { top: -50px; right: 25px; left: auto; height: 25px; width: 25px; background: #ffffff; color: #212121; opacity: 0.65; } .page-product #content-wrapper .block-product-list .bx-controls-direction a:hover, .block-product-list.cross-selling .bx-controls-direction a:hover { background: #ffffff; color: #212121; opacity: 1; } .page-product #content-wrapper .block-product-list .bx-controls-direction a:after, .block-product-list.cross-selling .bx-controls-direction a:after { font-size: 16px; line-height: 25px; } .page-product #content-wrapper .block-product-list .bx-controls-direction a.bx-next, .block-product-list.cross-selling .bx-controls-direction a.bx-next { right: 0; } .page-product #content-wrapper .block-product-list > h2, .block-product-list.cross-selling > h2 { border-bottom: rgba(33, 33, 33, 0.2) solid 1px; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase; } .page-product #content-wrapper .block-product-list .products:after, .block-product-list.cross-selling .products:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .page-product #content-wrapper .block-product-list .product-miniature, .block-product-list.cross-selling .product-miniature { width: 200px; margin-right: 15px; height: auto; } .page-product #content-wrapper .block-product-list .product-miniature:last-child, .block-product-list.cross-selling .product-miniature:last-child { margin-right: 0; } .page-product #content-wrapper .block-product-list .product-miniature:hover .thumbnail-container > a:after, .block-product-list.cross-selling .product-miniature:hover .thumbnail-container > a:after { opacity: 1; } .page-product #content-wrapper .block-product-list .product-miniature .thumbnail-container, .block-product-list.cross-selling .product-miniature .thumbnail-container { float: none; width: auto; position: relative; } .page-product #content-wrapper .block-product-list .product-miniature .thumbnail-container > a:after, .block-product-list.cross-selling .product-miniature .thumbnail-container > a:after { content: ''; opacity: 0; } .page-product #content-wrapper .block-product-list .product-miniature .thumbnail-container > a:hover:after, .page-product #content-wrapper .block-product-list .product-miniature .thumbnail-container > a:focus:after, .block-product-list.cross-selling .product-miniature .thumbnail-container > a:hover:after, .block-product-list.cross-selling .product-miniature .thumbnail-container > a:focus:after { opacity: 1; } .page-product #content-wrapper .block-product-list .product-miniature .thumbnail-container img, .block-product-list.cross-selling .product-miniature .thumbnail-container img { -webkit-filter: none; filter: none; transition: all 200ms ease-in-out 0s; transform: none; position: static; left: 0; top: 0; max-width: 100%; height: auto; min-height: 0; object-fit: unset; } .page-product #content-wrapper .block-product-list .product-miniature .product-description, .block-product-list.cross-selling .product-miniature .product-description { position: static; float: none; width: auto; background: none !important; color: inherit !important; height: auto; visibility: visible; opacity: 1; } .page-product #content-wrapper .block-product-list .product-miniature .product-title, .block-product-list.cross-selling .product-miniature .product-title { text-transform: none; } .page-product #content-wrapper .block-product-list .product-miniature .product-desc, .block-product-list.cross-selling .product-miniature .product-desc { display: none; } .page-product #content-wrapper .block-product-list .product-miniature .product-price-and-shipping, .block-product-list.cross-selling .product-miniature .product-price-and-shipping { position: static; font-size: 1.2rem; } .page-product #content-wrapper .block-product-list .product-miniature .functional-buttons, .block-product-list.cross-selling .product-miniature .functional-buttons { display: none; } .page-product #content-wrapper .block-product-list .product-miniature .regular-price, .block-product-list.cross-selling .product-miniature .regular-price { display: inline-block; font-size: inherit; } .product-list-header { position: relative; float: left; clear: both; overflow: hidden; z-index: 2; width: 25%; min-height: 33.3333vh; padding: 10px; display: flex; flex-direction: column; justify-content: center; text-align: center; } .product-list-header *:last-child { margin-bottom: 0; } .product-list-header h1 { margin-bottom: 0.5em; } #featuredcategories .product-description { opacity: 1; visibility: visible; } #featuredcategories .home-title { display: none; } #featuredcategories .products:after { display: none; } #featuredcategories .products .product-miniature .thumbnail-container > a:after { display: none; } #featuredcategories .product-description .title { font-size: 1.8rem; font-weight: normal; text-transform: uppercase; } #featuredcategories img { width: 100%; } @media only screen and (min-width: 1601px) { #featuredcategories .products li:first-child { width: 50%; height: 66.6666vh; margin-bottom: -1px; } } @media only screen and (min-width: 1601px) and (max-height: 600px) { #featuredcategories .products li:first-child { height: 100vh; } } .subcategory_list.products:after { display: none; } .subcategory_list.products .product-miniature .product-description { opacity: 1; visibility: visible; } #custom-text { border-radius: 2px; padding: 5rem 5rem; text-align: center; } #custom-text h3 { text-transform: uppercase; color: #414141; font-size: 2.5rem; font-weight: 700; } #custom-text p { color: #414141; font-weight: 400; font-size: 1.1em; } #custom-text p .dark { color: #acaaa6; font-weight: 400; } .page-content.page-cms .cms-box img { max-width: 100%; } @media (max-width: 991.98px) { #block-cmsinfo { padding: 2rem 3rem; } } .products-selection { clear: both; padding: 15px; } .products-selection:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .products-selection .showing { padding-top: 2px; } .products-selection .products-sort { float: right; white-space: nowrap; padding-top: 2px; } .products-selection .products-sort button { display: none; } .products-selection .products-sort .products-sort-order { display: inline-block; color: inherit; } .products-selection .products-sort .select-title { cursor: pointer; } .products-selection .products-sort .select-title:after { content: ''; border: transparent 5px solid; border-width: 8px 4px 0; border-top-color: #212121; opacity: 0.75; display: inline-block; } .products-selection .products-sort .dropdown-menu { white-space: normal; right: 0; left: auto; top: auto; padding: 0; } .products-selection .products-sort .dropdown-menu a { display: block; padding: 2px 9px; font-size: 1.2rem; transition: background-color 0.15s ease-in-out; } .products-selection .products-sort .dropdown-menu a:first-child { padding-top: 7px; } .products-selection .products-sort .dropdown-menu a:last-child { padding-bottom: 7px; } .products-selection .products-sort .dropdown-menu a:hover, .products-selection .products-sort .dropdown-menu a.current { background-color: rgba(33, 33, 33, 0.1); } .total-products { display: none; } /* pagination */ .pagination { padding: 15px; margin: 0; border-top: rgba(33, 33, 33, 0.2) solid 1px; clear: both; text-align: left; display: block; } ul.page-list { margin: 0; padding: 0; } ul.page-list li { display: inline-block; padding: 0 0 0 3px; border-left: 1px solid rgba(33, 33, 33, 0.2); } ul.page-list li:first-child { border-left-width: 0; margin-left: 0; } ul.page-list li:first-child > span, ul.page-list li:first-child > a { padding-left: 0; } ul.page-list li > span, ul.page-list li > a { padding: 1px 4px; display: inline-block; } ul.page-list li > a.disabled { cursor: default; } ul.page-list li.current { font-weight: bold; } /* active filters facets */ .active_filters { background: #dddddd; color: #222222; padding: 10px; margin-bottom: 20px; } .active_filters .active-filter-title { font-size: 1.2rem; } .active_filters ul { margin-bottom: 0; } .active_filters ul a.js-search-link::before { content: '\F00D'; font-family: FontAwesome; } .active_filters ul a.js-search-link .material-icons { display: none; } .input-color { position: absolute; opacity: 0; cursor: pointer; z-index: 5; height: 100%; width: 100%; } .input-container { position: relative; } .input-radio { position: absolute; top: 0; cursor: pointer; opacity: 0; width: 100%; height: 100%; } .input-radio:checked + .radio-label { border-color: #212121; } .radio-label { background: white; display: inline-block; padding: 0.2rem 1rem; font-weight: 600; border: solid 1px rgba(33, 33, 33, 0.2); transition: border-color 0.15s ease-in-out; } .product-variants-item li:hover .radio-label { border-color: #212121; } .product-actions .control-label { width: 125px; margin-bottom: 0; margin-right: 4px; float: left; padding-top: 4px; } .product-actions input[type=text] { width: 78px; min-width: 150px; padding: 3px 7px; } .product-actions .add { text-align: right; border-top: rgba(33, 33, 33, 0.2) solid 1px; border-bottom: rgba(33, 33, 33, 0.2) solid 1px; padding-bottom: 20px; padding-top: 20px; padding-right: 10px; } .bootstrap-touchspin .form-control { padding-right: 30px; padding-left: 30px; } .bootstrap-touchspin .input-group-btn { width: 0; z-index: 10; margin: 0; } .bootstrap-touchspin .btn { position: absolute; left: 0; top: 0; bottom: 0; width: 23px; text-align: center; line-height: 23px; background: transparent; color: inherit; border: none; border-right: rgba(33, 33, 33, 0.2) solid 1px; z-index: 10; transition: all 0.2s ease-in-out; padding: 0; } .bootstrap-touchspin .btn:hover, .bootstrap-touchspin .btn:focus { background-color: #212121; color: #ffffff; } .bootstrap-touchspin .btn.bootstrap-touchspin-up { left: auto; right: 0; border-right: none; border-left: rgba(33, 33, 33, 0.2) solid 1px; } .product-quantity .bootstrap-touchspin .form-control { padding-right: 30px; padding-left: 30px; } .product-quantity .qty { float: left; margin-bottom: 10px; } .product-quantity .add { float: left; margin-bottom: 0.8rem; } .product-quantity .input-group-btn-vertical { float: left; } .product-quantity .input-group-btn-vertical .btn { padding: 1.1rem 1rem 1rem 1rem; } .product-quantity .input-group-btn-vertical .btn i { font-size: 1.6rem; top: 0.2rem; left: 0.3rem; } .product-quantity .btn-touchspin { height: 2.3rem; } .product-discounts { margin: 4rem 0; } .product-discounts > .product-discounts-title { font-weight: normal; font-size: 1.4rem; } .product-discounts > .table-product-discounts thead tr th { width: 33%; padding: 1rem 2rem; background: white; border: 0.5rem #ebebeb solid; text-align: center; } .product-discounts > .table-product-discounts tbody tr { background: #f6f6f6; } .product-discounts > .table-product-discounts tbody tr:nth-of-type(even) { background: white; } .product-discounts > .table-product-discounts tbody tr td { padding: 1rem 2rem; text-align: center; border: 0.5rem #ebebeb solid; } .product-discounts:empty { margin: 0; padding: 0; } .product-prices { padding-top: 15px; padding-right: 10px; text-align: right; } .product-prices .current-price { font-size: 1.8rem; line-height: 1; font-weight: normal; margin-bottom: 1em; } .product-prices .current-price .tax-shipping-delivery-label { display: inline; margin-left: 10px; font-size: 0.85em; } .product-discount { margin-bottom: 1.5em; } .product-discount .regular-price { text-decoration: line-through; font-weight: normal; margin-right: 1rem; } .has-discount .discount { display: inline-block; } .tabs { clear: both; margin: 2em 0 2.5em; } .tabs .tab-pane { padding-top: 15px; } .tabs .nav-tabs { border: none; border-bottom: rgba(33, 33, 33, 0.2) 1px solid; } .tabs .nav-tabs .nav-link { opacity: 0.8; border: 0 solid transparent; font-weight: normal; color: inherit; } .tabs .nav-tabs .nav-link.active { border: none; border-bottom: #212121 3px solid; opacity: 1; font-weight: bold; background: none; } .tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link:focus { color: inherit; border: none; border-bottom: #212121 3px solid; } .tabs .nav-tabs .nav-item { float: left; margin-bottom: -0.2rem; } .product-cover { display: none; position: relative; margin-bottom: 7px; transition: border-color 0.2s ease-in-out; cursor: pointer; } .product-cover:hover { border-color: #212121; } .product-cover:hover .layer { opacity: 1; } .product-cover img { background: white; width: 100%; height: auto; } .product-cover .layer { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; color: #212121; text-align: center; cursor: pointer; transition: opacity 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .product-cover .layer { transition: none; } } .product-cover .layer:before { content: '\F00E'; font-family: FontAwesome; position: absolute; bottom: 10px; left: 10px; width: 50px; height: 50px; font-size: 30px; font-weight: normal; text-align: center; line-height: 50px; background: rgba(255, 255, 255, 0.5); } .images-container .bx-wrapper .bx-controls-direction a { width: 24px; height: 24px; margin-top: -12px; border-radius: 5px; left: auto; top: 50%; } .images-container .bx-wrapper .bx-controls-direction a:after { font-size: 16px; line-height: 24px; } .images-container .bx-wrapper .bx-controls-direction a.bx-next { right: -8px; } .images-container .bx-wrapper .bx-controls-direction a.bx-prev { left: -8px; } #product-modal .modal-dialog { max-width: 712px; } #product-modal .modal-content { background: transparent; border: none; padding: 0; box-shadow: none; } #product-modal .modal-content .modal-body { padding: 0; } #product-modal .modal-content .modal-body:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } #product-modal .modal-content .modal-body figure { margin-right: 112px; } #product-modal .modal-content .modal-body figure img { width: 100%; } #product-modal .modal-content .modal-body .product-cover-modal { background: white; } #product-modal .modal-content .modal-body .image-caption { background: white; padding: 1rem 2rem; } #product-modal .modal-content .modal-body .image-caption p { margin-bottom: 0; } #product-modal .modal-content .modal-body .thumbnails { position: relative; float: right; width: 102px; } #product-modal .modal-content .modal-body .mask { position: relative; overflow: hidden; max-height: 79rem; max-height: 80vh; z-index: 1; } #product-modal .modal-content .modal-body .mask.nomargin { margin-top: 0; } #product-modal .modal-content .modal-body .product-images li { margin-right: 0; margin-bottom: 10px; width: 102px; float: none; margin: 0; height: auto; border: none; border-radius: 0; margin-bottom: 10px; } #product-modal .modal-content .modal-body .product-images img { cursor: pointer; background: white; position: static; margin: 0 !important; border: solid 1px rgba(33, 33, 33, 0.2); transition: all 200ms ease-in-out 0s; min-height: 0; min-width: 0; } #product-modal .modal-content .modal-body .product-images img.selected, #product-modal .modal-content .modal-body .product-images img:hover { border-color: #212121; } #product-modal .arrows, .quickview .arrows { margin-top: 20px; } #product-modal .arrows i, .quickview .arrows i { width: 25px; height: 25px; position: relative; display: inline-block; margin-right: 5px; border-radius: 5px; background: rgba(255, 255, 255, 0.85); text-indent: -999em; overflow: hidden; color: black; cursor: pointer; } #product-modal .arrows i:before, .quickview .arrows i:before { content: ''; height: 10px; width: 10px; border: solid 1px #999; border-color: transparent #999 #999 transparent; position: absolute; left: 50%; top: 50%; margin: -2px 0 0 -6px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } #product-modal .arrows i:hover:before, .quickview .arrows i:hover:before { border-color: transparent black black transparent; } #product-modal .arrows i + i:before, .quickview .arrows i + i:before { margin-top: -5px; margin-left: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #blockcart-modal .btn { margin-bottom: 10px; } #blockcart-modal .modal-header { background: #ffffff; color: #f45b90; display: block; } #blockcart-modal .modal-body { padding: 5rem 3rem; } #blockcart-modal .modal-body .divide-right span { display: inline-block; margin-bottom: 0.5rem; } #blockcart-modal .modal-dialog { max-width: 765px; width: 100%; } #blockcart-modal .modal-title { color: inherit; margin: 0; text-transform: none; text-align: center; } #blockcart-modal .modal-title:before { content: '\F00C'; font-family: FontAwesome; margin-right: 5px; font-weight: normal; } #blockcart-modal .product-image { max-width: 100%; } #blockcart-modal .h2 { text-transform: none; } #blockcart-modal .cart-products-count { font-size: 1.8rem; } #blockcart-modal .cart-content { padding-left: 4rem; } #blockcart-modal .cart-content button { margin-right: 0.5rem; } #blockcart-modal .divide-right { border-right: rgba(33, 33, 33, 0.2) 1px solid; } .product-images { margin: 0; } .product-images:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .product-images > li.thumb-container { float: left; width: 100px; height: 100px; margin-right: 15px; margin-bottom: 15px; border-radius: 50%; overflow: hidden; border: solid 2px rgba(33, 33, 33, 0.2); cursor: pointer; position: relative; z-index: 1; transition: all 200ms ease-in-out 0s; } .product-images > li.thumb-container:last-child { margin-right: 0; } .product-images > li.thumb-container:hover, .product-images > li.thumb-container.selected { border-color: #212121; } .product-images > li.thumb-container img { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; } @supports (object-fit: cover) { .product-images > li.thumb-container img { width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; top: 0; left: 0; } } #product-availability, .product-minimal-quantity { display: block; margin: 1em 0; font-size: 0.85em; } #product-availability:last-child, .product-minimal-quantity:last-child { margin-bottom: 0; } #product-availability-content:before, .product-minimal-quantity:before { content: '\F00C'; font-family: FontAwesome; color: #4cbb6c; margin-right: 3px; } #product-availability { text-align: right; } #product-availability-content:empty { display: none; } #product-availability-content.last_remaining_items:before { content: '\F071'; color: #ff9a52; } #product-availability-content.product-unavailable:before { content: '\F06A'; color: #ff4c4c; } .product-minimal-quantity:before { content: '\F06A'; color: #ff9a52; } #product-details > div { margin-bottom: 15px; } #product-details .label { font-weight: bold; } .product-features { margin-top: 2rem; } .product-features > dl.data-sheet { display: flex; flex-wrap: wrap; align-items: flex-start; } .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { flex: 1 0 40%; font-weight: normal; background: #ebebeb; padding: 1rem; margin: 0; word-break: break-all; } .product-features > dl.data-sheet dd.value:nth-of-type(even), .product-features > dl.data-sheet dt.name:nth-of-type(even) { background: #f6f6f6; } .product-features > dl.data-sheet dt.name { font-weight: bold; } .product-actions { border-top: rgba(33, 33, 33, 0.2) solid 1px; margin-top: 10px; padding-top: 20px; } .product-actions .product-variants-item { margin: 0 0 10px 10px; } .product-actions .product-variants-item select { min-width: 150px; width: auto; } .product-actions .product-variants-item > ul { overflow: auto; margin: 0; } .product-actions .product-variants-item ul li { margin: 0 5px 5px 0; } .product-actions .product-variants-item .color { width: 23px; height: 23px; background: #ffffff; margin: 0; display: block; position: relative; transition: all 0.2s ease-in-out; border: none; } .product-actions .product-variants-item .color:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: solid 2px #ffffff; z-index: 1; } .product-actions .product-variants-item .color:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: solid 1px rgba(33, 33, 33, 0.2); z-index: 2; transition: border-color 0.15s ease-in-out; } .product-actions .product-variants-item ul.color_pick li { margin: 0 5px 5px 0; } .product-actions .product-variants-item ul.color_pick li:hover .color:before { border-color: #212121; } .product-actions .product-variants-item .input-color:checked + span:before { border-color: #212121; } .product-minimal-quantity:empty { display: none; } .product-customization .product-customization-item { margin: 2rem 0; } .product-customization .product-customization-item::after { content: ''; display: block; clear: both; } .product-customization label { vertical-align: top; display: inline-block; width: 135px; margin-bottom: 0.5rem; } .product-customization .customized { clear: both; display: flex; align-items: center; flex-wrap: wrap; padding-top: 20px; } .product-customization .customized img { margin-right: 15px; } .product-customization .product-message { background: #ebebeb; border: none; width: 100%; height: 5rem; resize: none; } .product-customization .product-message::placeholder { color: #acaaa6; } .product-customization .file-input { width: 100%; opacity: 0; left: 0; z-index: 1; cursor: pointer; height: 4.2rem; overflow: hidden; position: absolute; } .product-customization .custom-file { position: relative; background: #ebebeb; width: 100%; height: 4.2rem; line-height: 4.2rem; text-indent: 1rem; display: block; color: #acaaa6; display: inline-block; max-width: 300px; } .product-customization .custom-file button { z-index: 0; position: absolute; right: 0; top: 0; bottom: 0; } @media (max-width: 767px) { .product-customization .product-message, .product-customization .file-input, .product-customization .custom-file { display: block; max-width: none; } } .product-customization small { color: #acaaa6; } .product-pack { margin: 20px 0; } .product-pack .pack-product-container { display: flex; justify-content: space-between; padding: 10px 0; } .product-pack .pack-product-container .thumb-mask { margin-right: 10px; } .product-pack .pack-product-container .thumb-mask img { max-width: 100%; height: auto; } @media (max-width: 767px) { .product-pack .pack-product-container .thumb-mask { width: 50px; } } .product-pack .pack-product-container .pack-product-name { flex: 0 0 50%; font-size: 1.4rem; } .product-pack .pack-product-container .pack-product-quantity { padding-left: 1rem; } .product-pack .pack-product-container .pack-product-name, .product-pack .pack-product-container .pack-product-price, .product-pack .pack-product-container .pack-product-quantity { display: flex; align-items: center; } .product-refresh { margin-top: 2rem; } .social-sharing { margin: 2em 0; } .social-sharing > span { display: inline-block; vertical-align: middle; } .social-sharing ul { display: inline; } .social-sharing li { display: inline-block; vertical-align: middle; height: 4rem; width: 4rem; border-radius: 50%; display: inline-block; background-color: white; background-repeat: no-repeat; background-size: 3.2rem 3.2rem; background-position: 0.4rem 0.4rem; cursor: pointer; } .social-sharing li a { display: block; width: 100%; height: 100%; white-space: nowrap; text-indent: 100%; overflow: hidden; position: relative; } .social-sharing li a:before { content: '\F09A'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; text-align: center; line-height: 4rem; font-family: FontAwesome; font-size: 2rem; font-weight: normal; } .social-sharing li.twitter a:before { content: '\F099'; } .social-sharing li.googleplus a:before { content: '\F0D5'; } .social-sharing li.pinterest a:before { content: '\F231'; } @media (max-width: 991.98px) { .product-cover img { width: 100%; height: auto; } #product-modal .modal-content .modal-body { margin-left: 0; } #product-modal .modal-content .modal-body img.product-cover-modal { width: 100%; height: auto; } #product-modal .modal-content .modal-body .arrows { display: none; } #product-modal .modal-content .modal-body .image-caption { width: 100%; } } #product div .page-content { position: relative; margin-bottom: 0; } #product div .page-content .product-flags { position: absolute; top: 0; right: 0; z-index: 1001; } #product div .page-content .product-flags li { display: inline-block; background: #f45b90; color: #ffffff; padding: 2px 8px; text-transform: uppercase; font-size: 1.1rem; line-height: normal; vertical-align: top; font-weight: 500; margin-bottom: 3px; } #product div .page-content .product-flags li.new { background-color: #212121; color: #ffffff; } #product h1 .brand { font-weight: bold; } #product h1 .brand:after { content: ' '; } .pb-left-column { margin: 0; } .pb-center-column { position: relative; width: auto; } .pb-center-column:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .pb-left-column + .pb-center-column { padding-top: 4%; } #product-details > div { margin-bottom: 15px; } .attachment-link { text-decoration: underline; } .attachment-link:hover, .attachment-link:focus { text-decoration: none; } .page-product #main > .row { display: block; margin: 0; } .cart-summary-line { clear: both; } .cart-summary-line::after { display: block; clear: both; content: ""; } .cart-summary-line .label { padding-left: 0; font-weight: normal; white-space: inherit; } .cart-summary-line .value { color: #414141; float: right; } .cart-summary-line.cart-summary-subtotals .label, .cart-summary-line.cart-summary-subtotals .value { font-weight: normal; } /** CART BODY **/ @media (min-width: 1771px) { .cart-grid-body { padding-right: 20px; } } .cart-grid-body .cart-container { margin-bottom: 2em; background: #ffffff; color: #212121; } .cart-grid-body ul.cart-items { margin: 0; display: table; width: 100%; } .cart-grid-body ul.cart-items li { border-bottom: rgba(33, 33, 33, 0.1) solid 1px; margin-bottom: 20px; padding-bottom: 20px; align-items: center; } .cart-grid-body ul.cart-items li > div:first-child img { max-width: 100%; } .cart-grid-body .product-name { font-weight: bold; } .cart-grid-body .cart-line-product-actions { text-align: center; } .cart-grid-body .remove-from-cart:before { content: '\F014'; font-family: FontAwesome; font-size: 1.8rem; font-weight: normal; } .cart-grid-body .remove-from-cart i { display: none; } /** CART RIGHT **/ .cart-summary-line { margin-bottom: 10px; } .cart-summary-line:last-child { margin-bottom: 0; } .cart-total { font-weight: bold; font-size: 1.2em; } .cart-total .label { font-weight: bold; } .cart-grid-right hr { margin: 0; } .block-promo .promo-code { padding: 1.60rem; background: #ebebeb; } .block-promo .promo-code .alert-danger { position: relative; margin-top: 2rem; background: #ff4c4c; color: white; display: none; } .block-promo .promo-code .alert-danger::after { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ff4c4c; border-width: 10px; margin-left: -10px; } .block-promo .promo-input { color: #414141; border: #acaaa6 1px solid; height: 4rem; text-indent: 1rem; width: 60%; } .block-promo .promo-input + button { margin-top: -4px; text-transform: capitalize; } .block-promo .cart-summary-line .label, .block-promo .promo-name { font-weight: 600; } .block-promo .cart-summary-line .label a, .block-promo .promo-name a { font-weight: normal; display: inline-block; opacity: 0.7; } .block-promo .promo-code-button { padding-left: 2rem; margin-bottom: 2rem; display: inline-block; } a[data-link-action=remove-voucher]:before { content: '\F014'; font-family: FontAwesome; font-size: 1.125rem; font-weight: normal; } .block-promo .promo-input + button { margin: 0; display: block; width: 100%; } .block-promo .promo-input { width: 100%; text-indent: 0; max-width: none; } .block-promo .promo-code { padding: 6%; } .block-promo .promo-code-button { margin: 0; padding: 4% 6%; display: block; } .cart-voucher p { margin: 0; } /** CONTENT LEFT **/ .product-line-grid-left img { max-width: 100%; } /** CONTENT BODY **/ .product-line-grid-body > .product-line-info > .label { padding: 0; line-height: inherit; text-align: left; white-space: inherit; } .product-line-grid-body > .product-line-info > .out-of-stock { color: red; } .product-line-grid-body > .product-line-info > .available { color: #4cbb6c; } .product-line-grid-body > .product-line-info > .unit-price-cart { padding-left: 0.3125rem; font-size: 0.875rem; color: #878787; } /** CONTENT LEFT **/ .product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group { width: 8rem; } .product-line-grid-right .bootstrap-touchspin > .input-group-btn-vertical { width: auto; } .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price { line-height: 30px; } .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart { display: inline-block; opacity: 0.7; } .label.back { display: inline-block; margin-bottom: 2em; } @media (max-width: 1770px) { .cart-grid.row { display: block; } .cart-grid-body, .cart-grid-right, #order-items, #order-details, #checkout .col-lg-9, #checkout .col-lg-3 { float: none; width: auto; max-width: 100%; flex: 0 0 100%; } } .js-carrier-compare label { display: block; } #block-reassurance { margin: 2em 0; } #block-reassurance img { opacity: .8; width: 2.5rem; margin-right: 0.3rem; } #block-reassurance ul { margin: 0; } #block-reassurance ul li { display: inline-block; margin-right: 20px; } #block-reassurance li .block-reassurance-item { padding: 5px 0; } #product #block-reassurance span { font-weight: normal; font-size: inherit; } @media (min-width: 880px) { .quickview .modal-dialog { max-width: 800px; } } .quickview .modal-header { border: none; padding: 1rem; text-align: center; position: relative; padding: 10px 30px; display: block; } .quickview .modal-header h1 { margin: 0; line-height: normal; } .quickview .modal-header .close { position: absolute; top: 15px; right: 15px; } .quickview .modal-footer { border-top: 1px solid rgba(33, 33, 33, 0.2); } .quickview .layer { display: none; } .quickview .product-cover { border: none; display: block; margin-left: 62px; } .quickview .images-container { z-index: 1; position: relative; } .quickview .images-container .thumb-container { padding: 1px; float: none; width: auto; margin: 0; height: auto; border: none; border-radius: 0; margin-bottom: 10px; } .quickview .images-container .product-images > li.thumb-container > .thumb { background: white; margin: 0 !important; position: static; width: 100%; } .quickview .images-container img { border: rgba(33, 33, 33, 0.2) solid 1px; } .quickview .images-container img:hover { border-color: #212121; } .quickview .mask { width: 51px; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; } .quickview .social-sharing { margin-top: 0; padding-top: 0; text-align: center; } #stores .page-stores { margin: 0 auto; } #stores .page-stores .store-item { padding-left: 1.2rem; padding-right: 1.2rem; } #stores .page-stores .store-picture img { max-width: 100%; } #stores .page-stores .store-item-container { display: flex; justify-content: space-around; align-items: center; padding: 3rem 0; } #stores .page-stores .store-item-container ul { margin-bottom: 0; font-size: 1.5rem; } #stores .page-stores .store-item-container .divide-left { border-left: #ebebeb 1px solid; } #stores .page-stores .store-item-container .divide-left tr { height: 2.5rem; } #stores .page-stores .store-item-container .divide-left td { padding-left: 0.6rem; } #stores .page-stores .store-item-container .divide-left th { text-align: right; } #stores .page-stores .store-item-container .store-description { font-size: 1.4rem; } #stores .page-stores .store-item-footer { margin-top: 0.8rem; padding-top: 0.8rem; display: flex; justify-content: space-around; } #stores .page-stores .store-item-footer.divide-top { border-top: #ebebeb 1px solid; } #stores .page-stores .store-item-footer div:first-child { flex: 0 0 65%; } #stores .page-stores .store-item-footer li { margin-bottom: 1rem; } /*** Responsive part ***/ @media (max-width: 767.98px) { #stores .page-stores { width: 100%; } #stores .page-stores .store-item-container { padding: 1.6rem 0; } } @media (max-width: 575.98px) { #stores .page-stores .store-item-container { display: block; } #stores .page-stores .store-item-container .divide-left { border-left: none; } #stores .page-stores .store-item-container .store-description a { margin-bottom: 0.8rem; } #stores .page-stores .store-item-container .store-description address { margin-bottom: 0.8rem; } #stores .page-stores .store-item-footer { display: block; } #stores .page-stores .store-item-footer.divide-top { border-top: #ebebeb 1px solid; } #stores .page-stores .store-item-footer li { margin-bottom: 1rem; } #stores .page-stores .store-item-footer .card-block { padding: 1.2rem 1.2rem 0; } } .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form input[type=tel], .contact-form select.form-control { max-width: none; } .contact-form textarea { width: 100%; } .contact-form .gdpr_module_1 { padding-left: 7.5px; padding-right: 7.5px; } .contact-rich .icon { display: none; } #pagenotfound #main .page-header { margin: 3.2rem 0 4.8rem; } #pagenotfound #main .page-content { margin-bottom: 16rem; } #pagenotfound .page-not-found { box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1); background: white; padding: 1.6rem; font-size: 1.4rem; color: #878787; max-width: 570px; margin: 0 auto; } #pagenotfound .page-not-found h4 { font-size: 1.4rem; font-weight: 700; margin: 0.8rem 0 1.6rem; } #pagenotfound .page-not-found .search-widget { float: none; } #pagenotfound .page-not-found .search-widget input { width: 100%; } #search_filters > h4:first-child { text-transform: none !important; } #search_filters .collapse { overflow: hidden; } @media (min-width: 768px) { #search_filters .collapse { display: block; } } #search_filters .facet { margin-bottom: 10px; } #search_filters .facet .facet-title { font-size: 1.1rem; padding-bottom: 5px; border-bottom: 1px dotted rgba(33, 33, 33, 0.4); display: block; font-weight: normal; text-transform: none; } #search_filters .facet li { font-size: 1.1rem; padding: 2px 0; } .filter-block { margin-bottom: 5px; } #_desktop_search_filters_clear_all { margin-bottom: 15px; } .js-search-filters-clear-all { text-transform: none; padding: 0; display: block; width: 100%; text-align: left; text-decoration: underline; font-size: inherit; background: none; color: inherit; } #js-active-search-filters.hide { display: none; } #js-active-search-filters li { font-size: 1.1rem; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity: 0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; transition: opacity 0.2s; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } /* pswp__ui--over-close class it added when mouse is over element that should close gallery */ .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../css/e3f799c6dec9af194c86decdf7392405.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(../css/b257fa9c5ac8c515ac4d77a667ce2943.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } /* no arrows on touch screens */ .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } /* Arrow buttons hit area (icon is added to :before pseudo-element) */ .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } /* 2. Share modal/popup and links */ .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); transform: translateY(6px); transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { transform: translateY(0); } /* increase size of share links on touch devices */ .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid rgba(0, 0, 0, 0); border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } /* 3. Index indicator ("1 of X" counter) */ .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; } /* 4. Caption */ .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--empty { display: none; } /* Fake caption element, used to calculate height of next/prev image */ .pswp__caption--fake { visibility: hidden; } /* 5. Loading indicator (preloader) You can play with it here - http: //codepen.io/dimsemenov/pen/yyBWoR */ .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { /* The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https: //blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @keyframes clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes donut-rotate { 0% { transform: rotate(0); } 50% { transform: rotate(-140deg); } 100% { transform: rotate(0); } } /* 6. Additional styles */ /* root element of UI */ .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } /* top black bar with buttons and "1 of X" indicator */ .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } /* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */ .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; } /* pswp__ui--one-slide class is added when there is just one item in gallery */ .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .wishlist-button-product { margin: 20px 0 !important; } .wishlist-add-to-new { width: auto !important; color: inherit !important; } .wishlist-add-to-new i { color: inherit !important; } .wishlist-add-to-new:hover { color: inherit !important; opacity: 0.8; } .wishlist-modal .modal-header h5, .wishlist-list-item p { color: inherit !important; } .wishlist-list-item:hover:hover, .wishlist-list-item:hover:focus { background-color: transparent; text-decoration: underline; } .wishlist-product-bottom .wishlist-button-add { z-index: 2; } .wishlist-product-link { text-decoration: none; } body .wishlist-product a { text-decoration: none; color: inherit; } body .wishlist-product a:hover, body .wishlist-product a:focus { color: inherit; } body .wishlist-footer-links > a { color: inherit; font: inherit; } .wishlist-modal.fade { visibility: hidden; } .wishlist-modal.fade.show { visibility: visible; } #view #wrapper .container.list-default { width: auto; } body .wishlist-products-list { margin: 0; padding: 0; } .wishlist-list-item:hover, .wishlist-list-item-link:hover { text-decoration: none !important; } /*** HEADER ***/ #main-sidebar { position: fixed; width: 12.5%; top: 0; left: -12.5%; bottom: 0; z-index: 100; -webkit-transition: left 0.6s 0.3s; transition: left 0.6s 0.3s; } #main-sidebar.menu--open { left: 0; } .main-sidebar-content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; z-index: 3; padding: 10px; color: #212121; direction: rtl; } .main-sidebar-content a { color: inherit; } .main-sidebar-content a:hover, .main-sidebar-content a:focus { opacity: 0.75; } .menu__handle { border: none; width: 110px; height: 60px; padding: 0; outline: none; position: absolute; top: 0; right: -60px; z-index: 2; background: #ffffff; border-radius: 0 0 15px 0; cursor: pointer; } .menu__handle:before, .menu__handle:after, .menu__handle span { background: #212121; } .menu__handle:before, .menu__handle:after { content: ''; position: absolute; height: 2px; width: auto; left: 65px; right: 15px; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; } .menu__handle:before { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .menu__handle:after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .menu__handle span { position: absolute; width: auto; height: 2px; left: 65px; right: 15px; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .menu--open .menu__handle span { opacity: 0; } .menu--open .menu__handle:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .menu--open .menu__handle:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } #header, #footer, .sidebar.sidebar-left-column, #main-sidebar #notifications { transition: all 0.3s ease-out 0s; position: relative; left: -50%; direction: ltr; } .menu--open #header, .menu--open #footer, .menu--open .sidebar.sidebar-left-column, .menu--open #main-sidebar #notifications { left: 0; transition-delay: 0.3s; } #main-sidebar.keep-menu-state, #main-sidebar.keep-menu-state #header, #main-sidebar.keep-menu-state #footer { transition-delay: 0s; transition-duration: 0s; } .morph-shape { bottom: -2px; left: 0; position: absolute; right: -27%; top: 0; transition: visibility 0s ease 0.9s; visibility: hidden; z-index: 1; } .morph-shape svg path { fill: #ffffff; stroke: transparent; stroke-width: 0; } .menu--open .morph-shape { transition-delay: 0s; visibility: visible; } .header-nav { margin-bottom: 30px; position: relative; z-index: 2; font-size: 1.1rem; } .header-nav .dropdown { background: #212121; color: #ffffff; display: inline-block; margin-right: 2px; } .header-nav .dropdown a { color: inherit; } .header-nav .dropdown .expand-more { display: inline-block; padding: 3px 5px; color: inherit; } .header-nav .dropdown .expand-more:after { font-family: "pictos"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: none; font-variant: normal; text-transform: none; line-height: 1em; content: '\E810'; margin-left: 5px; } .header-nav .dropdown ul { left: 0; min-width: 100%; background: #212121; transition: background 200ms ease-in-out 0s; margin: 0; padding: 0; font-size: inherit; border: none; color: inherit; } .header-nav .dropdown ul li a { display: block; color: inherit; opacity: 0.75; padding: 2px 5px; } .header-nav .dropdown ul li a:hover, .header-nav .dropdown ul li a:focus { opacity: 1; } .header-nav .dropdown ul li.current a { opacity: 1; } .header-top { margin-bottom: 30px; } .header-top > div, .header-top > section { margin-top: 30px; } .header-top > div:first-child, .header-top > section:first-child { margin-top: 0; } .header-top #cart + #user_info, .header-top #user_info + #cart { margin-top: 12px; } #header #search_widget { min-height: 30px; } #header .blockcart .header > span:first-child:before, #header .blockcart .header > a > span:first-child:before { content: '\E808'; font-family: "pictos"; font-size: 1.3em; margin-right: 2px; line-height: 1; font-weight: normal; display: inline-block; width: 20px; } #header .blockcart .header .cart-products-count:after { content: ')'; } #header .blockcart .header .cart-products-count:before { content: '('; } #header .user-info { position: relative; z-index: 2; } #header .user-info > a:first-child > span:before { content: '\F007'; font-family: FontAwesome; font-size: 1.2em; display: inline-block; width: 20px; margin-right: 2px; } #header .user-info .logged { margin-right: 50px; } #header .user-info a.logout { width: 50px; height: 30px; position: absolute; right: -10px; top: -5px; text-indent: -999em; text-align: left; margin: 0; overflow: hidden; } #header .user-info a.logout:before { content: '\E852'; font-family: "pictos"; position: absolute; text-indent: 0; text-align: center; left: 0; top: 0; right: 0; bottom: 0; line-height: 30px; width: auto; font-size: 1.2em; } #menu_logo { margin-bottom: 2em; margin-top: 1.5em; } #menu_logo img { max-width: 100%; height: auto; } /*** LEFT CONTAINER ***/ #left_container { background-size: cover; background-position: center center; background-color: #F0F0F0; bottom: 0; left: 0; margin: 0 !important; overflow: hidden; position: fixed; right: 50%; top: 0; } .layout-right-column #left_container, .layout-both-columns #left_container { right: 62.5%; } #left_container > img { /* Set rules to fill background */ min-height: 100%; min-width: 732px; /* Set up proportionate scaling */ width: 50%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } #left_container video { min-height: 100%; min-width: 100%; } #header_logo { text-align: center; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px; color: #fff; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; z-index: 10; } #header_logo a { display: block; overflow: hidden; text-align: center; max-width: 100%; transition: opacity 150ms ease-in-out 0s; } #header_logo a:hover img, #header_logo a:focus img { opacity: 1; } #header_logo img { height: auto; max-width: 100%; } #header_logo, #filter { position: fixed; top: 33.3333%; left: 12.5%; width: 25%; height: 33.3333%; } #filter { background-color: #f45b90; opacity: 0.5; overflow: hidden; z-index: 2; } @supports (mix-blend-mode: multiply) { #filter { opacity: 1; mix-blend-mode: multiply; } } #category #left_container > #video_container, #product #left_container > #video_container { display: none; } /*** WRAPPER ***/ #wsc_video_container + main #wrapper { top: 100%; } #wrapper { width: 50%; margin: 0 auto; overflow: hidden; position: absolute; top: 0; right: 0; left: 50%; } .layout-right-column #wrapper, .layout-both-columns #wrapper { left: 37.5%; width: 62.5%; } #wrapper .breadcrumb { background: transparent; padding: 0; padding: 4% 6%; margin: 0; font-size: 1.2rem; } .hide-breadcrumb #wrapper .breadcrumb { position: absolute !important; height: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .page-product #wrapper .breadcrumb { padding-bottom: 0; } #wrapper .breadcrumb[data-depth="1"] { display: none; } #wrapper .breadcrumb ol { padding-left: 0; margin-bottom: 0; } #wrapper .breadcrumb li { display: inline; } #wrapper .breadcrumb li::after { content: " > "; padding: 0 5px; } #wrapper .breadcrumb li:last-child::after { content: ""; } /*** MAIN ***/ #main { padding: 4% 6%; } .page-index #main, #main.product-listing { padding: 0; } .page-index #main .page-content, #main.product-listing .page-content { padding: 4% 6%; clear: both; } #content-wrapper.right-column { float: left; width: 80%; } #main .page-header { margin-bottom: 2.5rem; } #main .page-content { margin-bottom: 2.5rem; } #main .page-footer { margin-bottom: 0; } /*** Sidebar ***/ .sidebar { float: left; margin-right: 0; padding: 0; position: relative; width: 20%; z-index: 2; /* product list in sidebar */ } .sidebar.sidebar-left-column { float: none; width: auto; } .sidebar.sidebar-right-column { font-size: 1.1rem; padding: 10px; } .sidebar.sidebar-right-column a { color: inherit; } .sidebar .bx-wrapper { padding-bottom: 32px; } .sidebar .bx-wrapper .bx-controls { position: absolute; left: 0; bottom: 0; } .sidebar .bx-wrapper .bx-controls .bx-controls-direction a { width: 25px; height: 25px; top: 0; left: 0; position: relative; margin: 0; display: inline-block; margin-right: 5px; border-radius: 5px; } .sidebar .bx-wrapper .bx-controls .bx-controls-direction a:after { content: '\E82D'; font-family: "pictos"; font-size: 16px; line-height: 25px; } .sidebar .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:after { content: '\E810'; } .sidebar > div, .sidebar > section { margin-bottom: 15px; } .sidebar .block-categories ul { margin: 0; } .sidebar .block-categories li { position: relative; border-top: 1px solid rgba(34, 34, 34, 0.5); } .sidebar .block-categories li a { display: block; padding: 3px 3px 3px 15px; position: relative; } .sidebar .block-categories li a:before { content: "\F105"; font-family: "FontAwesome"; position: absolute; top: 4px; left: 3px; } .sidebar .block-categories li li { font-size: 0.9em; } .sidebar .block-categories li li a { padding-left: 28px; } .sidebar .block-categories li li a:before { left: 15px; } .sidebar .block-categories li li li a { padding-left: 43px; } .sidebar .block-categories li li li a:before { left: 30px; } .sidebar .block-categories > ul > li:first-child { border-top: none; } .sidebar .swiper-container-initialized.swiper-container-vertical { height: 157px; } .sidebar .products .product-miniature { float: none; width: auto; margin: 0 0 10px; border-bottom: rgba(33, 33, 33, 0.2) solid 1px; min-height: 90px; height: 157px; } .sidebar .products .product-miniature > a:hover .product-description, .sidebar .products .product-miniature > a:focus .product-description { background: none; } .sidebar .products .product-miniature .thumbnail-container { float: left; width: 48%; margin-right: 8px; border-color: transparent; -webkit-animation: none; animation: none; position: static; } .sidebar .products .product-miniature .thumbnail-container > a { display: block; } .sidebar .products .product-miniature .thumbnail-container > a:after { content: none; } .sidebar .products .product-miniature .thumbnail-container img { width: 100%; height: auto; } .sidebar .products .product-miniature .thumbnail-container img { -webkit-filter: none; filter: none; transition: none; position: static; left: 0; top: 0; transform: none; min-height: 0; min-width: 0; width: 100%; max-width: 100%; object-fit: unset; } .sidebar .products .product-miniature .thumbnail-container .product-flags { display: none; } .sidebar .products .product-miniature .functional-buttons { display: none; } .sidebar .products .product-miniature .product-description { overflow: auto; padding: 0; background: none; color: inherit; float: none; font-size: 1.2rem; height: auto; width: auto; -webkit-animation: none; animation: none; position: static; visibility: visible; opacity: 1; } .sidebar .products .product-miniature .product-description:after { content: none; } .sidebar .products .product-miniature .product-description .product-title { font-size: inherit; text-transform: none; line-height: 1; } .sidebar .products .product-miniature .product-description .product-price-and-shipping { font-size: inherit; position: static; } .sidebar .products .product-miniature .product-description .product-price-and-shipping .price { font-size: inherit; font-family: inherit; } .sidebar .products .product-miniature .product-description .product-desc { font-size: 1.1rem; opacity: 0.75; display: block; } .sidebar .products.jq_carousel .product-miniature { margin-bottom: 0; border-bottom: none; } body .faceted-overlay, #layer-waiting-modal { left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: black; background: rgba(0, 0, 0, 0.5); z-index: 100; } body .faceted-overlay .overlay__inner, #layer-waiting-modal .overlay__inner { left: 0; top: 0; width: 100%; height: 100%; position: absolute; } body .faceted-overlay .overlay__content, #layer-waiting-modal .overlay__content { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } body .faceted-overlay .spinner, #layer-waiting-modal .spinner { width: 75px; height: 75px; display: inline-block; border-width: 2px; border-color: rgba(255, 255, 255, 0.05); border-top-color: #fff; animation: spin 1s infinite linear; border-radius: 100%; border-style: solid; } #layer-waiting-modal { opacity: 0; visibility: hidden; transition: opacity 0.15s ease-in-out, visibility 0s linear 0.15s; } .js-waiting-modal #layer-waiting-modal { opacity: 1; visibility: visible; transition-delay: 0s; } .modal-open #layer-waiting-modal { opacity: 0; visibility: hidden; transition: opacity 0.15s ease-in-out, visibility 0s linear 0.15s; } @keyframes spin { 100% { transform: rotate(360deg); } } /*** FOOTER ***/ .footer-container { font-size: 1.1rem; } .footer-container .footer > div, .footer-container .footer > section { margin-bottom: 20px; } .footer-container .footer > div:after, .footer-container .footer > section:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .footer-container .toggle_content { margin-left: 10px; opacity: 0.75; margin-bottom: 0; } .footer-container h3 { font-size: 1.4rem; line-height: normal; margin: 0 0 7px; padding: 0; text-transform: none; font-weight: normal; } .footer-container li { margin-bottom: 0.4em; } .footer-container li:last-child { margin-bottom: 0; } .footer-container .block-social .toggle_content { margin-left: 0; opacity: 1; } .footer-container .block-social li { margin: 0 9px 9px 0; float: left; } .footer-container .block-social li:nth-child(4n) { margin-right: 0; } .footer-container .block-social li a { display: block; overflow: hidden; position: relative; color: #ffffff; background: #212121; transition: all 200ms ease-in-out 0s; padding: 0; text-align: center; width: 38px; height: 38px; line-height: 38px; } .footer-container .block-social li a span { display: none; } .footer-container .block-social li a:before { content: ''; font-family: FontAwesome; display: inline-block; font-size: 18px; font-weight: normal; } .footer-container .block-social li.facebook a:before { content: '\F09A'; } .footer-container .block-social li.twitter a:before { content: '\F099'; } .footer-container .block-social li.googleplus a:before { content: '\F0D5'; } .footer-container .block-social li.google a:before { content: '\F1A0'; } .footer-container .block-social li.instagram a:before { content: '\F16D'; } .footer-container .block-social li.pinterest a:before { content: '\F231'; } .footer-container .block-social li.youtube a:before { content: '\F167'; } .footer-container .block-social li.vimeo a:before { content: '\F27D'; } .footer-container .block-social li.rss a:before { content: '\F09E'; } .footer-container .block-social li.tumblr a:before { content: '\F173'; } .footer-container div.block_newsletter .toggle_content { margin-left: 0; opacity: 1; } .footer-container div.block_newsletter .input-wrapper { position: relative; margin-bottom: 10px; } .footer-container div.block_newsletter .input-wrapper input[type=text], .footer-container div.block_newsletter .input-wrapper input[type=email] { width: 100%; padding-top: 3px; padding-bottom: 3px; background: inherit; color: inherit; border-color: currentColor; height: 3.1rem; line-height: 2.9rem; font-size: 1.4rem; } .footer-container div.block_newsletter .input-wrapper input[type=text]:-webkit-autofill + button[type=submit], .footer-container div.block_newsletter .input-wrapper input[type=email]:-webkit-autofill + button[type=submit] { color: black; } .footer-container div.block_newsletter .input-wrapper input[type=text]::-webkit-input-placeholder, .footer-container div.block_newsletter .input-wrapper input[type=email]::-webkit-input-placeholder { font-style: italic; color: inherit; } .footer-container div.block_newsletter .input-wrapper input[type=text]:-moz-placeholder, .footer-container div.block_newsletter .input-wrapper input[type=email]:-moz-placeholder { font-style: italic; color: inherit; opacity: 0.5; } .footer-container div.block_newsletter .input-wrapper input[type=text]::-moz-placeholder, .footer-container div.block_newsletter .input-wrapper input[type=email]::-moz-placeholder { font-style: italic; color: inherit; opacity: 0.5; } .footer-container div.block_newsletter .input-wrapper input[type=text]:-ms-input-placeholder, .footer-container div.block_newsletter .input-wrapper input[type=email]:-ms-input-placeholder { font-style: italic; color: inherit; opacity: 0.5; } .footer-container div.block_newsletter .input-wrapper input[type=text]::placeholder, .footer-container div.block_newsletter .input-wrapper input[type=email]::placeholder { font-style: italic; color: inherit; opacity: 0.5; } .footer-container div.block_newsletter .input-wrapper button[type=submit] { position: absolute; top: 0; right: 4px; width: 30px; height: 3.1rem; line-height: 2.9rem; padding: 0; margin: 0; background: none; text-indent: -999em; overflow: hidden; font-size: 1px; border: none; color: inherit; box-shadow: none; } .footer-container div.block_newsletter .input-wrapper button[type=submit]:after { content: '\E819'; font-family: "pictos"; text-indent: 0; text-align: center; font-weight: normal; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 16px; } /*** RTL part ***/ .lang-rtl { text-align: right; } .lang-rtl * { direction: rtl; } .lang-rtl ul { padding-right: 0; } .lang-rtl .homeslider-container { direction: ltr; } .lang-rtl .homeslider-container .bx-wrapper .bx-controls-direction a { direction: rtl; } .lang-rtl .bx-viewport * { direction: ltr; } .lang-rtl .bx-viewport, .lang-rtl .bx-viewport > ul { direction: ltr; } .lang-rtl .bx-viewport > ul > li { direction: rtl; } .lang-rtl .products { margin-right: 0; margin-left: -15px; } .lang-rtl .products .product-miniature { float: right; } .lang-rtl .product-list-header { float: right; } .lang-rtl .bx-wrapper .products { margin: 0; } .lang-rtl #header #header_logo { text-align: left; } .lang-rtl #header .user-info .logged { margin-right: 0; margin-left: 50px; } .lang-rtl #header .user-info a.logout { left: -10px; right: auto; text-align: right; } .lang-rtl .menu #top-menu .toggle_submenu { left: -10px; right: auto; } .lang-rtl .menu #top-menu ul { margin-left: 0; margin-right: 10px; } .lang-rtl .menu #top-menu a { margin-right: 0; margin-left: 23px; } .lang-rtl .menu #top-menu a:last-child { margin-left: 0; } .lang-rtl #header .dropdown .expand-more:after, .lang-rtl #header .dropdown .expand-more:after, .lang-rtl #header .blockcart .header > span:first-child:before, .lang-rtl #header .blockcart .header > a > span:first-child:before { margin-left: 0; margin-right: 5px; } .lang-rtl #search_widget input[type=text] { padding-left: 30px; padding-right: 5px; } .lang-rtl #search_widget button[type=submit] { left: 0; right: auto; } .lang-rtl .input-group { direction: ltr !important; text-align: right; } .lang-rtl .product-quantity .qty { float: right; } .lang-rtl .product-actions .control-label { float: right; margin-right: 0; margin-left: 4px; } .lang-rtl .product-variants > .product-variants-item ul li { float: right; } .lang-rtl .product-variants > .product-variants-item ul.color_pick li { margin-right: 0; margin-left: 5px; } .lang-rtl .quickview .mask { margin-left: 0; } .lang-rtl .tabs .nav-tabs .nav-item { float: right; } .lang-rtl #wrapper .breadcrumb ol { padding-right: 0; } @media (min-width: 544px) { .lang-rtl .col-sm-1, .lang-rtl .col-sm-2, .lang-rtl .col-sm-3, .lang-rtl .col-sm-4, .lang-rtl .col-sm-5, .lang-rtl .col-sm-6, .lang-rtl .col-sm-7, .lang-rtl .col-sm-8, .lang-rtl .col-sm-9, .lang-rtl .col-sm-10, .lang-rtl .col-sm-11, .lang-rtl .col-sm-12 { float: right; } } .lang-rtl .col-xs-1, .lang-rtl .col-xs-2, .lang-rtl .col-xs-3, .lang-rtl .col-xs-4, .lang-rtl .col-xs-5, .lang-rtl .col-xs-6, .lang-rtl .col-xs-7, .lang-rtl .col-xs-8, .lang-rtl .col-xs-9, .lang-rtl .col-xs-10, .lang-rtl .col-xs-11, .lang-rtl .col-xs-12 { float: right; } @media (min-width: 544px) { .lang-rtl .col-sm-1, .lang-rtl .col-sm-2, .lang-rtl .col-sm-3, .lang-rtl .col-sm-4, .lang-rtl .col-sm-5, .lang-rtl .col-sm-6, .lang-rtl .col-sm-7, .lang-rtl .col-sm-8, .lang-rtl .col-sm-9, .lang-rtl .col-sm-10, .lang-rtl .col-sm-11, .lang-rtl .col-sm-12 { float: right; } } @media (min-width: 768px) { .lang-rtl .col-md-1, .lang-rtl .col-md-2, .lang-rtl .col-md-3, .lang-rtl .col-md-4, .lang-rtl .col-md-5, .lang-rtl .col-md-6, .lang-rtl .col-md-7, .lang-rtl .col-md-8, .lang-rtl .col-md-9, .lang-rtl .col-md-10, .lang-rtl .col-md-11, .lang-rtl .col-md-12 { float: right; } } @media (min-width: 992px) { .lang-rtl .col-lg-1, .lang-rtl .col-lg-2, .lang-rtl .col-lg-3, .lang-rtl .col-lg-4, .lang-rtl .col-lg-5, .lang-rtl .col-lg-6, .lang-rtl .col-lg-7, .lang-rtl .col-lg-8, .lang-rtl .col-lg-9, .lang-rtl .col-lg-10, .lang-rtl .col-lg-11, .lang-rtl .col-lg-12 { float: right; } } @media (min-width: 1200px) { .lang-rtl .col-xl-1, .lang-rtl .col-xl-2, .lang-rtl .col-xl-3, .lang-rtl .col-xl-4, .lang-rtl .col-xl-5, .lang-rtl .col-xl-6, .lang-rtl .col-xl-7, .lang-rtl .col-xl-8, .lang-rtl .col-xl-9, .lang-rtl .col-xl-10, .lang-rtl .col-xl-11, .lang-rtl .col-xl-12 { float: right; } } .lang-rtl .input-group .form-control { float: right; } .lang-rtl .block-category.has-img { float: right; margin-left: 15px; margin-right: 0; } .lang-rtl .products-selection .products-sort { float: left; } .lang-rtl ul.page-list li:first-child { border-left-width: 1px; } .lang-rtl ul.page-list li:last-child { border-left-width: 0; } .lang-rtl .block-category.has-img h1 { right: 0; left: auto; } .lang-rtl .js-search-filters-clear-all { text-align: right; } .lang-rtl.page-product #content-wrapper .block-product-list .bx-controls-direction a, .lang-rtl .block-product-list.cross-selling .bx-controls-direction a { right: auto; left: 0; } .lang-rtl.page-product #content-wrapper .block-product-list .bx-controls-direction a.bx-next, .lang-rtl .block-product-list.cross-selling .bx-controls-direction a.bx-next { right: auto; left: 25px; } .lang-rtl.page-product #content-wrapper .block-product-list > h2, .lang-rtl .block-product-list.cross-selling > h2 { padding-left: 50px; padding-right: 0; } .lang-rtl .product-images > li.thumb-container { float: right; margin-right: 0; margin-left: 15px; } .lang-rtl .product-images > li.thumb-container:last-child { margin-left: 0; } .lang-rtl#product div .page-content .product-flags { left: 0; right: auto; } .lang-rtl .product-prices, .lang-rtl .product-actions .add { text-align: left; padding-right: 0; padding-left: 10px; } .lang-rtl #blockcart-modal .divide-right { border-left: rgba(33, 33, 33, 0.2) 1px solid; border-right: none; } .lang-rtl #blockcart-modal .cart-content button { margin-right: 0; margin-left: 0.5rem; } .lang-rtl .pull-xs-left { float: right !important; } .lang-rtl .pull-xs-right { float: left !important; } .lang-rtl#checkout section.checkout-step .payment-options .custom-radio { margin-right: 0; margin-left: 2rem; } .lang-rtl .custom-checkbox input[type="checkbox"] + span { margin-right: 0; margin-left: 3px; } .lang-rtl body#checkout .condition-label { margin-left: 0; margin-right: 4rem; } .lang-rtl .custom-checkbox input[type="checkbox"] { right: 0; } .lang-rtl .footer-container div.block_newsletter .input-wrapper button[type=submit] { left: 4px; right: auto; } .lang-rtl .bx-wrapper .bx-pager .bx-pager-item:first-child a { margin-left: 10px; } .lang-rtl .bx-wrapper .bx-pager .bx-pager-item:last-child a { margin: 0; } .lang-rtl #header #mobile_top_menu_wrapper .top-menu .toggle_submenu { text-align: right; right: auto; left: 0; } .lang-rtl #header #mobile_top_menu_wrapper .top-menu a { padding-right: 0; padding-left: 50px; } .lang-rtl.page-my-account #content .links a { float: right; margin-left: 15px; margin-right: 0; } @media (max-width: 767px) { .lang-rtl .footer-container .toggle_title:before { margin-right: -3px; margin-left: 2px; } .lang-rtl .footer-container .toggle_content { margin-left: 0; margin-right: 25px; } .lang-rtl .cart-grid-right, .lang-rtl #content > .row > .col-lg-3, .lang-rtl .cart-grid-body, .lang-rtl #content > .row > .col-lg-9 { float: none; } } /*** Responsive part ***/ /* first break point at 1606px */ @media (max-width: 1600px) { .product-list-header, .products .product-miniature { width: 33.3333%; } #filter, #header_logo { width: 33.3333%; left: auto; right: 50%; } .layout-right-column #filter, .layout-right-column #header_logo, .layout-both-columns #filter, .layout-both-columns #header_logo { right: 0; left: 0; } .layout-right-column #left_container, .layout-both-columns #left_container { width: 33.3333%; } .layout-right-column #wrapper, .layout-both-columns #wrapper { width: 66.6666%; left: 33.3333%; } #main-sidebar { width: 16.6666%; left: -16.6666%; } #content-wrapper.right-column { width: 75%; } .sidebar { width: 25%; } } /* second break point at 1606px */ @media (max-width: 1200px) { .product-list-header, .products .product-miniature { width: 50%; } #filter, #header_logo { width: 50%; } #main-sidebar { width: 25%; left: -25%; } .layout-right-column #filter, .layout-right-column #header_logo, .layout-both-columns #filter, .layout-both-columns #header_logo { width: 25%; } .layout-right-column #left_container, .layout-both-columns #left_container { width: 25%; } .layout-right-column #wrapper, .layout-both-columns #wrapper { width: 75%; left: 25%; } #content-wrapper.right-column { width: 66.6666%; } .sidebar { width: 33.3333%; } } /* horizontal */ @media only screen and (max-height: 620px) { .products .product-miniature { height: 50vh; } .product-list-header { min-height: 50vh; } #filter, #header_logo { top: 0; height: 50%; } } /* third break point */ @media only screen and (max-width: 1000px) { #left_container { position: relative; height: 300px; right: 0; } #wrapper { width: auto; position: relative; left: auto; } #wsc_video_container + main #wrapper { top: auto; } .layout-right-column #filter, .layout-right-column #header_logo, .layout-both-columns #filter, .layout-both-columns #header_logo { width: auto; } .layout-right-column #left_container, .layout-both-columns #left_container { width: auto; } .layout-right-column #wrapper, .layout-both-columns #wrapper { width: auto; left: auto; } .layout-right-column .product-list-header, .layout-right-column .products .product-miniature, .layout-both-columns .product-list-header, .layout-both-columns .products .product-miniature { width: 33%; } #content-wrapper.right-column { width: 75%; } .sidebar { width: 25%; } .product-list-header, .products .product-miniature { width: 25%; height: auto; } .product-list-header { min-height: 0; } .products .product-miniature .thumbnail-container { position: static; } .products .product-miniature .thumbnail-container img { min-height: 0; min-width: 0; width: 100%; height: auto; } @supports (transform: translate3d(-50%, -50%, 0)) { .products .product-miniature .thumbnail-container img { position: static; top: 0; left: 0; transform: none; } } body #header_logo { position: relative; width: auto; z-index: 3; left: auto; right: auto; top: auto; height: 300px; } body #filter { height: auto; width: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; position: absolute; } } /* tablet */ @media (max-width: 1024px) { #main-sidebar.menu-opened-default { left: -25%; } } /*** Mobile ***/ @media (max-width: 767px) { #filter, #header_logo { top: 0; height: 300px; } #main-sidebar, #main-sidebar.menu-opened-default { width: 75%; left: -75%; } .products .product-miniature { width: 50%; height: auto; } .product-list-header { float: none; width: auto; } .layout-right-column .products .product-miniature, .layout-both-columns .products .product-miniature { width: 50%; } .layout-right-column .product-list-header, .layout-both-columns .product-list-header { float: none; width: auto; } .cart-grid-right, #content > .row > .col-lg-3, .cart-grid-body, #content > .row > .col-lg-9 { float: none; width: auto; } h1, .h1 { font-size: 2.6rem; } .sidebar, #wrapper #content-wrapper { float: none; width: auto; } .sidebar { margin-right: 0; } #content-wrapper .block-product-list .bx-wrapper { max-width: none !important; } #content-wrapper .block-product-list .bx-viewport { max-width: 200px; margin: 0 auto; padding-left: 10px; } .homeslider-container { float: none; width: auto; margin-right: 0; } .homeslider-container .bx-controls-direction { display: none; } .homeslider-container .description h1, .homeslider-container .description h2 { margin-bottom: 0; } .images-container .bx-controls-direction { display: none; } .product-images > li.thumb-container { width: 50px; height: 50px; } /* footer responsive */ .footer-container .footer { margin-right: 0; } .footer-container .footer > div { float: none; width: auto; padding: 0; margin-bottom: 0; } .footer-container .block-social:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .footer-container .block-social li:nth-child(4n) { margin-right: 9px; } .footer-container { font-size: 1.2rem; } .footer-container .toggle_title { cursor: pointer; } .footer-container .toggle_title:before { content: '\F0FE'; font-family: FontAwesome; display: inline-block; margin: 0px 2px 0 -3px; padding: 5px; font-size: 16px; cursor: pointer; } .footer-container .opened .toggle_title:before { content: '\F146'; } .footer-container .toggle_content { display: none; margin-left: 25px; margin-bottom: 20px; } .footer-container .toggle_content:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .footer-container li a { display: block; padding: 5px 0; } #search_filters .facet { position: relative; margin-bottom: 0; } #search_filters .facet .facet-title { padding: 10px 0; min-height: 37px; padding-right: 50px; margin: 0; } #search_filters .facet .collapse { padding: 10px 0; } #search_filters .facet .collapsed .collapse-icons { transform: rotate(0deg); } #search_filters .facet .collapse-icons { position: absolute; height: 37px; width: 40px; cursor: pointer; right: 0; top: 0; text-indent: -999em; overflow: hidden; line-height: 37px; text-align: left; transform: rotate(180deg); transition: transform 0.3s ease-in-out; } #search_filters .facet .collapse-icons:before { content: '\F107'; font-size: 20px; font-weight: normal; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; font-family: FontAwesome; } #search_filters .facet .collapse-icons i { display: none; } #wrapper #search_filters .facet { float: none; width: auto; padding-right: 0; padding-left: 0; } #search_filters .facet:last-child .facet-title { border-bottom: none; } .sidebar { margin-right: 0 !important; } .sidebar > div, .sidebar > section { float: none !important; margin-right: 0 !important; width: auto !important; } .sidebar .bx-wrapper { padding-bottom: 38px; } .sidebar .bx-wrapper .bx-controls-direction { opacity: 1; } .sidebar .products .product-miniature .product-description .product-desc { display: block; } .sidebar .block-categories li a { padding-top: 7px; padding-bottom: 7px; } .sidebar .block-categories li a:before { top: 8px; } /* product list */ #content-wrapper .products .product-miniature .functional-buttons { display: none; } #content-wrapper .products .product-miniature .product-desc { font-size: 0.8em; } #content-wrapper .products .product-miniature .regular-price { display: inline-block; } #wrapper .breadcrumb { margin-top: 0; } .products-selection .showing { display: none; } .pb-left-column { width: auto; margin-right: 0; float: none; } .sidebar .products .product-miniature .product-desc { display: block; } #blockcart-modal .divide-right { border-right: none; } #blockcart-modal .cart-content { padding-left: 0; } #blockcart-modal .modal-dialog { width: auto; } .product-line-grid-right, .cart-grid-body .cart-line-product-actions { text-align: right; } .block-category.has-img { float: none; width: auto; margin-right: 0; } .block-category.has-img img { display: block; width: 100%; height: auto; } .cart-grid-body ul.cart-items { display: block; } .cart-grid-body ul.cart-items li { display: block; border-bottom: rgba(33, 33, 33, 0.2) solid 1px; padding: 15px 0; } .cart-grid-body ul.cart-items li:first-child { padding-top: 0; } .cart-grid-body ul.cart-items li:after { content: ""; display: block; overflow: hidden; clear: both; visibility: hidden; } .cart-grid-body ul.cart-items li > div { padding: 0; display: block; border-bottom: none; } .cart-grid-body ul.cart-items li > div.product-line-grid-left { float: left; max-width: 33.3333%; margin-right: 15px; margin-bottom: 10px; } .cart-grid-body ul.cart-items li > div.product-line-grid-left img { max-width: 100%; height: auto; } .cart-grid-body ul.cart-items li > div.product-line-grid-body { font-size: 0.8em; } .cart-grid-body ul.cart-items li > div.product-line-grid-body .product-line-grid-body { font-size: 1.2em; margin-bottom: 5px; } .cart-grid-body ul.cart-items li > div.product-line-grid-right { clear: both; } .cart-grid-body ul.cart-items li > div:first-child img { max-width: 100%; } body#checkout #order-summary-content .order-confirmation-table { padding: 0; } .order-confirmation-table .order-line > div { padding: 5px; font-size: 12px; width: auto; } .cart-grid-body ul.cart-items li > div:first-child { width: auto; } .page-my-account #content .links { margin-right: 0; } .page-my-account #content .links > a { width: 48%; margin-right: 0; margin-bottom: 10px; min-height: calc(50vw - 27px); clear: left; } .page-my-account #content .links > a:nth-child(2n) { float: right; clear: none; } .form-control-comment { display: block; } #main-sidebar.menu-opened-default { left: -75%; } } /*** Print part ***/ @media print { #left_container, #main-sidebar { display: none !important; } #wrapper { position: static; left: 0; width: auto; } #main { padding: 0; } }