html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.ekko-lightbox{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:0}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:0}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.pass-graybar{height:3px;background-color:#ccc;width:100%;position:relative}.pass-colorbar{height:3px;background-image:url(../../images/passwordstrength.jpg);position:absolute;top:0;left:0}.pass-percent,.pass-text{font-size:1em}.pass-percent{margin-right:5px}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0}.tooltip.in{opacity:.9}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}
.color-white {
color: #ffffff;
}
.color-black {
color: #00121e;
}
.color-gray-base {
color: #d9dddd;
}
.color-middle-gray {
color: #777777;
}
.color-light-gray {
color: #eeeeee;
}
.color-primary {
color: #0069b4;
}
.color-second {
color: #5ac8F0;
}
.color-secondary-light {
color: #e5f0f7;
}
.color-action {
color: #00121e;
}
.color-danger {
color: #e64b0a;
}
.color-warning {
color: #ffd700;
}
.color-success {
color: #96c31e;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #00121e;
}
.bg-gray-base {
background-color: #d9dddd;
}
.bg-middle-gray {
background-color: #777777;
}
.bg-light-gray {
background-color: #eeeeee;
}
.bg-primary {
background-color: #0069b4;
}
.bg-second {
background-color: #5ac8F0;
}
.bg-secondary-light {
background-color: #e5f0f7;
}
.bg-action {
background-color: #00121e;
}
.bg-danger {
background-color: #e64b0a;
}
.bg-warning {
background-color: #ffd700;
}
.bg-success {
background-color: #96c31e;
}
.border-white {
border: 1px solid #ffffff;
}
.border-black {
border: 1px solid #00121e;
}
.border-gray-base {
border: 1px solid #d9dddd;
}
.border-middle-gray {
border: 1px solid #777777;
}
.border-light-gray {
border: 1px solid #eeeeee;
}
.border-primary {
border: 1px solid #0069b4;
}
.border-second {
border: 1px solid #5ac8F0;
}
.border-secondary-light {
border: 1px solid #e5f0f7;
}
.border-action {
border: 1px solid #00121e;
}
.border-danger {
border: 1px solid #e64b0a;
}
.border-warning {
border: 1px solid #ffd700;
}
.border-success {
border: 1px solid #96c31e;
}
.margin {
margin: calc(0.625rem/2);
}
.marginTop {
margin-top: calc(0.625rem/2);
}
.marginRight {
margin-right: calc(0.625rem/2);
}
.marginBottom {
margin-bottom: calc(0.625rem/2);
}
.marginLeft {
margin-left: calc(0.625rem/2);
}
@media (min-width: 768px) {
.margin {
margin: 0.625rem;
}
.marginTop {
margin-top: 0.625rem;
}
.marginRight {
margin-right: 0.625rem;
}
.marginBottom {
margin-bottom: 0.625rem;
}
.marginLeft {
margin-left: 0.625rem;
}
}
.margin--xsmall {
margin: calc(0.3125rem/2);
}
.marginTop--xsmall {
margin-top: calc(0.3125rem/2);
}
.marginRight--xsmall {
margin-right: calc(0.3125rem/2);
}
.marginBottom--xsmall {
margin-bottom: calc(0.3125rem/2);
}
.marginLeft--xsmall {
margin-left: calc(0.3125rem/2);
}
.margin--xlarge {
margin: calc(10rem/2);
}
.marginTop--xlarge {
margin-top: calc(10rem/2);
}
.marginRight--xlarge {
margin-right: calc(10rem/2);
}
.marginBottom--xlarge {
margin-bottom: calc(10rem/2);
}
.marginLeft--xlarge {
margin-left: calc(10rem/2);
}
.margin--large {
margin: calc(5rem/2);
}
.marginTop--large {
margin-top: calc(5rem/2);
}
.marginRight--large {
margin-right: calc(5rem/2);
}
.marginBottom--large {
margin-bottom: calc(5rem/2);
}
.marginLeft--large {
margin-left: calc(5rem/2);
}
.margin--small {
margin: calc(2.5rem/2);
}
.marginTop--small {
margin-top: calc(2.5rem/2);
}
.marginRight--small {
margin-right: calc(2.5rem/2);
}
.marginBottom--small {
margin-bottom: calc(2.5rem/2);
}
.marginLeft--small {
margin-left: calc(2.5rem/2);
}
@media (min-width: 768px) {
.margin--xsmall {
margin: calc(0.3125rem/1.5);
}
.marginTop--xsmall {
margin-top: calc(0.3125rem/1.5);
}
.marginRight--xsmall {
margin-right: calc(0.3125rem/1.5);
}
.marginBottom--xsmall {
margin-bottom: calc(0.3125rem/1.5);
}
.marginLeft--xsmall {
margin-left: calc(0.3125rem/1.5);
}
.margin--xlarge {
margin: calc(10rem/1.5);
}
.marginTop--xlarge {
margin-top: calc(10rem/1.5);
}
.marginRight--xlarge {
margin-right: calc(10rem/1.5);
}
.marginBottom--xlarge {
margin-bottom: calc(10rem/1.5);
}
.marginLeft--xlarge {
margin-left: calc(10rem/1.5);
}
.margin--large {
margin: calc(5rem/1.5);
}
.marginTop--large {
margin-top: calc(5rem/1.5);
}
.marginRight--large {
margin-right: calc(5rem/1.5);
}
.marginBottom--large {
margin-bottom: calc(5rem/1.5);
}
.marginLeft--large {
margin-left: calc(5rem/1.5);
}
.margin--small {
margin: calc(2.5rem/1.5);
}
.marginTop--small {
margin-top: calc(2.5rem/1.5);
}
.marginRight--small {
margin-right: calc(2.5rem/1.5);
}
.marginBottom--small {
margin-bottom: calc(2.5rem/1.5);
}
.marginLeft--small {
margin-left: calc(2.5rem/1.5);
}
}
@media (min-width: 1250px) {
.margin--xsmall {
margin: 0.3125rem;
}
.marginTop--xsmall {
margin-top: 0.3125rem;
}
.marginRight--xsmall {
margin-right: 0.3125rem;
}
.marginBottom--xsmall {
margin-bottom: 0.3125rem;
}
.marginLeft--xsmall {
margin-left: 0.3125rem;
}
.margin--xlarge {
margin: 10rem;
}
.marginTop--xlarge {
margin-top: 10rem;
}
.marginRight--xlarge {
margin-right: 10rem;
}
.marginBottom--xlarge {
margin-bottom: 10rem;
}
.marginLeft--xlarge {
margin-left: 10rem;
}
.margin--large {
margin: 5rem;
}
.marginTop--large {
margin-top: 5rem;
}
.marginRight--large {
margin-right: 5rem;
}
.marginBottom--large {
margin-bottom: 5rem;
}
.marginLeft--large {
margin-left: 5rem;
}
.margin--small {
margin: 2.5rem;
}
.marginTop--small {
margin-top: 2.5rem;
}
.marginRight--small {
margin-right: 2.5rem;
}
.marginBottom--small {
margin-bottom: 2.5rem;
}
.marginLeft--small {
margin-left: 2.5rem;
}
}
.padding {
padding: 0.625rem;
}
.paddingTop {
padding-top: 0.625rem;
}
.paddingRight {
padding-right: 0.625rem;
}
.paddingBottom {
padding-bottom: 0.625rem;
}
.paddingLeft {
padding-left: 0.625rem;
}
.padding--xsmall {
padding: calc(0.3125rem/2);
}
.paddingTop--xsmall {
padding-top: calc(0.3125rem/2);
}
.paddingRight--xsmall {
padding-right: calc(0.3125rem/2);
}
.paddingBottom--xsmall {
padding-bottom: calc(0.3125rem/2);
}
.paddingLeft--xsmall {
padding-left: calc(0.3125rem/2);
}
.padding--xlarge {
padding: calc(10rem/2);
}
.paddingTop--xlarge {
padding-top: calc(10rem/2);
}
.paddingRight--xlarge {
padding-right: calc(10rem/2);
}
.paddingBottom--xlarge {
padding-bottom: calc(10rem/2);
}
.paddingLeft--xlarge {
padding-left: calc(10rem/2);
}
.padding--large {
padding: calc(5rem/2);
}
.paddingTop--large {
padding-top: calc(5rem/2);
}
.paddingRight--large {
padding-right: calc(5rem/2);
}
.paddingBottom--large {
padding-bottom: calc(5rem/2);
}
.paddingLeft--large {
padding-left: calc(5rem/2);
}
.padding--small {
padding: calc(2.5rem/2);
}
.paddingTop--small {
padding-top: calc(2.5rem/2);
}
.paddingRight--small {
padding-right: calc(2.5rem/2);
}
.paddingBottom--small {
padding-bottom: calc(2.5rem/2);
}
.paddingLeft--small {
padding-left: calc(2.5rem/2);
}
@media (min-width: 768px) {
.padding--xsmall {
padding: calc(0.3125rem/1.5);
}
.paddingTop--xsmall {
padding-top: calc(0.3125rem/1.5);
}
.paddingRight--xsmall {
padding-right: calc(0.3125rem/1.5);
}
.paddingBottom--xsmall {
padding-bottom: calc(0.3125rem/1.5);
}
.paddingLeft--xsmall {
padding-left: calc(0.3125rem/1.5);
}
.padding--xlarge {
padding: calc(10rem/1.5);
}
.paddingTop--xlarge {
padding-top: calc(10rem/1.5);
}
.paddingRight--xlarge {
padding-right: calc(10rem/1.5);
}
.paddingBottom--xlarge {
padding-bottom: calc(10rem/1.5);
}
.paddingLeft--xlarge {
padding-left: calc(10rem/1.5);
}
.padding--large {
padding: calc(5rem/1.5);
}
.paddingTop--large {
padding-top: calc(5rem/1.5);
}
.paddingRight--large {
padding-right: calc(5rem/1.5);
}
.paddingBottom--large {
padding-bottom: calc(5rem/1.5);
}
.paddingLeft--large {
padding-left: calc(5rem/1.5);
}
.padding--small {
padding: calc(2.5rem/1.5);
}
.paddingTop--small {
padding-top: calc(2.5rem/1.5);
}
.paddingRight--small {
padding-right: calc(2.5rem/1.5);
}
.paddingBottom--small {
padding-bottom: calc(2.5rem/1.5);
}
.paddingLeft--small {
padding-left: calc(2.5rem/1.5);
}
}
@media (min-width: 1250px) {
.padding--xsmall {
padding: 0.3125rem;
}
.paddingTop--xsmall {
padding-top: 0.3125rem;
}
.paddingRight--xsmall {
padding-right: 0.3125rem;
}
.paddingBottom--xsmall {
padding-bottom: 0.3125rem;
}
.paddingLeft--xsmall {
padding-left: 0.3125rem;
}
.padding--xlarge {
padding: 10rem;
}
.paddingTop--xlarge {
padding-top: 10rem;
}
.paddingRight--xlarge {
padding-right: 10rem;
}
.paddingBottom--xlarge {
padding-bottom: 10rem;
}
.paddingLeft--xlarge {
padding-left: 10rem;
}
.padding--large {
padding: 5rem;
}
.paddingTop--large {
padding-top: 5rem;
}
.paddingRight--large {
padding-right: 5rem;
}
.paddingBottom--large {
padding-bottom: 5rem;
}
.paddingLeft--large {
padding-left: 5rem;
}
.padding--small {
padding: 2.5rem;
}
.paddingTop--small {
padding-top: 2.5rem;
}
.paddingRight--small {
padding-right: 2.5rem;
}
.paddingBottom--small {
padding-bottom: 2.5rem;
}
.paddingLeft--small {
padding-left: 2.5rem;
}
}
/* todo: padding-function add size-parameter */
.position--sticky {
position: sticky;
top: 180px;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1250px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1250px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1250px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1250px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1250px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
@font-face {
font-family: "icons";
font-display: swap;
src: url('../fonts/login/icons1743415032.woff2') format('woff2'), url('../fonts/login/icons1743415032.woff') format('woff');
}
.icon-angle-down:before {
content: "\E001";
}
.icon-angle-left:before {
content: "\E002";
}
.icon-angle-right:before {
content: "\E003";
}
.icon-angle-up:before {
content: "\E004";
}
.icon-arrow-down:before {
content: "\E005";
}
.icon-arrow-left:before {
content: "\E006";
}
.icon-arrow-right:before {
content: "\E007";
}
.icon-arrow-up:before {
content: "\E008";
}
.icon-barcode-scan:before {
content: "\E009";
}
.icon-barcode:before {
content: "\E00A";
}
.icon-basket-filled:before {
content: "\E00B";
}
.icon-basket:before {
content: "\E00C";
}
.icon-battery:before {
content: "\E00D";
}
.icon-cart-plus:before {
content: "\E00E";
}
.icon-chat:before {
content: "\E00F";
}
.icon-check-circle:before {
content: "\E010";
}
.icon-check-double:before {
content: "\E011";
}
.icon-check:before {
content: "\E012";
}
.icon-circle-xmark:before {
content: "\E013";
}
.icon-clock:before {
content: "\E014";
}
.icon-close:before {
content: "\E015";
}
.icon-date:before {
content: "\E016";
}
.icon-document-archive:before {
content: "\E017";
}
.icon-download:before {
content: "\E018";
}
.icon-drag-drop:before {
content: "\E019";
}
.icon-drop-shipment:before {
content: "\E01A";
}
.icon-exclamation-circle:before {
content: "\E01B";
}
.icon-exclamation:before {
content: "\E01C";
}
.icon-eye:before {
content: "\E01D";
}
.icon-facebook:before {
content: "\E01E";
}
.icon-file-doc:before {
content: "\E01F";
}
.icon-file-document:before {
content: "\E020";
}
.icon-file-image:before {
content: "\E021";
}
.icon-file-pdf:before {
content: "\E022";
}
.icon-file-powerpoint:before {
content: "\E023";
}
.icon-file-video:before {
content: "\E024";
}
.icon-file-xls:before {
content: "\E025";
}
.icon-gift-box:before {
content: "\E026";
}
.icon-gift:before {
content: "\E027";
}
.icon-group:before {
content: "\E028";
}
.icon-heart-filled:before {
content: "\E029";
}
.icon-heart:before {
content: "\E02A";
}
.icon-home:before {
content: "\E02B";
}
.icon-info:before {
content: "\E02C";
}
.icon-instagram:before {
content: "\E02D";
}
.icon-language:before {
content: "\E02E";
}
.icon-linkedin:before {
content: "\E02F";
}
.icon-list-view-minimal:before {
content: "\E030";
}
.icon-list-view:before {
content: "\E031";
}
.icon-loading:before {
content: "\E032";
}
.icon-lock:before {
content: "\E033";
}
.icon-login:before {
content: "\E034";
}
.icon-logout:before {
content: "\E035";
}
.icon-magnifying-glass-plus:before {
content: "\E036";
}
.icon-mail:before {
content: "\E037";
}
.icon-map-pin:before {
content: "\E038";
}
.icon-minus:before {
content: "\E039";
}
.icon-payment:before {
content: "\E03A";
}
.icon-phone:before {
content: "\E03B";
}
.icon-pinterest:before {
content: "\E03C";
}
.icon-plus:before {
content: "\E03D";
}
.icon-print:before {
content: "\E03E";
}
.icon-question:before {
content: "\E03F";
}
.icon-quickorder:before {
content: "\E040";
}
.icon-reload:before {
content: "\E041";
}
.icon-rotate-left:before {
content: "\E042";
}
.icon-rotate:before {
content: "\E043";
}
.icon-save:before {
content: "\E044";
}
.icon-search:before {
content: "\E045";
}
.icon-settings:before {
content: "\E046";
}
.icon-share:before {
content: "\E047";
}
.icon-shipping:before {
content: "\E048";
}
.icon-shop:before {
content: "\E049";
}
.icon-star-filled:before {
content: "\E04A";
}
.icon-star:before {
content: "\E04B";
}
.icon-tile-view:before {
content: "\E04C";
}
.icon-trash:before {
content: "\E04D";
}
.icon-twitter:before {
content: "\E04E";
}
.icon-up-right-from-square:before {
content: "\E04F";
}
.icon-upload:before {
content: "\E050";
}
.icon-user:before {
content: "\E051";
}
.icon-users:before {
content: "\E052";
}
.icon-whatsapp:before {
content: "\E053";
}
.icon-xing:before {
content: "\E054";
}
.icon-youtube:before {
content: "\E055";
}
/*
*/
.icon {
font-family: "icons", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
display: inline-block;
vertical-align: middle;
line-height: 0.8em;
}
.icon-favorites:before {
content: "\E02A";
}
.icon-favorites-filled:before {
content: "\E04A";
}
.icon-spinner-up:before {
content: "\E03D";
}
.icon-spinner-down:before {
content: "\E039";
}
.icon-edit:before {
content: "\E046";
}
.icon-account-user-account:before {
content: "\E051";
}
.icon-account-customer-account:before {
content: "\E052";
}
.icon-account-shipment-address:before {
content: "\E048";
}
.icon-account-order-history:before {
content: "\E017";
}
.icon-account-tickets:before {
content: "\E020";
}
.icon-account-digital-products:before {
content: "\E018";
}
.icon-account-newsletter:before {
content: "\E037";
}
#contactBox {
position: fixed;
right: 0;
top: 310px;
z-index: 202;
}
#contactBox .contactBox__box {
position: relative;
right: 0;
margin-bottom: 8px;
-webkit-transition: right 0.2s ease-in;
-moz-transition: right 0.2s ease-in;
-ms-transition: right 0.2s ease-in;
-o-transition: right 0.2s ease-in;
}
#contactBox .contactBox__box.hoverintent {
right: 480px;
}
#contactBox .contactBox__icon {
background: #0069b4;
position: relative;
cursor: pointer;
z-index: 201;
width: 48px;
height: 48px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
font-size: 34px;
line-height: 34px;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
#contactBox .contactBox__icon i {
display: flex;
justify-content: center;
align-items: center;
}
#contactBox .contactBox__content {
width: 480px;
position: absolute;
z-index: 200;
background: #ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
border-bottom-left-radius: 4px;
top: 0;
left: 48px;
padding: 20px;
}
#contactBox .contactBox__content h3,
#contactBox .contactBox__content h4 {
color: #0069b4;
}
#contactBox .contactBox__content .textcontent,
#contactBox .contactBox__content p,
#contactBox .contactBox__content a,
#contactBox .contactBox__content .collection_default_headline,
#contactBox .contactBox__content .collection_default_preview {
color: #00121e;
}
#contactBox .contactBox__content a:hover {
text-decoration: underline;
}
#contactBox .contactBox__content .linkWithIcon {
display: flex;
padding-left: 35px;
margin-top: 0.625rem;
}
#contactBox .contactBox__content .linkWithIcon i {
font-size: 1.8rem;
}
#contactBox .contactBox__content .collection_outer_wrapper {
margin-bottom: 2.5rem;
}
#contactBox .contactBox__content .button_row,
#contactBox .contactBox__content .button_row_bottom,
#contactBox .contactBox__content .button_row_top {
margin-bottom: 0;
}
#contactBox .contactBox__content .col-sm-6:first-child {
margin-bottom: 2.5rem;
}
@media (min-width: 481px) {
#contactBox .contactBox__content .col-sm-6:first-child {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
#contactBox {
top: 160px;
}
#contactBox .contactBox__box.hoverintent {
right: calc(100vw - 60px);
}
#contactBox .contactBox__content {
width: calc(100vw - 60px);
}
#contactBox .contactBox__content .button_row,
#contactBox .contactBox__content .button_row_bottom,
#contactBox .contactBox__content .button_row_top {
text-align: left !important;
}
#contactBox .contactBox__content .button_row a,
#contactBox .contactBox__content .button_row_bottom a,
#contactBox .contactBox__content .button_row_top a {
margin-bottom: 0.625rem;
}
}
#sales_person_content {
color: #0069b4;
}
#sales_person_content .row-flex {
display: flex;
margin-left: -0.625rem;
margin-right: -0.625rem;
}
#sales_person_content .row-flex .contactBox__img {
display: flex;
align-items: flex-end;
}
#sales_person_content .marginBottom--large {
margin-bottom: 25px;
}
.icon-link {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
word-break: break-all;
}
.icon-link i {
font-size: 1.8em;
margin-right: 0.625rem;
}
.dcCookieBar {
position: fixed;
left: 0;
bottom: 0;
line-height: 1.3;
width: 100%;
min-width: 320px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 6000;
padding: 15px;
padding-left: 90px;
background-color: #ffffff;
font-size: 14px;
color: #00121e;
box-sizing: border-box;
}
.dcCookieBar a {
color: #0069b4;
text-decoration: underline;
}
.dcCookieBar a:hover {
color: #004b81;
}
.dcCookieBar__button {
line-height: 1.6;
padding: 5px 20px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
text-align: center;
text-decoration: none;
min-width: 40px;
width: auto;
font-size: 16px;
font-weight: bold;
color: #00121e;
border: 1px solid #d9dddd;
background-color: #ffffff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.dcCookieBar__button:hover {
background-color: #f2f2f2;
border-color: #ccd1d1;
color: #00121e;
}
.dcCookieBar__button:active,
.dcCookieBar__button:focus {
background-color: #e6e6e6;
border-color: #bec5c5;
color: #00121e;
}
@media (max-width: 1024px) {
.dcCookieBar__button {
font-size: 14px;
}
}
.dcCookieBar__buttonaction {
border-color: #0069b4;
color: #ffffff;
background-color: #0069b4;
}
.dcCookieBar__buttonaction:hover {
background-color: #005a9b;
border-color: #005a9b;
color: #ffffff;
}
.dcCookieBar__buttonaction:active,
.dcCookieBar__buttonaction:focus {
background-color: #004b81;
border-color: #004b81;
color: #ffffff;
}
.dcCookieBar__buttons {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.dcCookieBar__buttons .dcCookieBar__button {
flex-grow: 1;
margin-left: 15px/2;
margin-right: 15px/2;
box-sizing: border-box;
flex-basis: 0%;
}
@media (max-width: 767px) {
.dcCookieBar__buttons .dcCookieBar__button {
margin-bottom: 15px/2;
}
.dcCookieBar__buttons .dcCookieBar__buttonaction {
order: 1;
width: 100%;
flex-basis: 100%!important;
}
}
.dcCookieBar__main {
text-align: center;
}
.dcCookieBar__text {
padding-left: 15px/2;
padding-right: 15px/2;
padding-bottom: 15px;
text-align: left;
}
.dcCookieBar__links {
text-align: right;
font-size: 12px;
}
.dcCookieBar__links a {
display: inline-block;
vertical-align: middle;
margin-left: 15px/2;
margin-right: 15px/2;
}
.dcCookieBar__center {
text-align: center;
margin-top: 15px;
}
.dcCookieBar__center a {
display: inline-block;
vertical-align: middle;
margin-left: 15px/2;
margin-right: 15px/2;
}
.dcCookieModal {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.3);
color: #00121e;
display: none;
padding-left: 15px;
padding-right: 15px;
z-index: 6001;
font-size: 14px;
}
@media (min-width: 441px) {
.dcCookieModal.dcCookieTopPadding {
padding-top: 150px;
}
}
.dcCookieModal__dialog {
max-height: 80vh;
overflow: auto;
background-color: #ffffff;
padding: 30px;
width: 900px;
max-width: 100%;
margin: 15px auto;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
.dcCookieModal__dialog {
padding: 15px;
}
}
.dcCookieModal a {
color: #0069b4;
text-decoration: underline;
cursor: pointer;
}
.dcCookieModal a:hover {
color: #004b81;
}
.dcCookieModal .dcCookieBar__button {
color: #00121e;
background-color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.dcCookieModal .dcCookieBar__button:hover {
background-color: #f2f2f2;
border-color: #ccd1d1;
color: #00121e;
}
.dcCookieModal .dcCookieBar__button:active,
.dcCookieModal .dcCookieBar__button:focus {
background-color: #e6e6e6;
border-color: #bec5c5;
color: #00121e;
}
.dcCookieModal .dcCookieBar__buttonaction {
border-color: #0069b4;
color: #ffffff;
background-color: #0069b4;
cursor: pointer;
}
.dcCookieModal .dcCookieBar__buttonaction:hover {
background-color: #005a9b;
border-color: #005a9b;
color: #ffffff;
}
.dcCookieModal .dcCookieBar__buttonaction:active,
.dcCookieModal .dcCookieBar__buttonaction:focus {
background-color: #004b81;
border-color: #004b81;
color: #ffffff;
}
.dcCookieModal .dcCookieBar__links {
margin-top: 15px;
text-align: left;
}
.dcCookieModal .dcCookieBar__links a {
margin-left: 0;
margin-right: 15px;
}
.dcCookieModal.open {
display: block;
overflow-x: hidden;
overflow-y: auto;
}
.dcCookieModalBody__headline {
font-size: 20px;
margin-bottom: 15px;
}
.dcCookieModalBody__info {
margin-bottom: 15px;
}
.dcCookieBarSwitch {
width: 50px;
position: relative;
height: 26px;
display: inline-block;
cursor: pointer;
border-radius: 13px;
margin: 0;
background-color: #eeeeee;
}
.dcCookieBarSwitch span {
font-style: normal;
position: absolute;
left: 3px;
width: 20px;
height: 20px;
background-color: #00121e;
top: 50%;
margin-top: -10px;
display: block;
pointer-events: none;
margin-bottom: 0;
border-radius: 50%;
transition: 0.1s ease-in-out;
}
.dcCookieBarSwitch input {
position: absolute;
opacity: 0;
cursor: pointer;
margin: 0;
width: 20px;
height: 20px;
left: 0;
top: 0;
}
.dcCookieBarSwitch input:checked + span {
left: 100%;
margin-left: -23px;
background-color: #0069b4;
}
.dcCookieBarSwitch__label {
color: #00121e;
margin-bottom: 0;
line-height: 26px;
margin-right: 10px;
}
.dcCookieBarBox {
padding: 15px;
border: 2px solid #eeeeee;
margin-top: 15px;
}
.dcCookieBarBox__head {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 15px;
}
.dcCookieBarBox__title {
margin-right: 30px;
font-size: 16px;
}
.dcCookieBarBox__info {
margin-bottom: 15px;
}
.dcCookieBarMoreBox {
margin-top: 15px;
}
.dcCookieBarMoreBox.open {
display: block;
}
.dcCookieBarTable {
margin-top: 15px;
}
.dcCookieBarTable__row {
padding: 8px 0;
border-bottom: 1px solid #eeeeee;
}
.dcCookieBarTable__row:last-child {
border-bottom: 0;
}
.dcCookieBarTable__cell--description {
font-weight: bold;
font-size: 1.2em;
}
.dcCookieBarTable__cell--switch {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (min-width: 768px) {
.dcCookieBarTable__row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dcCookieBarTable__cell {
flex-grow: 1;
text-align: left;
}
.dcCookieBarTable__cell:first-child {
padding-right: 10px;
flex-shrink: 0;
flex-grow: 0;
width: 200px;
}
.dcCookieBarTable__cell:first-child.dcCookieBarTable__cell--description {
width: 50%;
}
.dcCookieBarTable__cell--switch {
justify-content: flex-end;
}
}
@media (max-width: 767px) {
.dcCookieBarTable__cell:first-child {
margin-bottom: 4px;
}
.dcCookieBarTable__cell:first-child:after {
content: ":";
}
}
.dcCookieBarRecurringTable__row {
padding: 8px 0;
border-bottom: 1px solid #eeeeee;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
}
.dcCookieBarRecurringTable__row:last-child {
border-bottom: 0;
}
.dcCookieBarRecurringTable__row--parent .dcCookieBarRecurringTable__label {
position: relative;
padding-left: 20px;
}
.dcCookieBarRecurringTable__row--parent .dcCookieBarRecurringTable__label:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #00121e;
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.dcCookieBarRecurringTable__row--parent .dcCookieBarRecurringTable__label.active:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
border-color: transparent transparent transparent #0069b4;
}
.dcCookieBarRecurringTable__row--child {
padding-left: 20px;
}
.dcCookieBarRecurringTable__label {
font-weight: bold;
}
.dcCookieBarHistoryTable {
font-size: 11px;
}
.dcCookieBarHistoryTable__row {
padding: 8px 0;
border-bottom: 1px solid #eeeeee;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
}
.dcCookieBarHistoryTable__row:last-child {
border-bottom: 0;
}
.dcCookieBarHistoryTable__label {
flex-grow: 1;
margin-right: 8px;
}
.dcCookieBarHistoryTable__badge {
width: 12px;
height: 12px;
background-color: red;
border-radius: 50%;
flex-shrink: 0;
margin-right: 8px;
margin-top: 1px;
}
.dcCookieBarHistoryTable__badge.active {
background-color: green;
}
.dcCookieBarHistoryTable__active {
margin-left: 8px;
flex-shrink: 0;
width: 60px;
text-align: right;
}
.dcCookieBarRecurring {
z-index: 6001;
position: fixed;
right: 10px;
bottom: 120px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0 0 0 / 20%);
box-sizing: border-box;
}
@media (min-width: 768px) {
.dcCookieBarRecurring {
bottom: 80px;
}
}
.dcCookieBarRecurringBox {
position: fixed;
z-index: 6001;
right: 10px;
bottom: 80px;
background-color: #ffffff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
width: 400px;
font-size: 14px;
}
@media (min-width: 768px) {
.dcCookieBarRecurringBox {
bottom: 120px;
}
}
.dcCookieBarRecurringBox__close {
height: 14px;
width: 14px;
cursor: pointer;
}
.dcCookieBarRecurringBox__close svg path {
fill: #000000;
}
.dcCookieBarRecurringBox__close:hover svg path {
fill: #0069b4;
}
.dcCookieBarRecurringBox__head {
padding: 15px;
border-bottom: 1px solid #eeeeee;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
}
.dcCookieBarRecurringBox__title {
margin-right: 15px;
}
.dcCookieBarRecurringBox__footer .dcCookieBar__button {
width: 100%;
padding: 10px;
box-sizing: border-box;
}
@media (max-width: 440px) {
.dcCookieBarRecurringBox {
max-width: 100%;
left: 0;
bottom: 0;
max-height: 100vh;
overflow: hidden;
overflow-y: auto;
}
}
.dcCookieBarRecurringButton {
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: #0069b4;
color: #ffffff;
font-size: 20px;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.dcCookieBarRecurringButton:hover,
.dcCookieBarRecurringButton:focus {
background-color: #005a9b;
}
.dcCookieBarRecurringButton svg path {
fill: #ffffff;
}
.dcCookieBarRecurringButton .closelabel {
display: none;
position: relative;
top: 3px;
}
.dcCookieBarRecurringButton .openlabel {
position: relative;
top: 6px;
}
.dcCookieBarRecurringButton.open .openlabel {
display: none;
}
.dcCookieBarRecurringButton.open .closelabel {
display: block;
}
.dcCookieBarTab {
text-align: center;
padding: 10px;
font-weight: bold;
cursor: pointer;
}
.dcCookieBarTab:not(.active) {
background-color: #eeeeee;
}
.dcCookieBarTab:hover {
background-color: #f2f2f2;
}
.dcCookieBarTabContent {
padding: 15px;
display: none;
height: 240px;
max-height: 50vh;
overflow: hidden;
overflow-y: auto;
}
.dcCookieBarTabContent.active {
display: block;
}
.dcCookieBarTabs__header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dcCookieBarTabs__header .dcCookieBarTab {
flex-grow: 1;
width: 50%;
}
.dcCookieExternal {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: center;
}
.dcCookieExternal__info {
padding: 15px;
border: 1px solid #d9dddd;
background-color: #ffffff;
text-align: center;
}
.dcCookieExternal__button {
line-height: 1.6;
padding: 5px 20px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
text-align: center;
text-decoration: none;
min-width: 40px;
width: auto;
font-size: 16px;
font-weight: bold;
color: #00121e;
border: 1px solid #d9dddd;
background-color: #ffffff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.dcCookieExternal__button:hover {
background-color: #f2f2f2;
border-color: #ccd1d1;
color: #00121e;
}
.dcCookieExternal__button:active,
.dcCookieExternal__button:focus {
background-color: #e6e6e6;
border-color: #bec5c5;
color: #00121e;
}
.hidden {
display: none !important;
}
#overlay {
display: none;
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 199;
}
#scrolltop_button {
position: fixed;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: center;
z-index: 101;
width: 40px;
height: 40px;
font-size: 20px;
background-color: #0069b4;
color: #ffffff;
text-align: center;
cursor: pointer;
right: -45px;
bottom: 41px;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
}
#scrolltop_button:hover {
background-color: #004b81;
}
#scrolltop_button.sticky {
right: 0;
}
.alert {
border-radius: 0.5rem;
position: relative;
padding-left: 50px !important;
text-align: left !important;
}
.alert:before {
content: "\E02C";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
}
.alert--small {
font-size: 0.8rem;
line-height: 1.1;
padding-left: 35px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.alert--small:before {
left: 5px;
font-size: 22px;
}
.alert--text {
background: transparent !important;
}
.alert-danger {
color: #e64b0a;
border-color: #e64b0a;
background-color: #fde3d8;
}
.alert-danger:before {
content: "\E01B";
}
.alert-warning {
color: #00121e;
border-color: #ffd700;
background-color: #ffd700;
}
.alert-warning:before {
content: "\E01B";
}
.alert-success {
color: #96c31e;
border-color: #96c31e;
background-color: #edf8cf;
}
.alert-success:before {
content: "\E010";
}
.alert-info {
color: #707070;
border-color: #707070;
background-color: #e3e3e3;
}
.emptybox {
padding: 1.875rem;
background-color: #eeeeee;
font-size: 1.2rem;
}
.emptybox .icon {
font-size: 2rem;
margin-right: 10px;
margin-top: -2px;
}
.range__price {
margin-bottom: 1.25rem;
width: 100%;
display: flex;
gap: 0.625rem;
justify-content: center;
align-items: center;
}
.range__price input {
max-width: 80px;
}
.range__price input:after {
content: 'U+20AC';
}
.range__slider {
height: 5px;
position: relative;
background-color: #e1e9f6;
border-radius: 2px;
}
.range__selected {
height: 100%;
left: 0%;
right: 0%;
position: absolute;
border-radius: 5px;
background-color: #0069b4;
}
.range__input {
position: relative;
margin-bottom: 1.25rem;
}
.range__input input {
position: absolute;
width: 100%;
height: 5px;
top: -5px;
padding: 0;
border: none;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.range__input input::-webkit-slider-thumb {
height: 20px;
width: 20px;
border-radius: 50%;
border: 3px solid #0069b4;
background-color: #0069b4;
pointer-events: auto;
-webkit-appearance: none;
}
.range__input input::-moz-range-thumb {
height: 15px;
width: 15px;
border-radius: 50%;
border: 3px solid #0069b4;
background-color: #0069b4;
pointer-events: auto;
-moz-appearance: none;
}
.spinner {
animation: rotate 2s linear infinite;
z-index: 2;
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
opacity: 1;
}
.spinner .path {
stroke: #0069b4;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
}
.spinner.btn-spinner {
top: 10px;
left: auto;
right: 5px;
margin: 0;
width: 20px;
height: 20px;
}
.spinner.btn-spinner .path {
stroke: #ffffff;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
/*
Infield Input Groups
Markup:
Filled
Styleguide Form.Infield Input Groups
*/
.infieldInputGroup {
position: relative;
}
.infieldInputGroup > label {
position: absolute;
top: 9px;
left: 12px;
margin-top: 1px;
color: #707070;
line-height: 20px;
transition: 0.2s ease-in-out;
z-index: 1;
}
@media (min-width: 768px) {
.infieldInputGroup > label {
top: 11px;
left: 16px;
line-height: 20px;
}
}
.infieldInputGroup input,
.infieldInputGroup select,
.infieldInputGroup textarea {
transition: padding 0.2s ease-in-out;
}
.infieldInputGroup.is-filled > label {
top: 0;
transform: translate(-5px, -50%);
color: #707070;
font-size: 0.7em;
background: #ffffff;
line-height: 1;
padding-left: 5px;
padding-right: 5px;
}
.categoryAction {
margin-bottom: 2.5rem;
container-type: inline-size;
}
@media (min-width: 768px) {
.categoryAction > .inner {
display: grid;
grid-auto-columns: 1fr;
gap: 0.625rem;
}
}
.categoryAction__top {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
@media (min-width: 768px) {
.categoryAction__top {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.categoryAction__bottom .swiper-wrapper > div.swiper-slide {
height: auto;
}
.categoryAction__bottom .swiper-wrapper > div.swiper-slide > div {
border-radius: 1.25rem;
height: 100%;
}
.categoryAction__row--discount {
display: flex;
width: 100%;
gap: 0.625rem;
}
.categoryAction__row--discount.col-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.categoryAction__row--discount.col-2 {
display: grid;
grid-template-columns: 1fr 1fr;
}
.categoryAction__row--discount.col-1 {
display: grid;
grid-template-columns: 1fr;
}
.categoryAction__row--discount > div {
border-radius: 1.25rem;
}
.categoryAction__row--discount > div > .inner {
container-type: inline-size;
}
.categoryAction__tile > .inner {
padding: 0.625rem;
color: #ffffff;
}
.categoryAction__tile__top {
font-size: 1.75rem;
line-height: 1;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
padding-bottom: 0.625rem;
}
.categoryAction__tile__bottom {
display: flex;
width: 100%;
gap: 0.625rem;
align-items: center;
justify-content: space-between;
}
.categoryAction__tile__bottomLeft {
font-size: 0.8rem;
}
.categoryAction__tile__bottomRight {
display: flex;
align-items: center;
gap: 0.625rem;
margin-right: 2.5rem;
}
.categoryAction__tile--actions {
border-radius: 1.25rem;
}
.categoryAction__tile--actions > .inner {
padding: 0.625rem 0.9375rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.categoryAction__tile--discount > .inner {
height: 100%;
}
.categoryAction__tile--discount > .inner > div {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.categoryAction__tile--description {
font-size: 0.9rem;
line-height: 1.25;
margin-bottom: 0.3125rem;
}
.categoryAction__tile--value {
font-size: 2rem;
line-height: 1;
}
.categoryAction__tile__headline {
color: #ffffff;
font-size: 0.9rem;
line-height: 1;
margin-bottom: 0.9375rem;
}
.categoryAction__tile__text {
font-size: 0.9rem;
line-height: 1.25;
}
.categoryAction__tile__textModule p {
font-size: 0.9rem;
margin-bottom: 0;
line-height: 1.25;
}
.categoryAction__tile__textModule p:first-child {
color: #ffffff;
line-height: 1;
margin-bottom: 0.9375rem;
}
.categoryAction__tile--info > .inner {
padding: 0.9375rem;
}
.categoryAction__number {
background: #ffffff;
color: #D61416;
display: flex;
font-size: 1.25rem;
min-width: 40px;
justify-content: center;
text-align: center;
padding: 4px 0.625rem;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
@container (inline-size <= 768px) {
.categoryAction__tile--actions {
border-radius: 1.25rem;
}
.categoryAction__row--discount {
border-radius: 1.25rem;
overflow: hidden;
}
.categoryAction__bottom {
margin-top: 0.625rem;
}
}
@media (min-width: 768px) {
.categoryAction__bottom.col-3 > div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.625rem;
}
.categoryAction__bottom.col-3 .swiper-wrapper > div > div {
border-radius: 1.25rem;
}
.categoryAction__bottom.col-2 > div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.625rem;
border-radius: 1.25rem;
}
.categoryAction__bottom.col-1 {
display: grid;
grid-template-columns: 1fr;
border-radius: 1.25rem;
}
}
.categoryAction__tile--value {
font-size: 1.1rem;
word-break: break-word;
hyphens: auto;
}
@container (inline-size > 100px) {
.categoryAction__tile--value {
font-size: 2rem;
}
}
@container (inline-size > 125px) {
.categoryAction__tile--value {
font-size: 2.5rem;
}
}
@container (inline-size > 140px) {
.categoryAction__tile--value {
font-size: 2.75rem;
}
}
@container (inline-size > 165px) {
.categoryAction__tile--value {
font-size: 3.25rem;
}
}
@container (inline-size > 320px) {
.categoryAction__tile--discount .inner > div {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0.625rem;
height: 100%;
}
.categoryAction__tile--description {
max-width: 110px;
margin-bottom: 0;
}
}
.qty-check-highlighted {
background: #e64b0a;
color: #ffffff !important;
}
.qty-check-highlighted + .spinner_wrapper i {
color: #ffffff;
}
[lightbox-toggle] i {
position: absolute;
height: 26px;
padding: 10px;
width: 26px;
font-size: 26px;
bottom: 10px;
right: 10px;
cursor: pointer;
transition: all 0.2s ease;
}
[lightbox-toggle] i:hover {
color: #0069b4;
transform: scale(1.2);
}
.c-lightbox {
pointer-events: none;
position: fixed;
opacity: 0;
width: 100vw;
height: 100vh;
z-index: 9000000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity 0.3s;
}
.c-lightbox.open {
opacity: 1;
pointer-events: all;
}
.c-lightbox__container {
width: 100%;
height: 100%;
}
.c-lightbox__close {
z-index: 999999;
position: absolute;
cursor: pointer;
top: 20px;
right: 20px;
color: #00121e;
line-height: 1;
font-size: 3rem;
width: 50px;
height: 50px;
padding: 10px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.c-lightbox__close:hover {
border: 2px solid #00121e;
}
.c-lightbox .swiper-container {
width: 100%;
height: 100%;
}
.c-lightbox .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.c-lightbox .swiper-pagination {
color: #00121e;
}
.c-lightbox__image {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 75%;
width: 75%;
text-align: center;
cursor: zoom-in;
}
.c-lightbox__image img {
width: auto;
height: auto;
max-height: 90vh;
max-width: 90vw;
}
.c-lightbox .swiper-button-next,
.c-lightbox .swiper-button-prev {
position: absolute;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #00121e;
font-size: 3rem;
}
.c-lightbox .swiper-button-next:hover,
.c-lightbox .swiper-button-prev:hover {
color: #0069b4;
}
@media (max-width: 767px) {
.c-lightbox .swiper-button-next,
.c-lightbox .swiper-button-prev {
display: none;
}
}
.c-lightbox .swiper-button-next {
right: 20px;
}
.c-lightbox .swiper-button-prev {
left: 20px;
}
body.overflowHidden {
overflow: hidden;
}
.hoverImgContainer {
width: 460px;
max-width: 45vw;
padding: 20px;
background: #ffffff;
z-index: -1;
box-shadow: 0 0 20px rgba(0 0 0 / 10%);
border-radius: 0.75rem;
opacity: 0;
transition: opacity 0.1s ease;
}
.hoverImgContainer.showLeft {
right: auto;
left: 20px;
}
.hoverImgContainer.is-loaded {
opacity: 1;
z-index: 10;
}
.hoverImgContainer img {
width: 100%;
height: 100%;
object-fit: contain;
aspect-ratio: 1;
}
@media (min-width: 1530px) {
.hoverImgContainer {
width: 600px;
}
}
.skiptranslate {
display: none !important;
}
body {
top: 0 !important;
}
.headerTop .langSwitch__nav {
cursor: pointer;
position: relative;
}
.headerTop .langSwitch__nav.hoverintent > .langSwitch__dropdown {
display: block;
}
.headerTop .langSwitch__dropdown {
display: none;
position: absolute;
background: #ffffff;
right: 0;
top: calc(100% + 13px);
z-index: 9999;
box-shadow: 0 0 20px rgba(0 0 0 / 10%);
}
.headerTop .langSwitch__dropdown:before {
content: '';
display: block;
position: absolute;
top: -10px;
right: 7px;
transform: rotate(45deg);
width: 20px;
height: 20px;
background: #ffffff;
}
.headerTop .langSwitch__dropdown ul {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 5px;
padding: 10px 15px;
}
.headerTop .langSwitch__dropdown ul li {
color: #0069b4;
text-align: right;
}
.headerTop .langSwitch__dropdown ul li:hover,
.headerTop .langSwitch__dropdown ul li.active {
text-decoration: underline;
}
.headerTop .langSwitch__label {
display: flex;
gap: 5px;
align-items: center;
}
#barcodeScannerOpener {
font-size: 2.6rem;
}
#barcodeScanModal .modal-dialog,
#barcodeScanModal .modal-content {
overflow-y: hidden;
}
@media (min-width: 1024px) {
#barcodeScanModal .modal-dialog,
#barcodeScanModal .modal-content {
height: auto;
}
}
.barcode__scanModal .modal-dialog {
width: 920px;
}
.barcode__scanModal .modal-header {
padding-inline: 1rem;
}
.barcode__scanModal .modal-body {
padding: 5px;
padding-top: 0;
}
@media (min-width: 768px) {
.barcode__scanModal .modal-body {
padding: 1rem;
}
}
.barcode__cameraWrapper {
position: relative;
display: flex;
flex-direction: column;
contain: paint;
}
#scanner {
max-width: 100%;
width: 100%;
position: relative;
background: #707070;
}
#scanner video {
height: 300px !important;
}
#activeCamera {
position: absolute;
top: 10px;
right: 10px;
line-height: 1.2;
text-align: right;
width: calc(100% - 20px);
color: #ffffff;
z-index: 1;
}
.input_with_icon.two_icons i.icon-barcode-scan {
right: 45px;
font-size: 30px !important;
cursor: pointer;
opacity: 0;
}
.input_with_icon.two_icons i.icon-barcode-scan:hover {
color: #0069b4;
}
.priceListGraduated {
position: relative;
font-size: 0.8rem;
}
@media (min-width: 768px) {
.priceListGraduated {
text-align: center;
}
}
.priceListGraduated__link {
cursor: pointer;
color: #707070;
margin-top: 2px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
padding: 0;
}
.priceListGraduated__link .icon:before {
line-height: 1;
}
.priceListGraduated__link span {
font-size: 1rem;
}
.priceListGraduated__link i {
font-size: 20px;
}
.priceListGraduated__link:hover {
color: #0069b4;
}
.priceListGraduated__list {
position: absolute;
left: 0;
top: 100%;
width: 100%;
min-width: 200px;
max-width: 100vw;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border: 1px solid #0069b4;
border-radius: 0.5rem;
display: none;
background: #ffffff;
overflow: hidden;
padding: 10px;
z-index: 1;
}
.priceListGraduated .amountLines {
display: flex;
flex-direction: column;
gap: 10px;
}
.priceListGraduated .amountLine {
display: flex;
justify-content: space-between;
gap: 8px;
}
.priceListGraduated .amountLine__label {
text-align: left;
}
.priceListGraduated .amountLine__value {
text-align: right;
}
.priceListGraduated.is-active {
z-index: 1;
}
.priceListGraduated.is-active .priceListGraduated__link {
color: #0069b4;
}
.priceListGraduated.is-active .priceListGraduated__list {
display: block;
}
.priceListGraduated:hover .priceListGraduated__list {
display: block;
}
.itemlistElement.show-priceListGraduated {
z-index: 1;
position: relative;
}
.itemcard_list2 .itemlist2:has(.priceListGraduated.is-active) {
z-index: 1;
}
.itemcard_list1 .itemlist:has(.priceListGraduated.is-active) {
z-index: 1;
}
@media (min-width: 768px) {
.basketInfo {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
}
.promoOverview {
border: 1px solid #D61316;
border-radius: 16px;
}
.promoOverview__wrapper {
container-type: inline-size;
margin-bottom: 2.5rem;
}
.promoOverview__header {
background: #D61316;
color: #ffffff;
padding: 8px 14px;
display: flex;
flex-direction: column;
gap: 6px;
justify-content: space-between;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.promoOverview__header .h3 {
color: #ffffff;
margin-bottom: 0;
}
.promoOverview__dropdown {
min-width: 250px;
}
.promoOverview__dropdown .selectBody {
background: transparent;
}
.promoOverview__dropdown .selectBody select {
color: #ffffff;
background: transparent;
border-color: #ffffff;
}
.promoOverview__dropdown .selectBody select:not(:disabled):active,
.promoOverview__dropdown .selectBody select:not(:disabled):focus {
border-color: #ffffff;
}
.promoOverview__dropdown .selectBody select option {
color: #00121e;
}
.promoOverview__contentWrapper > div:not(:first-child) {
display: none;
}
.promoOverview__contentWrapper > div.is-hidden {
display: none !important;
}
.promoOverview__contentWrapper > div.is-active {
display: block !important;
}
.promoOverviewLine {
display: grid;
grid-template-areas: "title basket" "bar basket";
grid-template-columns: 1fr auto;
padding: 8px 14px 30px 14px;
gap: 16px 26px;
background: #eeeeee;
align-items: center;
position: relative;
}
.promoOverviewLine:nth-child(2n) {
background: #ffffff;
}
.promoOverviewLine:last-child {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.promoOverviewLine__title {
grid-area: title;
color: #0069b4;
font-weight: 600;
}
.promoOverviewLine__progress {
grid-area: bar;
position: relative;
top: -5px;
}
.promoOverviewLine__progressbar {
background: #9D9D9B;
height: 6px;
border-radius: 3px;
}
.promoOverviewLine__progressbarBar {
position: absolute;
top: 0;
left: 0;
height: 6px;
background: #96c31e;
border-radius: 3px;
}
.promoOverviewLine__step {
position: absolute;
z-index: 1;
top: -9px;
left: 0;
display: flex;
flex-direction: column;
gap: 3px;
align-items: center;
translate: -50% 0;
}
.promoOverviewLine__stepValue {
background: #9D9D9B;
border: 1px solid #9D9D9B;
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
border-radius: 13px;
font-size: 13px;
font-weight: 600;
height: 26px;
min-width: 26px;
color: #00121e;
display: flex;
align-items: center;
justify-content: center;
}
.promoOverviewLine__stepValue[data-toggle-tooltip]:hover {
border-color: #ffffff;
}
.promoOverviewLine__stepInfo {
white-space: nowrap;
font-size: 12px;
line-height: 1;
}
.promoOverviewLine__stepDiscountAndGift .promoOverviewLine__stepValue {
padding-inline: 4px;
}
.promoOverviewLine__step .icon {
font-size: 17px;
font-style: normal;
}
.promoOverviewLine__step[data-filled] .promoOverviewLine__stepValue {
background: #96c31e;
border-color: #96c31e;
color: #ffffff;
}
.promoOverviewLine__step[data-filled] .promoOverviewLine__stepValue[data-toggle-tooltip]:hover {
border-color: #ffffff;
}
.promoOverviewLine__basket {
grid-area: basket;
justify-self: end;
align-self: start;
}
.promoOverviewLine__basketButton {
width: 28px;
height: 28px;
background: #0069b4;
color: #ffffff;
border-radius: 8px;
font-size: 18px;
line-height: 1;
font-weight: normal;
display: flex;
align-items: center;
justify-content: center;
}
.promoOverviewLine .promoTooltip {
position: absolute;
top: calc(100% + 24px);
transform: translateX(-50%);
z-index: 3;
}
.promoOverviewLine .promoTooltip__list {
top: calc(100% + 24px);
width: auto;
left: auto;
right: 0;
z-index: 2;
}
.promoOverviewLine .promoTooltip__list {
width: 200px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
margin-top: 5px;
display: none;
background: #ffffff;
padding: 10px;
z-index: 1;
position: relative;
}
.promoOverviewLine .promoTooltip__list:before {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
transform: rotate(45deg) translateX(-50%);
background: #ffffff;
top: -3px;
left: 50%;
}
.promoOverviewLine .promoTooltip .amountLines {
display: flex;
flex-direction: column;
gap: 4px;
}
.promoOverviewLine .promoTooltip .amountLines .amountLine__head {
font-size: 14px;
font-weight: 700;
color: #D61416;
}
.promoOverviewLine .promoTooltip .amountLine {
display: flex;
justify-content: space-between;
gap: 4px;
line-height: 1;
font-size: 12px;
}
.promoOverviewLine .promoTooltip .amountLine__label {
text-align: left;
}
.promoOverviewLine .promoTooltip .amountLine__value {
text-align: right;
display: none;
}
.promoOverviewLine .promoTooltip .amountLine.is-filled {
color: #96c31e;
}
.promoOverviewLine .promoTooltip .amountLine.is-filled .amountLine__value {
display: block;
}
.promoOverviewLine .promoTooltip.is-active .promoTooltip__list {
z-index: 3;
display: flex;
}
.promoOverviewLine [data-toggle-tooltip] {
cursor: pointer;
}
.promoOverviewLine .spinner {
top: 20px;
margin: 0;
right: 20px;
left: auto;
width: 25px;
height: 25px;
}
@container (inline-size > 540px) {
.promoOverview__header {
padding: 14px 24px;
flex-direction: row;
align-items: center;
}
.promoOverviewLine {
grid-template-columns: 1fr auto;
grid-template-areas: "title title" "bar basket";
gap: 14px 50px;
}
.promoOverviewLine__basketButton {
width: 36px;
height: 36px;
font-size: 22px;
}
}
@container (inline-size > 680px) {
.promoOverviewLine {
grid-template-columns: 1fr 380px auto;
grid-template-areas: inherit;
padding: 12px 24px;
gap: 50px;
}
.promoOverviewLine__title,
.promoOverviewLine__basket,
.promoOverviewLine__progress {
grid-area: inherit;
}
.promoOverviewLine__progressbar {
height: 8px;
border-radius: 4px;
}
.promoOverviewLine__progressbarBar {
height: 8px;
border-radius: 4px;
}
}
.actionContainer {
margin-left: auto;
}
.promo {
position: relative;
display: inline-block;
margin-top: 28px;
}
.promo .promo-discount {
width: 26px;
height: 26px;
border-radius: 100%;
color: #ffffff;
background: #D61416;
font-size: 15px;
font-weight: 700;
line-height: 26px;
text-align: center;
cursor: pointer;
}
.promo .promo-discount-content {
display: none;
position: absolute;
padding: 10px;
width: 200px;
box-sizing: border-box;
filter: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.25));
background: #ffffff;
font-size: 12px;
z-index: 2;
left: 50%;
transform: translateX(-50%);
top: 45px;
}
@media screen and (max-width: 481px) {
.promo .promo-discount-content {
left: auto;
right: 0;
transform: translateX(0);
}
}
.promo .promo-discount-content.is-active {
display: block;
}
.promo .promo-discount-content:before {
content: '';
width: 20px;
height: 20px;
background: #ffffff;
transform: rotate(45deg) translateX(-50%);
display: block;
position: absolute;
top: 0;
left: 50%;
}
@media screen and (max-width: 481px) {
.promo .promo-discount-content:before {
left: auto;
right: -5px;
transform: rotate(45deg) translateX(-15px);
}
}
.promo .promo-discount-content .tooltip-headline {
font-weight: 700;
font-size: 14px;
color: #D61416;
}
.promo .promo-discount-content .amount-reached {
color: #96c31e;
}
.modal-dialog {
width: 600px;
margin: 40px auto;
max-width: calc(100% - 60px);
max-width: -moz-calc(100% - 60px);
max-width: -webkit-calc(100% - 60px);
max-width: -o-calc(100% - 60px);
border-radius: 0.5rem;
overflow: hidden;
}
.modal-dialog.modal-xlg {
width: 1500px;
}
.modal-dialog.modal-lg {
width: 900px;
}
@media (max-width: 767px) {
.modal-dialog {
margin: 20px auto;
max-width: calc(100% - 40px);
max-width: -moz-calc(100% - 40px);
max-width: -webkit-calc(100% - 40px);
max-width: -o-calc(100% - 40px);
}
}
.modal-content {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.43);
border: 0;
border-radius: 0.5rem;
}
.modal-header {
border: 0;
min-height: 58px;
background-color: #ffffff;
padding: 1.875rem 2.5rem 1.875rem 1.875rem;
position: relative;
}
.modal-header .close {
margin: 0;
padding: 5px;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
color: #00121e;
font-weight: 400;
float: none;
position: absolute;
right: 0.9375rem;
top: 12px;
line-height: 20px;
text-shadow: none;
border-radius: 50%;
}
.modal-header .close .icon {
line-height: 20px;
}
.modal-header .close:hover {
color: #00121e;
background-color: #eeeeee;
}
@media (max-width: 481px) {
.modal-header {
padding-left: 1.25rem;
padding-right: 1.875rem;
padding-top: 1.25rem;
}
.modal-header .close {
width: auto !important;
right: 10px;
}
}
.modal-title {
font-weight: 600;
}
.modal-body {
padding: 1.875rem;
padding-top: 0;
background-color: #ffffff;
}
@media (max-width: 481px) {
.modal-body {
padding: 1.25rem;
}
}
.modal-body .container {
width: 100%;
}
.modal {
z-index: 10000;
margin-left: auto;
margin-right: auto;
}
.modal.error .modal-header,
.modal.success .modal-header {
color: #ffffff;
padding-left: 55px;
}
.modal.error .modal-header .close,
.modal.success .modal-header .close {
color: #ffffff;
}
.modal.error .modal-header .close:hover,
.modal.success .modal-header .close:hover {
background-color: #ffffff;
}
.modal.error .modal-title,
.modal.success .modal-title {
color: #ffffff;
}
.modal.error .modal-title:before,
.modal.success .modal-title:before {
position: absolute;
left: 1.25rem;
top: 50%;
font-family: "icons", Helvetica, Arial, sans-serif;
background-color: #ffffff;
display: inline-block;
vertical-align: middle;
width: 26px;
line-height: 26px;
height: 26px;
margin-top: -13px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
font-size: 20px;
}
.modal.error .modal-body,
.modal.success .modal-body {
padding-top: 1.25rem;
}
.modal.error .modal-header {
border-color: #e64b0a;
background-color: #e64b0a;
}
.modal.error .modal-header .close:hover {
color: #e64b0a;
}
.modal.error .modal-title:before {
content: "\E015";
color: #e64b0a;
}
.modal.success .modal-header {
border-color: #96c31e;
background-color: #96c31e;
}
.modal.success .modal-header .close:hover {
color: #96c31e;
}
.modal.success .modal-title:before {
content: "\E012";
color: #96c31e;
}
.modal-body-container {
container-type: inline-size;
}
body .datepicker {
border-radius: 0.5rem;
border-color: #ffffff;
padding-inline: 0.625rem;
}
body .datepicker:before {
border-top: 0 !important;
}
body .datepicker td,
body .datepicker th {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
body .datepicker table tr td {
line-height: 1.4;
}
body .datepicker table tr td.day:hover {
border-radius: 0.25rem;
}
body .datepicker table tr td.active {
background: none;
background-color: #0069b4;
border-radius: 0.25rem;
text-shadow: none;
}
body .datepicker table tr td.active.active,
body .datepicker table tr td.active:hover {
background-color: #0069b4;
background: none;
border-radius: 0.25rem;
text-shadow: none;
}
body .datepicker table tr td.active.active:hover,
body .datepicker table tr td.active:hover:hover,
body .datepicker table tr td.active.active.active,
body .datepicker table tr td.active:hover.active {
background: none;
background-color: #0069b4;
text-shadow: none;
}
body .datepicker table tr td span.active {
background: none;
background-color: #0069b4;
text-shadow: none;
}
body .datepicker table tr td span.active.active,
body .datepicker table tr td span.active:hover {
background-color: #0069b4;
background: none;
text-shadow: none;
}
body .datepicker table tr td span.active.active:hover,
body .datepicker table tr td span.active:hover:hover,
body .datepicker table tr td span.active.active.active,
body .datepicker table tr td span.active:hover.active {
background: none;
background-color: #0069b4;
text-shadow: none;
}
body .daterangepicker {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
body .daterangepicker td,
body .daterangepicker th {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
body .daterangepicker td {
border-width: 2px;
background-color: #eeeeee;
}
body .daterangepicker td.in-range {
background-color: #d9dddd;
}
body .daterangepicker td.active {
background-color: #0069b4;
}
body .daterangepicker td.active:hover,
body .daterangepicker td.active:focus {
background-color: #0066af !important;
color: white !important;
}
body .daterangepicker td.start-date,
body .daterangepicker td.end-date {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
body .daterangepicker td.off,
body .daterangepicker td.disabled {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
body .daterangepicker .prev > i,
body .daterangepicker .next > i {
font-size: 18px;
}
body .daterangepicker .daterangepicker_input {
width: 100%;
display: none;
}
body .daterangepicker .daterangepicker_input i {
top: 50%;
line-height: 24px;
margin-top: -12px;
font-size: 24px;
color: #d9dddd;
}
body .daterangepicker .daterangepicker_input input {
padding-left: 35px;
}
body .daterangepicker .input-mini.active {
border-width: 2px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
body .daterangepicker td.start-date.end-date {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
body .daterangepicker .calendar td {
width: 39px;
}
body .daterangepicker .calendar td.available:hover {
background-color: #e1e1e1;
}
body .daterangepicker .table-condensed tbody > tr > td,
body .daterangepicker .table-condensed tfoot > tr > td,
body .daterangepicker .table-condensed thead > tr > td,
body .daterangepicker .table-condensed tbody > tr > th,
body .daterangepicker .table-condensed tfoot > tr > th,
body .daterangepicker .table-condensed thead > tr > th {
padding: 8px;
}
body .daterangepicker .calendar-table {
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@media (max-width: 767px) {
body .daterangepicker {
position: fixed;
left: 0 !important;
top: 0 !important;
width: 100%;
height: 100vh;
padding: 20px;
overflow: hidden;
overflow-y: auto;
margin: 0 !important;
}
body .daterangepicker.dropdown-menu {
z-index: 6002;
}
body .daterangepicker .ranges {
display: block !important;
}
body .daterangepicker .ranges .btn {
margin-top: 10px;
width: 100%;
}
body .daterangepicker .calendar {
width: 100%;
max-width: none;
margin: 0;
}
}
.owl-carousel {
position: relative;
}
.owl-carousel.scrollbar .owl-item {
text-align: center;
}
.owl-carousel .owl-nav > button {
position: absolute;
top: 50%;
color: #777777;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transform: translateY(-50%);
width: 36px;
height: 36px;
min-width: unset;
}
@media (min-width: 1024px) {
.owl-carousel .owl-nav > button {
width: 50px;
height: 50px;
}
}
.owl-carousel .owl-nav > button .icon {
font-size: 24px;
}
@media (min-width: 1024px) {
.owl-carousel .owl-nav > button .icon {
font-size: 30px;
}
}
.owl-carousel .owl-nav > button:hover {
color: #004b81;
}
.owl-carousel .owl-nav > button.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-next {
right: -80px;
}
.owl-carousel .owl-nav .owl-prev {
left: -80px;
}
.owl-carousel .owl-dots {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.owl-carousel .owl-dots .owl-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: #d9dddd;
margin-left: 3px;
margin-right: 3px;
min-width: auto !important;
}
.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot:focus,
.owl-carousel .owl-dots .owl-dot.active {
background: #00121e;
}
.owl-carousel .owl-item:not(.active) {
opacity: 0;
}
.owl-carousel .owl-item img {
width: auto;
}
@media (max-width: 1700px) {
.owl-carousel .owl-nav > button {
background-color: rgba(255, 255, 255, 0.6);
color: #00121e;
}
.owl-carousel .owl-nav > button:hover {
background-color: #ffffff;
}
.owl-carousel .owl-nav .owl-next {
right: 0;
}
.owl-carousel .owl-nav .owl-prev {
left: 0;
}
}
body .mz-expand-thumbnails {
margin-bottom: 20px;
}
body .mz-thumb .image {
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
body .mz-expand-thumbnails {
height: 100px;
}
body .mz-expand-thumbnails .magic-thumbs .magic-thumb {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 70px;
height: 70px;
line-height: 70px;
border: 0;
padding: 0;
position: relative;
opacity: 0.5 !important;
}
body .mz-expand-thumbnails .magic-thumbs .magic-thumb > img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
body .mz-expand-thumbnails .magic-thumbs .magic-thumb:hover,
body .mz-expand-thumbnails .magic-thumbs .magic-thumb.magic-thumb-selected {
opacity: 1 !important;
}
body .mz-expand-thumbnails .magic-thumbs .magic-thumb:hover > img,
body .mz-expand-thumbnails .magic-thumbs .magic-thumb.magic-thumb-selected > img {
filter: none;
}
body .mz-hint-message {
background-color: rgba(238, 238, 238, 0.8);
color: #d9dddd;
display: none!important;
}
body .mz-hint-message:before {
content: "\E045";
font-family: "icons", Helvetica, Arial, sans-serif;
}
body .mz-hint {
display: none !important;
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
height: 60px;
}
.mobile-magic .mz-expand .mz-expand-thumbnails .magic-thumbs .magic-thumb {
width: 60px;
height: 60px;
line-height: 60px;
}
/**
* Swiper 9.2.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: April 21, 2023
*/
/* FONT_START */
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
/* FONT_END */
:root {
--swiper-theme-color: #0069b4;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
.swiper,
swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.mpChipWidget {
z-index: 5000 !important;
bottom: calc(5rem*1.5 + 66px) !important;
}
@media (min-width: 768px) {
.mpChipWidget {
bottom: calc(5rem + 70px) !important;
}
}
.tooltip-inner {
color: #ffffff;
background-color: #0069b4;
}
.tooltip.top .tooltip-arrow {
border-top-color: #0069b4;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #0069b4;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #0069b4;
}
.tooltip.right .tooltip-arrow {
border-right-color: #0069b4;
}
.tooltip.left .tooltip-arrow {
border-left-color: #0069b4;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #0069b4;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #0069b4;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #0069b4;
}
body.is-loading {
overflow: hidden;
}
body.mafo #main-content {
padding-inline: 0;
}
.mafo {
position: relative;
}
.mafo .bg-danger {
color: #ffffff;
}
.mafo__spinner__wrapper {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: opacity 0.2s ease;
}
.mafo__spinner__wrapper.is-loading {
opacity: 1;
z-index: 2001;
}
.mafo__spinner__wrapper .inner {
position: relative;
width: 100%;
height: 100%;
}
.mafo__nav nav {
margin-bottom: 10px;
}
.mafo__nav nav ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
gap: 10px;
}
.mafo__nav nav ul li {
margin: 0;
padding: 0;
}
.mafo__nav nav ul li a {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
min-width: 120px;
padding: 4px 10px 4px 11px;
font-size: 0.8rem;
border-width: 1px;
border-radius: 0.5rem;
border-radius: 24px !important;
background: #eeeeee;
border-color: #eeeeee;
padding: 5px 10px !important;
min-width: auto !important;
}
@media (min-width: 768px) {
.mafo__nav nav ul li a {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.mafo__nav nav ul li a {
width: auto;
}
}
.mafo__nav nav ul li a:hover,
.mafo__nav nav ul li a:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.mafo__nav nav ul li a:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.mafo__nav nav ul li a.button--rounded {
border-radius: 17px;
}
.mafo__nav nav ul li a.active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
}
.mafo__filter {
border-radius: 0.75rem;
}
.mafo__filter .h3 span {
font-weight: 400;
}
.mafo__filter--content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 20px;
align-items: flex-end;
background: #ffffff;
border-radius: 0.75rem;
padding: 1.25rem;
}
@media (min-width: 768px) {
.mafo__filter--content {
flex-direction: row;
gap: 30px;
}
}
.mafo__filter--wrapper {
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
}
.mafo__filter--wrapper > div {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (min-width: 768px) {
.mafo__filter--wrapper > div {
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
}
@media (min-width: 768px) {
.mafo__filter--wrapper {
width: auto;
}
}
.mafo__filter--wrapper .form-group {
margin-bottom: 0;
}
.mafo__filter--group select {
min-width: 90px;
}
.mafo .table_wrapper {
height: auto !important;
}
.mafo__table .table__searchfield {
max-width: 620px;
margin-bottom: 0.625rem;
}
.mafo__table .table_wrapper {
width: 100%;
overflow-x: auto;
position: relative;
margin-bottom: 2.5rem;
}
.mafo__table .table_wrapper::-webkit-scrollbar {
width: 5px;
}
.mafo__table .table_wrapper::-webkit-scrollbar-track {
background: #d9dddd;
}
.mafo__table .table_wrapper::-webkit-scrollbar-thumb {
background: #0069b4;
}
.mafo__table .table_wrapper.owl-carousel .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
.mafo__table .table_wrapper.owl-carousel .owl-item {
transition: opacity 0.25s ease;
}
.mafo__table .table_wrapper.owl-carousel .owl-item img {
width: auto;
display: inline;
}
.mafo__table .table_wrapper__item {
text-align: center;
}
.mafo__table .table_wrapper h3 {
color: #0069b4;
}
.mafo__table .table_wrapper .no-result {
display: none;
margin-top: 1.25rem;
}
.mafo__table .table_wrapper thead .fixed-first-column {
outline: 2px solid #7FB4D9;
outline-offset: -1px;
background-color: #eeeeee;
}
.mafo__table .table_wrapper thead:hover .fixed-top-row:not([data-sorted="true"]),
.mafo__table .table_wrapper thead:hover .fixed-first-column:not([data-sorted="true"]) {
background-color: #f2f2d5 !important;
}
.mafo__table .table_wrapper tbody tr:nth-child(even) .fixed-first-column {
background-color: #eeeeee;
}
.mafo__table .table_wrapper tbody tr:hover .fixed-first-column {
background-color: lightyellow !important;
}
.mafo__table .table_wrapper tfoot .fixed-first-column.is-sticky {
outline: 2px solid #7FB4D9;
outline-offset: -1px;
background-color: #F2CA79;
}
.mafo__table .table_wrapper .fixed-top-row {
position: relative;
z-index: 1;
outline: 2px solid #7FB4D9;
outline-offset: -1px;
background-color: #eeeeee;
}
.mafo__table .table_wrapper .fixed-first-column {
position: relative;
z-index: 2;
background-color: #fff;
}
.mafo__table .table_wrapper .fixed-top-row.fixed-first-column {
z-index: 3;
}
.mafo__table table[data-sortable] {
border-collapse: collapse;
border-spacing: 0;
}
.mafo__table table[data-sortable] th,
.mafo__table table[data-sortable] td {
text-align: left;
padding: 3px 10px;
}
.mafo__table table[data-sortable] th {
vertical-align: bottom;
font-weight: bold;
padding-block: 7px;
position: relative;
}
.mafo__table table[data-sortable] th:not([data-sortable="false"]) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
cursor: pointer;
}
.mafo__table table[data-sortable] th:after {
content: "";
visibility: hidden;
display: inline-block;
vertical-align: inherit;
height: 0;
width: 0;
border-width: 5px;
border-style: solid;
border-color: transparent;
margin-right: 1px;
margin-left: 10px;
position: absolute;
right: 4px;
top: 8px;
}
.mafo__table table[data-sortable] th[data-sorted="true"] {
background: #e5f0f7;
color: #0069b4;
}
.mafo__table table[data-sortable] th[data-sorted="true"]:after {
visibility: visible;
}
.mafo__table table[data-sortable] th[data-sorted-direction="descending"]:after {
border-top-color: inherit;
margin-top: 5px;
}
.mafo__table table[data-sortable] th[data-sorted-direction="ascending"]:after {
border-bottom-color: inherit;
margin-top: 0;
}
.mafo__table .table_wrapper {
margin-top: 0.625rem;
height: auto !important;
}
.mafo__table table[data-sortable] th:after {
padding: 0;
float: none;
position: absolute;
right: 5px;
}
.mafo__table table th {
font-size: 0.9rem;
line-height: 1.1;
position: relative;
padding-right: 20px !important;
border-bottom: 3px solid #0069b4;
}
.mafo__table table tr td {
white-space: nowrap;
}
.mafo__table table tr td.article_name {
white-space: nowrap;
}
.mafo__table table tr:nth-child(even) {
background: #eeeeee;
}
.mafo__table > input {
margin-bottom: 0.625rem;
}
.highlightBoxes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
gap: 1.25rem;
}
.highlightBoxes .highlightBox {
container-type: inline-size;
border-radius: 0.5rem;
background: #0069b4;
padding: 30px;
text-align: center;
height: 100%;
color: #ffffff;
}
.highlightBoxes .highlightBox__number {
font-weight: 600;
font-size: 2rem;
line-height: 1.2;
position: relative;
}
.highlightBoxes .highlightBox__number i {
position: absolute;
left: -15px;
top: 5px;
color: #96c31e;
}
.highlightBoxes .highlightBox__number span {
padding-inline: 10px;
}
.highlightBoxes .highlightBox__number_change {
font-size: 1.6rem;
line-height: 1;
margin-bottom: 1.25rem;
min-height: 26px;
}
.highlightBoxes .highlightBox__description {
text-transform: uppercase;
}
.highlightBoxes .highlightBox--negative .highlightBox__number i {
color: #e64b0a;
}
.highlightBoxes--small .highlightBox {
padding: 15px;
}
.highlightBoxes--small .highlightBox__number_change {
font-size: 1.6rem;
line-height: 1;
margin-bottom: 1.25rem;
min-height: 26px;
}
.highlightBoxes--small .highlightBox__description {
line-height: 1.2;
}
.highlightBoxes--small .highlightBox__description small {
text-transform: none;
display: inline-block;
margin-top: 0.3125rem;
}
@container (inline-size > 280px) {
.highlightBoxes .highlightBox__number {
font-size: 3rem;
}
.highlightBoxes .highlightBox__number i {
top: 7px;
}
}
.mafo__chart .highlightBoxes {
padding: 10px;
}
.mafo .scroll-arrow-container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
height: 48px;
}
.mafo .scroll-arrow-container.is-sticky {
background: #ffffff;
z-index: 3;
}
.mafo .scroll-arrow {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
border: none;
padding: 10px;
cursor: pointer;
z-index: 1;
position: absolute;
}
.mafo .scroll-arrow:hover {
background-color: #0069b4;
}
.mafo .icon-angle-left {
left: 0;
}
.mafo .icon-angle-right {
right: 0;
}
.scroll_dummy {
height: 1px;
background-color: transparent;
}
.simulated_scrollbar {
overflow-x: auto;
position: absolute;
z-index: 3;
}
.simulated_scrollbar::-webkit-scrollbar {
width: 5px;
}
.simulated_scrollbar::-webkit-scrollbar-track {
background: #d9dddd;
}
.simulated_scrollbar::-webkit-scrollbar-thumb {
background: #0069b4;
}
.simulated_scrollbar.owl-carousel .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
.simulated_scrollbar.owl-carousel .owl-item {
transition: opacity 0.25s ease;
}
.simulated_scrollbar.owl-carousel .owl-item img {
width: auto;
display: inline;
}
.simulated_scrollbar__item {
text-align: center;
}
iframe {
max-width: 100%;
}
img {
height: auto !important;
max-width: 100% !important;
}
.image {
background-color: #ffffff;
max-width: 100%;
width: 100%;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
word-break: break-word;
}
.image > video,
.image > img,
.image > svg {
object-fit: contain;
object-position: center center;
max-height: 100% !important;
aspect-ratio: 1;
}
.image.ratio--133 {
aspect-ratio: 279 / 209;
}
.image.ratio--133 img {
aspect-ratio: 279 / 209;
object-position: center;
object-fit: scale-down;
width: 100%;
height: 100%;
}
.imageCover {
background-color: #ffffff;
max-width: 100%;
width: 100%;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.imageCover > video,
.imageCover > img,
.imageCover > svg {
object-fit: cover;
min-width: 100%;
}
video {
height: auto !important;
max-width: 100% !important;
}
.table_area .table_row {
display: grid;
padding-top: 1.25rem;
border-bottom: 1px solid #00121e;
}
.table_area .table_row .table_cell {
display: table-cell;
vertical-align: middle;
padding: 0.3125rem 5px;
}
.table_area .table_row .table_cell .table_cell_label {
width: 100%;
font-size: 0.8rem;
line-height: 1;
display: block;
font-weight: 600;
}
.table_area .table_row .table_cell input,
.table_area .table_row .table_cell .select_body {
width: 100%;
}
@media (max-width: 767px) {
.table_area .table_row .table_cell--hide {
display: flex;
align-items: center;
}
.table_area .table_row .table_cell--hide .table_cell_label {
font-weight: 400;
}
}
.table_area .table_header {
display: none;
}
.table_area .table_cell--status {
max-width: 200px;
}
#orderMatrix.table_area,
.customerItemInfo.table_area,
.table_staffel.table_area {
display: table;
width: 100%;
table-layout: auto;
}
#orderMatrix.table_area .table_header,
.customerItemInfo.table_area .table_header,
.table_staffel.table_area .table_header {
display: block;
}
#orderMatrix.table_area .table_header .table_cell:first-child,
.customerItemInfo.table_area .table_header .table_cell:first-child,
.table_staffel.table_area .table_header .table_cell:first-child {
min-width: 260px;
}
#orderMatrix.table_area .table_row,
.customerItemInfo.table_area .table_row,
.table_staffel.table_area .table_row {
display: table-row;
border-bottom: none;
}
#orderMatrix.table_area .table_row:nth-of-type(2n),
.customerItemInfo.table_area .table_row:nth-of-type(2n),
.table_staffel.table_area .table_row:nth-of-type(2n) {
background-color: #eeeeee;
}
#orderMatrix.table_area .table_row > .table_cell:not(:first-child),
.customerItemInfo.table_area .table_row > .table_cell:not(:first-child),
.table_staffel.table_area .table_row > .table_cell:not(:first-child) {
text-align: center;
}
#orderMatrix.table_area .table_row .table_cell,
.customerItemInfo.table_area .table_row .table_cell,
.table_staffel.table_area .table_row .table_cell {
display: table-cell;
vertical-align: middle;
padding: 0.3125rem 5px;
}
#orderMatrix.table_area .table_row .table_cell .table_cell_label,
.customerItemInfo.table_area .table_row .table_cell .table_cell_label,
.table_staffel.table_area .table_row .table_cell .table_cell_label {
color: #d9dddd;
padding-right: 1.25rem;
display: none;
}
#orderMatrix.table_area .table_row .table_cell .checkbox-group .specialcheckbox,
.customerItemInfo.table_area .table_row .table_cell .checkbox-group .specialcheckbox,
.table_staffel.table_area .table_row .table_cell .checkbox-group .specialcheckbox {
top: -15px;
}
#orderMatrix.table_area .table_row .table_cell input,
.customerItemInfo.table_area .table_row .table_cell input,
.table_staffel.table_area .table_row .table_cell input,
#orderMatrix.table_area .table_row .table_cell .select_body,
.customerItemInfo.table_area .table_row .table_cell .select_body,
.table_staffel.table_area .table_row .table_cell .select_body {
width: 100%;
text-align: center;
}
#orderMatrix.table_area .table_header .table_cell {
vertical-align: top;
}
.customerItemInfo.table_area .table_header .table_cell:first-child {
min-width: auto;
}
table.contentTable {
font-size: 0.8rem;
}
table.contentTable td,
table.contentTable th {
padding: 3px;
}
@media (min-width: 481px) {
.table_area .table_row .table_cell {
display: grid;
grid-template-columns: 0.6fr 1fr;
}
.table_area .table_row .table_cell .table_cell_label {
line-height: inherit;
}
.textcontent .table_wrapper {
max-width: 100%;
overflow-x: scroll;
}
table.contentTable {
width: 100%;
}
table.contentTable td,
table.contentTable th {
vertical-align: middle;
padding: 15px 5px;
border-bottom: 1px solid #00121e;
}
table.contentTable th {
font-weight: 600;
}
}
@media (min-width: 768px) {
.table_area {
display: table;
width: 100%;
table-layout: auto;
}
.table_area .table_row {
display: table-row;
border-bottom: none;
}
.table_area .table_row:nth-of-type(2n) {
background-color: #eeeeee;
}
.table_area .table_row .table_cell {
display: table-cell;
vertical-align: middle;
padding: 0.3125rem 5px;
}
.table_area .table_row .table_cell .table_cell_label {
color: #d9dddd;
padding-right: 1.25rem;
display: none;
}
.table_area .table_row.table_header .table_header {
display: block;
}
.table_area .table_row.table_header .table_cell {
font-weight: 600;
border-bottom: 2px solid #00121e;
}
table.contentTable {
width: 100%;
font-size: 1rem;
}
table.contentTable td,
table.contentTable th {
vertical-align: middle;
padding: 15px 5px;
border-bottom: 1px solid #00121e;
}
table.contentTable th {
font-weight: 600;
}
}
.grecaptcha-badge {
visibility: hidden !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
label,
.labelFormGroup {
margin: 0;
color: #707070;
font-weight: 400;
margin-bottom: 0;
font-size: 0.8rem;
}
[hidden] {
display: none !important;
}
input,
select,
textarea,
.inputHelper,
input.datepicker {
background-color: #ffffff;
padding: 9px 16px 9px 12px;
color: #00121e;
border: 1px solid #777777;
border-radius: 0.5rem;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 20px;
display: block;
width: 100%;
}
@media (min-width: 768px) {
input,
select,
textarea,
.inputHelper,
input.datepicker {
padding: 11px 16px 11px 16px;
}
}
input:not(:disabled):active,
select:not(:disabled):active,
textarea:not(:disabled):active,
.inputHelper:not(:disabled):active,
input.datepicker:not(:disabled):active,
input:not(:disabled):focus,
select:not(:disabled):focus,
textarea:not(:disabled):focus,
.inputHelper:not(:disabled):focus,
input.datepicker:not(:disabled):focus {
outline: 0;
border-color: #0069b4;
}
input.error,
select.error,
textarea.error,
.inputHelper.error,
input.datepicker.error {
border-color: #e64b0a;
}
input:disabled,
select:disabled,
textarea:disabled,
.inputHelper:disabled,
input.datepicker:disabled {
background-color: #eeeeee !important;
border-color: #eeeeee !important;
color: #707070 !important;
cursor: not-allowed;
}
input.rounded,
select.rounded,
textarea.rounded,
.inputHelper.rounded,
input.datepicker.rounded,
input[type="search"],
select[type="search"],
textarea[type="search"],
.inputHelper[type="search"],
input.datepicker[type="search"] {
border-radius: 1.5rem;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=submit] {
width: 100%;
}
@media (min-width: 481px) {
input[type=submit] {
width: auto;
}
}
input[type=number] {
-moz-appearance: textfield;
}
input[type="file"] + .full {
flex-grow: 1;
padding-left: 15px;
padding-right: 15px !important;
display: flex;
align-items: center;
justify-content: space-between;
}
input[type="file"] + .full i {
font-size: 18px;
}
input[type="file"]:hover + .full i {
color: #0069b4;
}
.radio input[type="radio"] {
margin-top: 12px;
}
textarea {
resize: vertical;
}
.select--xs {
padding: 4px 16px 4px 16px;
}
@media (min-width: 768px) {
.select--xs {
padding: 4px 16px 4px 16px;
}
}
.select_body {
background-color: #ffffff;
cursor: pointer;
border-radius: 0.5rem;
display: block;
position: relative;
overflow: hidden;
}
.select_body:after {
content: "\E001";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
right: 0.9375rem;
top: 50%;
font-size: 18px;
color: #00121e;
pointer-events: none;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.select_body select {
color: #00121e;
border-color: #777777;
cursor: pointer;
padding-right: 2.5rem;
-o-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
width: 100%;
}
.select_body select::-ms-expand {
display: none;
}
.select_body.focus select {
border-color: #0069b4;
}
.select_body.disabled select {
cursor: not-allowed;
background-color: #eeeeee;
}
.form-group {
margin-bottom: 0.9375rem;
display: block;
}
.form-group input,
.form-group textarea,
.form-group .select_body {
width: 100%;
}
.form-group.has-danger input {
border-color: #e64b0a;
color: #e64b0a;
}
.form-group label {
margin: 0;
color: #707070;
font-weight: 400;
margin-bottom: 0;
font-size: 0.8rem;
}
@media (max-width: 767px) {
.form-group {
margin-bottom: 0.625rem;
}
}
.form-group--with-button {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-group--with-button > input {
width: auto;
flex-grow: 1;
}
.form-group--with-button .button {
width: 130px;
flex-shrink: 1;
min-width: 0;
margin-left: 0.625rem;
}
@media (max-width: 481px) {
.form-group--with-button .button {
width: 100%;
margin-left: 0;
margin-top: -1px;
}
}
.checkbox-group {
margin-bottom: 0.9375rem;
}
@media (max-width: 767px) {
.checkbox-group {
margin-bottom: 0.625rem;
}
}
.specialradiobox,
.specialcheckbox,
.specialcheckboxSwitch {
position: relative;
line-height: 20px;
display: inline-block;
cursor: pointer;
margin-bottom: 10px;
padding-left: 30px;
color: #00121e;
}
.specialradiobox i,
.specialcheckbox i,
.specialcheckboxSwitch i {
font-style: normal;
position: absolute;
left: 0;
width: 20px;
height: 20px;
background-color: #ffffff;
border: 1px solid #00121e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
top: 0;
display: block;
pointer-events: none;
margin-bottom: 0;
font-family: Arial, Helvetica, sans-serif;
}
.specialradiobox i:after,
.specialcheckbox i:after,
.specialcheckboxSwitch i:after {
content: " ";
pointer-events: none;
position: absolute;
width: 10px;
height: 10px;
left: 4px;
top: 4px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.1s ease-in;
-moz-transition: opacity 0.1s ease-in;
-ms-transition: opacity 0.1s ease-in;
-o-transition: opacity 0.1s ease-in;
background-color: #0069b4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: block;
}
.specialradiobox input,
.specialcheckbox input,
.specialcheckboxSwitch input {
position: absolute;
width: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
cursor: pointer;
margin: 0;
}
.specialradiobox input:checked + i:after,
.specialcheckbox input:checked + i:after,
.specialcheckboxSwitch input:checked + i:after {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.specialradiobox input:disabled,
.specialcheckbox input:disabled,
.specialcheckboxSwitch input:disabled {
cursor: not-allowed;
}
.specialradiobox input:disabled + i,
.specialcheckbox input:disabled + i,
.specialcheckboxSwitch input:disabled + i {
background: #eeeeee;
border-color: #eeeeee;
}
.specialradiobox input:disabled + i:after,
.specialcheckbox input:disabled + i:after,
.specialcheckboxSwitch input:disabled + i:after {
color: #006eb7;
}
.specialradiobox:active:not(.disabled),
.specialcheckbox:active:not(.disabled),
.specialcheckboxSwitch:active:not(.disabled) {
color: #0069b4;
}
.specialradiobox:active:not(.disabled) i:after,
.specialcheckbox:active:not(.disabled) i:after,
.specialcheckboxSwitch:active:not(.disabled) i:after {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.specialradiobox:active:not(.disabled) input:disabled:not(:checked) + i:after,
.specialcheckbox:active:not(.disabled) input:disabled:not(:checked) + i:after,
.specialcheckboxSwitch:active:not(.disabled) input:disabled:not(:checked) + i:after {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.specialradiobox.disabled,
.specialcheckbox.disabled,
.specialcheckboxSwitch.disabled {
cursor: not-allowed !important;
}
.specialcheckbox {
font-size: 0.9rem !important;
}
.specialcheckbox i {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.specialcheckbox i:after {
left: -2px;
content: "\E012";
font-family: "icons", Helvetica, Arial, sans-serif;
color: #0069b4;
top: -1px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
line-height: 20px;
-webkit-transition: opacity 0.1s ease-in;
-moz-transition: opacity 0.1s ease-in;
-ms-transition: opacity 0.1s ease-in;
-o-transition: opacity 0.1s ease-in;
font-size: 22px;
background-color: transparent;
}
.specialcheckbox input {
width: 20px;
height: 20px;
left: 0;
top: 0;
}
.inputInlineBtn {
display: flex;
gap: 0.3125rem;
}
.inputInlineBtn > button {
min-width: auto !important;
border-color: transparent;
}
.inputInlineBtn > button i {
font-size: 1.25rem;
}
.specialcheckboxSwitch {
padding-left: 45px;
margin-bottom: 0;
}
.specialcheckboxSwitch i {
background: #eeeeee;
border-radius: 16px;
width: 36px;
height: 20px;
border: 0;
position: absolute;
margin-top: 3px;
transition: 0.2s ease-in-out;
}
.specialcheckboxSwitch i:after {
content: "";
display: block;
background: #d9dddd;
border-radius: 50%;
width: 16px;
height: 16px;
position: absolute;
top: 2px;
left: 2px;
opacity: 1;
transition: 0.2s ease-in-out;
}
.specialcheckboxSwitch input {
width: 36px;
height: 20px;
left: 0;
top: 0;
}
.specialcheckboxSwitch input:checked + i {
background: #0069b4;
}
.specialcheckboxSwitch input:checked + i:after {
left: 17px;
background: #ffffff;
}
.form-groups-inline {
margin-left: -0.625rem;
margin-right: -0.625rem;
margin-bottom: 0.3125rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-groups-inline > .form-group {
padding-left: 0.625rem;
padding-right: 0.625rem;
margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
.form-groups-inline {
margin-bottom: 0.625rem;
}
}
@media (min-width: 768px) {
.form-group-set {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -0.625rem/2;
margin-right: -0.625rem/2;
}
.form-group-set > label {
padding-left: 0.625rem/2;
padding-right: 0.625rem/2;
}
.form-group-set .form-group,
.form-group-set .form-group-set {
flex-grow: 1;
padding-left: 0.625rem/2;
padding-right: 0.625rem/2;
}
.form-group-set .form-group-set-item__small {
flex-shrink: 1;
flex-grow: 0;
width: 130px;
}
}
.table_area .form-group {
margin-bottom: 0;
}
.table_area .form-groups-inline {
margin-bottom: 0;
}
.inputfile {
width: 0.1px !important;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
padding: 0;
}
.inputfile + div {
background-color: #ffffff;
padding: 9px 16px 9px 12px;
color: #00121e;
border: 1px solid #777777;
border-radius: 0.5rem;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 20px;
display: block;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
cursor: not-allowed;
overflow: hidden;
max-width: none;
padding-right: 40px;
margin-bottom: 0;
position: relative;
font-size: inherit;
}
@media (min-width: 768px) {
.inputfile + div {
padding: 11px 16px 11px 16px;
}
}
.inputfile + div:not(:disabled):active,
.inputfile + div:not(:disabled):focus {
outline: 0;
border-color: #0069b4;
}
.inputfile + div.error {
border-color: #e64b0a;
}
.inputfile + div:disabled {
background-color: #eeeeee !important;
border-color: #eeeeee !important;
color: #707070 !important;
cursor: not-allowed;
}
.inputfile + div.rounded,
.inputfile + div[type="search"] {
border-radius: 1.5rem;
}
.inputfile + div:hover,
.inputfile + div:focus {
color: #0069b4;
}
.inputfile + div:after {
content: "\E050";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
right: 10px;
top: 50%;
font-size: 18px;
pointer-events: none;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 30px;
text-align: center;
}
.inputfile + label {
background-color: #ffffff;
padding: 9px 16px 9px 12px;
color: #00121e;
border: 1px solid #777777;
border-radius: 0.5rem;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 20px;
display: block;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
cursor: not-allowed;
overflow: hidden;
max-width: none;
padding-right: 40px;
margin-bottom: 0;
position: relative;
font-size: inherit;
}
@media (min-width: 768px) {
.inputfile + label {
padding: 11px 16px 11px 16px;
}
}
.inputfile + label:not(:disabled):active,
.inputfile + label:not(:disabled):focus {
outline: 0;
border-color: #0069b4;
}
.inputfile + label.error {
border-color: #e64b0a;
}
.inputfile + label:disabled {
background-color: #eeeeee !important;
border-color: #eeeeee !important;
color: #707070 !important;
cursor: not-allowed;
}
.inputfile + label.rounded,
.inputfile + label[type="search"] {
border-radius: 1.5rem;
}
.inputfile + label:hover,
.inputfile + label:focus {
color: #0069b4;
}
.inputfile + label:after {
content: "\E050";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
right: 10px;
top: 50%;
font-size: 18px;
pointer-events: none;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 30px;
text-align: center;
}
.inputfile:not(:disabled) + div {
cursor: pointer;
}
.inputfile:not(:disabled) + div:active,
.inputfile:not(:disabled) + div:focus {
outline: 0;
}
.inputfile:not(:disabled) + div:hover:before,
.inputfile:not(:disabled) + div:hover:after {
color: #0069b4;
}
.inputfile:not(:disabled) + div:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #000000;
}
.inputfile:not(:disabled) + label {
cursor: pointer;
}
.inputfile:not(:disabled) + label:active,
.inputfile:not(:disabled) + label:focus {
outline: 0;
}
.inputfile:not(:disabled) + label:hover:before,
.inputfile:not(:disabled) + label:hover:after {
color: #0069b4;
}
.inputfile:not(:disabled) + label:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #000000;
}
.inputButtonForm {
display: flex;
align-items: center;
width: 100%;
}
.inputButtonForm .form-group {
margin-bottom: 0;
}
.inputButtonForm__input {
width: 100%;
}
.inputButtonForm__input label {
display: block;
width: 100%;
}
.inputButtonForm__button {
width: 140px;
flex-grow: 1;
flex-shrink: 0;
padding-left: 0.625rem;
}
@media (max-width: 481px) {
.inputButtonForm__button .button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.inputButtonForm__button .button {
width: 100%;
min-width: 0;
}
.inputButtonForm__button .button:not(.button_disabled) {
width: 100%;
background: #0069b4;
color: #ffffff;
border-color: #0069b4;
min-width: 0;
}
.inputButtonForm__button .button:not(.button_disabled):hover,
.inputButtonForm__button .button:not(.button_disabled):focus {
background: #004b81;
border-color: #0069b4;
}
.inputButtonForm__button .button:not(.button_disabled):active {
background: #002d4e;
border-color: #0069b4;
}
.inputButtonForm__button .button:not(.button_disabled)--outline {
border-color: #ffffff;
}
.inputButtonForm__button .button:not(.button_disabled)--outline:hover,
.inputButtonForm__button .button:not(.button_disabled)--outline:focus {
background: #ffffff !important;
border-color: #0069b4;
color: #0069b4;
}
@media (max-width: 481px) {
.inputButtonForm {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.inputButtonForm__input {
width: 100%;
}
.inputButtonForm__button {
width: 100%;
padding-left: 0;
}
}
.inputButtonForm--small .inputButtonForm__input {
width: 100%;
flex-grow: 1;
}
.inputButtonForm--small .inputButtonForm__button {
width: 50px;
flex-grow: 0;
flex-shrink: 0;
}
.inputButtonForm--small .inputButtonForm__button .button {
padding: 0;
line-height: 38px;
}
.inputButtonForm--small .inputButtonForm__button .button .icon {
display: block;
line-height: 38px;
}
@media (max-width: 481px) {
.inputButtonForm--small {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (max-width: 481px) {
.inputButtonForm .inputfile + div {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.inputButtonForm .inputfile + label {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.select_body_div {
color: #00121e;
position: relative;
}
.select_body_div .select_body_header {
padding: 7px 0.9375rem 9px 0.9375rem;
border: 1px solid #00121e;
cursor: pointer;
position: relative;
white-space: nowrap;
}
.select_body_div .select_body_header:after {
content: "\E001";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
right: 0.9375rem;
top: 50%;
line-height: 20px;
margin-top: -10px;
font-size: 20px;
color: #00121e;
pointer-events: none;
}
.select_body_div .select_body_options {
display: none;
padding: 7px 0;
background-color: #ffffff;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
position: absolute;
width: 100%;
z-index: 1;
}
.select_body_div .select_body_options > div {
padding: 7px 0.9375rem 9px 0.9375rem;
cursor: pointer;
}
.select_body_div .select_body_options > div:hover {
background-color: #eeeeee;
}
.form-group--infield:not(.form-group--file) {
position: relative;
}
.form-group--infield:not(.form-group--file) > label {
position: absolute;
left: 19px;
top: 11px;
z-index: 1;
transition: 0.2s ease-in-out;
}
.form-group--infield:not(.form-group--file).form-group--select > label,
.form-group--infield:not(.form-group--file).form-group--file > label,
.form-group--infield:not(.form-group--file).filled > label {
top: -8px;
left: 2px;
background: #fff;
font-size: 1.1rem;
padding-left: 5px;
padding-right: 5px;
}
select.select__simple {
border: none;
border-radius: 0;
padding: 0 2.5rem 0 0.3125rem;
width: auto;
}
.input_with_icon {
position: relative;
}
.input_with_icon input {
background: #eeeeee;
color: #00121e;
border-color: #eeeeee;
padding-right: 1.25rem !important;
}
.input_with_icon input:hover,
.input_with_icon input:focus {
border-color: #00121e;
}
.input_with_icon i {
position: absolute;
font-size: 1.25rem;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.input_with_icon.input_with_icon--light input {
background: #ffffff;
color: #00121e;
border-color: #00121e;
}
.input_with_icon.input_with_icon--light input:hover,
.input_with_icon.input_with_icon--light input:focus {
border-color: #0069b4;
}
.pass-wrapper {
margin-top: 5px;
margin-left: 5px;
width: calc(100% - 10px);
}
.pass-wrapper .pass-graybar {
border-radius: 4px;
height: 4px;
}
.pass-wrapper .pass-colorbar {
border-radius: 4px;
height: 4px;
}
.csvcontent_inputwrapper {
position: relative;
}
.csvcontent_inputwrapper input {
background: #eeeeee;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding-inline: 30px;
position: relative;
border: 1px solid transparent;
}
.csvcontent_inputwrapper button {
position: absolute;
right: 0.625rem;
margin-top: -1px;
top: 50%;
translate: 0 -50%;
background: 0;
}
.csvcontent_inputwrapper button i {
font-size: 1.6rem;
color: #707070;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1540px;
}
.container:before,
.container:after {
content: none;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
}
.row {
margin-left: -20px;
margin-right: -20px;
}
.col-xxs-1,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xlg-1,
.col-xxs-2,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xlg-2,
.col-xxs-3,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xlg-3,
.col-xxs-4,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xlg-4,
.col-xxs-5,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xlg-5,
.col-xxs-6,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xlg-6,
.col-xxs-7,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xlg-7,
.col-xxs-8,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xlg-8,
.col-xxs-9,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xlg-9,
.col-xxs-10,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xlg-10,
.col-xxs-11,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xlg-11,
.col-xxs-12,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xlg-12 {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.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 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1024px) {
.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 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1250px) {
.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 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-1-5 {
width: 20%;
}
.col-lg-2-5 {
width: 40%;
}
.col-lg-3-5 {
width: 60%;
}
.col-lg-4-5 {
width: 80%;
}
}
@media (min-width: 1530px) {
.col-xlg-1,
.col-xlg-2,
.col-xlg-3,
.col-xlg-4,
.col-xlg-5,
.col-xlg-6,
.col-xlg-7,
.col-xlg-8,
.col-xlg-9,
.col-xlg-10,
.col-xlg-11,
.col-xlg-12 {
float: left;
}
.col-xlg-12 {
width: 100%;
}
.col-xlg-11 {
width: 91.66666667%;
}
.col-xlg-10 {
width: 83.33333333%;
}
.col-xlg-9 {
width: 75%;
}
.col-xlg-8 {
width: 66.66666667%;
}
.col-xlg-7 {
width: 58.33333333%;
}
.col-xlg-6 {
width: 50%;
}
.col-xlg-5 {
width: 41.66666667%;
}
.col-xlg-4 {
width: 33.33333333%;
}
.col-xlg-3 {
width: 25%;
}
.col-xlg-2 {
width: 16.66666667%;
}
.col-xlg-1 {
width: 8.33333333%;
}
.col-xlg-pull-12 {
right: 100%;
}
.col-xlg-pull-11 {
right: 91.66666667%;
}
.col-xlg-pull-10 {
right: 83.33333333%;
}
.col-xlg-pull-9 {
right: 75%;
}
.col-xlg-pull-8 {
right: 66.66666667%;
}
.col-xlg-pull-7 {
right: 58.33333333%;
}
.col-xlg-pull-6 {
right: 50%;
}
.col-xlg-pull-5 {
right: 41.66666667%;
}
.col-xlg-pull-4 {
right: 33.33333333%;
}
.col-xlg-pull-3 {
right: 25%;
}
.col-xlg-pull-2 {
right: 16.66666667%;
}
.col-xlg-pull-1 {
right: 8.33333333%;
}
.col-xlg-pull-0 {
right: auto;
}
.col-xlg-push-12 {
left: 100%;
}
.col-xlg-push-11 {
left: 91.66666667%;
}
.col-xlg-push-10 {
left: 83.33333333%;
}
.col-xlg-push-9 {
left: 75%;
}
.col-xlg-push-8 {
left: 66.66666667%;
}
.col-xlg-push-7 {
left: 58.33333333%;
}
.col-xlg-push-6 {
left: 50%;
}
.col-xlg-push-5 {
left: 41.66666667%;
}
.col-xlg-push-4 {
left: 33.33333333%;
}
.col-xlg-push-3 {
left: 25%;
}
.col-xlg-push-2 {
left: 16.66666667%;
}
.col-xlg-push-1 {
left: 8.33333333%;
}
.col-xlg-push-0 {
left: auto;
}
.col-xlg-offset-12 {
margin-left: 100%;
}
.col-xlg-offset-11 {
margin-left: 91.66666667%;
}
.col-xlg-offset-10 {
margin-left: 83.33333333%;
}
.col-xlg-offset-9 {
margin-left: 75%;
}
.col-xlg-offset-8 {
margin-left: 66.66666667%;
}
.col-xlg-offset-7 {
margin-left: 58.33333333%;
}
.col-xlg-offset-6 {
margin-left: 50%;
}
.col-xlg-offset-5 {
margin-left: 41.66666667%;
}
.col-xlg-offset-4 {
margin-left: 33.33333333%;
}
.col-xlg-offset-3 {
margin-left: 25%;
}
.col-xlg-offset-2 {
margin-left: 16.66666667%;
}
.col-xlg-offset-1 {
margin-left: 8.33333333%;
}
.col-xlg-offset-0 {
margin-left: 0%;
}
.col-xlg-1-5 {
width: 20%;
}
.col-xlg-2-5 {
width: 40%;
}
.col-xlg-3-5 {
width: 60%;
}
.col-xlg-4-5 {
width: 80%;
}
}
@media (min-width: 1530px) {
.xlg-margin {
margin-bottom: 1.25rem;
}
.xlg-margin--small {
margin-bottom: 0.625rem;
}
}
@media (min-width: 1250px) and (max-width: 1529px) {
.lg-margin {
margin-bottom: 1.25rem;
}
.lg-margin--small {
margin-bottom: 0.625rem;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.md-margin {
margin-bottom: 1.25rem;
}
.md-margin--small {
margin-bottom: 0.625rem;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.sm-margin {
margin-bottom: 1.25rem;
}
.sm-margin--small {
margin-bottom: 0.625rem;
}
.float-sm-right {
float: right;
}
}
@media (max-width: 767px) {
.xs-margin {
margin-bottom: 1.25rem;
}
.xs-margin--small {
margin-bottom: 0.625rem;
}
}
@media (max-width: 481px) {
.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
float: left;
}
.col-xxs-12 {
width: 100%;
}
.col-xxs-11 {
width: 91.66666667%;
}
.col-xxs-10 {
width: 83.33333333%;
}
.col-xxs-9 {
width: 75%;
}
.col-xxs-8 {
width: 66.66666667%;
}
.col-xxs-7 {
width: 58.33333333%;
}
.col-xxs-6 {
width: 50%;
}
.col-xxs-5 {
width: 41.66666667%;
}
.col-xxs-4 {
width: 33.33333333%;
}
.col-xxs-3 {
width: 25%;
}
.col-xxs-2 {
width: 16.66666667%;
}
.col-xxs-1 {
width: 8.33333333%;
}
.col-xxs-pull-12 {
right: 100%;
}
.col-xxs-pull-11 {
right: 91.66666667%;
}
.col-xxs-pull-10 {
right: 83.33333333%;
}
.col-xxs-pull-9 {
right: 75%;
}
.col-xxs-pull-8 {
right: 66.66666667%;
}
.col-xxs-pull-7 {
right: 58.33333333%;
}
.col-xxs-pull-6 {
right: 50%;
}
.col-xxs-pull-5 {
right: 41.66666667%;
}
.col-xxs-pull-4 {
right: 33.33333333%;
}
.col-xxs-pull-3 {
right: 25%;
}
.col-xxs-pull-2 {
right: 16.66666667%;
}
.col-xxs-pull-1 {
right: 8.33333333%;
}
.col-xxs-pull-0 {
right: auto;
}
.col-xxs-push-12 {
left: 100%;
}
.col-xxs-push-11 {
left: 91.66666667%;
}
.col-xxs-push-10 {
left: 83.33333333%;
}
.col-xxs-push-9 {
left: 75%;
}
.col-xxs-push-8 {
left: 66.66666667%;
}
.col-xxs-push-7 {
left: 58.33333333%;
}
.col-xxs-push-6 {
left: 50%;
}
.col-xxs-push-5 {
left: 41.66666667%;
}
.col-xxs-push-4 {
left: 33.33333333%;
}
.col-xxs-push-3 {
left: 25%;
}
.col-xxs-push-2 {
left: 16.66666667%;
}
.col-xxs-push-1 {
left: 8.33333333%;
}
.col-xxs-push-0 {
left: auto;
}
.col-xxs-offset-12 {
margin-left: 100%;
}
.col-xxs-offset-11 {
margin-left: 91.66666667%;
}
.col-xxs-offset-10 {
margin-left: 83.33333333%;
}
.col-xxs-offset-9 {
margin-left: 75%;
}
.col-xxs-offset-8 {
margin-left: 66.66666667%;
}
.col-xxs-offset-7 {
margin-left: 58.33333333%;
}
.col-xxs-offset-6 {
margin-left: 50%;
}
.col-xxs-offset-5 {
margin-left: 41.66666667%;
}
.col-xxs-offset-4 {
margin-left: 33.33333333%;
}
.col-xxs-offset-3 {
margin-left: 25%;
}
.col-xxs-offset-2 {
margin-left: 16.66666667%;
}
.col-xxs-offset-1 {
margin-left: 8.33333333%;
}
.col-xxs-offset-0 {
margin-left: 0%;
}
}
.clearfloat {
clear: both;
}
.pull-right {
order: 1;
}
.breadcrumbWrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.625rem;
margin-bottom: 1.25rem;
}
.breadcrumb {
margin: 0;
padding: 0;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #00121e;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumb a {
color: #00121e;
}
.breadcrumb a:hover {
color: #0069b4;
}
.breadcrumb i {
margin: 0 0.625rem;
font-size: 1rem;
}
.breadcrumb .current,
.breadcrumb .current a {
color: #0069b4;
}
.breadcrumbBackbutton i {
display: inline-block;
margin-right: 10px;
}
.button {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
}
@media (min-width: 768px) {
.button {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.button {
width: auto;
}
}
.button:hover,
.button:focus,
a.banner:hover .contentText__button {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.button:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonPrimary,
.button_primary {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #0069b4;
color: #ffffff;
border-color: #0069b4;
}
@media (min-width: 768px) {
.buttonPrimary,
.button_primary {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonPrimary,
.button_primary {
width: auto;
}
}
.buttonPrimary:hover,
.button_primary:hover,
.buttonPrimary:focus,
.button_primary:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonPrimary:active,
.button_primary:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonPrimary:hover,
.button_primary:hover,
.buttonPrimary:focus,
.button_primary:focus {
background: #004b81;
border-color: #0069b4;
}
.buttonPrimary:active,
.button_primary:active {
background: #002d4e;
border-color: #0069b4;
}
.buttonPrimary--outline,
.button_primary--outline {
border-color: #ffffff;
}
.buttonPrimary--outline:hover,
.button_primary--outline:hover,
.buttonPrimary--outline:focus,
.button_primary--outline:focus {
background: #ffffff !important;
border-color: #0069b4;
color: #0069b4;
}
.buttonSecondary,
.buttonOutline,
.button_second {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #ffffff;
color: #0069b4;
border-color: #0069b4;
}
@media (min-width: 768px) {
.buttonSecondary,
.buttonOutline,
.button_second {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonSecondary,
.buttonOutline,
.button_second {
width: auto;
}
}
.buttonSecondary:hover,
.buttonOutline:hover,
.button_second:hover,
.buttonSecondary:focus,
.buttonOutline:focus,
.button_second:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonSecondary:active,
.buttonOutline:active,
.button_second:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonSecondary:hover,
.buttonOutline:hover,
.button_second:hover,
.buttonSecondary:focus,
.buttonOutline:focus,
.button_second:focus,
.buttonSecondary:active,
.buttonOutline:active,
.button_second:active {
background: #0069b4;
color: #ffffff;
}
.buttonLink {
display: inline-block;
color: #0069b4;
cursor: pointer;
position: relative;
background-color: transparent;
border: none;
padding: 9px 10px 11px 0;
}
.buttonLink:hover,
.buttonLink:focus,
.buttonLink:active {
color: #004b81;
background-color: transparent;
}
.buttonWarning {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #ffd700;
color: #ffffff;
border-color: #ffd700;
}
@media (min-width: 768px) {
.buttonWarning {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonWarning {
width: auto;
}
}
.buttonWarning:hover,
.buttonWarning:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonWarning:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonWarning:hover,
.buttonWarning:focus {
background: #b39700;
border-color: #b39700;
}
.buttonWarning:active {
background: #806c00;
border-color: #806c00;
}
.buttonSuccess {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #96c31e;
color: #ffffff;
border-color: #96c31e;
}
@media (min-width: 768px) {
.buttonSuccess {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonSuccess {
width: auto;
}
}
.buttonSuccess:hover,
.buttonSuccess:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonSuccess:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonSuccess:hover,
.buttonSuccess:focus {
background: #638114;
border-color: #638114;
}
.buttonSuccess:active {
background: #41550d;
border-color: #41550d;
}
.buttonInfo {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #d9dddd;
color: #ffffff;
border-color: #d9dddd;
}
@media (min-width: 768px) {
.buttonInfo {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonInfo {
width: auto;
}
}
.buttonInfo:hover,
.buttonInfo:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonInfo:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonInfo:hover,
.buttonInfo:focus {
background: #b1b9b9;
border-color: #b1b9b9;
}
.buttonInfo:active {
background: #96a1a1;
border-color: #96a1a1;
}
.buttonGray {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #d9dddd;
color: #ffffff;
border-color: #d9dddd;
}
@media (min-width: 768px) {
.buttonGray {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonGray {
width: auto;
}
}
.buttonGray:hover,
.buttonGray:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonGray:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonGray:hover,
.buttonGray:focus {
background: #b1b9b9;
border-color: #b1b9b9;
}
.buttonGray:active {
background: #96a1a1;
border-color: #96a1a1;
}
.buttonAction {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #0069b4;
color: #ffffff;
border-color: #0069b4;
}
@media (min-width: 768px) {
.buttonAction {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonAction {
width: auto;
}
}
.buttonAction:hover,
.buttonAction:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonAction:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonAction:hover,
.buttonAction:focus {
background: #96c31e;
border-color: #96c31e;
color: #ffffff;
}
.buttonAction:active {
background: #004b81;
border-color: #004b81;
color: #ffffff;
}
.buttonDanger {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #e64b0a;
color: #ffffff;
border-color: #e64b0a;
}
@media (min-width: 768px) {
.buttonDanger {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonDanger {
width: auto;
}
}
.buttonDanger:hover,
.buttonDanger:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonDanger:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonDanger:hover,
.buttonDanger:focus {
background: #9d3307;
border-color: #9d3307;
}
.buttonDanger:active {
background: #6c2305;
border-color: #6c2305;
}
.buttonBlack {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #00121e;
color: #ffffff;
border-color: #00121e;
}
@media (min-width: 768px) {
.buttonBlack {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
.buttonBlack {
width: auto;
}
}
.buttonBlack:hover,
.buttonBlack:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonBlack:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
.buttonBlack:hover,
.buttonBlack:focus {
background: #0069b4;
border-color: #0069b4;
}
.buttonBlack:active,
.buttonBlack.active {
background: #004b81;
border-color: #004b81;
}
.buttonOutline {
background-color: transparent !important;
color: #00121e;
border-color: #00121e;
}
.buttonOutline:hover,
.buttonOutline:focus,
.buttonOutline:active,
.buttonOutline.active {
background-color: transparent !important;
color: #0069b4;
border-color: #0069b4;
}
.buttonOutline--danger {
color: #e64b0a;
border-color: #e64b0a;
}
.buttonOutline--danger:hover,
.buttonOutline--danger:focus,
.buttonOutline--danger:active,
.buttonOutline--danger.active {
color: #b53b08;
border-color: #b53b08;
}
.buttonOutline--success {
color: #96c31e;
border-color: #96c31e;
}
.buttonOutline--success:hover,
.buttonOutline--success:focus,
.buttonOutline--success:active,
.buttonOutline--success.active {
color: #749717;
border-color: #749717;
}
.button--xs {
min-width: 120px;
padding: 4px 10px 4px 11px;
font-size: 0.8rem;
border-width: 1px;
border-radius: 0.5rem;
}
.button--xs.button--rounded {
border-radius: 17px;
}
.button--xl {
min-width: 300px;
padding: 10px 10px 10px 11px;
font-size: 2rem;
}
button.disabled,
.button_disabled,
.btn-disabled,
.button[disabled] {
display: inline-block;
vertical-align: middle;
padding: 9px 10px;
font-size: 14px;
min-width: 180px;
border-radius: 0.5rem;
line-height: 20px;
border: 2px solid #00121e;
color: #00121e;
cursor: pointer;
background: #ffffff;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
width: 100%;
background: #eeeeee;
color: #707070 !important;
border-color: #eeeeee !important;
cursor: not-allowed;
}
@media (min-width: 768px) {
button.disabled,
.button_disabled,
.btn-disabled,
.button[disabled] {
padding: 10px;
font-size: 15px;
min-width: 200px;
border-radius: 0.75rem;
}
}
@media (min-width: 481px) {
button.disabled,
.button_disabled,
.btn-disabled,
.button[disabled] {
width: auto;
}
}
button.disabled:hover,
.button_disabled:hover,
.btn-disabled:hover,
.button[disabled]:hover,
button.disabled:focus,
.button_disabled:focus,
.btn-disabled:focus,
.button[disabled]:focus {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
button.disabled:active,
.button_disabled:active,
.btn-disabled:active,
.button[disabled]:active {
background: #0069b4;
border-color: #0069b4;
color: #ffffff;
text-decoration: none;
}
button.disabled:hover,
.button_disabled:hover,
.btn-disabled:hover,
.button[disabled]:hover,
button.disabled:focus,
.button_disabled:focus,
.btn-disabled:focus,
.button[disabled]:focus,
button.disabled:active,
.button_disabled:active,
.btn-disabled:active,
.button[disabled]:active {
background: #eeeeee;
border-color: #eeeeee;
color: #707070 !important;
}
.button--icon-left {
position: relative;
padding-left: 35px;
min-width: 0;
}
@media (max-width: 767px) {
.button--icon-left {
padding-right: 35px;
}
}
.button--icon-left .icon {
position: absolute;
top: 50%;
line-height: 20px;
width: 20px;
margin-top: -10px;
left: 10px;
}
.button--icon-right {
position: relative;
padding-right: 35px;
min-width: 0;
}
@media (max-width: 767px) {
.button--icon-right {
padding-left: 35px;
}
}
.button--icon-right .icon {
position: absolute;
top: 50%;
line-height: 20px;
width: 20px;
margin-top: -10px;
right: 10px;
}
.button_full {
width: 100%;
min-width: 0;
}
.button_row,
.button_row_bottom,
.button_row_top {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
margin-left: -5px;
margin-right: -5px;
}
.button_row:after,
.button_row_bottom:after,
.button_row_top:after {
clear: both;
display: block;
content: " ";
}
.button_row .button_paypalexpress,
.button_row_bottom .button_paypalexpress,
.button_row_top .button_paypalexpress {
display: inline-block;
}
.button_row .button,
.button_row .button_paypalexpress,
.button_row .buttonAction,
.button_row_bottom .button,
.button_row_bottom .button_paypalexpress,
.button_row_bottom .buttonAction,
.button_row_top .button,
.button_row_top .button_paypalexpress,
.button_row_top .buttonAction {
margin: 0.625rem 5px;
width: calc(100% - 10px);
}
@media (min-width: 481px) {
.button_row .button,
.button_row .button_paypalexpress,
.button_row .buttonAction,
.button_row_bottom .button,
.button_row_bottom .button_paypalexpress,
.button_row_bottom .buttonAction,
.button_row_top .button,
.button_row_top .button_paypalexpress,
.button_row_top .buttonAction {
width: auto;
}
}
@media (max-width: 481px) {
.button_row,
.button_row_bottom,
.button_row_top {
text-align: center;
}
.button_row .pull-left,
.button_row .pull-right,
.button_row_bottom .pull-left,
.button_row_bottom .pull-right,
.button_row_top .pull-left,
.button_row_top .pull-right {
float: none !important;
}
.button_row .button,
.button_row_bottom .button,
.button_row_top .button {
min-width: 220px;
}
}
.button_row_bottom {
margin-bottom: 0;
}
.button_row_bottom .button,
.button_row_bottom .button_paypalexpress {
margin-bottom: 0;
}
.button_row_top {
margin-top: 0;
}
.button_row_top .button,
.button_row_top .button_paypalexpress {
margin-top: 0;
}
.button-min-width {
min-width: 270px;
}
button {
border: 0;
}
button.close {
min-width: auto;
}
button.close:hover,
button.close:focus {
background-color: transparent;
}
.buttonBlackBold {
color: #00121e;
font-weight: 600;
}
.buttonBlackBold:hover,
.buttonBlackBold:focus {
color: #0069b4;
}
html,
body {
max-width: 100vw;
}
html {
font-size: 16px;
}
.container--small {
max-width: 1200px !important;
}
.align-items-flex-start {
align-items: flex-start;
}
.align-items-flex-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-stretch {
align-items: stretch;
}
.row {
display: flex;
flex-wrap: wrap;
}
.row:before,
.row:after {
display: none;
}
.row > [class^="col"] {
float: none;
}
.row > [class^="col"].marginBottom {
margin-bottom: calc(40px / 2);
}
@media (min-width: 768px) {
.row > [class^="col"].marginBottom {
margin-bottom: 40px;
}
}
.row.gridGap--noGap {
margin-left: 0;
margin-right: 0;
}
.row.gridGap--noGap > [class*="col"] {
padding-left: 0;
padding-right: 0;
}
.row.gridGap--noGap > [class*="col"].marginBottom {
margin-bottom: 0;
}
.row.gridGap--small {
margin-left: -10px;
margin-right: -10px;
}
.row.gridGap--small > div {
padding-left: 10px;
padding-right: 10px;
}
.row.gridGap--small > div.marginBottom {
margin-bottom: 20px;
}
@media (min-width: 1024px) {
.row.gridGap--large {
margin-left: -40px;
margin-right: -40px;
}
.row.gridGap--large > div {
padding-left: 40px;
padding-right: 40px;
}
.row.gridGap--large > div.marginBottom {
margin-bottom: 80px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.row.scrollSnapTablet {
overflow-y: hidden;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
margin-left: -24px;
margin-right: -24px;
padding-left: 20px;
}
.row.scrollSnapTablet > div {
scroll-snap-align: center;
flex-shrink: 0;
width: calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: -webkit-calc(50% - 20px);
width: -o-calc(50% - 20px);
padding-left: 4px;
padding-right: 4px;
}
}
@media (max-width: 767px) {
.row.scrollSnapMobile {
overflow-y: hidden;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
margin-left: -24px;
margin-right: -24px;
padding-left: 16px;
}
.row.scrollSnapMobile > div {
scroll-snap-align: center;
flex-shrink: 0;
width: calc(100% - 16px);
width: -moz-calc(100% - 16px);
width: -webkit-calc(100% - 16px);
width: -o-calc(100% - 16px);
padding-left: 8px;
padding-right: 8px;
}
.row.scrollSnapMobile > div.col-xs-6 {
width: calc(50% - 16px);
width: -moz-calc(50% - 16px);
width: -webkit-calc(50% - 16px);
width: -o-calc(50% - 16px);
}
}
.order-1 {
order: 1;
}
@media (min-width: 768px) {
.order-sm-1 {
order: 1;
}
}
@media (min-width: 1024px) {
.order-md-1 {
order: 1;
}
}
@media (min-width: 1250px) {
.order-lg-1 {
order: 1;
}
}
.order-2 {
order: 2;
}
@media (min-width: 768px) {
.order-sm-2 {
order: 2;
}
}
@media (min-width: 1024px) {
.order-md-2 {
order: 2;
}
}
@media (min-width: 1250px) {
.order-lg-2 {
order: 2;
}
}
#container {
background-color: #ffffff;
min-height: 100vh;
display: flex;
max-width: 100vw;
flex-direction: column;
}
#container .header,
#container .footer {
flex-shrink: 0;
}
#container .mainContent {
flex-grow: 1;
}
.shadow {
box-shadow: 0 0 20px rgba(0 0 0 / 10%);
}
.borderRounded {
border-radius: 0.75rem;
}
.borderRounded img {
border-radius: 0.75rem;
}
.borderBottom--solid {
border-bottom: 2px solid #00121e;
}
.borderBottom--solid--thin {
border-bottom: 1px solid #00121e;
}
.scrollbar::-webkit-scrollbar {
width: 5px;
}
.scrollbar::-webkit-scrollbar-track {
background: #d9dddd;
}
.scrollbar::-webkit-scrollbar-thumb {
background: #0069b4;
}
@media (min-width: 1024px) {
.md-max-width {
max-width: 670px;
}
}
.box--light-blue {
background: #e5f0f7;
border-radius: 0.5rem;
padding: 1.25rem;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-between > div > div {
justify-content: space-between;
}
body.blured {
overflow: hidden;
height: 100dvh;
}
body.blured:before {
content: '';
display: block;
position: fixed;
top: 0;
backdrop-filter: blur(6px);
z-index: 210;
width: 100vw;
height: 100vh;
height: 100dvh;
background: rgba(0, 0, 0, 0.7);
}
body.blured .mpChipWidget {
z-index: -1 !important;
}
.d-flex {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.d-flex {
flex-wrap: nowrap;
}
}
.gridGap--small {
gap: 10px;
}
.modal:has(#acceptTerms) .modal-header {
background: #0069b4;
color: #ffffff;
}
.modal:has(#acceptTerms) .modal-header .close .icon {
color: #ffffff;
}
.modal:has(#acceptTerms) .modal-header .close:hover .icon {
color: #00121e;
}
.modal:has(#acceptTerms) .modal-dialog {
width: 640px;
}
.modal:has(#acceptTerms) .modal-body {
padding-top: 0.9375rem;
}
.mobileMenu {
width: 100%;
z-index: 200;
background-color: #ffffff;
transition: opacity 0.5s ease;
height: 0;
opacity: 0;
}
.mobileMenu.mobile-nav-open {
height: 100%;
opacity: 1;
}
.mobileMenu ul {
margin: 0;
padding: 0;
}
.mobileMenu li {
padding: 0;
list-style-type: none;
}
.mobileMenu a {
display: block;
text-decoration: none;
line-height: 1.2;
color: #00121e;
}
.mobileMenu__scrollbox {
backface-visibility: hidden;
height: 100%;
overflow-x: hidden;
max-height: 90vh;
overflow-y: scroll;
}
.mobileMenu__section {
padding: 1.25rem;
}
.mobileMenu__section:after {
content: '';
border-bottom: 1px solid #d9dddd;
display: block;
position: relative;
top: 0.9375rem;
width: 100%;
}
.mobileMenu__section:last-child:after {
display: none;
}
.mobileMenu__section:last-child {
border-bottom: 0;
}
.mobileMenu__section .language_switch {
margin-top: 20px;
}
.mobileMenu__navigation nav > ul li {
margin-bottom: 0;
}
.mobileMenu__navigation nav > ul li ul {
display: none;
padding: 0 0 0 1.875rem;
}
.mobileMenu__navigation nav > ul li ul a {
display: block;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
color: #00121e;
}
.mobileMenu__navigation nav > ul li ul a:hover,
.mobileMenu__navigation nav > ul li ul a:active,
.mobileMenu__navigation nav > ul li ul a.active,
.mobileMenu__navigation nav > ul li ul a.active_tree {
color: #00121e;
}
.mobileMenu__navigation nav > ul li ul a:hover .toggleSubnavi,
.mobileMenu__navigation nav > ul li ul a:active .toggleSubnavi,
.mobileMenu__navigation nav > ul li ul a.active .toggleSubnavi,
.mobileMenu__navigation nav > ul li ul a.active_tree .toggleSubnavi {
color: #00121e;
}
.mobileMenu__navigation nav > ul li ul ul {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
}
.mobileMenu__navigation nav > ul li.hasChildren > a {
position: relative;
padding-right: 50px;
}
.mobileMenu__navigation nav > ul li.hasChildren > a .toggleSubnavi {
font-size: 20px;
font-weight: 400;
position: absolute;
right: 10px;
top: 50%;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
margin-top: -17px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.mobileMenu__navigation nav > ul li.hasChildren > a .toggleSubnavi i {
display: block;
text-align: center;
line-height: 34px;
}
.mobileMenu__navigation nav > ul li.hasChildren > a:hover .toggleSubnavi,
.mobileMenu__navigation nav > ul li.hasChildren > a:focus .toggleSubnavi {
color: #0069b4;
}
.mobileMenu__navigation nav > ul li.active > a {
color: #0069b4;
}
.mobileMenu__navigation nav > ul li.active_tree > a {
color: #00121e;
}
.mobileMenu__navigation nav > ul li.active_tree > a .toggleSubnavi {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.mobileMenu__navigation nav > ul li.active_tree > ul {
display: block;
}
.mobileMenu__navigation nav > ul > li {
margin-bottom: 0;
}
.mobileMenu__navigation nav > ul > li > a {
margin-right: calc(0.625rem*-1);
font-weight: 600;
padding: 0.625rem 0;
text-transform: uppercase;
line-height: 1;
display: block;
position: relative;
letter-spacing: 0.4px;
}
.mobileMenu__navigation nav > ul > li > a > span {
display: inline-block;
padding-bottom: 0.3125rem;
border-bottom: 5px solid #707070;
}
.mobileMenu__navigation nav > ul > li > a.active,
.mobileMenu__navigation nav > ul > li > a.active_tree {
color: #00121e;
}
.mobileMenu__navigation nav > ul > li > ul.level_2 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.mobileMenu__navigation nav > ul > li > ul.level_2 a:hover,
.mobileMenu__navigation nav > ul > li > ul.level_2 a.active,
.mobileMenu__navigation nav > ul > li > ul.level_2 a.active_tree,
.mobileMenu__navigation nav > ul > li > ul.level_2 a:focus {
color: #00121e;
text-decoration: underline;
}
.mobileMenu__navigation nav > ul > li > ul.level_2 > li.level_2 {
margin-right: 1.25rem;
}
.mobileMenu__navigation nav > ul > li > ul.level_2 > li.level_2 > a {
font-weight: 600;
}
.mobileMenu__navigation nav > ul > li > ul.level_2 > li.level_2 > a .toggleSubnavi {
font-size: 16px;
}
.mobileMenu__navigation nav > ul > li:first-child > a > span {
border-bottom-color: #0069b4;
}
.mobileMenu__navigation nav > ul > li:first-child > a:hover,
.mobileMenu__navigation nav > ul > li:first-child > a.active_tree,
.mobileMenu__navigation nav > ul > li:first-child > a.active,
.mobileMenu__navigation nav > ul > li:first-child > a.active_tree {
color: #0069b4;
}
.mobileMenu__navigation nav > ul > li:nth-child(2) > a > span {
border-bottom-color: #5ac8F0;
}
.mobileMenu__navigation nav > ul > li:nth-child(2) > a:hover,
.mobileMenu__navigation nav > ul > li:nth-child(2) > a.active_tree,
.mobileMenu__navigation nav > ul > li:nth-child(2) > a.active {
color: #5ac8F0;
}
.mobileMenu__navigation nav > ul > li:nth-child(3) > a > span {
border-bottom-color: #e64b0a;
}
.mobileMenu__navigation nav > ul > li:nth-child(3) > a:hover,
.mobileMenu__navigation nav > ul > li:nth-child(3) > a.active_tree,
.mobileMenu__navigation nav > ul > li:nth-child(3) > a.active {
color: #e64b0a;
}
.mobileMenu__navigation nav > ul > li:nth-child(4) > a > span {
border-bottom-color: #96c31e;
}
.mobileMenu__navigation nav > ul > li:nth-child(4) > a:hover,
.mobileMenu__navigation nav > ul > li:nth-child(4) > a.active_tree,
.mobileMenu__navigation nav > ul > li:nth-child(4) > a.active {
color: #96c31e;
}
.mobileMenu__navigation nav > ul > li:nth-child(5) > a > span {
border-bottom-color: #ffd700;
}
.mobileMenu__navigation nav > ul > li:nth-child(5) > a:hover,
.mobileMenu__navigation nav > ul > li:nth-child(5) > a.active_tree,
.mobileMenu__navigation nav > ul > li:nth-child(5) > a.active {
color: #ffd700;
}
.mobileMenu__navigation nav > ul > li.hasChildren > a .toggleSubnavi {
line-height: 48px;
}
.mobileMenu__subNavigation nav ul li {
margin-bottom: 0;
}
.mobileMenu__subNavigation nav ul li a {
color: #00121e;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.mobileMenu__subNavigation nav ul li a.active,
.mobileMenu__subNavigation nav ul li a.active_tree,
.mobileMenu__subNavigation nav ul li a:hover,
.mobileMenu__subNavigation nav ul li a:focus {
color: #00121e;
text-decoration: underline;
}
.mobileMenu__subNavigation nav ul li:first-child a {
padding-top: 0;
}
.subnavigation,
#subnavigation {
font-size: 0.9rem;
}
@media (min-width: 1024px) {
.subnavigation,
#subnavigation {
font-size: 1rem;
}
}
.subnavigation ul,
#subnavigation ul {
margin: 0;
padding: 0;
}
.subnavigation ul li,
#subnavigation ul li {
padding: 0;
list-style-type: none;
margin-bottom: 0;
}
@media (min-width: 768px) {
.subnavigation ul li,
#subnavigation ul li {
margin-bottom: 0.625rem;
}
}
.subnavigation a,
#subnavigation a {
padding-right: 1.875rem;
color: #00121e;
padding-top: 3px;
padding-bottom: 3px;
line-height: 1.2;
display: block;
position: relative;
}
.subnavigation a:after,
#subnavigation a:after {
content: "\E001";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-weight: 400;
width: calc(0.625rem * 3 - 5px);
text-align: center;
display: none;
}
.subnavigation a:hover,
#subnavigation a:hover,
.subnavigation a:focus,
#subnavigation a:focus {
color: #00121e;
text-decoration: underline;
}
.subnavigation a.active,
#subnavigation a.active {
color: #00121e;
font-weight: 600;
text-decoration: underline;
}
.subnavigation a.active:after,
#subnavigation a.active:after {
content: "\E004";
display: none !important;
}
.subnavigation a.active_tree,
#subnavigation a.active_tree {
font-weight: 600;
color: #00121e;
text-decoration: underline;
}
.subnavigation a.active_tree:after,
#subnavigation a.active_tree:after {
content: "\E004";
display: none !important;
}
.subnavigation li.has_children a.active:after,
#subnavigation li.has_children a.active:after {
display: block;
}
.subnavigation li.has_children a.active_tree:after,
#subnavigation li.has_children a.active_tree:after {
display: block;
}
.subnavigation > ul > li > a,
#subnavigation > ul > li > a {
padding-top: 8px;
padding-bottom: 8px;
}
@media (min-width: 1024px) {
.subnavigation > ul > li > a,
#subnavigation > ul > li > a {
margin-bottom: 0.625rem;
}
}
.subnavigation > ul > li.has_children > a:after,
#subnavigation > ul > li.has_children > a:after {
display: block;
}
.subnavigation > ul > li > ul,
#subnavigation > ul > li > ul {
padding-left: 1.25rem;
padding-bottom: calc(0.625rem / 2);
margin-bottom: 0.625rem;
}
.subnavigation > ul > li > ul a:after,
#subnavigation > ul > li > ul a:after {
display: none !important;
}
.submenuWrapper {
position: sticky;
top: 180px;
}
@media (max-width: 1023px) {
body.account #subnavigation {
max-width: 100vw;
}
body.account #subnavigation > ul {
overflow: hidden;
overflow-x: auto;
display: flex;
flex-direction: row;
align-items: stretch;
flex-wrap: nowrap;
padding-bottom: 5px;
padding-right: 2.5rem;
}
body.account #subnavigation > ul::-webkit-scrollbar {
width: 5px;
}
body.account #subnavigation > ul::-webkit-scrollbar-track {
background: #d9dddd;
}
body.account #subnavigation > ul::-webkit-scrollbar-thumb {
background: #0069b4;
}
body.account #subnavigation > ul.owl-carousel .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
body.account #subnavigation > ul.owl-carousel .owl-item {
transition: opacity 0.25s ease;
}
body.account #subnavigation > ul.owl-carousel .owl-item img {
width: auto;
display: inline;
}
body.account #subnavigation > ul__item {
text-align: center;
}
body.account #subnavigation > ul > li {
padding: 0;
margin: 0 10px;
}
body.account #subnavigation > ul > li a {
white-space: nowrap;
padding: 7.5px 0;
}
body.account #subnavigation > ul > li:first-child {
margin-left: 0;
}
body.account #subnavigation > ul > li:last-child {
margin-right: 0;
}
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
border: 0;
}
.toggleNavigation {
color: #00121e;
cursor: pointer;
width: 32px;
height: 26px;
border: none;
position: relative;
display: block;
transition: 0.5s ease-in-out;
z-index: 9999;
}
.toggleNavigation span {
margin: 0;
padding: 0;
}
.toggleNavigation .toggler-icon {
display: block;
position: absolute;
height: 3px;
width: 100%;
top: 50%;
background: #0069b4;
border-radius: 1px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.toggleNavigation .top-bar {
margin-top: -10px;
transform: rotate(0deg);
}
.toggleNavigation .middle-bar {
opacity: 1;
filter: alpha(opacity=100);
}
.toggleNavigation .bottom-bar {
margin-top: 10px;
transform: rotate(0deg);
}
.toggleNavigation.mobile-nav-open .top-bar {
margin-top: 0px;
transform: rotate(135deg);
}
.toggleNavigation.mobile-nav-open .middle-bar {
opacity: 0;
filter: alpha(opacity=0);
}
.toggleNavigation.mobile-nav-open .bottom-bar {
margin-top: 0px;
transform: rotate(-135deg);
}
.dividerText {
display: flex;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
}
.dividerText:before,
.dividerText:after {
content: "";
height: 1px;
flex-grow: 1;
background: #eeeeee;
display: block;
}
.dividerText span {
margin-left: 10px;
margin-right: 10px;
}
/*
Custom Select
Markup:
Choose
.customSelect--small - Small Custom Select
Styleguide Components.Custom Select
*/
.selectBody {
background-color: #ffffff;
cursor: pointer;
display: block;
position: relative;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.selectBody:after {
content: "\E001";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
right: 0.9375rem;
top: 50%;
font-size: 18px;
pointer-events: none;
transform: translateY(-50%);
margin-top: -1px;
}
.selectBody select {
color: #00121e;
border-color: #00121e;
cursor: pointer;
padding-right: 40px;
appearance: none;
display: block;
width: 100%;
}
.selectBody select::-ms-expand {
display: none;
}
.selectBody.focus select {
border-color: #0069b4;
}
.selectBody.disabled select {
cursor: default;
}
.customSelect {
position: relative;
width: 100%;
}
.customSelect__selectedCount {
width: 20px;
height: 20px;
border-radius: 50%;
background: #e64b0a;
align-items: center;
justify-content: center;
margin-left: 10px;
font-size: 0.9rem;
vertical-align: middle;
color: #ffffff;
margin-top: -2px;
display: none;
}
.customSelect__selectedCount.is-active {
display: inline-flex;
}
.customSelect__selected {
padding: 9px 16px 9px 12px;
color: #00121e;
border: 1px solid #777777;
border-radius: 0.5rem;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 20px;
background-color: #ffffff;
cursor: pointer;
display: block;
position: relative;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 40px;
}
@media (min-width: 768px) {
.customSelect__selected {
padding: 11px 16px 11px 16px;
}
}
.customSelect__selected:not(:disabled):active,
.customSelect__selected:not(:disabled):focus {
outline: 0;
border-color: #0069b4;
}
.customSelect__selected.error {
border-color: #e64b0a;
}
.customSelect__selected:disabled {
background-color: #eeeeee !important;
border-color: #eeeeee !important;
color: #707070 !important;
cursor: not-allowed;
}
.customSelect__selected.rounded,
.customSelect__selected[type="search"] {
border-radius: 1.5rem;
}
.customSelect__selected:after {
content: "\E001";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
right: 0.9375rem;
top: 50%;
font-size: 18px;
pointer-events: none;
transform: translateY(-50%);
margin-top: -1px;
}
.customSelect__selected select {
color: #00121e;
border-color: #00121e;
cursor: pointer;
padding-right: 40px;
appearance: none;
display: block;
width: 100%;
}
.customSelect__selected select::-ms-expand {
display: none;
}
.customSelect__selected.focus select {
border-color: #0069b4;
}
.customSelect__selected.disabled select {
cursor: default;
}
@media (max-width: 767px) {
.customSelect .searchBar {
display: none;
}
}
.customSelect__hiddenFormField {
display: none;
}
.customSelect__dropdown {
z-index: 2;
background: #ffffff;
font-size: 0.9rem;
overflow: hidden;
}
@media (max-width: 767px) {
.customSelect__dropdown {
box-shadow: 0 0 6px rgba(0 0 0 / 20%);
padding: 20px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
translate: 0 110%;
transition: 0.2s ease-in-out;
pointer-events: none;
opacity: 0;
z-index: 104;
}
}
@media (min-width: 768px) {
.customSelect__dropdown {
position: absolute;
left: 0;
top: 100%;
width: 100%;
min-width: 300px;
max-width: 100vw;
box-shadow: 0 0 10px rgba(0 0 0 / 20%);
border: 1px solid #d9dddd;
border-radius: 0.5rem;
margin-top: 5px;
display: none;
}
}
.customSelect__dropdownClose {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
}
@media (min-width: 768px) {
.customSelect__dropdownClose {
display: none;
}
}
.customSelect__dropdownTitle {
font-weight: 600;
padding-right: 40px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1.8rem;
}
.customSelect__dropdownTitle:not(:last-child) {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.customSelect__dropdownTitle {
display: none;
}
}
.customSelect__dropdownHeader {
padding: 10px;
margin-bottom: 10px;
}
.customSelect__dropdownBody {
max-height: 40vh;
overflow: hidden;
overflow-y: auto;
}
@media (min-width: 768px) {
.customSelect__dropdownBody {
max-height: 260px;
}
}
.customSelect__dropdownFooter {
margin-top: 10px;
padding: 10px;
padding-bottom: 10px;
border-top: 1px solid #eeeeee;
text-align: center;
}
.customSelect__dropdownFooter .button {
width: 100%;
margin-bottom: 5px;
border-color: transparent;
}
.customSelect__dropdownFooter .linkWithIcon {
font-size: 0.9rem;
}
.customSelect__dropdownFooter .linkWithIcon.customSelectReset {
border: none;
background: none;
min-width: auto;
padding-block: 0;
}
.customSelect__dropdownFooter .linkWithIcon.customSelectReset:hover,
.customSelect__dropdownFooter .linkWithIcon.customSelectReset:focus {
background: transparent;
color: #0069b4;
}
.customSelect__dropdownItemText {
font-size: 0.9em;
color: #707070;
padding-left: 20px;
}
.customSelect__dropdownItem {
padding: 5px 20px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
color: #00121e;
text-decoration: none;
}
.customSelect__dropdownItem:hover {
background: #eeeeee;
color: #00121e;
text-decoration: none;
}
.customSelect__dropdownItem.is-active {
background: #eeeeee;
}
.customSelect__dropdownItem.disabled {
pointer-events: none;
cursor: not-allowed;
color: #d9dddd;
}
.customSelect__dropdownItem.disabled .customSelect__dropdownItemText {
color: #d9dddd;
}
.customSelect__dropdownItem--radio,
.customSelect__dropdownItem--checkbox {
padding-left: 40px;
}
.customSelect__dropdownItem--radio:before,
.customSelect__dropdownItem--checkbox:before,
.customSelect__dropdownItem--radio:after,
.customSelect__dropdownItem--checkbox:after {
content: "";
position: absolute;
left: 10px;
top: 50%;
translate: 0 -50%;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.customSelect__dropdownItem--radio:before,
.customSelect__dropdownItem--checkbox:before {
border: 1px solid #00121e;
background: #ffffff;
}
.customSelect__dropdownItem--radio:after,
.customSelect__dropdownItem--checkbox:after {
opacity: 0;
}
.customSelect__dropdownItem--radio.is-active:before,
.customSelect__dropdownItem--checkbox.is-active:before {
border-color: #00121e;
}
.customSelect__dropdownItem--radio.is-active:after,
.customSelect__dropdownItem--checkbox.is-active:after {
opacity: 1;
}
.customSelect__dropdownItem--radio:before,
.customSelect__dropdownItem--radio:after {
border-radius: 50%;
}
.customSelect__dropdownItem--radio:after {
background: #00121e;
width: 12px;
height: 12px;
margin-left: 4px;
opacity: 0;
}
.customSelect__dropdownItem--checkbox:after {
content: "\E012";
font-family: "icons", Helvetica, Arial, sans-serif;
font-size: 18px;
}
.customSelect__dropdownItem--checkbox.is-active {
background: transparent;
}
.customSelect__dropdownItem--checkbox.is-active:before {
border-color: #00121e;
}
.customSelect__dropdownItem--checkbox.is-active:after {
opacity: 1;
}
.customSelect select {
display: none;
}
.customSelect.is-active .customSelect__selected {
border-color: #0069b4;
}
.customSelect.is-active .customSelect__selected:after {
content: "\E004";
}
.customSelect.is-active .customSelect__dropdown {
display: block;
}
@media (max-width: 767px) {
.customSelect.is-active .customSelect__dropdown {
translate: 0 0;
pointer-events: auto;
opacity: 1;
}
}
.customSelect--small {
width: auto;
display: inline-flex;
}
.customSelect--small .customSelect__selected {
padding: 0;
padding-right: 20px;
background: transparent;
border: 0;
border-radius: 0;
}
.customSelect--small .customSelect__selected:after {
font-size: 1.2rem;
right: 0;
}
body {
background-color: #ffffff;
font-size: 0.9rem;
font-weight: 400;
line-height: 1.75;
font-family: Arial, Helvetica, sans-serif;
color: #00121e;
}
@media (min-width: 1024px) {
body {
font-size: 1rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
color: #00121e;
margin-top: 0;
margin-bottom: 0.75em;
hyphens: auto;
}
@media (min-width: 768px) {
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
hyphens: inherit;
}
}
h1,
.h1 {
font-size: calc(1.4rem + 1.8vw);
font-weight: 700;
}
@media (min-width: 1200px) {
h1,
.h1 {
font-size: 2.75rem;
}
}
h2,
.h2 {
font-size: calc(1.325rem + 0.9vw);
font-weight: 700;
}
@media (min-width: 1200px) {
h2,
.h2 {
font-size: 2rem;
}
}
h3,
.h3 {
font-size: 1.25rem;
}
h4,
.h4 {
font-size: 1rem;
}
h5,
.h5 {
font-size: 0.9rem;
}
h6,
.h6 {
font-size: 0.8rem;
}
@media (max-width: 767px) {
h1,
.h1 {
font-size: 27px;
}
h2,
.h2 {
font-size: 23px;
}
h3,
.h3 {
font-size: 21px;
}
h4,
.h4 {
font-size: 20px;
}
}
.highlighted {
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0.5em;
font-size: 4rem;
}
.leadtext {
font-size: 1rem;
}
@media (min-width: 1024px) {
.leadtext {
font-size: 1.25rem;
}
}
a,
.link {
color: #0069b4;
text-decoration: none;
cursor: pointer;
}
a:hover,
.link:hover,
a:focus,
.link:focus,
a:active,
.link:active,
.contentBox > .link:hover .contentText a {
color: #004b81;
text-decoration: none;
outline: 0;
}
*:focus {
outline: 0;
}
a:focus {
outline: 0;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
ul,
ol {
margin: 0;
padding: 0;
padding-left: 20px;
margin-bottom: -10px;
}
ul li,
ol li {
margin: 0;
padding: 0;
margin-bottom: 10px;
}
ul.checkList {
list-style: none;
padding-left: 25px;
}
ul.checkList li {
position: relative;
}
ul.checkList li:before {
content: "\E012";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
left: -25px;
}
b,
strong {
font-weight: 600;
}
address {
margin-bottom: 1rem;
font-style: italic;
line-height: 1.75;
}
hr {
border-top: 1px solid #00121e;
margin-top: 5rem;
margin-bottom: 5rem;
}
.linkWithIcon {
position: relative;
padding-left: 25px;
}
.linkWithIcon .icon,
.linkWithIcon .fa {
position: absolute;
left: 0;
top: 50%;
line-height: 20px;
margin-top: -10px;
width: 20px;
font-size: 18px;
text-align: center;
}
.linkWithIcon--right {
padding-left: 0;
padding-right: 25px;
}
.linkWithIcon--right .icon,
.linkWithIcon--right .fa {
left: auto;
right: 0;
}
#form_search,
.form_search {
position: relative;
}
#form_search .search_button,
.form_search .search_button {
position: absolute;
padding-right: 0.625rem;
right: 0;
top: 0;
color: #00121e;
cursor: pointer;
width: 40px;
height: 100%;
text-align: center;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
}
#form_search .search_button:hover,
.form_search .search_button:hover {
color: #0069b4;
}
#form_search .search_field > input,
.form_search .search_field > input {
padding-right: 30px;
background: #eeeeee;
border-color: #eeeeee;
}
@media (max-width: 767px) {
#form_search .search_field > input,
.form_search .search_field > input {
font-size: 16px;
}
}
.headerMain .headerSearch {
width: 100%;
}
@media (min-width: 768px) {
.headerMain .headerSearch {
width: 300px;
}
}
@media (min-width: 1250px) {
.headerMain .headerSearch {
width: 400px;
}
}
.headerSearchWrapper {
position: relative;
}
@media (max-width: 767px) {
#ItemSuggestionWrapper {
height: 20vh;
height: 20dvh;
overflow-y: auto;
}
}
.search_suggests_data__wrapper {
position: absolute;
top: 50px;
left: 0;
background: #ffffff;
box-shadow: 0 0 10px rgba(0 0 0 / 20%);
width: 500px;
padding: 1.25rem;
z-index: 99;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
gap: 30px;
}
.search_suggests_data__wrapper .h3 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.search_suggests_data__wrapper {
width: 100%;
top: 60px;
}
}
.search_suggests__entry {
padding-block: 0.625rem;
display: flex;
gap: 0.625rem;
align-items: center;
border-bottom: 1px solid #777777;
}
.search_suggests__image {
width: 40px;
}
.search_suggests__image img {
aspect-ratio: 1;
object-fit: contain;
}
.search_suggests__description {
font-size: 0.8rem;
}
@media (max-width: 767px) {
.headerMain .headerSearch {
position: fixed;
display: none;
z-index: 10001;
width: 90%;
top: 195px;
left: 50%;
transform: translate(-50%, -50%);
}
.headerMain .headerSearch input {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
#close-search-modal {
display: none;
position: absolute;
cursor: pointer;
color: #ffffff;
top: -42px;
right: -20px;
font-size: 2.75rem;
border: none !important;
background: none !important;
min-width: auto !important;
width: auto !important;
}
@media (max-width: 767px) {
#close-search-modal {
display: flex;
padding: 0;
right: 0;
}
}
.arrow {
display: none;
}
.headerIcon {
display: flex;
align-items: center;
}
.headerIcon__label {
margin-left: 5px;
}
@media (max-width: 1023px) {
.headerIcon__label {
display: none;
}
}
.headerIcon__icon {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 40px;
height: 40px;
position: relative;
}
.headerIcon__icon .icon {
font-size: 2rem;
}
@media (max-width: 360px) {
.headerIcon__icon {
width: 30px;
height: 30px;
}
.headerIcon__icon .icon {
font-size: 1.75rem;
}
}
.headerIcon__count {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #e64b0a;
color: #ffffff;
width: 18px;
height: 18px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: absolute;
font-size: 9px;
right: 0;
top: 0;
z-index: 1;
}
.headerLogo {
flex-shrink: 0;
width: 50px;
display: flex;
flex-direction: column;
}
@media (min-width: 481px) {
.headerLogo {
width: 70px;
}
}
@media (min-width: 768px) {
.headerLogo {
width: 100px;
margin-right: 20px;
}
}
@media (min-width: 1024px) {
.headerLogo {
width: 160px;
}
}
@media (min-width: 1250px) {
.headerLogo {
width: 200px;
}
}
.header_logo {
display: flex;
}
.header_logo .textcontent {
display: flex;
flex-direction: column;
align-items: center;
}
.header_logo .textcontent img {
width: 50px;
height: 50px;
}
@media (max-width: 370px) {
.header_logo .textcontent img {
width: 36px;
height: 36px;
}
}
@media (min-width: 1024px) {
.header_logo .textcontent img {
width: 60px;
height: 60px;
}
}
@media (min-width: 1250px) {
.header_logo .textcontent img {
width: 80px;
height: 80px;
}
}
.header_logo .textcontent span {
display: inline-block;
line-height: 1;
margin-top: 0.3125rem;
padding: 2px calc(0.3125rem / 2);
background: #0069b4;
color: #ffffff;
border-radius: 2px;
font-size: 0.5rem;
}
@media (min-width: 1024px) {
.header_logo .textcontent span {
margin-top: 0.625rem;
padding: 3px 0.3125rem;
border-radius: 3px;
font-size: 0.9rem;
}
}
.headerAccount {
display: flex;
align-items: center;
flex-shrink: 0;
}
.headerAccount > .component {
display: flex;
align-items: center;
}
.headerNavigation {
display: flex;
font-size: 0.9rem;
}
@media (max-width: 1023px) {
.headerNavigation {
display: none;
}
}
@media (min-width: 1250px) {
.headerNavigation {
font-size: 1.25rem;
}
}
.headerNavigation ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.headerNavigation ul li {
padding: 0;
margin: 0;
list-style: none;
}
.headerNavigation > ul.level_1 {
flex-direction: row;
}
.headerNavigation > ul.level_1 > li > a {
border-bottom: 5px solid #707070;
margin-right: 1.25rem;
font-weight: 600;
padding: 0.625rem 0;
text-transform: uppercase;
line-height: 1;
display: block;
position: relative;
letter-spacing: 0.4px;
}
.headerNavigation > ul.level_1 > li > a.active,
.headerNavigation > ul.level_1 > li > a.active_tree {
color: #0069b4;
}
.headerNavigation > ul.level_1 > li > ul.level_2 {
position: absolute;
display: none;
width: 100%;
background-color: #ffffff;
left: 0;
max-height: 85vh;
margin-top: 0.625rem;
padding: 0.625rem 0 1.875rem 0;
font-size: 0.9rem;
}
@media (min-width: 1024px) {
.headerNavigation > ul.level_1 > li > ul.level_2 {
margin-top: calc(0.625rem * 1.5);
}
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li > ul.level_2 {
margin-top: calc(0.625rem * 2);
}
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li > ul.level_2 {
font-size: 1rem;
}
}
.headerNavigation > ul.level_1 > li:nth-child(5n-4) a {
border-bottom-color: #0069b4;
}
.headerNavigation > ul.level_1 > li:nth-child(5n-4) a:hover,
.headerNavigation > ul.level_1 > li:nth-child(5n-4) a.active_tree,
.headerNavigation > ul.level_1 > li:nth-child(5n-4) a.active {
color: #0069b4;
}
.headerNavigation > ul.level_1 > li:nth-child(5n-3) a {
border-bottom-color: #5ac8F0;
}
.headerNavigation > ul.level_1 > li:nth-child(5n-3) a:hover,
.headerNavigation > ul.level_1 > li:nth-child(5n-3) a.active_tree,
.headerNavigation > ul.level_1 > li:nth-child(5n-3) a.active {
color: #5ac8F0;
}
.headerNavigation > ul.level_1 > li:nth-child(5n-2) a {
border-bottom-color: #e64b0a;
}
.headerNavigation > ul.level_1 > li:nth-child(5n-2) a:hover,
.headerNavigation > ul.level_1 > li:nth-child(5n-2) a.active_tree,
.headerNavigation > ul.level_1 > li:nth-child(5n-2) a.active {
color: #e64b0a;
}
.headerNavigation > ul.level_1 > li:nth-child(5n-1) a {
border-bottom-color: #96c31e;
}
.headerNavigation > ul.level_1 > li:nth-child(5n-1) a:hover,
.headerNavigation > ul.level_1 > li:nth-child(5n-1) a.active_tree,
.headerNavigation > ul.level_1 > li:nth-child(5n-1) a.active {
color: #96c31e;
}
.headerNavigation > ul.level_1 > li:nth-child(5n) a {
border-bottom-color: #ffd700;
}
.headerNavigation > ul.level_1 > li:nth-child(5n) a:hover,
.headerNavigation > ul.level_1 > li:nth-child(5n) a.active_tree,
.headerNavigation > ul.level_1 > li:nth-child(5n) a.active {
color: #ffd700;
}
.headerNavigation > ul.level_1 > li .hoverMenu {
position: absolute;
display: none;
width: 100%;
background-color: #ffffff;
left: 0;
max-height: 85vh;
margin-top: 0.625rem;
padding: 0.625rem 0 1.875rem 0;
font-size: 0.9rem;
}
@media (min-width: 1024px) {
.headerNavigation > ul.level_1 > li .hoverMenu {
margin-top: calc(0.625rem * 1.5);
}
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li .hoverMenu {
margin-top: calc(0.625rem * 2);
}
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li .hoverMenu {
font-size: 1rem;
}
}
.headerNavigation > ul.level_1 > li .hoverMenu__picture {
width: 25%;
border-radius: 0.5rem;
aspect-ratio: 424 / 154;
background-color: #96c31e;
z-index: -1;
overflow: hidden;
top: 0.625rem;
right: 20px;
position: absolute;
opacity: 0;
transition: opacity 0.2s ease;
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li .hoverMenu__picture {
width: 30%;
}
}
.headerNavigation > ul.level_1 > li .hoverMenu__picture img {
height: 100% !important;
aspect-ratio: 1;
object-fit: cover;
margin-left: 50%;
}
.headerNavigation > ul.level_1 > li .hoverMenu:after {
content: '';
position: absolute;
width: 100%;
height: 10px;
left: 0;
bottom: 0;
z-index: -1;
box-shadow: 0 0 20px rgba(0 0 0 / 10%);
}
.headerNavigation > ul.level_1 > li .hoverMenu .container {
position: relative;
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li .hoverMenu .container {
padding-left: 240px;
}
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 {
display: inline-flex;
width: 38%;
overflow-y: auto;
padding-right: 1.875rem;
border-right: 1px solid #d9dddd;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2::-webkit-scrollbar {
width: 5px;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2::-webkit-scrollbar-track {
background: #d9dddd;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2::-webkit-scrollbar-thumb {
background: #0069b4;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2.owl-carousel .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2.owl-carousel .owl-item {
transition: opacity 0.25s ease;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2.owl-carousel .owl-item img {
width: auto;
display: inline;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2__item {
text-align: center;
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 {
width: 32%;
}
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li a {
color: #00121e;
display: block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-bottom: 0.3125rem;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li a.active,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li a.active_tree,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li a:hover {
text-decoration: underline;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 {
display: flex;
flex-direction: column;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a {
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
white-space: normal;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a > span {
padding-right: 1.25rem;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow {
display: block;
cursor: pointer;
width: 24px;
height: calc(10px / 1.414 * 2);
position: relative;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow span,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow:before,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow:after {
background: #00121e;
content: '';
display: block;
width: 10px;
height: 2px;
position: absolute;
top: calc(50% - (2px / 2));
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow:before {
transform: rotate(-45deg);
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow:after {
transform: rotate(45deg);
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow span {
width: 0;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow.arrow--right span,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow.arrow--right:before,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow.arrow--right:after {
right: 0;
transform-origin: right 50%;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow.arrow--right:before,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow.arrow--right:after {
transition: right 0.3s 0.05s;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2 > a .arrow.arrow--right span {
transition: width 0.3s, right 0.3s 0.05s;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2:last-child > a {
margin-bottom: 0;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2.hoverintent .arrow.arrow--right span {
width: calc(10px * 1.414);
width: 26px;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2.hoverintent .arrow.arrow--right span,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2.hoverintent .arrow.arrow--right:before,
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 li.level_2.hoverintent .arrow.arrow--right:after {
right: calc(10px / 1.414 * -1);
right: 0;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3 {
position: absolute;
height: 100%;
top: 0;
left: 40%;
width: 30%;
z-index: -1;
opacity: 0;
transition: opacity 0.2s ease;
max-height: calc(50vh - 2.5rem - 0.625rem);
overflow-y: auto;
}
@media (min-width: 1024px) {
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3 {
left: 41%;
}
}
@media (min-width: 1250px) {
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3 {
left: calc(36% + 240px/2);
width: 22%;
padding-left: 10px;
}
}
@media (min-width: 1530px) {
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3 {
padding-left: 0;
}
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3::-webkit-scrollbar {
width: 5px;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3::-webkit-scrollbar-track {
background: #d9dddd;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3::-webkit-scrollbar-thumb {
background: #0069b4;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3.owl-carousel .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3.owl-carousel .owl-item {
transition: opacity 0.25s ease;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3.owl-carousel .owl-item img {
width: auto;
display: inline;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3__item {
text-align: center;
}
.headerNavigation > ul.level_1 > li .hoverMenu .container > ul.level_2 ul.level_3 > li > a {
padding-bottom: 0;
}
.headerNavigation > ul.level_1 > li.hoverintent > .hoverMenu {
display: block;
}
.headerNavigation > ul.level_1 > li.hoverintent > .hoverMenu > .container > ul.level_2 > li.hoverintent .hoverMenu__picture {
z-index: 999;
opacity: 1;
}
.headerNavigation > ul.level_1 > li.hoverintent > .hoverMenu > .container > ul.level_2 > li.hoverintent > ul {
z-index: 999;
opacity: 1;
}
.headerSubnavigation > ul {
margin: 0 -0.625rem;
padding: 0;
display: flex;
align-items: center;
}
.headerSubnavigation > ul > li {
padding: 0 0.625rem;
list-style-type: none;
}
.headerSubnavigation > ul > li > a {
text-transform: uppercase;
color: #00121e;
font-weight: 600;
}
.headerSubnavigation > ul > li > a:hover {
color: #ffffff;
}
.headerSubnavigation > ul > li ul {
display: none;
}
.headerSubnavigation .linkWithIcon {
margin-left: 20px;
}
@media (max-width: 1023px) {
.headerSubnavigation {
display: none;
}
}
.headerLanguage {
margin-left: 20px;
}
.headerTrust {
text-align: center;
display: flex;
align-items: center;
background-color: #eeeeee;
}
@media (max-width: 1023px) {
.headerTrust {
display: none;
}
}
.headerTrust .component {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
margin: 0 -0.625rem;
}
.headerTrust .textcontent {
display: inline-block;
padding: 0 0.625rem;
}
.headerTrust .textcontent .icon {
font-size: 1rem;
}
.headerTrust a {
color: #00121e;
}
.headerTrust a:hover {
color: #0069b4;
}
.headerTop {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
font-size: 0.9rem;
background-color: #0069b4;
color: #ffffff;
}
.headerTop .container {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
width: 100%;
gap: 0.3125rem;
}
@media (max-width: 767px) {
.headerTop .container {
justify-content: space-between;
font-size: 0.8rem;
}
}
@media (max-width: 620px) {
.headerTop .container nav ul {
gap: 0;
}
.headerTop .container #shipping_days a {
display: flex;
align-items: center;
line-height: 1.2;
}
.headerTop .container #shipping_days a span {
display: none;
}
}
.headerTop .container:before,
.headerTop .container:after {
display: none;
}
.headerTop a {
color: #ffffff;
}
.headerTop a:hover {
text-decoration: underline;
}
.headerTop nav ul {
list-style: none;
display: flex;
align-items: center;
margin: 0;
padding: 0;
gap: calc(40px / 2);
}
.headerTop nav ul li {
margin: 0;
padding: 0;
}
.headerTop nav ul li:first-child a {
margin-left: 0;
}
.headerTop nav ul li > span {
display: inline-block;
}
.headerTop nav ul li:first-child a {
margin-left: 0;
}
.headerMain {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
color: #00121e;
position: relative;
z-index: 1001;
background-color: #ffffff;
}
@media (min-width: 1024px) {
.headerMain {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
@media (min-width: 1250px) {
.headerMain {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
}
.headerMain a {
color: #00121e;
}
.headerMain a:hover {
color: #0069b4;
}
.headerMain .container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.headerMain .container:before,
.headerMain .container:after {
display: none;
}
.headerMain__left {
display: flex;
align-items: center;
}
.headerMain__right {
display: flex;
width: 100%;
align-items: center;
flex-grow: 0;
align-self: normal;
justify-content: flex-end;
}
@media (min-width: 1024px) {
.headerMain__right {
flex-direction: column;
justify-content: inherit;
}
}
.headerMain__right__top {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (min-width: 1024px) {
.headerMain__right__top {
justify-content: space-between;
}
}
@media (min-width: 1024px) {
.headerMain__right__bottom {
width: 100%;
}
}
.headerMain__actions {
display: flex;
align-items: center;
}
.headerMain__actions a {
display: flex;
margin-left: 0.3125rem;
font-weight: 600;
}
@media (min-width: 481px) {
.headerMain__actions a {
margin-left: 0.625rem;
}
}
.headerMain__actions a i {
color: #0069b4;
font-size: 2rem;
font-weight: 400;
}
.headerMain__actions a.active {
color: #0069b4;
}
.headerMain .toggleNavigation {
margin-left: 1.25rem;
color: #0069b4;
}
@media (min-width: 1024px) {
.headerMain .toggleNavigation {
display: none;
}
}
header.header.sticky {
box-shadow: 0 0 20px rgba(0 0 0 / 10%);
border-bottom: 0;
}
.header__stickyContainer {
position: sticky;
width: 100%;
top: 0;
z-index: 998;
}
.headerBottom {
background-color: #00121e;
color: #ffffff;
}
.headerBottom a {
color: #ffffff;
}
.headerBottom a:hover {
color: #0069b4;
}
.headerSearch input {
background-color: #eeeeee;
border-color: #eeeeee;
}
.headerBasket .header_basket {
display: flex;
}
.headerBasket .headerIcon__label {
line-height: 1;
}
.headerBasket .headerIcon__label small {
color: #707070;
font-weight: 400;
}
.headerQuickorder .quickOrderForm__input input {
border-color: #ffffff;
}
#headerSearch--mobile a {
color: #0069b4;
}
@media (max-width: 460px) {
#js-button-dropship-header {
display: none;
}
}
@media (min-width: 768px) {
.footerNavigation {
font-size: 16px;
}
}
@media (max-width: 1023px) {
.footerNavigation {
margin-bottom: 30px;
}
}
.footerNavigation ul {
margin: 0;
padding: 0;
}
.footerNavigation li {
padding: 0;
margin: 0;
list-style-type: none;
}
.footerNavigation li:hover > a,
.footerNavigation li.active_tree > a {
color: #0069b4;
}
@media (min-width: 768px) {
.footerNavigation > ul {
display: flex;
}
}
.footerNavigation > ul > li:not(:last-child) {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.footerNavigation > ul > li {
width: 50%;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.footerNavigation > ul > li {
width: 33.33333333%;
}
}
@media (min-width: 1250px) {
.footerNavigation > ul > li {
width: 25%;
}
}
.footerNavigation > ul > li > a {
text-transform: uppercase;
font-weight: 600;
display: inline-block;
margin-bottom: 20px;
}
.footerSocialmedia strong {
text-transform: uppercase;
}
.footerMain {
border-top: 1px solid #00121e;
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 1024px) {
.footerMain {
padding-top: 60px;
padding-bottom: 60px;
}
}
.footerMain a {
color: #00121e;
}
.footerMain a:hover {
color: #0069b4;
}
.footerNavigationLegal {
order: 1;
}
@media (max-width: 767px) {
.footerNavigationLegal {
margin-bottom: 1.25rem;
}
}
.footerNavigationLegal > ul {
padding: 0;
margin: 0 -0.625rem;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 768px) {
.footerNavigationLegal > ul {
justify-content: flex-start;
}
}
.footerNavigationLegal > ul > li {
padding: 0;
margin: 0;
list-style-type: none;
}
.footerNavigationLegal > ul > li > a {
padding: 0 0.625rem;
display: block;
border-left: 1px solid #ffffff;
color: #ffffff;
line-height: 1;
margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
.footerNavigationLegal > ul > li > a {
margin-bottom: 0;
}
}
.footerNavigationLegal > ul > li > a.active,
.footerNavigationLegal > ul > li > a.active_tree,
.footerNavigationLegal > ul > li > a:hover {
text-decoration: underline;
}
.footerNavigationLegal > ul > li:first-child a {
border-left-width: 0;
}
.footerBottom {
background-color: #0069b4;
color: #ffffff;
padding-top: 1.25rem;
padding-bottom: 0.9375rem;
}
@media (min-width: 768px) {
.footerBottom .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.footerBottom .container:before,
.footerBottom .container:after {
display: none;
}
}
.footerCopyright {
text-align: center;
}
@media (min-width: 768px) {
.footerCopyright {
text-align: left;
}
}
nav.entryNavigation ul {
list-style: none;
display: inline-table;
margin: 0px;
font-size: 14px;
color: #666666;
height: 30px;
line-height: 30px;
float: right;
}
nav.entryNavigation ul:after {
content: "";
clear: both;
display: block;
}
nav.entryNavigation ul li {
float: left;
position: relative;
}
nav.entryNavigation ul li a,
nav.entryNavigation ul li a:link,
nav.entryNavigation ul li a:visited,
nav.entryNavigation ul li a:active {
color: #666666;
text-decoration: none;
display: block;
padding: 0px 20px;
background-color: #EEEEEE;
white-space: nowrap;
}
nav.entryNavigation ul li a:hover {
color: #fff;
background-color: #999;
}
nav.entryNavigation ul li.active a,
nav.entryNavigation ul li.active a:link,
nav.entryNavigation ul li.active a:visited,
nav.entryNavigation ul li.active a:active {
color: #ffffff;
background-color: #99C137;
}
nav.entryNavigation ul li:hover a {
color: #fff;
background-color: #999;
}
@media (max-width: 767px) {
nav.entryNavigation ul li a,
nav.entryNavigation ul li a:link,
nav.entryNavigation ul li a:visited,
nav.entryNavigation ul li a:active {
padding: 0 10px;
}
}
@media (max-width: 481px) {
nav.entryNavigation ul li a,
nav.entryNavigation ul li a:link,
nav.entryNavigation ul li a:visited,
nav.entryNavigation ul li a:active {
padding: 0 10px;
}
}
.news {
display: flex;
flex-direction: column;
color: #00121e;
width: 100%;
}
.news:hover {
color: #00121e;
}
.news:hover:hover .news__previewImg img {
transform: scale(1.02);
}
.news:hover:hover .linkWithIcon {
color: #004b81;
}
.news__previewImg {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
overflow: hidden;
}
.news__previewImg img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transition: 0.2s ease-in-out;
}
.news__previewImg:before {
content: "";
display: block;
padding-top: 75%;
}
.news__headline {
font-weight: 600;
font-size: 1.6rem;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.news__headline {
font-size: 2rem;
}
}
.news__summary {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
}
.news__content {
background-color: #eeeeee;
padding: 30px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.news__link {
padding-top: 20px;
}
.newsList .row > [class^="col"] {
display: flex;
}
.newsList.owl-carousel .owl-stage {
display: flex;
}
.newsList.owl-carousel .owl-item {
display: flex;
}
.newsList.owl-carousel .owl-item > div {
width: 100%;
display: flex;
}
.events {
display: flex;
flex-direction: column;
color: #00121e;
width: 100%;
}
.events:hover {
color: #00121e;
}
.events:hover:hover .events__previewImg img {
transform: scale(1.02);
}
.events:hover:hover .linkWithIcon {
color: #004b81;
}
.events__headline {
font-weight: 600;
font-size: 1.6rem;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.events__headline {
font-size: 2rem;
}
}
.events__summary {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
}
.events__content {
background-color: #eeeeee;
padding: 30px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.events__link {
padding-top: 20px;
}
.eventsList .row > [class^="col"] {
display: flex;
}
.eventsList.owl-carousel .owl-stage {
display: flex;
}
.eventsList.owl-carousel .owl-item {
display: flex;
}
.eventsList.owl-carousel .owl-item > div {
width: 100%;
display: flex;
}
.team {
display: flex;
flex-direction: column;
width: 100%;
}
.team__img {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
overflow: hidden;
}
.team__img img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transition: 0.2s ease-in-out;
}
.team__img:before {
content: "";
display: block;
padding-top: 100%;
}
.team__name {
font-weight: 600;
font-size: 1.6rem;
}
@media (min-width: 768px) {
.team__name {
font-size: 2rem;
}
}
.team__contact {
margin-top: 10px;
}
.team__mail .linkWithIcon,
.team__phone .linkWithIcon {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 100%;
}
.team__content {
flex-grow: 1;
display: flex;
flex-direction: column;
padding-top: 20px;
}
.teamList .row > [class^="col"] {
display: flex;
}
.teamList.owl-carousel .owl-stage {
display: flex;
}
.teamList.owl-carousel .owl-item {
display: flex;
}
.teamList.owl-carousel .owl-item > div {
width: 100%;
display: flex;
}
.job {
color: #00121e;
display: block;
text-decoration: none;
border-bottom: 1px solid #00121e;
padding-bottom: 30px;
margin-bottom: 30px;
}
.job:hover,
.job:focus,
.job:active {
text-decoration: none;
color: #00121e;
}
.job:hover .linkWithIcon,
.job:focus .linkWithIcon,
.job:active .linkWithIcon {
color: #004b81;
}
.job__title {
font-weight: 600;
font-size: 1.6rem;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.job__title {
font-size: 2rem;
}
}
.job__summary {
margin-bottom: 10px;
}
.job__info {
margin-right: 20px;
}
.job__footer {
display: flex;
align-items: center;
}
.job__link {
text-align: right;
flex-grow: 1;
}
.bannerGrid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.625rem;
}
@media (min-width: 768px) {
.bannerGrid {
grid-template-columns: 1fr 1fr;
column-gap: 0.625rem;
}
.bannerGrid > .group:first-child {
grid-row: 1;
grid-column: 1 / 3;
}
.bannerGrid > .group:nth-of-type(2) {
grid-row: 2;
grid-column: 1 / 2;
}
.bannerGrid > .group:nth-of-type(3) {
grid-row: 2;
grid-column: 2 / 3;
}
}
@media (min-width: 1024px) {
.bannerGrid {
grid-template-columns: 1.39fr 1fr;
grid-template-rows: 1fr 1fr;
column-gap: 0.625rem;
}
.bannerGrid > .group:first-child {
grid-row: 1 / 3;
grid-column: 1;
}
.bannerGrid > .group:nth-of-type(2) {
grid-row: 1/2;
grid-column: 2;
}
.bannerGrid > .group:nth-of-type(3) {
grid-row: 2/3;
grid-column: 2;
align-self: end;
}
}
.bannerGrid .owl-carousel .owl-nav button.owl-next {
right: 0 !important;
}
.bannerGrid .owl-carousel .owl-nav button.owl-prev {
left: 0 !important;
}
.banner2col {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.625rem;
}
@media (min-width: 768px) {
.banner2col {
grid-template-columns: 1fr 1fr;
grid-column-gap: 0.625rem;
}
}
.banner--category {
position: relative;
background: #0069b4;
aspect-ratio: 16/9;
border-radius: 0.75rem;
overflow: hidden;
}
@media (min-width: 481px) {
.banner--category {
aspect-ratio: 2.2/1;
}
}
@media (min-width: 768px) {
.banner--category {
aspect-ratio: 4/1;
}
}
@media (min-width: 1024px) {
.banner--category {
aspect-ratio: 1544/298;
}
}
.banner--category .banner,
.banner--category > div {
width: 100%;
height: 100%;
}
.banner--category img {
display: block;
position: absolute;
right: 7%;
top: 0;
height: 100% !important;
width: auto !important;
}
.banner--category img.banner--categoryFull {
right: 0;
left: 0;
width: 100% !important;
}
.banner--category .banner__text {
width: calc(100% - 2*0.625rem);
bottom: 0.625rem;
left: 0.625rem;
z-index: 99;
top: auto;
}
@media (min-width: 481px) {
.banner--category .banner__text {
position: absolute;
width: 65%;
}
}
@media (min-width: 481px) {
.banner--category .banner__text {
bottom: 1.25rem;
left: 1.25rem;
}
}
.banner--category .banner__text h1,
.banner--category .banner__text h2,
.banner--category .banner__text h3 {
margin-bottom: 0;
}
.banner3col {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.625rem;
}
@media (min-width: 768px) {
.banner3col {
grid-template-columns: 1fr 1fr;
grid-column-gap: 0.625rem;
}
}
@media (min-width: 1024px) {
.banner3col {
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 0.625rem;
}
}
.banner {
position: relative;
display: block;
overflow: hidden;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
border-radius: 0.75rem;
}
@media (max-width: 1023px) {
.banner .buttonPrimary--outline {
padding: 0;
background: transparent;
text-decoration: underline;
min-width: auto;
width: auto;
font-size: 1rem;
border: none;
}
}
.banner .link {
cursor: pointer;
}
.banner .link img {
transition: all 0.3s ease;
}
.banner .link:hover img {
transform: scale(1.02);
}
@media (max-width: 767px) {
.banner .link:hover .buttonPrimary--outline {
background: transparent !important;
border-color: transparent;
color: #ffffff;
}
}
.banner__text {
position: absolute;
width: 65%;
top: 0.625rem;
left: 0.625rem;
color: #ffffff;
}
@media (min-width: 481px) {
.banner__text {
top: 1.25rem;
left: 1.25rem;
}
}
.banner__text h1,
.banner__text h2,
.banner__text h3 {
color: #ffffff;
margin-bottom: 0.625rem;
margin-top: 0;
}
@media (min-width: 1024px) {
.banner__text {
width: 75%;
}
}
@media (min-width: 1250px) {
.banner__text {
width: 60%;
}
}
.banner__button {
position: absolute;
bottom: 0.625rem;
left: 0.625rem;
}
@media (min-width: 481px) {
.banner__button {
bottom: 1.25rem;
left: 1.25rem;
}
}
.banner__buttons {
position: absolute;
bottom: 0.625rem;
left: 0.625rem;
right: 0.625rem;
}
@media (min-width: 481px) {
.banner__buttons {
bottom: 1.25rem;
left: 1.25rem;
right: 1.25rem;
}
}
.banner__buttons .groupcode {
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
}
@media (max-width: 1023px) {
.banner__buttons .groupcode {
flex-direction: column;
}
}
.banner--shadow:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 60%;
bottom: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.banner .contentImage video,
.banner .contentImage img {
min-width: 100%;
}
.banner .contentText__headline {
font-size: 24px;
line-height: 1;
margin-bottom: 1.25rem;
margin-top: 0;
font-weight: 600;
}
@media (min-width: 768px) {
.banner .contentText__headline {
font-size: 33px;
}
}
.banner .contentText__text {
font-weight: 600;
font-size: 1.25rem;
margin-top: 0;
margin-bottom: 1.25rem;
}
.banner .contentText .textcontent {
padding: 1.25rem;
background-color: #ffffff;
text-align: center;
}
@media (min-width: 768px) {
.banner .contentText .textcontent {
max-width: 400px;
}
}
@media (min-width: 1024px) {
.banner .contentText .textcontent {
padding: 1.875rem;
}
}
@media (min-width: 768px) {
.banner .contentText {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 1.875rem;
}
.banner .contentText.contentText--left {
justify-content: flex-start;
}
.banner .contentText.contentText--right {
justify-content: flex-end;
}
.banner .contentText.contentText--vertTop {
align-items: flex-start;
}
.banner .contentText.contentText--vertBottom {
align-items: flex-end;
}
}
@media (min-width: 1250px) {
.banner .contentText {
padding: 2.5rem;
}
}
@media (min-width: 1250px) {
.banner .contentText {
padding: 3.75rem;
}
}
a.banner {
color: #00121e;
}
.slideshowSitepart.owl-carousel {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.slideshowSitepart.owl-carousel:not(.owl-loaded) {
display: flex;
overflow: hidden;
}
.slideshowSitepart.owl-carousel:not(.owl-loaded) .banner {
flex-shrink: 0;
}
.slideshowSitepart.owl-carousel .owl-nav .owl-prev,
.slideshowSitepart.owl-carousel .owl-nav .owl-next {
background: rgba(255, 255, 255, 0.2);
color: #ffffff;
opacity: 0;
transition: 0.2s ease-in-out;
}
.slideshowSitepart.owl-carousel .owl-nav .owl-prev {
left: 30px;
}
.slideshowSitepart.owl-carousel .owl-nav .owl-next {
right: 30px;
}
.slideshowSitepart.owl-carousel:hover .owl-nav .owl-prev,
.slideshowSitepart.owl-carousel:hover .owl-nav .owl-next {
opacity: 1;
}
.bannerSlider {
max-width: 100%;
overflow: hidden;
aspect-ratio: 893/640;
border-radius: 0.75rem;
width: 100%;
}
.bannerSlider .owl-dots {
display: none;
}
.bannerSlider .slideshow_content {
display: flex;
height: 100%;
padding: 1.25rem 2.5rem;
}
.bannerSlider .slideshow_content_inner {
display: flex;
flex-direction: column;
height: 100%;
}
.bannerSlider .slideshow_headline {
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
color: #00121e;
margin-top: 0;
margin-bottom: 0.75em;
hyphens: auto;
font-size: calc(1.325rem + 0.9vw);
font-weight: 700;
color: #ffffff;
}
@media (min-width: 768px) {
.bannerSlider .slideshow_headline {
hyphens: inherit;
}
}
@media (min-width: 1200px) {
.bannerSlider .slideshow_headline {
font-size: 2rem;
}
}
.bannerSlider .slideshow_text_inner {
color: #ffffff;
}
.bannerSlider .slideshow_button {
margin-top: auto;
}
.bannerSlider .owl-carousel-item {
background-size: cover;
aspect-ratio: 894/641;
width: 100%;
height: 100% !important;
overflow: hidden;
}
.bannerSlider .owl-item {
aspect-ratio: 894/641;
height: auto !important;
}
.bannerSlider .owl-nav button {
background-color: rgba(255, 255, 255, 0.8) !important;
}
.bannerSlider .owl-nav button i {
color: #777777;
}
.bannerSlider .owl-nav button:hover {
background-color: #ffffff !important;
}
.bannerSlider .owl-nav button:hover i {
color: #707070;
}
.gridGroup {
display: grid;
gap: 0.625rem;
}
.gridGroup--5 {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.filegallery_content.table > div {
display: flex;
flex-direction: column;
}
.filegallery_content_file_wrapper.table {
display: flex;
flex-grow: 1;
}
@media (max-width: 1529px) {
.filegallery_content_file_wrapper.table {
overflow-x: scroll;
}
}
.filegallery_content_file_wrapper.list > div {
container-type: inline-size;
container-name: filegallery;
}
.filegallery_content_file_wrapper.list > div > a,
.filegallery_content_file_wrapper.list > div > div {
padding: 0.3125rem 0.625rem;
display: grid;
grid-gap: 0.3125rem;
grid-template-columns: 1fr 65px;
align-items: center;
color: #0069b4;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--name,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--name {
color: #00121e;
word-break: break-all;
display: flex;
align-items: center;
grid-column: 1/3;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--name i,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--name i {
font-size: 1.5rem;
margin-right: 0.3125rem;
color: #0069b4;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--image img,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--image img {
aspect-ratio: 1;
width: 70px;
object-fit: contain;
margin-block: 0.3125rem;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--size,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--size {
color: #00121e;
grid-column: 2/3;
grid-row: none;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--download,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--download {
cursor: pointer;
display: flex;
grid-column: 1/2;
gap: 10px;
flex-wrap: wrap;
}
.filegallery_content_file_wrapper.list > div > a:hover .filegallery_content_file--name,
.filegallery_content_file_wrapper.list > div > div:hover .filegallery_content_file--name,
.filegallery_content_file_wrapper.list > div > a:focus .filegallery_content_file--name,
.filegallery_content_file_wrapper.list > div > div:focus .filegallery_content_file--name,
.filegallery_content_file_wrapper.list > div > a:hover .filegallery_content_file--size,
.filegallery_content_file_wrapper.list > div > div:hover .filegallery_content_file--size,
.filegallery_content_file_wrapper.list > div > a:focus .filegallery_content_file--size,
.filegallery_content_file_wrapper.list > div > div:focus .filegallery_content_file--size,
.filegallery_content_file_wrapper.list > div > a:hover .filegallery_content_file--download,
.filegallery_content_file_wrapper.list > div > div:hover .filegallery_content_file--download,
.filegallery_content_file_wrapper.list > div > a:focus .filegallery_content_file--download,
.filegallery_content_file_wrapper.list > div > div:focus .filegallery_content_file--download {
color: #004b81;
}
.filegallery_content_file_wrapper.list > div:nth-of-type(odd) {
background-color: #eeeeee;
}
.filegallery_content_file_wrapper.list > div .has-img {
grid-template-columns: 1fr;
}
.filegallery_content_file_wrapper .emptybox {
flex-grow: 1;
}
@container filegallery (min-width: 481px) {
.filegallery_content_file_wrapper.list > div > a,
.filegallery_content_file_wrapper.list > div > div {
padding: 2px 1.25rem !important;
grid-template-columns: 2fr 0.5fr 1fr !important;
}
.filegallery_content_file_wrapper.list > div > a.has-img,
.filegallery_content_file_wrapper.list > div > div.has-img {
grid-template-columns: 0.5fr 0.5fr auto !important;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--download,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--download {
justify-content: flex-end;
grid-column: unset;
flex-direction: column;
align-items: flex-start;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--name,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--name {
grid-column: unset;
}
.filegallery_content_file_wrapper.list > div > a .filegallery_content_file--size,
.filegallery_content_file_wrapper.list > div > div .filegallery_content_file--size {
grid-column: unset;
grid-row: unset;
}
}
.filegallery_tags {
background: #0069b4;
color: #ffffff;
margin-right: 3px;
margin-bottom: 1px;
margin-top: 1px;
font-size: 12px;
padding: 0 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.filegallery_tags:empty {
background: #ffffff;
padding: 0;
}
.filegallery_new {
background: #D61416;
color: #ffffff;
margin-right: 3px;
margin-bottom: 1px;
margin-top: 1px;
font-size: 12px;
padding: 0 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.filegallery_new:empty {
background: #ffffff;
padding: 0;
}
.filegallery_table_wrapper {
flex-grow: 1;
}
.filegallery_table_wrapper td {
padding: 5px 10px;
white-space: nowrap;
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.8rem;
}
@media (max-width: 1250px) {
.filegallery_table_wrapper td {
max-width: 280px;
}
}
.filegallery_table_wrapper > thead {
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 2px solid #0069b4;
font-weight: 600;
position: sticky;
top: 0;
background: #ffffff;
}
@media (max-width: 767px) {
.filegallery_table_wrapper > thead {
position: relative;
top: 0;
}
}
.filegallery_table_wrapper > thead td {
padding: 10px;
min-width: 160px;
color: #00121e;
}
.filegallery_table_wrapper > tbody tr:nth-child(odd) {
background: #ffffff;
}
.filegallery_table_wrapper > tbody tr:nth-child(even) {
background: #eeeeee;
}
.filegallery_table_wrapper > tbody td i {
color: #0069b4;
font-size: 1.8rem;
margin-right: 5px;
margin-top: -2px;
}
.filegallery_table_wrapper > tbody td img {
width: 150px;
}
.filegallery_table_wrapper > tbody td.filegallery_tags_wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.filegallery_table_wrapper > tbody .filegallery_tags {
background: #0069b4;
padding: 0 8px;
color: #ffffff;
margin-right: 3px;
margin-bottom: 1px;
margin-top: 1px;
font-size: 10px;
}
.filegallery_table_wrapper > tbody .filegallery_tags:empty {
background: #ffffff;
padding: 0;
}
.filegallery_tagfilter_wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.filegallery_filter_wrapper > form {
display: flex;
align-items: flex-end;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.filegallery_filter_wrapper > form {
flex-direction: column;
align-items: flex-start;
}
}
.filegallery_filter_wrapper > form > div {
flex-grow: 1;
}
@media (max-width: 767px) {
.filegallery_filter_wrapper > form > div {
margin-bottom: 20px;
margin-right: 0;
width: 100%;
}
}
.filegallery_filter_wrapper > form > button {
margin-bottom: 0;
}
.filegallery_content_file_image {
margin-bottom: 20px;
}
.filegallery_content_file_image img {
width: 150px;
}
.filegallery_content_file_text {
font-size: 1.8rem;
}
.filegallery_1_2 .filegallery_content {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.filegallery_1_2 .filegallery_content .filegallery_content_file {
float: left;
width: 50%;
padding-left: 3.125rem;
padding-right: 3.125rem;
}
.filegallery_1_2 .filegallery_content:after {
clear: both;
display: block;
content: " ";
}
@media (max-width: 767px) {
.filegallery_1_2 .filegallery_content .filegallery_content_file {
float: left;
width: 100%;
}
}
.filegalleryFilterWrapper .filter_headline {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
border: none;
}
.filegalleryFilterWrapper .filter_headline > h3 {
margin-bottom: 0;
}
.filegalleryFilterWrapper .filter_headline > a {
color: #d9dddd;
text-decoration: underline;
}
.filegalleryFilterWrapper .filter_headline > a:hover {
color: #0069b4;
}
.filegalleryFilterWrapper .filter_headline:after {
display: none;
}
.filegalleryFilterWrapper .filter_tag_zone .filegallery_tags {
background: #d9dddd;
padding: 0 8px;
color: #ffffff;
margin-right: 3px;
margin-bottom: 1px;
margin-top: 1px;
font-size: 12px;
}
.filegalleryFilterWrapper .filter_tag_zone .filegallery_tags:empty {
background: #ffffff;
padding: 0;
}
.filegalleryFilterWrapper .filter_tag_zone .filegallery_tags.filterActive {
background: #0069b4;
}
.scrollbar.owl-carousel .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
.scrollbar.owl-carousel .owl-item {
transition: opacity 0.25s ease;
}
.scrollbar.owl-carousel .owl-item img {
width: auto;
display: inline;
}
.scrollbar__item {
text-align: center;
}
.slidecontent_headline {
position: relative;
font-size: 1rem;
color: #00121e;
padding: 10px;
padding-left: 30px;
cursor: pointer;
}
.slidecontent_headline:after {
content: "\E001";
font-family: "icons", Helvetica, Arial, sans-serif;
position: absolute;
left: 0;
top: 50%;
font-size: 20px;
line-height: 20px;
margin-top: -10px;
width: 20px;
text-align: center;
color: #0069b4;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
}
.slidecontent_headline:hover,
.slidecontent_headline:active,
.slidecontent_headline:focus {
color: #0069b4;
}
.slidecontent_headline.active:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.slidecontent_content_container {
display: none;
padding: 10px 10px 20px 30px;
}
.slidecontent .slide_container {
margin-bottom: 20px;
border-bottom: 1px solid #00121e;
}
.googlemaps_content {
max-width: 100%;
}
.googlemaps_content img {
max-width: none !important;
}
@media (max-width: 1023px) {
.youtubecontent {
display: block;
max-width: 100%;
position: relative;
width: 100%;
background-color: #ffffff;
}
.youtubecontent iframe {
bottom: 0;
height: 100%;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.youtubecontent:before {
content: "";
display: block;
padding-top: 60%;
}
}
.languageSwitchButton {
display: flex;
align-items: center;
cursor: pointer;
}
#languageSwitchModal .modal-dialog {
width: 400px;
}
#languageSwitchModal ul {
padding: 0;
list-style: none;
display: flex;
margin: 0;
flex-wrap: wrap;
}
#languageSwitchModal li {
width: 100%;
padding: 0;
display: flex;
text-align: center;
}
#languageSwitchModal li.active a {
background: #eeeeee;
}
#languageSwitchModal li img {
width: 40px;
margin-right: 20px;
}
#languageSwitchModal li .text {
margin-left: 20px;
}
#languageSwitchModal li a {
display: flex;
align-items: center;
text-decoration: none;
color: #00121e;
font-weight: 600;
padding: 40px/2;
width: 100%;
}
#languageSwitchModal li a:hover {
color: #00121e;
}
.contentBox {
display: flex;
flex-direction: column;
height: 100%;
}
.contentBox > .link {
display: flex;
flex-direction: column;
flex-grow: 1;
color: #00121e;
}
.contentBox > .link .contentImage {
overflow: hidden;
}
.contentBox > .link .contentImage img {
transition: 0.2s ease-in-out;
}
.contentBox > .link:hover .contentImage img {
transform: scale(1.02);
}
.contentBox .contentImage img {
min-width: 100%;
}
.contentBox .contentText {
padding: 30px;
background-color: #eeeeee;
flex-grow: 1;
display: flex;
}
.contentBox .contentText .textcontent {
width: 100%;
padding-bottom: 30px;
position: relative;
}
.contentBox .contentText .textcontent a:last-child {
position: absolute;
left: 0;
bottom: 0;
}
.contentBox--imgTop .contentImage,
.contentBox--imgleft .contentImage,
.contentBox--imgright .contentImage {
display: block;
max-width: 100%;
position: relative;
width: 100%;
}
.contentBox--imgTop .contentImage img,
.contentBox--imgleft .contentImage img,
.contentBox--imgright .contentImage img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
.contentBox--imgTop .contentImage:before,
.contentBox--imgleft .contentImage:before,
.contentBox--imgright .contentImage:before {
content: "";
display: block;
padding-top: 75%;
}
@media (min-width: 768px) {
.contentBox--imgleft.hasNoLink,
.contentBox--imgright.hasNoLink {
flex-direction: row;
}
.contentBox--imgleft > .link,
.contentBox--imgright > .link {
flex-direction: row;
}
.contentBox--imgleft .contentImage,
.contentBox--imgright .contentImage,
.contentBox--imgleft .contentText,
.contentBox--imgright .contentText {
width: 50%;
}
.contentBox--imgright .contentImage {
order: 1;
}
.contentBox--textinbox {
position: relative;
}
.contentBox--textinbox .contentText {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
margin: 10px;
width: calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -o-calc(100% - 20px);
max-height: calc(100% - 20px);
max-height: -moz-calc(100% - 20px);
max-height: -webkit-calc(100% - 20px);
max-height: -o-calc(100% - 20px);
}
}
@media (min-width: 768px) and (min-width: 768px) {
.contentBox--textinbox .contentText {
margin: 20px;
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
max-height: calc(100% - 40px);
max-height: -moz-calc(100% - 40px);
max-height: -webkit-calc(100% - 40px);
max-height: -o-calc(100% - 40px);
}
}
.tabNavigation {
display: flex;
max-width: calc(100vw - 30px);
position: relative;
margin-top: 20px;
margin-bottom: 0.625rem;
padding: 0;
list-style: none;
gap: 0.625rem;
}
@media (max-width: 767px) {
.tabNavigation {
overflow: hidden;
overflow-x: auto;
}
}
.tabNavigation:after {
content: "";
display: block;
height: 2px;
width: 100%;
position: absolute;
bottom: 0;
background: transparent;
}
@media (min-width: 768px) {
.tabNavigation:after {
background: #eeeeee;
left: 0;
}
}
.tabNavigation li {
margin-bottom: 0;
cursor: pointer;
}
.tabNavigation li span {
font-weight: 600;
text-decoration: none;
color: #777777;
padding: 0.625rem;
display: block;
position: relative;
white-space: nowrap;
background: #eeeeee;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@media (min-width: 768px) {
.tabNavigation li span {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1250px) {
.tabNavigation li span {
font-size: 1.25rem;
}
}
@media (min-width: 1810px) {
.tabNavigation li span {
padding-left: 25px;
padding-right: 25px;
}
}
.tabNavigation li span:after {
content: "";
display: block;
width: 100%;
height: 2px;
background: transparent;
position: absolute;
bottom: 0;
z-index: 1;
left: 0;
}
.tabNavigation li span:hover,
.tabNavigation li span:focus,
.tabNavigation li span:active,
.tabNavigation li span.active {
color: #0069b4;
}
.tabNavigation li.active span {
color: #0069b4;
background: #e5f0f7;
}
.tabNavigation li.active span:after {
background: #0069b4;
}
.tabNavigation__tabs > div:not(:first-child) {
display: none;
}
.fileExplorer {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.fileExplorer {
display: grid;
grid-template-columns: 1fr 1.33fr;
margin: 0;
padding: 0;
border: none;
}
}
.fileExplorer__header {
order: 3;
font-weight: 600;
}
@media (min-width: 768px) {
.fileExplorer__header {
order: unset;
padding-inline: 1.25rem;
border-bottom: 1px solid #d9dddd;
}
}
.fileExplorer__header:not(.fileExplorer__header-right) {
order: 1;
}
@media (min-width: 768px) {
.fileExplorer__header:not(.fileExplorer__header-right) {
order: unset;
border-right: 1px solid #d9dddd;
padding-left: 0;
}
}
.fileExplorer__header-right {
container-type: inline-size;
container-name: fileexplorer-header;
padding: 0;
}
.fileExplorer__header-right > div {
display: grid;
grid-gap: 0.3125rem;
grid-template-columns: 1fr 80px;
padding-inline: 0.625rem;
}
.fileExplorer__left {
margin-bottom: 0.625rem;
padding-block: 0.625rem;
order: 2;
max-height: 50vh;
max-height: 50dvh;
overflow-y: auto;
}
@media (min-width: 768px) {
.fileExplorer__left {
background-color: transparent;
border-right: 1px solid #d9dddd;
border-bottom: none;
order: unset;
}
}
.fileExplorer__left ul {
list-style: none;
padding: 0;
margin: 0;
}
.fileExplorer__right {
container-type: inline-size;
container-name: fileexplorer-right;
position: relative;
order: 4;
max-height: 50vh;
max-height: 50dvh;
overflow-y: auto;
}
@media (min-width: 768px) {
.fileExplorer__right {
order: unset;
}
}
.fileExplorer__right .fileExplorer__content {
padding: 0.3125rem 0.625rem;
display: grid;
grid-gap: 0.3125rem;
grid-template-columns: 1fr 65px;
}
.fileExplorer__right .fileExplorer__content:nth-of-type(odd) {
background-color: #eeeeee;
}
.fileExplorer__right .alert {
margin: 0.625rem;
}
.fileExplorer__content--entry i {
margin-right: 0.625rem;
opacity: 0;
transition: all 0.35s ease;
}
.fileExplorer__content--entry a,
.fileExplorer__content--entry .buttonText {
cursor: pointer;
color: #00121e;
}
.fileExplorer__content--entry a.active,
.fileExplorer__content--entry .buttonText.active {
font-weight: 600;
color: #0069b4;
}
.fileExplorer__content.has_children.active > .fileExplorer__content--entry i {
transform: rotate(90deg);
}
.fileExplorer__content.has_children > .fileExplorer__content--entry > i {
cursor: pointer;
opacity: 1;
}
.fileExplorer__content.has_children > .fileExplorer__content {
display: none;
padding-left: 1.25rem;
}
.fileExplorer__content--name {
color: #00121e;
word-break: break-all;
grid-column: 1/3;
}
.fileExplorer__content--size {
color: #00121e;
grid-column: 2/3;
grid-row: none;
}
.fileExplorer__content--download {
cursor: pointer;
display: flex;
grid-column: 1/2;
}
.fileExplorer__content:hover .fileExplorer__content--name,
.fileExplorer__content:focus .fileExplorer__content--name,
.fileExplorer__content:hover .fileExplorer__content--size,
.fileExplorer__content:focus .fileExplorer__content--size {
color: #004b81;
}
@media (min-width: 768px) {
.fileExplorer--noHierarchy {
grid-template-columns: 170px 1fr;
}
}
.fileExplorer--noHierarchy .fileExplorer__header--net_value,
.fileExplorer--noHierarchy .fileExplorer__content--net_value {
text-align: right;
}
@container fileexplorer-header (min-width: 481px) {
.fileExplorer__header-right > div {
padding: 0 1.25rem;
box-sizing: border-box;
grid-template-columns: 2fr 0.5fr 1fr;
}
.fileExplorer--noHierarchy:not(.noGrid) .fileExplorer__header-right > div {
grid-template-columns: 185px 140px 100px 100px 123px 100px auto;
}
}
@container fileexplorer-right (min-width: 481px) {
.fileExplorer__content {
padding: 0 1.25rem !important;
grid-template-columns: 2fr 0.5fr 1fr !important;
}
.fileExplorer__content--download {
justify-content: flex-end;
grid-column: unset;
align-items: center;
}
.fileExplorer__content--name {
grid-column: unset;
}
.fileExplorer__content--size {
grid-column: unset;
grid-row: unset;
}
.fileExplorer--noHierarchy:not(.noGrid) .fileExplorer__content {
grid-template-columns: 185px 140px 100px 100px 123px 100px auto !important;
}
}
.switch {
display: flex;
align-items: center;
cursor: pointer;
margin-bottom: 0;
}
.switch__text {
display: block;
margin-right: 0.3125rem;
color: #ffffff;
}
.switch__input {
position: relative;
display: inline-block;
width: 3rem;
height: 1.25rem;
}
.switch__input .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #eeeeee;
transition: 0.4s;
}
.switch__input .slider.round {
border-radius: 0.75rem;
}
.switch__input .slider.round:before {
border-radius: 50%;
}
.switch__input .slider:before {
position: absolute;
content: "";
height: calc(1.25rem*0.8);
width: calc(1.25rem*0.8);
left: 2px;
bottom: 2px;
background-color: #707070;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.switch__input input {
opacity: 0;
width: 0;
height: 0;
}
.switch__input input:checked + .slider {
background-color: #96c31e;
}
.switch__input input:focus + .slider {
box-shadow: 0 0 1px #ffffff;
}
.switch__input input:checked + .slider:before {
transform: translateX(calc((3rem/2) + 3px));
background-color: #ffffff;
}
.contentBox--imgTop .contentImage:before,
.contentBox--imgleft .contentImage:before,
.contentBox--imgright .contentImage:before {
padding-top: 50%;
}
body[data-site_code="login"] .headerTop {
min-height: 25px;
}
body[data-site_code="login"] .header__stickyContainer {
position: static;
}
body[data-site_code="login"] .headerMain {
position: static;
}
body[data-site_code="login"] .headerMain > .container {
justify-content: center;
}
body[data-site_code="login"] .headerMain .headerLogo {
justify-content: center;
align-items: center;
margin-right: 0;
}
body[data-site_code="login"] .headerMain .headerLogo .header_logo {
justify-content: center;
}
body[data-site_code="login"] .headerMain .headerLogo .header_logo img {
width: 120px;
transition: all 0.2s ease;
}
body[data-site_code="login"] .headerMain .headerLogo .header_logo span {
transition: all 0.2s ease;
font-size: 1rem;
border-radius: 3px;
}
@media (min-width: 768px) {
body[data-site_code="login"] .headerMain .headerLogo .header_logo span {
font-size: 1.25rem;
border-radius: 4px;
}
}
body[data-site_code="login"] header.sticky {
position: fixed;
}
body[data-site_code="login"] header.sticky .headerMain {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
body[data-site_code="login"] header.sticky .headerMain .headerLogo .header_logo {
width: 55px;
}
body[data-site_code="login"] header.sticky .headerMain .headerLogo .header_logo img {
width: 55px;
}
body[data-site_code="login"] header.sticky .headerMain .headerLogo .header_logo span {
font-size: 0.6rem;
border-radius: 2px;
}
body[data-site_code="login"] .mainContent {
padding-top: 2.5rem;
}
body[data-site_code="login"] h1,
body[data-site_code="login"] h2,
body[data-site_code="login"] .h2 {
color: #0069b4;
}
@media print {
a[href]:after {
content: none !important;
}
}