/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-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.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.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 .next.disabled,.datepicker .prev.disabled{visibility:hidden}.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}.croppie-container{width:100%;height:100%}.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none}.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1;width:100%;height:100%}.croppie-container .cr-resizer,.croppie-container .cr-viewport{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 2000px 2000px rgba(0,0,0,.5);z-index:0}.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}.croppie-container .cr-resizer-horisontal,.croppie-container .cr-resizer-vertical{position:absolute;pointer-events:all}.croppie-container .cr-resizer-horisontal::after,.croppie-container .cr-resizer-vertical::after{display:block;position:absolute;box-sizing:border-box;border:1px solid #000;background:#fff;width:10px;height:10px;content:''}.croppie-container .cr-resizer-vertical{bottom:-5px;cursor:row-resize;width:100%;height:10px}.croppie-container .cr-resizer-vertical::after{left:50%;margin-left:-5px}.croppie-container .cr-resizer-horisontal{right:-5px;cursor:col-resize;width:10px;height:100%}.croppie-container .cr-resizer-horisontal::after{top:50%;margin-top:-5px}.croppie-container .cr-original-image{display:none}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move;touch-action:none}.croppie-container .cr-slider-wrap{width:75%;margin:15px auto;text-align:center}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.cr-slider{-webkit-appearance:none;border:1px solid #fff;width:300px;max-width:100%;padding-top:8px;padding-bottom:8px;background-color:transparent}.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider::-ms-track{width:100%;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}.cr-slider::-ms-fill-lower{background:rgba(0,0,0,.5);border-radius:10px}.cr-slider::-ms-fill-upper{background:rgba(0,0,0,.5);border-radius:10px}.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px}.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}.cr-rotate-controls button{border:0;background:0 0}.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:22px}.cr-rotate-l i:before{content:'↺'}.cr-rotate-r i:before{content:'↻'}/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-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.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.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;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);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.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.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 .next.disabled,.datepicker .prev.disabled{visibility:hidden}.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}@charset "UTF-8";
/* CHANGING BS BREAKPOINTS*/
/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0; }

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
/*
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  */
/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

button {
  padding: 0; }

ul {
  padding-inline-start: 0px; }

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700; }

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

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #0056b3;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

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

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

figure {
  margin: 0 0 1rem; }

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

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

table {
  border-collapse: collapse; }

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

th {
  text-align: inherit; }

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

button {
  border-radius: 0; }

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

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

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

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

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

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

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

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

progress {
  vertical-align: baseline; }

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

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

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

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

output {
  display: inline-block; }

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

template {
  display: none; }

[hidden] {
  display: none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

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

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

.figure {
  display: inline-block; }

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

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

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word; }
  a > code {
    color: inherit; }

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

pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 320px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1140px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; }
  .table tbody + tbody {
    border-top: 2px solid #dee2e6; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-dark {
  color: #fff;
  background-color: #343a40; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #454d55; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

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

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

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

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

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

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

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

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

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

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

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

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

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

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

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

textarea.form-control {
  height: auto; }

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

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

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

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

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

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

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip {
    display: block; }

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

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .custom-select:invalid ~ .invalid-feedback,
  .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #212529;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }

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

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-success {
  color: #28a745;
  border-color: #28a745; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none; }
  .btn-link:hover {
    color: #0056b3;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

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

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

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

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

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

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

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent; }

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

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

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

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

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

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

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

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

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

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

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

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

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

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

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

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

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

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

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

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

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

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

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

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

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

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff; }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff; }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff; }
  .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
    .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px; }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%; }

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

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

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

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

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

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

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

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

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

.custom-switch {
  padding-left: 2.25rem; }
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none; }
  .custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .custom-select::-ms-expand {
    display: none; }

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

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

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

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

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

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 319.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 320px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 1023.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1024px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1279.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1280px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 320px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 320px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-top,
          .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-bottom,
          .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-top,
          .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-bottom,
          .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 320px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion > .card {
  overflow: hidden; }
  .accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0; }
  .accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0; }
  .accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion > .card .card-header {
    margin-bottom: -1px; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #6c757d; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .badge {
      transition: none; } }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: #007bff; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.badge-secondary {
  color: #fff;
  background-color: #6c757d; }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62; }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.badge-success {
  color: #fff;
  background-color: #28a745; }
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34; }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.badge-info {
  color: #fff;
  background-color: #17a2b8; }
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b; }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.badge-warning {
  color: #212529;
  background-color: #ffc107; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.badge-danger {
  color: #fff;
  background-color: #dc3545; }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130; }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-light {
  color: #212529;
  background-color: #f8f9fa; }
  a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5; }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.badge-dark {
  color: #fff;
  background-color: #343a40; }
  a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124; }
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem; }
  @media (min-width: 320px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff; }
  .alert-primary hr {
    border-top-color: #9fcdff; }
  .alert-primary .alert-link {
    color: #002752; }

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db; }
  .alert-secondary hr {
    border-top-color: #c8cbcf; }
  .alert-secondary .alert-link {
    color: #202326; }

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }
  .alert-success hr {
    border-top-color: #b1dfbb; }
  .alert-success .alert-link {
    color: #0b2e13; }

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }
  .alert-info hr {
    border-top-color: #abdde5; }
  .alert-info .alert-link {
    color: #062c33; }

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }
  .alert-warning hr {
    border-top-color: #ffe8a1; }
  .alert-warning .alert-link {
    color: #533f03; }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }
  .alert-danger hr {
    border-top-color: #f1b0b7; }
  .alert-danger .alert-link {
    color: #491217; }

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }
  .alert-light hr {
    border-top-color: #ececf6; }
  .alert-light .alert-link {
    color: #686868; }

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .alert-dark hr {
    border-top-color: #b9bbbe; }
  .alert-dark .alert-link {
    color: #040505; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none; } }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0; }
    .list-group-horizontal .list-group-item:first-child {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }

@media (min-width: 320px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1024px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1280px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .list-group-flush .list-group-item:last-child {
    margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085; }

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41; }

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724; }

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460; }

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404; }

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24; }

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182; }

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover {
    color: #000;
    text-decoration: none; }
  .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none; }

a.close.disabled {
  pointer-events: none; }

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem; }
  .toast:not(:last-child) {
    margin-bottom: 0.75rem; }
  .toast.showing {
    opacity: 1; }
  .toast.show {
    display: block;
    opacity: 1; }
  .toast.hide {
    display: none; }

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.toast-body {
  padding: 0.75rem; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 320px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 1024px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1280px) {
  .modal-xl {
    max-width: 1140px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em; }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1; } }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #007bff !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #28a745 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded-sm {
  border-radius: 0.2rem !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-lg {
  border-radius: 0.3rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 320px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 320px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 320px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 1024px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1280px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 320px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1280px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 320px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1280px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #19692c !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: #dee2e6; }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6; } }

/* colores */
.title1 {
  font-family: "klavikaregular";
  font-size: 3.5rem;
  line-height: 1.5; }

.title2 {
  font-family: "klavikaregular";
  font-size: 2.25rem;
  line-height: 1.5; }

.title3 {
  font-family: "klavikaregular";
  font-size: 1.75rem;
  line-height: 1.5; }

.text1 {
  font-size: 1.75rem; }

.text2 {
  font-size: 1.5rem; }

.text3 {
  font-size: 1.375rem; }

.text4 {
  font-size: 1.25rem; }

.text5 {
  font-size: 1.125rem; }

.text6 {
  font-size: 1rem; }

.text7 {
  font-size: 0.875rem; }

.text-fail {
  color: #e71754; }

.label1 {
  font-family: "open_sanslight";
  font-size: 0.75rem; }

.label2 {
  font-family: "open_sanslight";
  font-size: 0.625rem; }

.navbar {
  background-color: #fff; }

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus,
select:focus, select.custom-select:focus, input:focus, .form-control:focus, .custom-select:focus {
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #d6dce0;
  background-color: transparent; }

.form-control:focus {
  border-color: #79B829; }

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

.custom-checkbox.inline-label input:focus ~ label, .custom-checkbox.inline-label input:valid ~ label, .custom-checkbox.inline-label input ~ label {
  padding-left: 15px; }

a, a:hover {
  color: #79B829; }

button:focus {
  outline: none; }

button {
  background: none;
  border: none; }

button {
  padding: 0; }

::selection {
  background-color: #79B829;
  color: #fff; }

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none; }

.form-group.custom-input {
  margin-top: 25px; }

.uppercase {
  text-transform: uppercase !important; }

/* colores */
.title1 {
  font-family: "klavikaregular";
  font-size: 3.5rem;
  line-height: 1.5; }

.title2 {
  font-family: "klavikaregular";
  font-size: 2.25rem;
  line-height: 1.5; }

.title3 {
  font-family: "klavikaregular";
  font-size: 1.75rem;
  line-height: 1.5; }

.text1 {
  font-size: 1.75rem; }

.text2 {
  font-size: 1.5rem; }

.text3 {
  font-size: 1.375rem; }

.text4 {
  font-size: 1.25rem; }

.text5 {
  font-size: 1.125rem; }

.text6 {
  font-size: 1rem; }

.text7 {
  font-size: 0.875rem; }

.text-fail {
  color: #e71754; }

.label1 {
  font-family: "open_sanslight";
  font-size: 0.75rem; }

.label2 {
  font-family: "open_sanslight";
  font-size: 0.625rem; }

.navbar {
  background-color: #fff; }

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  color: #152935;
  background: #F0F0F0;
  font-family: "klavikaregular";
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px; }

a, a:visited {
  color: #79B829; }

html {
  height: 100%; }

.navbar {
  padding: 0.625rem 1rem;
  -webkit-box-shadow: 0px 4px 5px 0px #631d1d;
  -moz-box-shadow: 0px 4px 5px 0px #dedede;
  box-shadow: 0px 4px 5px 0px #dedede; }

.form-control {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #dcd6e0;
  padding: 1rem 0;
  background-color: transparent;
  height: auto; }

.page-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  margin: 140px auto 40px;
  text-rendering: auto;
  padding: 0; }
  .page-wrapper .content {
    padding: 10px 25px;
    clear: both;
    overflow: hidden; }
  .page-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 15px; }
  .page-wrapper .pageTop {
    margin: 25px auto;
    padding: 0 25px; }
    .page-wrapper .pageTop.errorTop {
      padding: 0; }
  .page-wrapper section {
    margin: 0 auto; }
    .page-wrapper section header {
      text-align: center;
      color: "klavikamedium";
      margin-bottom: 30px; }
      .page-wrapper section header .page-title, .page-wrapper section header .section-title {
        font-family: "klavikamedium";
        font-size: 2rem; }
      .page-wrapper section header .page-desc, .page-wrapper section header .section-desc {
        font-size: 1.125rem;
        opacity: 0.4; }
      .page-wrapper section header .page-title {
        font-family: "open_sanslight"; }
      .page-wrapper section header .page-desc, .page-wrapper section header .page-additional-desc {
        font-family: "klavikaregular"; }
      .page-wrapper section header .section-title {
        font-family: "klavikamedium"; }
      .page-wrapper section header .page-additional-desc {
        font-size: 1.125rem;
        margin: 15px 0; }
  .page-wrapper .profile-pic {
    margin: 0 auto;
    position: relative;
    text-align: center; }
    .page-wrapper .profile-pic img {
      width: 100px;
      height: auto; }
  .page-wrapper .pet-profile-pic {
    position: relative;
    margin: 25px auto; }
    .page-wrapper .pet-profile-pic img {
      height: 85px;
      width: 85px;
      position: absolute;
      bottom: -30px; }
    .page-wrapper .pet-profile-pic a, .page-wrapper .pet-profile-pic a:visited {
      font-family: "klavikamedium";
      font-size: 1.125rem;
      color: #152935; }
  .page-wrapper.full-width {
    margin: 100px auto 0;
    width: 100%;
    padding: 0; }
    .page-wrapper.full-width .content {
      background-color: transparent;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding: 0 0 40px; }
  .page-wrapper .content-subtext {
    background: #f9f9f9; }

body[data-action="Account-Show"] .page-wrapper {
  width: 100%;
  margin-top: 100px; }
  body[data-action="Account-Show"] .page-wrapper .pageTop {
    margin: 0 auto;
    padding: 0; }

@media (min-width: 768px) {
  body .page-wrapper {
    margin: 140px auto 40px;
    width: 668px; }
    body .page-wrapper .pageTop {
      margin: 25px auto;
      padding: 0 25px; }
      body .page-wrapper .pageTop.errorTop {
        padding: 25px 0 0; }
    body .page-wrapper .content, body .page-wrapper .content-subtext {
      padding: 10px 25px; }
      body .page-wrapper .content.small-cont, body .page-wrapper .content-subtext.small-cont {
        width: 480px; }
    body .page-wrapper .checkbox-section {
      margin: 0 auto; }
    body .page-wrapper.full-width {
      margin: 100px auto 0;
      width: 100%;
      padding: 0; }
      body .page-wrapper.full-width section.constrain {
        width: 668px; }
      body .page-wrapper.full-width section.phone-constrain {
        margin: 0 20px; }
  body[data-action="Account-Show"] .page-wrapper main {
    width: 668px; } }

@media (min-width: 768px) {
  body .page-wrapper .content {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    padding: 45px 25px; }
  body .page-wrapper section header .page-title, body .page-wrapper section header .section-title {
    font-size: 2.25rem;
    font-family: "klavikamedium"; }
  body .page-wrapper section header .page-desc, body .page-wrapper section header .section-desc {
    font-size: 1.25rem;
    font-family: "klavikaregular"; }
  body .page-wrapper .profile-pic {
    margin: 0 auto;
    position: relative; }
    body .page-wrapper .profile-pic img {
      width: 117px;
      height: auto; } }

body[data-action="Account-Show"] .page-title {
  color: #ffffff; }

@media (min-width: 1024px) {
  section header .page-title, section header .section-title {
    font-size: 2.25rem; }
  .page-wrapper.full-width {
    width: 100%;
    padding: 0; }
    .page-wrapper.full-width .content {
      padding: 0 0 40px;
      background-color: transparent;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .page-wrapper.full-width .content.force-white {
        background-color: #fff;
        border-radius: 9px;
        -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
        padding: 45px 25px; }
  .page-wrapper .profile-pic {
    margin: 0 auto;
    position: relative; }
    .page-wrapper .profile-pic img {
      width: 117px;
      height: auto; }
  body .page-wrapper {
    margin: 150px auto 40px;
    width: 824px; }
    body .page-wrapper .pageTop {
      margin: 25px auto;
      padding: 0; }
    body .page-wrapper .checkbox-section {
      width: auto;
      margin: 0 auto; }
    body .page-wrapper .content, body .page-wrapper .content-subtext {
      padding: 45px 25px; }
      body .page-wrapper .content.small-cont, body .page-wrapper .content-subtext.small-cont {
        width: 480px; }
    body .page-wrapper.full-width {
      margin: 100px auto 0;
      padding: 0;
      width: 100%; }
      body .page-wrapper.full-width .content {
        padding: 0 0 40px; }
      body .page-wrapper.full-width section.constrain {
        width: 824px; }
      body .page-wrapper.full-width section.phone-constrain {
        margin: 0 auto; }
  body[data-action="Account-Show"] .page-wrapper main {
    width: 824px;
    margin: 0 auto; } }

@media (min-width: 1280px) {
  body .page-wrapper {
    width: 1040px;
    margin: 160px auto 40px; }
    body .page-wrapper .content.small-cont, body .page-wrapper .content-subtext.small-cont {
      width: 480px; }
    body .page-wrapper.full-width {
      max-width: 1440px;
      padding: 0;
      margin: 100px auto 0; }
      body .page-wrapper.full-width .content {
        padding: 0 0 40px; }
      body .page-wrapper.full-width section.constrain {
        width: 1040px; }
      body .page-wrapper.full-width section.phone-constrain {
        margin: 0 auto; }
    body .page-wrapper .pageTop {
      margin: 25px auto;
      padding: 0; }
    body .page-wrapper .checkbox-section {
      width: auto;
      margin: 0 auto; }
  body[data-action="Account-Show"] .page-wrapper .pageTop {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; }
  body[data-action="Account-Show"] .page-wrapper main {
    width: 1040px; } }

body[data-action="Search-Show"] div.grid-footer,
body[data-action="Search-ShowPLPpoints"] div.grid-footer {
  text-align: center;
  padding-top: 10px; }

.no-padding {
  padding-right: 0;
  padding-left: 0; }

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

.center {
  margin: 0 auto; }

.no-padding-top {
  padding-top: 0; }

.subsection-title {
  font-family: "klavikamedium";
  font-size: 2rem;
  color: #152935; }

.more {
  font-size: 1rem;
  font-family: "klavikaregular";
  color: #9DA5AA;
  margin: 25px 0;
  display: block; }
  .more .morecontent span {
    display: none; }
  .more .morelink {
    display: block; }

.date {
  position: relative; }

.my-pet a {
  color: #152935;
  font-family: "klavikamedium"; }
  .my-pet a:hover {
    text-decoration: none; }
  .my-pet a img {
    width: 95px;
    height: auto; }

.grecaptcha-badge {
  display: none !important; }

.form-group.required .form-control-label::after {
  content: " *"; }

.required-fields-label {
  font-size: 14px;
  padding: 0 0 10px; }

select, select.custom-select:focus, .custom-select {
  outline: none;
  border-radius: 0;
  height: auto; }

.custom-select {
  background-position: 97% 20px; }

.custom-select:focus {
  border-color: #79B829; }

.custom-select .is-invalid {
  background-image: none; }

#picker-container {
  position: relative;
  display: block;
  max-width: 215px; }
  #picker-container .datepicker {
    z-index: 5 !important;
    left: 0;
    right: 0;
    max-width: 215px; }

@font-face {
  font-family: 'klavikabold';
  src: url("../fonts/klavika_bold-webfont.woff2") format("woff2"), url("../fonts/klavika_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'klavikaregular_italic';
  src: url("../fonts/klavika_regular_italic-webfont.woff2") format("woff2"), url("../fonts/klavika_regular_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'klavikaregular';
  src: url("../fonts/klavika_regular-webfont.woff2") format("woff2"), url("../fonts/klavika_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'klavikamedium';
  src: url("../fonts/Klavika-Medium.eot");
  src: url("../fonts/Klavika-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Klavika-Medium.svg#Klavika-Medium") format("svg"), url("../fonts/Klavika-Medium.ttf") format("truetype"), url("../fonts/Klavika-Medium.woff") format("woff"), url("../fonts/Klavika-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'open_sansbold';
  src: url("../fonts/open_sans_bold-webfont.woff2") format("woff2"), url("../fonts/open_sans_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'open_sansextrabold';
  src: url("../fonts/open_sans_extrabold-webfont.woff2") format("woff2"), url("../fonts/open_sans_extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'open_sansitalic';
  src: url("../fonts/open_sans_italic-webfont.woff2") format("woff2"), url("../fonts/open_sans_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'open_sanslight';
  src: url("../fonts/open_sans_light-webfont.woff2") format("woff2"), url("../fonts/open_sans_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/open_sans_regular-webfont.woff2") format("woff2"), url("../fonts/open_sans_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'open_sanssemibold';
  src: url("../fonts/open_sans_semibold-webfont.woff2") format("woff2"), url("../fonts/open_sans_semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'icons';
  src: url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

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

.icon-cat-adult:before {
  content: "\e9de"; }

.icon-cat-kitten:before {
  content: "\e9df"; }

.icon-cat-mature:before {
  content: "\e9e0"; }

.icon-cat-senior:before {
  content: "\e9e0"; }

.icon-cat-young:before {
  content: "\e9e1"; }

.icon-cat-puppy:before {
  content: "\e9e1"; }

.icon-clip:before {
  content: "\e9e3"; }

.icon-information:before {
  content: "\e91d"; }

.icon-bulb:before {
  content: "\e9e4"; }

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

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

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

.icon-pin-line:before {
  content: "\e9e8"; }

.icon-query:before {
  content: "\e9e9"; }

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

.icon-store:before {
  content: "\e9eb"; }

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

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

.icon-whatsapp:before {
  content: "\e9ee"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-multiply:before {
  content: "\e92b"; }

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

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

.icon-smile:before {
  content: "\e9da"; }

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

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

.icon-icon_myinfo:before {
  content: "\e90e"; }

.icon-icon_mylifestyle:before {
  content: "\e90f"; }

.icon-icon_chat:before {
  content: "\e910"; }

.icon-icon_myfamily:before {
  content: "\e911"; }

.icon-icon_chart:before {
  content: "\e912"; }

.icon-icon_pin2:before {
  content: "\e913"; }

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

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

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

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

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

.icon-icon_sterilized:before, .icon-icon_notsterilized:before {
  content: "\e902"; }

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

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

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

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

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

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

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

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

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

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

.icon-negozio:before {
  content: "\e937"; }

.icon-online:before {
  content: "\e938"; }

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

.icon-eye_disabled:before {
  content: "\e101"; }

.dashboard a, .dashboard a:active, .dashboard a:hover, .dashboard a:visited {
  text-decoration: none;
  cursor: pointer; }

.dashboard .dashboard-link {
  background: #ffffff;
  min-width: 200px;
  max-width: 450px;
  margin: 10px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 9px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09); }
  .dashboard .dashboard-link span:first-of-type {
    padding: 10px 20px;
    font-size: 3rem; }
  .dashboard .dashboard-link .dash-label {
    font-size: 20px;
    font-family: "klavikamedium";
    color: #152935;
    padding: 0 20px;
    border-left: 2px solid #f9f9f9; }
    @media (min-width: 320px) {
      .dashboard .dashboard-link .dash-label {
        font-size: calc(20px + 12 * (100vw - 320px) / 703); } }
    @media (min-width: 1023px) {
      .dashboard .dashboard-link .dash-label {
        font-size: 32px; } }

body[data-action="Account-Show"] .page-wrapper .pageTop {
  background-color: #393939; }
  body[data-action="Account-Show"] .page-wrapper .pageTop .page-hero-img {
    padding: 40px 0 20px; }
  body[data-action="Account-Show"] .page-wrapper .pageTop .page-desc {
    opacity: 1;
    color: #969696;
    padding: 0 25px 20px;
    margin: 0; }

body[data-action="Account-Show"] .page-wrapper main {
  margin: 0 auto; }

@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard .dashboard-link {
    max-width: 450px; } }

@media (min-width: 1024px) {
  .dashboard .dashboard-link {
    flex-direction: column;
    margin: 10px 0;
    min-height: 200px; }
    .dashboard .dashboard-link span:first-of-type {
      display: block;
      font-size: 5rem;
      padding: 15px 0;
      height: 118px; }
    .dashboard .dashboard-link .dash-label {
      padding: 10px;
      font-size: calc(125%);
      border-top: 2px solid #f9f9f9;
      height: 82px;
      width: 100%;
      text-align: center; } }

.filters-buttons {
  white-space: nowrap;
  min-width: 300px;
  overflow: auto; }
  .filters-buttons .btn {
    border: 1px solid #d6dce0;
    font-size: 1rem;
    font-family: "open_sansbold";
    padding: 10px 15px;
    border-radius: 5px;
    color: #152935;
    min-width: 100px;
    margin: 5px;
    background-color: #fff; }
    .filters-buttons .btn.active {
      background-color: #79B829;
      color: #ffffff; }
  .filters-buttons::-webkit-scrollbar {
    width: 0; }

.result-count {
  font-family: "klavikaregular";
  font-size: 0.75rem;
  color: #9DA5AA;
  margin: 5px 15px; }

.product-grid .pagination {
  float: right; }
  .product-grid .pagination ol {
    padding: 0; }
    .product-grid .pagination ol li {
      display: inline-block;
      vertical-align: top;
      margin: 5px; }
      .product-grid .pagination ol li a {
        display: block;
        padding: 5px 10px;
        color: #152935;
        border: 1px solid #969696;
        width: 35px;
        text-align: center; }
        .product-grid .pagination ol li a:hover {
          color: #79B829;
          text-decoration: none; }
      .product-grid .pagination ol li.selected a {
        color: #79B829;
        border: 1px solid #79B829;
        pointer-events: none;
        cursor: default;
        text-decoration: underline; }

@media (min-width: 1024px) {
  .filters-buttons {
    overflow: auto; } }

.edit-lifestyle-form .rounded-circle {
  color: #ffffff; }

.edit-lifestyle-form .btn-invert {
  border: none; }

.edit-lifestyle-form .inverted-buttons {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center; }

.petRegistration .lifestyle-container {
  font-size: 0; }
  .petRegistration .lifestyle-container label {
    font-size: 1rem; }

.petRegistration .datepicker {
  padding: 8px 3px 8px 5px; }

@media (min-width: 320px) and (max-width: 400px) {
  .edit-lifestyle-form .checkbox-img {
    padding: 0; } }

.edit-profile-form input#birthday {
  padding: 0 0px 0 5px; }

.edit-profile-form input#email {
  padding: 0 2px 0 5px; }

.col-date {
  max-width: 100%; }

.edit-profile-form select.select-country-size {
  padding: 0 12px 0 5px; }

@media (min-width: 475px) {
  .petRegistration .birth-sex-radio-button .sex-choice {
    margin: auto; } }

@media (max-width: 768px) {
  .petRegistration .lifestyle-container .checkbox-img {
    padding: 0; } }

@media (max-width: 1024px) {
  .edit-lifestyle-form .inverted-buttons .row-inverted-buttons {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center; }
    .edit-lifestyle-form .inverted-buttons .row-inverted-buttons a.btn.pill-btn.btn-invert.shadow-none.skipLifestyle {
      border: none;
      color: #393939; } }

.tab-section {
  margin-top: 116px; }
  .tab-section a span {
    font-size: 3rem; }
  .tab-section a:hover {
    color: #79B829; }
  .tab-section a.active {
    color: #ffffff; }

.eTailers {
  display: none; }
  .eTailers .etailer-row {
    display: flex;
    flex-wrap: wrap; }
    .eTailers .etailer-row .etailer-col {
      display: flex;
      align-items: center;
      flex: 1 0 18%;
      justify-content: center;
      margin-bottom: 3rem; }
      .eTailers .etailer-row .etailer-col .etailer-container {
        border: 1px solid #79B829;
        background-color: white;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
        border-radius: 25px;
        text-align: center;
        height: 170px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 200px;
        position: relative; }
        .eTailers .etailer-row .etailer-col .etailer-container .image-container img {
          width: 180px;
          height: auto; }
        .eTailers .etailer-row .etailer-col .etailer-container .etailer-button {
          position: absolute;
          bottom: -20px;
          left: 50%;
          transform: translateX(-50%);
          margin: 0; }

.store-locator {
  width: 100%;
  font-family: "klavikaregular";
  position: relative;
  border: 1px solid #d6dce0; }
  .store-locator .dialog {
    display: none;
    width: auto; }
  .store-locator .store-locator-no-apiKey {
    display: none; }
  .store-locator .store-info,
  .store-locator .result-list-stores {
    background: #f9f9f9;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px 0;
    border-bottom: 1px solid #d6dce0;
    overflow: auto; }
    .store-locator .store-info .info-store-name,
    .store-locator .result-list-stores .info-store-name {
      display: inline-block; }
      .store-locator .store-info .info-store-name .name-store-content,
      .store-locator .result-list-stores .info-store-name .name-store-content {
        padding: 0 25px;
        margin-right: 54px; }
      .store-locator .store-info .info-store-name button,
      .store-locator .result-list-stores .info-store-name button {
        position: absolute;
        left: 0; }
      .store-locator .store-info .info-store-name .info-store-distance,
      .store-locator .result-list-stores .info-store-name .info-store-distance {
        text-align: right;
        font-family: "klavikaregular";
        font-size: 1rem;
        color: #9DA5AA;
        display: inline;
        color: #659922;
        float: right;
        margin-right: 53px;
        margin-top: 3px; }
    .store-locator .store-info .address-store,
    .store-locator .result-list-stores .address-store {
      margin: 0 20px;
      font-size: 0.875rem;
      color: #9DA5AA;
      max-width: 300px;
      margin: 0 auto;
      text-align: left; }
    .store-locator .store-info .buttons-store-info,
    .store-locator .result-list-stores .buttons-store-info {
      text-align: center;
      width: 100%; }
    .store-locator .store-info .name-store,
    .store-locator .result-list-stores .name-store {
      display: inline;
      float: left;
      font-size: 1.125rem;
      max-width: 200px; }
  .store-locator .search-store {
    display: inline-flex;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 7;
    padding: 0 10px;
    border-bottom: 1px solid #d6dce0;
    background: #fff; }
    .store-locator .search-store .close-search-store-button {
      padding: 20px;
      font-size: 0.875rem; }
    .store-locator .search-store .input-group {
      position: relative; }
    .store-locator .search-store .input-group > .custom-select:not(:first-child),
    .store-locator .search-store .input-group > .form-control:not(:first-child) {
      font-size: 1.125rem;
      padding: 5px;
      margin: 10px 10px 5px 0; }
    .store-locator .search-store .search-store-locator .search-button {
      padding: 16px 0 14px;
      position: relative;
      padding-left: 5px;
      font-size: 1.25rem; }
    .store-locator .search-store .search-store-locator .arrow-left-button {
      display: none;
      padding: 14px 14px 14px 6px;
      margin-top: 5px; }
    .store-locator .search-store .search-store-locator #custom-search-input {
      width: 100%; }
  .store-locator .google-map {
    position: relative;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    z-index: 1; }
    .store-locator .google-map .google-map-stores {
      width: 100%;
      height: 514px;
      margin: 0 auto; }
      .store-locator .google-map .google-map-stores .map-google-map {
        overflow: inherit;
        height: 100%; }
      .store-locator .google-map .google-map-stores .wrapper-google-button {
        display: flex;
        z-index: 6; }
        .store-locator .google-map .google-map-stores .wrapper-google-button .list-stores {
          z-index: 5;
          top: -450px;
          background: #fff;
          position: relative;
          margin: 0 auto; }
      .store-locator .google-map .google-map-stores .result-list-stores {
        display: none;
        background: #f9f9f9;
        text-align: center;
        position: absolute;
        padding: 0;
        width: 100%;
        top: 60px;
        border-bottom: 1px solid #d6dce0;
        max-height: 462px;
        overflow: auto;
        z-index: 7; }
        .store-locator .google-map .google-map-stores .result-list-stores li {
          margin: auto; }
          .store-locator .google-map .google-map-stores .result-list-stores li .li-distance {
            margin-right: 0; }
  .store-locator .single-store-info {
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    max-height: 0;
    overflow: hidden; }
    .store-locator .single-store-info .close-single-store-info {
      position: absolute;
      top: 25px;
      left: 5px;
      z-index: 4; }
    .store-locator .single-store-info .store-info {
      padding: 20px;
      position: relative;
      left: auto;
      right: auto;
      top: auto;
      bottom: auto;
      z-index: 4; }
    .store-locator .single-store-info.active {
      max-height: 500px; }
  .store-locator .products-st-locator {
    text-align: center;
    width: 100%;
    background: #f9f9f9;
    z-index: 8;
    position: relative; }
    .store-locator .products-st-locator a {
      display: block; }
    .store-locator .products-st-locator .product-info {
      width: 100%;
      display: inline-flex;
      align-items: center;
      background: #f9f9f9; }
      .store-locator .products-st-locator .product-info .icon-left {
        color: #707c83;
        margin: auto;
        float: left;
        margin: auto;
        padding: 0 15px;
        font-size: 1.125rem; }
      .store-locator .products-st-locator .product-info img {
        height: 50px;
        width: auto; }
      .store-locator .products-st-locator .product-info .description-product-info {
        color: #9DA5AA;
        font-size: 1.125rem;
        margin: 30px 52px 30px 20px;
        text-align: left;
        display: inline-block; }
  .store-locator .buy-products {
    background: #fff;
    border-top: 1px solid #d6dce0;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10; }
    .store-locator .buy-products .buy-products-button {
      position: relative;
      margin: 25px 0; }
  .store-locator .store-info {
    background: #f9f9f9;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6dce0;
    overflow: initial; }
    .store-locator .store-info .info-store-name {
      width: 410px;
      margin: auto;
      padding: 0 25px; }
      .store-locator .store-info .info-store-name span {
        margin-left: 20px; }
      .store-locator .store-info .info-store-name .name-store {
        font-size: 1.25rem;
        float: left; }
    .store-locator .store-info .address-store {
      margin: 0 20px;
      font-size: 0.875rem;
      color: #9DA5AA;
      padding-right: 35px;
      text-align: left; }
    .store-locator .store-info .buttons-store-info {
      text-align: center; }
  .store-locator #custom-search-input {
    width: 100%; }
    .store-locator #custom-search-input .form-group {
      margin: 0; }
  .store-locator .button-left-products {
    width: 100%;
    display: inline-block;
    display: inline-flex; }
    .store-locator .button-left-products .content-product-store-info {
      width: 100%;
      display: inline-flex;
      justify-content: center; }
      .store-locator .button-left-products .content-product-store-info img {
        margin: 20px 0; }
  .store-locator .result-list-stores ul {
    padding-left: 0;
    position: relative; }
    .store-locator .result-list-stores ul li {
      border-bottom: 1px solid #d6dce0;
      list-style-type: none;
      padding: 5px; }
      .store-locator .result-list-stores ul li:last-child {
        border-bottom: 1px solid none; }
      .store-locator .result-list-stores ul li .info-store-name {
        padding-left: 0; }
        .store-locator .result-list-stores ul li .info-store-name .name-store {
          text-align: left; }
      .store-locator .result-list-stores ul li .address-store {
        margin: 0 auto; }
      .store-locator .result-list-stores ul li .info-store-distance {
        text-align: right;
        font-family: "klavikaregular";
        font-size: 1rem;
        color: #9DA5AA;
        color: #659922;
        float: right; }
    .store-locator .result-list-stores ul .active {
      background: #ebf1e3; }
  .store-locator .result-list-stores .info-store-name {
    width: 300px;
    display: inline-block; }
  .store-locator .list-stores span {
    padding: 15px; }
  .store-locator .geolocalization-user {
    position: absolute;
    bottom: 116px;
    right: 10px;
    z-index: 4;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50px; }
    .store-locator .geolocalization-user span {
      display: block;
      margin: 0 0 0 1px; }
      .store-locator .geolocalization-user span:before {
        color: #79b829;
        font-size: 24px; }
  .store-locator .map-marker {
    position: absolute;
    z-index: 9;
    top: 200px; }
    .store-locator .map-marker img {
      width: 32px; }
  .store-locator .store-elements-li {
    max-width: 350px;
    margin: 0 auto; }
  .store-locator .weight-dialog {
    z-index: 10;
    left: 50%;
    margin-left: -100px;
    bottom: 78px; }
  .store-locator .google-map-stores .list-map-stores {
    display: none; }

@media (min-width: 768px) {
  .store-locator .products-st-locator {
    background: #f9f9f9; }
  .store-locator .search-store .input-group {
    width: 255px;
    margin: 0 auto; } }

@media (min-width: 1024px) {
  .store-locator .search-store .input-group {
    margin: 0; }
  .store-locator .bottom-store-locator .dialog {
    bottom: 81px !important;
    left: 30% !important; }
  .store-locator .search-store {
    width: 375px;
    border-right: 1px solid #d6dce0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    border: none; }
  .store-locator .google-map-stores .list-stores {
    display: none; }
  .store-locator .google-map-stores .result-list-stores {
    max-width: 375px; }
  .store-locator .button-left-products {
    background: #fff;
    z-index: 9; }
    .store-locator .button-left-products .content-product-store-info {
      justify-content: start; }
  .store-locator .bottom-store-locator {
    display: inline-flex;
    width: 100%;
    border-top: 1px solid #d6dce0; }
  .store-locator .buy-products {
    border-top: none;
    position: relative;
    width: auto; }
    .store-locator .buy-products .buy-products-button {
      margin-right: 25px; }
  .store-locator .store-info {
    max-width: 375px;
    border-bottom: none; }
  .store-locator .geolocalization-user {
    margin-bottom: 0; }
  .store-locator .result-list-stores {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
  .store-locator .products-st-locator {
    background: #fff; } }

.buttons-group {
  margin: 35px auto;
  text-align: center;
  width: auto;
  display: block; }
  .buttons-group button {
    display: block; }
  .buttons-group.buttons-login .pill-btn.btn {
    width: 260px;
    margin: 10px auto; }
  .buttons-group .pill-btn.btn.btn-social.btn-facebook,
  .buttons-group .pill-btn.btn.btn-social.btn-google,
  .buttons-group .pill-btn.btn.btn-social.btn-apple {
    margin: 10px auto; }

.req-notice {
  color: #152935;
  font-size: 0.875rem; }

.small-cont.login-content {
  padding: 10px; }

.login {
  background: #fff;
  border-radius: 8px; }
  .login .required-fields-label .text-right {
    font-size: 0.875rem; }
  .login .text-right a,
  .login .text-center a {
    font-size: 0.875rem;
    line-height: 16px; }
  .login .floatized {
    padding: 0 33px 0 5px; }
  .login label.custom-control-label {
    font-size: 1.125rem; }

@media (min-width: 320px) and (max-width: 328px) {
  .buttons-group {
    margin-left: -12px; } }

@media (min-width: 329px) and (max-width: 334px) {
  .buttons-group {
    margin-left: -6px; } }

@media (min-width: 768px) {
  .content.small-cont.login-content {
    padding: 25px 10px; } }

@media (min-width: 1024px) {
  .buttons-group {
    width: unset; }
  .content-buttons-group {
    width: 100%;
    margin: auto;
    text-align: center; } }

@media (min-width: 1280px) {
  body[data-action="Login-Show"] {
    max-width: 1440px;
    margin: 0 auto; } }

.product-detail .product {
  max-width: 100%;
  margin: 0; }
  .product-detail .product .product-content {
    padding: 0; }
    .product-detail .product .product-content .product-title {
      height: auto; }
    .product-detail .product .product-content .product-desc {
      padding: 20px 0 0; }

.product-detail .product-packs {
  font-size: 0.875rem;
  color: #9DA5AA;
  text-align: center;
  margin: 15px 0; }
  .product-detail .product-packs span:not(:last-child) {
    border-right: 1px solid #9DA5AA;
    padding-right: 5px;
    margin-right: 8px; }

.product-detail .product-weights {
  text-align: center;
  margin: 5px 0; }
  .product-detail .product-weights .p-weight {
    min-width: 30px;
    padding: 2px 15px;
    border-right: 1px solid #9DA5AA;
    margin: 10px 0;
    color: #152935;
    font-size: 1.125rem;
    font-family: "klavikamedium"; }
    .product-detail .product-weights .p-weight.active {
      color: #79B829; }
    .product-detail .product-weights .p-weight:last-child {
      border-right: none; }

.product-detail .buy-buttons {
  text-align: center; }
  .product-detail .buy-buttons a.btn {
    margin: 0 5px; }

.product-detail .product-ingredients .ingredients-slider {
  display: block; }

.product-detail .product-ingredients .benefits-slider {
  display: none; }

.product-detail .product-ingredients .ingredient,
.product-detail .product-ingredients .benefit {
  margin: 12px 0; }
  .product-detail .product-ingredients .ingredient img,
  .product-detail .product-ingredients .benefit img {
    display: inline-block;
    width: 50px;
    max-width: none;
    margin: 0; }
  .product-detail .product-ingredients .ingredient .ingredient-desc,
  .product-detail .product-ingredients .ingredient .benefit-desc,
  .product-detail .product-ingredients .benefit .ingredient-desc,
  .product-detail .product-ingredients .benefit .benefit-desc {
    font-size: 0.875rem;
    font-size: 0.6875rem;
    color: #9DA5AA;
    border-bottom: 1px solid #79B829;
    position: relative;
    padding-bottom: 5px;
    text-align: left; }
    .product-detail .product-ingredients .ingredient .ingredient-desc .tail,
    .product-detail .product-ingredients .ingredient .benefit-desc .tail,
    .product-detail .product-ingredients .benefit .ingredient-desc .tail,
    .product-detail .product-ingredients .benefit .benefit-desc .tail {
      position: absolute;
      left: -10px;
      bottom: -8px;
      width: 10px; }
  .product-detail .product-ingredients .ingredient .ingredient-desc,
  .product-detail .product-ingredients .ingredient .benefit-desc,
  .product-detail .product-ingredients .benefit .ingredient-desc,
  .product-detail .product-ingredients .benefit .benefit-desc {
    max-width: 130px; }

.product-detail .product-ingredients .desktop-description {
  margin-top: 50px; }

.product-detail .btn-invert {
  margin: 10px 5px; }

.product-detail .cart-icon-pdp {
  font-size: 1.5rem; }

.product-detail .product-image .img-fluid {
  width: auto;
  max-height: 255px;
  margin: 0 auto; }

.product-detail .desktop-prices, .product-detail .mobile-prices {
  font-weight: bold;
  font-size: 1rem;
  margin: 15px 0;
  text-align: center; }

.product-detail .desktop-prices {
  display: none; }

.product-detail .price-help-text {
  display: block;
  font-weight: normal;
  font-size: .7rem;
  color: #79B829;
  margin: 0;
  padding: 0; }

.static-images img {
  max-height: 80px; }
  .static-images img:first-of-type {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #d6dce0; }

.product-detail-info .row {
  margin-top: 35px; }

.product-detail-info table {
  width: auto !important;
  height: auto !important;
  border: 1px solid #79B829; }
  .product-detail-info table tr td {
    padding: 5px;
    text-align: center;
    border-left: 1px solid #9DA5AA; }
  .product-detail-info table tr:first-child td:first-child {
    background-color: #9DA5AA;
    vertical-align: bottom; }
  .product-detail-info table tr:first-child td:last-child {
    background-color: #79B829;
    color: #fff; }
  .product-detail-info table tr:nth-child(2) td {
    background-color: #79B829;
    color: #fff;
    border-left: 1px solid #fff; }
  .product-detail-info table tr:nth-child(2):first-child {
    border-left: none; }

.swiper-pagination.pdp-pagination {
  position: relative; }
  .swiper-pagination.pdp-pagination .swiper-pagination-bullet {
    margin: 4px 8px; }
    .swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #79B829; }

.product-dividing-line {
  height: 1px;
  background-color: #d6dce0;
  width: 100%;
  margin: 20px 0; }

.recommendation-constrain .recommendations-carousel {
  position: relative; }
  .recommendation-constrain .recommendations-carousel .carousel-container {
    margin: 0 auto;
    padding: 0 5px; }
  .recommendation-constrain .recommendations-carousel .swiper-button-prev {
    left: 35px;
    background-color: #CFD4DC;
    color: #fff;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    background-size: 15px;
    z-index: 5; }
  .recommendation-constrain .recommendations-carousel .swiper-button-next {
    right: 35px;
    background-color: #CFD4DC;
    color: #fff;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    background-size: 15px;
    z-index: 5; }

.content-collapse {
  margin-bottom: 20px;
  color: #79B829;
  font-size: 1rem;
  font-family: "klavikamedium";
  display: block;
  width: 100%;
  text-align: left; }
  .content-collapse:after {
    position: absolute;
    font-family: 'icons';
    top: 0;
    right: 10px;
    content: "\e9e5"; }
  .content-collapse.collapsed:after {
    position: absolute;
    font-family: 'icons';
    top: 0;
    right: 10px;
    content: "\e92c"; }

.text-collapse {
  color: #79B829;
  text-decoration: underline;
  font-size: 1rem;
  font-family: "klavikaregular";
  display: block;
  width: 100%;
  text-align: left;
  position: relative; }
  .text-collapse:after {
    position: absolute;
    text-decoration: none;
    font-family: 'icons';
    margin-left: 10px;
    content: "\e91f"; }
  .text-collapse.collapsed:after {
    position: absolute;
    text-decoration: none;
    font-family: 'icons';
    margin-left: 10px;
    content: "\e918"; }

.collapse-ingred {
  display: block;
  margin: 10px 0; }
  .collapse-ingred .collapse-ingred-img {
    display: inline-block;
    width: 50px;
    height: auto; }
  .collapse-ingred .collapse-ingred-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 0.875rem;
    color: #9DA5AA; }
    .collapse-ingred .collapse-ingred-text .collapse-ingred-title {
      font-family: "klavikamedium"; }
    .collapse-ingred .collapse-ingred-text .collapse-ingred-desc {
      font-family: "klavikaregular";
      font-size: 0.775rem;
      width: calc(100% - 60px); }

.collapse-text {
  font-size: 0.875rem;
  color: #9DA5AA;
  font-family: "klavikaregular"; }
  .collapse-text ul {
    padding-left: 20px; }

table.consumption-table {
  text-align: center;
  border: 1px solid #79B829;
  border-radius: 5px; }
  table.consumption-table tr td {
    font-family: "klavikaregular";
    font-size: 0.875rem; }
    table.consumption-table tr td:first-of-type {
      background: #79B829;
      color: #fff;
      border-bottom: 1px solid #fff; }
    table.consumption-table tr td:last-of-type {
      background: transparent;
      color: #000;
      border-bottom: 1px solid #79B829; }

#benefits-toggle {
  text-align: center; }

.benefit {
  display: block;
  margin: 0 10px;
  width: 100%;
  margin-bottom: 20px;
  text-align: left; }
  .benefit img {
    max-width: 48px;
    display: inline-block; }
  .benefit .collapse-benefit-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px); }
    .benefit .collapse-benefit-text .benefit-name {
      font-size: 0.875rem;
      font-family: "klavikaregular";
      color: #152935; }
    .benefit .collapse-benefit-text .benefit-description {
      font-size: 0.775rem;
      font-family: "klavikaregular";
      color: #152935; }

.benefits-slider .benefit {
  display: block; }

.mobile-prod-buttons {
  background: #fff;
  height: 70px;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 10; }

@media (min-width: 320px) and (max-width: 767px) {
  .recommendation-constrain .recommendations-carousel .carousel-container {
    width: 90%; } }

@media (min-width: 320px) {
  .mobile-prod-buttons {
    justify-content: space-around; } }

@media (min-width: 768px) {
  .product-detail .product {
    max-width: 100%; }
  .product-detail .product-image .img-fluid {
    margin: 0 auto; } }

@media (min-width: 1024px) {
  .product-detail .product {
    max-width: none;
    margin: 0; }
  .product-detail .product .product-content .product-desc {
    padding: 10px 0 0; }
  .product-detail .product-ingredients .ingredient .ingredient-desc,
  .product-detail .product-ingredients .ingredient .benefit-desc,
  .product-detail .product-ingredients .benefit .ingredient-desc,
  .product-detail .product-ingredients .benefit .benefit-desc {
    max-width: 210px;
    font-size: 0.875rem; }
  .product-detail .buy-buttons {
    text-align: left; }
  .product-detail .collapse-ingred {
    display: inline-block;
    margin: 10px 20px 10px 0;
    width: 30%;
    vertical-align: top; }
    .product-detail .collapse-ingred .collapse-ingred-img {
      display: block;
      width: 100px;
      height: auto;
      margin: 0 auto; }
    .product-detail .collapse-ingred .collapse-ingred-text {
      display: block;
      text-align: center;
      font-size: 1rem;
      line-height: 1rem;
      margin-bottom: 20px;
      width: auto; }
      .product-detail .collapse-ingred .collapse-ingred-text .collapse-ingred-title {
        margin-bottom: 5px; }
  .product-detail .desktop-prices {
    display: block;
    text-align: left; }
  .product-detail .mobile-prices {
    display: none; }
  #benefits-toggle {
    text-align: left; }
  .benefit {
    width: 30%;
    text-align: center; }
    .benefit img {
      max-width: 68px; }
    .benefit .collapse-benefit-text {
      width: 100%; }
      .benefit .collapse-benefit-text .benefit-name {
        font-size: 1.125rem; }
  .collapse-ingred .collapse-ingred-text .collapse-ingred-desc {
    width: 100%; } }

@media (min-width: 1280px) {
  .product-detail .product {
    margin: 0 auto; } }

body[data-section="homepage"] .section-title,
body[data-section="subhome"] .section-title {
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  margin: 40px 0; }

body[data-section="homepage"] .slot-container .constrain .swiper-pagination.swiper-below-pagination .swiper-pagination-bullet,
body[data-section="subhome"] .slot-container .constrain .swiper-pagination.swiper-below-pagination .swiper-pagination-bullet {
  background: #76B328; }

body[data-section="homepage"] .root-category-button,
body[data-section="subhome"] .root-category-button {
  margin: 30px auto; }

body[data-section="homepage"] #home-latest,
body[data-section="homepage"] .landing-latest,
body[data-section="subhome"] #home-latest,
body[data-section="subhome"] .landing-latest {
  text-align: center; }
  body[data-section="homepage"] #home-latest img,
  body[data-section="homepage"] .landing-latest img,
  body[data-section="subhome"] #home-latest img,
  body[data-section="subhome"] .landing-latest img {
    vertical-align: top;
    display: inline-block; }
  body[data-section="homepage"] #home-latest p,
  body[data-section="homepage"] .landing-latest p,
  body[data-section="subhome"] #home-latest p,
  body[data-section="subhome"] .landing-latest p {
    vertical-align: top;
    display: inline-block; }
    body[data-section="homepage"] #home-latest p img,
    body[data-section="homepage"] .landing-latest p img,
    body[data-section="subhome"] #home-latest p img,
    body[data-section="subhome"] .landing-latest p img {
      display: block; }

body[data-section="homepage"] .slot-container,
body[data-section="subhome"] .slot-container {
  position: relative; }
  body[data-section="homepage"] .slot-container .slot-container-background,
  body[data-section="subhome"] .slot-container .slot-container-background {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    body[data-section="homepage"] .slot-container .slot-container-background .content-asset img,
    body[data-section="subhome"] .slot-container .slot-container-background .content-asset img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

@media screen and (min-width: 1024px) {
  .product-carousel, .content-carousel {
    padding: 0 5%; }
  .sub-title {
    margin: 56px 0; }
  .swiper-button-next,
  .swipper-button-prev {
    background-size: 25%; }
  .full-slider {
    max-width: 1440px; } }

@media screen and (min-width: 1280px) {
  .product-carousel, .content-carousel {
    padding: 0 8%; }
  .sub-title {
    margin: 56px 0; }
  .swiper-button-next,
  .swipper-button-prev {
    background-size: 25%; }
  .full-slider {
    max-width: 1440px; } }

.wishlistItemCards .item-info .item-image img {
  width: 100%;
  height: auto; }

.wishlistItemCards .item-info .item-title {
  font-size: 1.375rem;
  color: #152935;
  font-family: "klavikamedium"; }

.wishlistItemCards .item-info .button-like {
  font-size: 1.8rem;
  color: #79B829;
  margin-top: -5px; }

.wishlistItemCards .item-info .item-footer .pill-btn.btn, .wishlistItemCards .item-info .item-footer a.btn {
  margin: 10px 0px; }
  .wishlistItemCards .item-info .item-footer .pill-btn.btn span, .wishlistItemCards .item-info .item-footer a.btn span {
    font-size: 1.5rem; }

.wishlistItemCards .item-info .remove-from-wishlist {
  background-color: transparent;
  border: none; }
  .wishlistItemCards .item-info .remove-from-wishlist:hover {
    background-color: transparent;
    border: none; }
  .wishlistItemCards .item-info .remove-from-wishlist span {
    font-size: 24px; }

.register-welcome .col-inverted-buttons {
  margin: auto; }

.register-welcome .page-title {
  text-align: center;
  margin: 210px 0 26px 0;
  color: #ffffff;
  font-size: 1.375rem; }

.register-welcome .page-title, .register-welcome .page-desc {
  color: #ffffff;
  text-align: center; }

.register-welcome .page-desc {
  font-size: 1rem; }

.register-welcome .page-additional-desc {
  font-size: 1rem;
  margin: 15px 0;
  text-align: center; }

.register-welcome .btn-brand,
.register-welcome .btn-invert {
  width: 100%; }

.register-welcome .welcome-buttons {
  margin-top: 30px; }

.new-pet-welcome {
  text-align: center; }
  .new-pet-welcome .col-inverted-buttons {
    margin: auto; }
  .new-pet-welcome .page-title {
    font-size: 1.375rem; }
  .new-pet-welcome .page-desc {
    margin-bottom: 26px;
    font-size: 1rem;
    margin: 0 20px;
    padding-bottom: 34px; }
  .new-pet-welcome .page-title, .new-pet-welcome .page-desc {
    color: #ffffff; }
  .new-pet-welcome .pet-registered-icon {
    font-size: 5.5rem;
    color: #ffffff;
    padding-top: 125px; }

.onboard-no-background .register-welcome .page-title, .onboard-no-background .new-pet-welcome .page-title {
  margin: 20px 0; }

.onboard-no-background .register-welcome .page-title, .onboard-no-background .register-welcome .page-desc, .onboard-no-background .new-pet-welcome .page-title, .onboard-no-background .new-pet-welcome .page-desc {
  color: #000; }

.onboard-no-background .new-pet-welcome .pet-registered-icon {
  color: #000;
  padding-top: 20px; }

body[data-action="Register-CreateNewPet"], body[data-action="Register-OnBoarding"] {
  background-repeat: no-repeat;
  background-size: 100%; }

body[data-action="Register-CreateNewPet"] {
  background-image: url("../img/welcome-register-pet-s.jpg");
  background-position: left top; }

body[data-action="Register-OnBoarding"] {
  background-image: url("../img/welcome-background-s.jpg"); }

.inverted-buttons .row-inverted-buttons {
  flex-direction: column-reverse;
  text-align: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.birth-sex-radio-button {
  display: block; }

.edit-profile-form .sex-choice {
  margin: 20px 0;
  padding: 0 10px; }
  .edit-profile-form .sex-choice .sex-choice-radio-group {
    display: inline-flex; }
    .edit-profile-form .sex-choice .sex-choice-radio-group label {
      font-size: 0.875rem;
      color: #76B328; }
      .edit-profile-form .sex-choice .sex-choice-radio-group label:last-child {
        border-radius: 0 50px 50px 0; }
      .edit-profile-form .sex-choice .sex-choice-radio-group label:first-of-type {
        border-radius: 50px 0 0 50px; }
      .edit-profile-form .sex-choice .sex-choice-radio-group label .choose-male,
      .edit-profile-form .sex-choice .sex-choice-radio-group label .choose-female {
        font-size: 0.875rem;
        padding: 5px 10px; }
    .edit-profile-form .sex-choice .sex-choice-radio-group .active {
      background: #76b328;
      color: #fff; }
    .edit-profile-form .sex-choice .sex-choice-radio-group input[type=radio] + label {
      padding: 6px 15px; }

.edit-profile-form .date {
  margin-top: 25px; }

.edit-profile-form .form-group.custom-input.profile-pic {
  margin: 0; }

@media (min-width: 475px) {
  .birth-sex-radio-button {
    display: inline-flex;
    width: 100%; }
  .edit-profile-form .birth-sex-radio-button .sex-choice {
    margin: 0;
    text-align: right;
    padding: 25px 0 0 0; }
    .edit-profile-form .birth-sex-radio-button .sex-choice .sex-choice-radio-group {
      margin-top: 0; } }

@media (min-width: 1024px) {
  .edit-profile-form .sex-choice {
    text-align: right; }
  .inverted-buttons .row-inverted-buttons {
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column-reverse; } }

@media (min-width: 768px) {
  body[data-action="Register-OnBoarding"] {
    background-image: url("../img/welcome-background-m.jpg"); }
  body[data-action="Register-CreateNewPet"] {
    background-image: url("../img/welcome-register-pet-m.jpg"); }
  body[data-action="Register-OnBoarding"] .page-wrapper .content.onboard, body[data-action="Register-CreateNewPet"] .page-wrapper .content.onboard {
    background: transparent; }
  .register-welcome {
    margin-bottom: 380px; }
    .register-welcome .page-title {
      font-size: 2.875rem; }
    .register-welcome .page-desc {
      margin: 0 85px; }
    .register-welcome .welcome-buttons {
      display: inline-block;
      text-align: center;
      width: 100%;
      margin-top: 80px; }
    .register-welcome .col-inverted-buttons {
      display: initial; }
    .register-welcome .btn-brand {
      margin-left: 0; }
    .register-welcome .btn-invert {
      margin-right: 0; }
  .onboard-no-background .register-welcome {
    margin-bottom: 20px; }
  .onboard .text-center.no-padding.col-inverted-buttons.uppercase {
    display: initial; } }

@media (min-width: 1024px) {
  body[data-action="Register-OnBoarding"] {
    background-image: url("../img/welcome-background-l.jpg"); }
  body[data-action="Register-CreateNewPet"] {
    background-image: url("../img/welcome-register-pet-l.jpg"); }
  .register-welcome .page-title {
    font-size: 3.875rem; } }

@media (min-width: 1280px) {
  body[data-action="Register-CreateNewPet"] {
    background-image: url("../img/welcome-register-pet-xl.jpg");
    background-size: cover;
    margin: 0 auto;
    max-width: 1440px; } }

@media (min-width: 1280px) {
  body[data-action="Register-OnBoarding"] {
    background-image: url("../img/welcome-background-xl.jpg");
    max-width: 1440px;
    background-size: cover;
    margin: 0 auto; } }

.message-sent {
  font-family: "klavikaregular"; }
  .message-sent .message-sent-desc {
    margin: 0 95px; }
  .message-sent .section-desc.message-sent-desc {
    font-size: 1.125rem;
    opacity: inherit;
    margin-top: 10px; }
  .message-sent .input-buttons {
    display: block;
    margin-top: 50px; }
    .message-sent .input-buttons .message-sent-buttons {
      text-align: center;
      margin-top: 50px; }
    .message-sent .input-buttons .enquiries-anchor {
      margin-top: 30px;
      border-bottom: #76B328; }
    .message-sent .input-buttons .password {
      display: block;
      margin: auto;
      margin-top: 50px; }
      .message-sent .input-buttons .password .as-placeholder {
        font-size: 1.125rem;
        color: #9da5aa; }

body[data-action="BatchCheck-Show"] .pageTop,
body[data-action="BatchCheck-CheckLotNumber"] .pageTop {
  padding-top: 25px; }

.contact-us {
  font-family: "klavikaregular"; }
  .contact-us h1.page-title {
    text-align: center; }
  .contact-us .section-title {
    color: #152935;
    font-size: 2rem; }
  .contact-us .contact-us-content {
    width: 100%; }
  .contact-us .reach-out .section-title {
    margin-top: 50px;
    width: 100%; }
  .contact-us .reach-out .reach-out-content {
    list-style-type: none;
    padding-left: 0; }
    .contact-us .reach-out .reach-out-content .icon-reach-out {
      color: #76B328;
      font-size: 32px;
      padding: 0 12px;
      margin: auto; }
    .contact-us .reach-out .reach-out-content .reach-out-card {
      padding: 15px 10px;
      background: #f3f5f6;
      margin: 25px 0;
      border-radius: 6px;
      cursor: pointer;
      width: 100%;
      display: flex; }
      .contact-us .reach-out .reach-out-content .reach-out-card a {
        display: flex; }
        .contact-us .reach-out .reach-out-content .reach-out-card a .reach-out-card-content {
          align-self: center; }
          .contact-us .reach-out .reach-out-content .reach-out-card a .reach-out-card-content .general-enquiries-title {
            color: #000; }
          .contact-us .reach-out .reach-out-content .reach-out-card a .reach-out-card-content .reach-out-card-description {
            color: #9DA5AA;
            width: 100%;
            padding-right: 10px;
            white-space: normal; }
        .contact-us .reach-out .reach-out-content .reach-out-card a:hover {
          text-decoration: none; }
      .contact-us .reach-out .reach-out-content .reach-out-card:hover {
        background: #AAD358;
        text-decoration: none; }
        .contact-us .reach-out .reach-out-content .reach-out-card:hover a .general-enquiries-title, .contact-us .reach-out .reach-out-content .reach-out-card:hover a .reach-out-card-description {
          color: #ffffff;
          text-decoration: none; }

section.shall-we-talk {
  text-align: center;
  margin-top: 50px; }
  section.shall-we-talk .shall-we-talk-content {
    color: #152935;
    font-size: 1rem;
    margin: 0 15px;
    opacity: none;
    margin-top: 25px; }
  section.shall-we-talk .phone-number-contact {
    color: #76B328;
    font-size: 2rem;
    margin-top: 10px; }
    section.shall-we-talk .phone-number-contact span {
      font-size: 24px;
      margin-right: 14px; }
  section.shall-we-talk .schedule {
    color: #9DA5AA;
    display: inline-block; }
    section.shall-we-talk .schedule .contact-us-phone {
      font-size: 24px;
      color: #76B328; }

.contact-us-collapse ul {
  list-style-type: none;
  padding-left: 0; }
  .contact-us-collapse ul .accordion-title {
    border-bottom: 1px solid #d6dce0;
    width: 100%;
    margin-top: 25px;
    padding-bottom: 15px; }
    .contact-us-collapse ul .accordion-title .button-icon-arrow-down {
      -moz-transition: all .3s linear;
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
      transform: rotate(180deg); }
    .contact-us-collapse ul .accordion-title.collapsed .button-icon-arrow-down {
      transform: rotate(0); }
  .contact-us-collapse ul li {
    color: #76B328; }
    .contact-us-collapse ul li .accordion-content {
      color: #152935; }
    .contact-us-collapse ul li .accordion-toggle {
      margin-top: 40px;
      cursor: pointer; }
      .contact-us-collapse ul li .accordion-toggle .button-icon-arrow-down {
        float: right;
        color: #76B328;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        transform: rotate(180deg); }
      .contact-us-collapse ul li .accordion-toggle.collapsed .button-icon-arrow-down {
        transform: rotate(0); }
    .contact-us-collapse ul li .accordion-group {
      font-size: 1rem; }
    .contact-us-collapse ul li .button-icon-plusminus {
      float: right;
      font-size: 0.75rem;
      color: #76B328; }
    .contact-us-collapse ul li .accordion-inner .sub-accordion-content {
      background: #f3f5f6;
      color: #9DA5AA;
      margin-top: 20px;
      padding: 10px; }

.contact-us-collapse .contact-us-dropdown {
  width: 100%;
  margin: 10px 0;
  text-align: left; }
  .contact-us-collapse .contact-us-dropdown .button-icon-arrow-down {
    float: right; }

.contact-us-collapse .choose-category {
  color: #76B328;
  border-bottom: 1px solid #d6dce0; }
  .contact-us-collapse .choose-category .button-icon-arrow-down {
    color: #76B328; }

.contact-us-collapse .card-body {
  background: #f0f0f0;
  border: none;
  padding-left: 0; }
  .contact-us-collapse .card-body .ul-dropdown li {
    margin-bottom: 30px; }

.faq-container {
  background: #f9f9f9; }
  .faq-container .faq-page-subdesc {
    font-family: "klavikamedium";
    font-size: 24px;
    margin-bottom: 30px; }
  .faq-container .faq-link {
    min-width: 240px; }
  .faq-container .faq-link-description {
    margin-bottom: 10px;
    color: #9DA5AA; }

@media (min-width: 768px) {
  .shall-we-talk {
    margin-top: 50px; } }

@media (min-width: 1280px) {
  .contact-us .main-col {
    display: flex; }
  .contact-us .reach-out-card-description {
    white-space: nowrap; } }

#CaseCreationForm {
  font-family: "klavikaregular"; }
  #CaseCreationForm .attach-file-border {
    border: 1px solid #d6dce0;
    border-radius: 5px;
    cursor: pointer; }
    #CaseCreationForm .attach-file-border .attach-file {
      color: #76B328;
      font-size: 1.438rem; }
      #CaseCreationForm .attach-file-border .attach-file .attach-file-content {
        display: inline-block;
        font-size: 1.125rem;
        color: #152935; }
      #CaseCreationForm .attach-file-border .attach-file .icon-clip {
        margin-left: 10px; }
        #CaseCreationForm .attach-file-border .attach-file .icon-clip span {
          font-size: 1.125rem;
          color: #152935;
          font-family: 'open-sans'; }
  #CaseCreationForm input[type="file"] {
    display: none; }
  #CaseCreationForm .customer-info-title {
    margin: 40px 0;
    font-family: "klavikamedium";
    font-size: 1.125rem; }
  #CaseCreationForm .customer-info-subtitle {
    margin: 20px 0;
    font-family: "klavikaregular";
    font-size: 1.125rem;
    color: #76B328; }
  #CaseCreationForm .bottom-enquiries {
    margin-top: 40px; }
    #CaseCreationForm .bottom-enquiries .custom-control {
      margin: 20px 0 0 10px; }
  #CaseCreationForm .advisor-checkbox {
    width: 100%; }
    #CaseCreationForm .advisor-checkbox label {
      padding-left: 15px; }
  #CaseCreationForm button {
    margin-top: 50px; }
  #CaseCreationForm .col-radio-button {
    margin: 0; }
    #CaseCreationForm .col-radio-button .col-single-radio-button {
      margin: 0 0 15px; }
      #CaseCreationForm .col-radio-button .col-single-radio-button input[type="radio"],
      #CaseCreationForm .col-radio-button .col-single-radio-button label {
        display: inline-block;
        vertical-align: top; }
      #CaseCreationForm .col-radio-button .col-single-radio-button input[type="radio"] {
        margin-top: 15px;
        width: auto; }
      #CaseCreationForm .col-radio-button .col-single-radio-button label {
        padding-left: 40px;
        pointer-events: auto; }
  #CaseCreationForm .sex-choice,
  #CaseCreationForm .petType-choice {
    margin: 10px 0; }
    #CaseCreationForm .sex-choice .sex-choice-radio-group,
    #CaseCreationForm .sex-choice .petType-choice-radio-group,
    #CaseCreationForm .petType-choice .sex-choice-radio-group,
    #CaseCreationForm .petType-choice .petType-choice-radio-group {
      display: inline-flex;
      margin: 0; }
      #CaseCreationForm .sex-choice .sex-choice-radio-group label,
      #CaseCreationForm .sex-choice .petType-choice-radio-group label,
      #CaseCreationForm .petType-choice .sex-choice-radio-group label,
      #CaseCreationForm .petType-choice .petType-choice-radio-group label {
        font-size: 0.875rem;
        color: #76b328;
        cursor: pointer; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label:last-child,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label:last-child,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label:last-child,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label:last-child {
          border-radius: 0 50px 50px 0; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label:first-of-type,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label:first-of-type,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label:first-of-type,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label:first-of-type {
          border-radius: 50px 0 0 50px; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-male,
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-female,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-male,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-female,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-male,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-female,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-male,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-female {
          font-size: 0.875rem;
          padding: 5px 10px; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-dog,
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-cat,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-dog,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-cat,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-dog,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-cat,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-dog,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-cat {
          font-size: 0.875rem;
          padding: 5px 0 0 5px; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label span,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label span,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label span,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label span {
          display: inline-block;
          vertical-align: top; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .icon,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .icon,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .icon,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .icon {
          font-size: 24px;
          padding-top: 3px; }
      #CaseCreationForm .sex-choice .sex-choice-radio-group input[type=radio] + label,
      #CaseCreationForm .sex-choice .petType-choice-radio-group input[type=radio] + label,
      #CaseCreationForm .petType-choice .sex-choice-radio-group input[type=radio] + label,
      #CaseCreationForm .petType-choice .petType-choice-radio-group input[type=radio] + label {
        padding: 6px 26px;
        border: 2px solid #d6dce0; }
      #CaseCreationForm .sex-choice .sex-choice-radio-group input:checked + label,
      #CaseCreationForm .sex-choice .petType-choice-radio-group input:checked + label,
      #CaseCreationForm .petType-choice .sex-choice-radio-group input:checked + label,
      #CaseCreationForm .petType-choice .petType-choice-radio-group input:checked + label {
        background: #76b328;
        color: #fff; }

.nutritional-advisor .form-group.date.required {
  margin-top: 25px; }

.sell-products .attach-file-border {
  margin-top: 15px; }

.case-thankyou .case-thankyou-message {
  font-size: 18px; }

.case-thankyou .first-button {
  margin-top: 65px;
  margin-bottom: 35px; }

.case-thankyou .registration {
  margin: 60px auto 0; }

@media (min-width: 768px) {
  .attach-file-border {
    margin-top: 40px; }
  .sell-products .col.col-sm-12.col-md-6.col-sell-message {
    bottom: 142px !important; }
  .registration {
    max-width: 480px; } }

.faqs {
  font-family: "klavikaregular"; }
  .faqs .section-title {
    color: #152935;
    font-size: 2rem; }
  .faqs .faqs-content {
    width: 100%; }
  .faqs .faqs-button {
    text-align: center;
    margin-top: 50px;
    display: block; }
    .faqs .faqs-button .faqs-button-title {
      font-family: "klavikamedium";
      font-size: 1.5rem;
      color: #152935; }
  .faqs .faqs-collapse ul {
    list-style-type: none;
    padding-left: 0; }
    .faqs .faqs-collapse ul .accordion-title {
      border-bottom: 1px solid #d6dce0;
      width: 100%;
      margin-top: 25px; }
    .faqs .faqs-collapse ul li {
      color: #76B328; }
      .faqs .faqs-collapse ul li .accordion-content {
        color: #152935; }
      .faqs .faqs-collapse ul li .accordion-toggle {
        margin-top: 40px; }
        .faqs .faqs-collapse ul li .accordion-toggle .button-icon-arrow-down {
          float: right;
          color: #76B328; }
      .faqs .faqs-collapse ul li .accordion-group {
        font-size: 1rem; }
      .faqs .faqs-collapse ul li .button-icon-plus {
        float: right;
        font-size: 0.75rem;
        color: #76B328; }
      .faqs .faqs-collapse ul li .accordion-inner .sub-accordion-content {
        background: #f3f5f6;
        color: #9da5aa;
        margin-top: 20px;
        padding: 10px; }
  .faqs .faqs-collapse .choose-category {
    color: #76B328;
    border-bottom: 1px solid #d6dce0; }
    .faqs .faqs-collapse .choose-category .button-icon-arrow-down {
      color: #76B328; }
  .faqs .faqs-collapse .card-body {
    background: #f0f0f0;
    border: none;
    padding-left: 0; }
    .faqs .faqs-collapse .card-body .ul-dropdown li {
      margin-bottom: 30px; }
  .faqs .faqs-help {
    color: #9da5aa; }
  .faqs .faq-dog-image {
    text-align: center; }
    .faqs .faq-dog-image img {
      width: 250px; }

@media (min-width: 768px) {
  .faqs-button {
    display: inline-flex; } }

@media (min-width: 1280px) {
  .faqs .main-col {
    display: flex; }
  .faqs .faq-dog-image {
    text-align: end;
    margin-right: 95px; } }

.my-pet-area {
  display: flex;
  justify-content: space-evenly !important; }
  .my-pet-area .my-pet {
    margin-bottom: 25px; }

ul.nav.nav-pills.animals.pet-type-tab {
  margin-bottom: 40px; }

.error-messaging {
  position: fixed;
  top: 125px;
  left: 0;
  right: 0;
  z-index: 200; }

.error-container {
  font-family: "klavikaregular"; }
  .error-container .img-container {
    max-width: 350px;
    margin: 0 auto; }
    .error-container .img-container img {
      width: 100%;
      height: auto; }
  .error-container .error-status-code {
    margin: 0;
    text-align: center;
    font-family: "klavikamedium";
    font-size: 24px;
    color: #79B829; }
  .error-container .error-status-message {
    margin: 0;
    text-align: center;
    line-height: 1.56;
    font-size: 18px;
    color: #152935; }
  .error-container pre {
    width: 80%;
    border-radius: 5px;
    margin: 25px auto 0;
    text-align: center;
    white-space: nowrap;
    background: #f3f5f6;
    color: #9DA5AA; }
  .error-container .back-to-home {
    margin-top: 50px; }

.registration {
  background: white;
  border-radius: 9px; }
  .registration .content-buttons-group .buttons-group .pill-btn.btn.btn-brand,
  .registration .content-buttons-group .buttons-group a.btn.btn-brand .margin-button {
    margin: 10px auto 25px auto; }

body[data-action="Register-CreatePet"] .catdog {
  margin-bottom: 50px; }

body[data-action="Register-Show"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/home-background-s.jpg"); }

.background-image-xl {
  background-image: url("../img/home-background-xl.jpg"); }

@media (min-width: 320px) and (max-width: 767px) {
  .registration {
    padding: 30px 15px 40px 15px; } }

@media (min-width: 768px) {
  body[data-action="Register-Show"] {
    background-image: url("../img/home-background-m.jpg"); } }

@media (min-width: 1024px) {
  body[data-action="Register-Show"] {
    background-image: url("../img/home-background-l.jpg"); } }

@media (min-width: 1280px) {
  body[data-action="Register-Show"] {
    background-image: url("../img/home-background-xl.jpg");
    max-width: 1440px;
    background-size: cover;
    margin: 0 auto; } }

.my-avatar-area {
  display: flex;
  justify-content: space-evenly !important; }
  .my-avatar-area .my-avatar {
    margin-bottom: 25px; }
    .my-avatar-area .my-avatar a {
      display: block; }
      .my-avatar-area .my-avatar a .hidden-canvas {
        display: none; }

/*Components*/
.filters {
  display: none;
  position: relative;
  width: 100%;
  z-index: 5; }
  .filters .grid-header {
    position: relative; }
  .filters.active {
    display: block; }
  .filters ul {
    list-style: none;
    display: inline-flex;
    justify-content: center; }
  .filters .values {
    display: block;
    margin-left: 8px; }
  .filters .refinement {
    padding: 25px 0 0; }
  .filters .filters-header {
    margin: 20px auto; }
    .filters .filters-header a {
      font-size: 0.875rem;
      text-decoration: underline; }
    .filters .filters-header .filter-buttons {
      position: relative;
      margin-bottom: 20px; }
      .filters .filters-header .filter-buttons a.disabled {
        opacity: .3;
        filter: alpha(opacity=30); }
      .filters .filters-header .filter-buttons .cancelFilter {
        position: absolute;
        right: 0; }
    .filters .filters-header .filters-title {
      text-align: center;
      font-size: 1.125rem;
      color: #79B829;
      font-family: "klavikamedium"; }
  .filters .filters-content {
    overflow: unset; }
    .filters .filters-content .custom-control {
      padding-left: 0;
      margin-top: 18px; }
    .filters .filters-content .filter-name {
      color: #76B328;
      font-family: "klavikaregular";
      font-size: 1.125rem;
      display: block;
      margin-bottom: 30px; }
    .filters .filters-content .refinement a {
      cursor: pointer; }
      .filters .filters-content .refinement a label,
      .filters .filters-content .refinement a span {
        cursor: pointer; }
      .filters .filters-content .refinement a.active {
        cursor: auto; }
        .filters .filters-content .refinement a.active label,
        .filters .filters-content .refinement a.active span {
          cursor: auto; }
      .filters .filters-content .refinement a.disabled {
        opacity: .3;
        filter: alpha(opacity=30); }
        .filters .filters-content .refinement a.disabled label,
        .filters .filters-content .refinement a.disabled span {
          cursor: not-allowed; }
    .filters .filters-content .refinement-type {
      text-align: center; }
      .filters .filters-content .refinement-type li {
        display: inline-block;
        margin: 10px; }
        .filters .filters-content .refinement-type li a {
          font-size: 0.875rem;
          padding: 14px 25px;
          font-family: "open_sanssemibold";
          color: #152935;
          border: 1px solid #9DA5AA;
          text-decoration: none;
          border-radius: 5px; }
          .filters .filters-content .refinement-type li a span {
            font-size: 1.6rem;
            vertical-align: middle;
            margin-right: 5px; }
          .filters .filters-content .refinement-type li a.active {
            background-color: #79B829;
            color: #fff; }
    .filters .filters-content .refinement-pettype {
      text-align: center; }
      .filters .filters-content .refinement-pettype li {
        display: inline-block;
        margin: 10px; }
        .filters .filters-content .refinement-pettype li a {
          font-size: .875rem;
          padding: 14px 25px;
          font-family: "open_sanssemibold";
          color: #152935;
          border: 1px solid #9da5aa;
          text-decoration: none;
          border-radius: 5px; }
          .filters .filters-content .refinement-pettype li a span {
            font-size: 1.6rem;
            vertical-align: middle;
            margin-right: 5px; }
          .filters .filters-content .refinement-pettype li a.active {
            background-color: #79B829;
            color: #fff; }
    .filters .filters-content .refinement-size .wrapper-pet-filter-img,
    .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img {
      margin: 0;
      display: flex;
      align-items: baseline;
      margin-bottom: 25px; }
      .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img,
      .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img {
        margin: 30px auto; }
        .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a,
        .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a {
          text-decoration: none;
          color: #9DA5AA;
          font-family: "open_sansregular";
          font-size: 1rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.mini-size,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.mini-size {
            font-size: 2.8rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.medium-size,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.medium-size {
            font-size: 3.2rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.max-size,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.max-size {
            font-size: 4rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.kitten,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.kitten {
            font-size: 4rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.puppy,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.puppy {
            font-size: 4rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.young,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.young {
            font-size: 4.4rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.adult,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.adult {
            font-size: 5rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.mature,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.mature {
            font-size: 5rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a span.senior,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a span.senior {
            font-size: 5rem; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a .pet-type-title,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a .pet-type-title {
            display: block;
            text-align: center;
            font-family: "open_sansbold";
            line-height: 1rem;
            margin-top: 10px; }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img a .pet-type-desc,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img a .pet-type-desc {
            display: block;
            text-align: center;
            font-family: "open_sansregular";
            font-size: 0.8125rem; }
        .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img.active a,
        .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img.active a {
          color: #AAD358; }
        .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img.disabled,
        .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img.disabled {
          opacity: .8;
          filter: alpha(opacity=80); }
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img.disabled label,
          .filters .filters-content .refinement-size .wrapper-pet-filter-img .pet-filter-img.disabled span,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img.disabled label,
          .filters .filters-content .refinement-lifestage .wrapper-pet-filter-img .pet-filter-img.disabled span {
            cursor: not-allowed; }
    .filters .filters-content .solo-filter .wrapper-pet-filter-img {
      margin: 0;
      display: block; }
      .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img {
        margin: 40px auto; }
        .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a {
          font-size: 1.125rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.mini-size {
            font-size: 3.5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.medium-size {
            font-size: 4.5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.max-size {
            font-size: 6rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.kitten {
            font-size: 5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.puppy {
            font-size: 5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.young {
            font-size: 4.4rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.adult {
            font-size: 5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.mature {
            font-size: 5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a span.senior {
            font-size: 5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a .pet-type-title {
            line-height: 1.5rem; }
          .filters .filters-content .solo-filter .wrapper-pet-filter-img .pet-filter-img a .pet-type-desc {
            font-size: 0.8125rem; }
    .filters .filters-content .solo-filter .dog-lifestage-buttons-list {
      display: block; }
      .filters .filters-content .solo-filter .dog-lifestage-buttons-list a {
        border: 1px solid #9da5aa;
        border-radius: 5px;
        color: #9da5aa;
        background-color: #fff;
        display: block;
        text-align: center;
        max-width: 270px;
        margin: 25px auto;
        padding: 15px; }
        .filters .filters-content .solo-filter .dog-lifestage-buttons-list a span {
          display: block; }
          .filters .filters-content .solo-filter .dog-lifestage-buttons-list a span.age-range {
            font-size: 1.125rem;
            font-family: "open_sansbold"; }
          .filters .filters-content .solo-filter .dog-lifestage-buttons-list a span.age-range-desc {
            font-size: 0.875rem;
            font-family: "open_sansregular"; }
        .filters .filters-content .solo-filter .dog-lifestage-buttons-list a.active {
          color: #fff;
          background-color: #AAD358; }
  .filters .view-prods {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0; }
    .filters .view-prods a.disabled {
      opacity: .3;
      filter: alpha(opacity=30); }
  .filters .custom-checkbox .custom-control-label::before {
    border: 1px solid #9da5aa; }
  .filters .custom-checkbox .custom-control-label::after {
    width: 21px;
    height: 21px;
    left: -24px;
    top: 4px;
    background: #fff;
    border: 1px solid #9da5aa;
    border-radius: 4px; }
  .filters .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: "\2714";
    background-image: none;
    padding-top: 1px;
    text-align: center;
    font: icon;
    color: #7ab600;
    border: 1px solid #7ab600; }

@media (max-width: 360px) {
  .filters .values[data-action="petType"] {
    display: inline-block; }
    .filters .values[data-action="petType"] li {
      margin: 0; } }

@media (min-width: 768px) {
  .filters .filters-content {
    margin: 0 auto;
    padding: 20px 25px 0; }
  .dog-lifestage-buttons-list a {
    width: 270px; } }

@media (min-width: 1280px) {
  .filters .view-prods {
    position: relative;
    margin: 30px auto;
    bottom: auto;
    left: auto;
    right: auto; } }

nav {
  font-family: "klavikaregular";
  font-size: 1.115rem; }
  nav a,
  nav a:hover {
    text-decoration: none; }
  nav ul {
    list-style: none; }
  nav .top-nav {
    font-family: "klavikaregular";
    height: 40px;
    background-color: #79B829;
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    right: 0; }
    nav .top-nav .dog-cat {
      margin-top: 4px;
      float: left; }
      nav .top-nav .dog-cat img.img-static-dog-cat {
        width: 42px; }
      nav .top-nav .dog-cat .cat img.img-static-dog-cat {
        margin-top: 2px; }
      nav .top-nav .dog-cat a {
        color: #AAD358;
        font-size: 1.125rem;
        text-transform: capitalize;
        padding: 0px 10px; }
        nav .top-nav .dog-cat a:hover {
          color: #fff; }
        nav .top-nav .dog-cat a.active, nav .top-nav .dog-cat a:hover {
          color: #fff; }
        nav .top-nav .dog-cat a h1 {
          font-size: 1.125rem;
          display: inline; }
      nav .top-nav .dog-cat.active .dog,
      nav .top-nav .dog-cat.active .cat {
        color: #fff; }
        nav .top-nav .dog-cat.active .dog.inactive,
        nav .top-nav .dog-cat.active .cat.inactive {
          opacity: 0.5;
          filter: alpha(opacity=50); }
          nav .top-nav .dog-cat.active .dog.inactive:hover,
          nav .top-nav .dog-cat.active .cat.inactive:hover {
            opacity: 1;
            filter: alpha(opacity=100); }
    nav .top-nav li:not(:first-child) {
      float: right;
      padding: 7px 10px; }
      nav .top-nav li:not(:first-child) a {
        color: #fff;
        font-size: 1rem; }
  nav .search-nav {
    height: 60px;
    background-color: #fff;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    z-index: 11; }
    nav .search-nav .brand-logo {
      display: block;
      width: 145px;
      margin: 5px auto;
      text-align: center; }
      nav .search-nav .brand-logo img {
        height: 86px;
        margin-top: -20px;
        margin-left: -16px; }
    nav .search-nav .toggle-menu {
      color: #79B829;
      background-color: #fff;
      border: none;
      padding: 16px;
      top: 0;
      position: absolute;
      right: left; }
    nav .search-nav .search-btn {
      color: #79B829;
      border: none;
      padding: 16px;
      top: 2px;
      position: absolute;
      right: 0; }
    nav .search-nav .search_form_small {
      display: none; }
      nav .search-nav .search_form_small .search_form {
        display: block !important;
        position: absolute;
        top: 0;
        height: 60px;
        background-color: #fff;
        width: auto;
        left: 60px;
        right: 50px; }
        nav .search-nav .search_form_small .search_form .search-input__group {
          display: flex; }
          nav .search-nav .search_form_small .search_form .search-input__group input {
            border: none;
            border-bottom: 1px solid #d6dce0;
            text-align: right;
            width: 99%;
            margin-top: 15px;
            margin-bottom: 16px; }
          nav .search-nav .search_form_small .search_form .search-input__group .close-search-store-button {
            padding: 20px;
            font-size: 0.875rem; }
            nav .search-nav .search_form_small .search_form .search-input__group .close-search-store-button span.icon-multiply {
              line-height: 2; }
  nav .menu-nav {
    display: none;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    overflow-x: visible;
    z-index: 11; }
    nav .menu-nav a {
      float: left;
      display: block;
      color: #79B829;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 1.063rem; }
    nav .menu-nav .logoHeading {
      font-size: 0;
      margin: 0;
      padding: 0; }
    nav .menu-nav .brand-logo {
      display: none; }
    nav .menu-nav .close-menu {
      text-align: right; }
      nav .menu-nav .close-menu button {
        padding: 10px; }
        nav .menu-nav .close-menu button span {
          color: #9DA5AA;
          font-size: 1rem; }
    nav .menu-nav .dropdown,
    nav .menu-nav .no-dropdown {
      float: left;
      position: relative;
      overflow: hidden; }
      nav .menu-nav .dropdown .dropbtn,
      nav .menu-nav .dropdown .no-dropbtn,
      nav .menu-nav .no-dropdown .dropbtn,
      nav .menu-nav .no-dropdown .no-dropbtn {
        position: relative;
        font-size: 1.063rem;
        border: none;
        outline: none;
        color: #79B829;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0; }
        nav .menu-nav .dropdown .dropbtn span,
        nav .menu-nav .dropdown .no-dropbtn span,
        nav .menu-nav .no-dropdown .dropbtn span,
        nav .menu-nav .no-dropdown .no-dropbtn span {
          font-size: 0.7rem;
          float: right;
          margin-top: 7px;
          -webkit-transition: transform 0.3s ease-in-out;
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out; }
      nav .menu-nav .dropdown .dropdown-content,
      nav .menu-nav .no-dropdown .dropdown-content {
        display: none;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
        z-index: 1; }
        nav .menu-nav .dropdown .dropdown-content a,
        nav .menu-nav .no-dropdown .dropdown-content a {
          float: none;
          color: #9DA5AA;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left; }
      nav .menu-nav .dropdown.menu-search-big,
      nav .menu-nav .no-dropdown.menu-search-big {
        display: none; }
      nav .menu-nav .dropdown.open .dropbtn span,
      nav .menu-nav .no-dropdown.open .dropbtn span {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Safari 3-8 */
        transform: rotate(180deg); }
      nav .menu-nav .dropdown.open .dropdown-content,
      nav .menu-nav .no-dropdown.open .dropdown-content {
        display: block; }
      nav .menu-nav .dropdown.user-menu .dropbtn span.PImageContainer,
      nav .menu-nav .no-dropdown.user-menu .dropbtn span.PImageContainer {
        width: 30px;
        margin-top: 2px; }
        nav .menu-nav .dropdown.user-menu .dropbtn span.PImageContainer .PImage,
        nav .menu-nav .no-dropdown.user-menu .dropbtn span.PImageContainer .PImage {
          width: 100%;
          height: auto;
          border-radius: 100px; }
    nav .menu-nav .search_form {
      display: none; }
    nav .menu-nav .language-selector {
      padding: 0; }
      nav .menu-nav .language-selector a {
        color: #fff;
        font-size: 1rem; }
  nav .alternate-nav {
    padding: 0 !important; }
    nav .alternate-nav ul {
      padding: 0 !important; }

@media (min-width: 320px) and (max-width: 767px) {
  .register-link {
    display: none; }
  .menu-nav {
    width: 90%; }
  .user-menu .dropdown-content.not-logged {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .register-link {
    display: none; }
  .menu-nav {
    width: 60%;
    position: fixed; }
  .user-menu .dropdown-content {
    position: relative; }
  .user-menu .dropdown,
  .user-menu .no-dropdown {
    float: none; }
    .user-menu .dropdown .dropbtn,
    .user-menu .dropdown .no-dropbtn,
    .user-menu .no-dropdown .dropbtn,
    .user-menu .no-dropdown .no-dropbtn {
      display: block;
      width: 100%;
      text-align: left; } }

@media (min-width: 320px) and (max-width: 1023px) {
  nav .menu-nav {
    z-index: 11;
    position: fixed;
    top: 100px;
    max-height: 80%;
    overflow-y: auto; }
    nav .menu-nav a {
      float: none;
      display: block;
      text-align: left; }
    nav .menu-nav .dropdown-content {
      position: relative; }
    nav .menu-nav .dropdown,
    nav .menu-nav .no-dropdown {
      float: none; }
      nav .menu-nav .dropdown .dropbtn,
      nav .menu-nav .dropdown .no-dropbtn,
      nav .menu-nav .no-dropdown .dropbtn,
      nav .menu-nav .no-dropdown .no-dropbtn {
        display: block;
        width: 100%;
        text-align: left; }
  .language-selector .dropdown {
    float: none; }
    .language-selector .dropdown .dropbtn,
    .language-selector .dropdown .no-dropbtn {
      display: block;
      width: 100%;
      text-align: left; } }

@media screen and (min-width: 1024px) {
  .menu-register-link {
    display: none !important; }
  nav .menu-nav {
    height: 60px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    display: block !important; }
    nav .menu-nav .close-menu {
      display: none; }
    nav .menu-nav .brand-logo {
      padding: 10px 16px;
      display: inline-block;
      float: none;
      vertical-align: middle;
      text-align: center; }
      nav .menu-nav .brand-logo img {
        height: 40px;
        transform: scale(2.5);
        margin: 0;
        margin-left: 16px;
        margin-right: 12px; }
        nav .menu-nav .brand-logo img.cat_logo {
          transform: scale(1.8); }
    nav .menu-nav .dropdown,
    nav .menu-nav .no-dropdown {
      float: none;
      display: inline-block;
      vertical-align: middle; }
      nav .menu-nav .dropdown .dropbtn,
      nav .menu-nav .dropdown .no-dropbtn,
      nav .menu-nav .no-dropdown .dropbtn,
      nav .menu-nav .no-dropdown .no-dropbtn {
        padding: 12px 25px 12px 10px;
        max-width: 270px;
        line-height: 18px;
        vertical-align: middle; }
        nav .menu-nav .dropdown .dropbtn span,
        nav .menu-nav .dropdown .no-dropbtn span,
        nav .menu-nav .no-dropdown .dropbtn span,
        nav .menu-nav .no-dropdown .no-dropbtn span {
          display: none; }
      nav .menu-nav .dropdown:not(.menu-search-big) .dropbtn:hover:after,
      nav .menu-nav .no-dropdown:not(.menu-search-big) .dropbtn:hover:after {
        position: absolute;
        left: 45%;
        bottom: 0px;
        width: 0;
        height: 0;
        content: "";
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #79B829; }
      nav .menu-nav .dropdown .dropdown-content,
      nav .menu-nav .no-dropdown .dropdown-content {
        position: fixed;
        border-top: 2px solid #79B829; }
        nav .menu-nav .dropdown .dropdown-content a:hover,
        nav .menu-nav .no-dropdown .dropdown-content a:hover {
          color: #79B829;
          background-color: #fafafa; }
      nav .menu-nav .dropdown.user-menu,
      nav .menu-nav .no-dropdown.user-menu {
        display: block;
        float: right; }
        nav .menu-nav .dropdown.user-menu .dropbtn,
        nav .menu-nav .no-dropdown.user-menu .dropbtn {
          padding: 14px 16px; }
          nav .menu-nav .dropdown.user-menu .dropbtn span,
          nav .menu-nav .no-dropdown.user-menu .dropbtn span {
            font-size: 1.9rem;
            margin-top: 4px; }
            nav .menu-nav .dropdown.user-menu .dropbtn span.icon-user,
            nav .menu-nav .no-dropdown.user-menu .dropbtn span.icon-user {
              margin-top: 1px; }
        nav .menu-nav .dropdown.user-menu .dropdown-content,
        nav .menu-nav .no-dropdown.user-menu .dropdown-content {
          transform: translateX(-60%);
          max-width: 160px; }
          nav .menu-nav .dropdown.user-menu .dropdown-content:after,
          nav .menu-nav .no-dropdown.user-menu .dropdown-content:after {
            left: auto;
            right: 30px; }
      nav .menu-nav .dropdown.menu-search-big,
      nav .menu-nav .no-dropdown.menu-search-big {
        display: block;
        float: right; }
        nav .menu-nav .dropdown.menu-search-big span,
        nav .menu-nav .no-dropdown.menu-search-big span {
          font-size: 1.6rem; }
      nav .menu-nav .dropdown:hover .dropdown-content,
      nav .menu-nav .no-dropdown:hover .dropdown-content {
        display: block; }
    nav .menu-nav .dropdown:hover:after {
      position: absolute;
      left: 45%;
      bottom: 0px;
      width: 0;
      height: 0;
      content: "";
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #79B829; }
    nav .menu-nav .search_form_big {
      display: none; }
    nav .menu-nav .search_form {
      position: absolute;
      display: block;
      width: auto;
      top: 0px;
      left: 120px;
      right: 150px;
      height: 60px;
      font-size: 1.6rem;
      background-color: #fff; }
      nav .menu-nav .search_form .search-input__group {
        display: flex; }
        nav .menu-nav .search_form .search-input__group input {
          border: none;
          border-bottom: 1px solid #d6dce0;
          text-align: right;
          width: 99%;
          margin-top: 15px;
          margin-bottom: 16px; }
        nav .menu-nav .search_form .search-input__group .close-search-store-button {
          padding: 20px;
          font-size: 0.875rem; }
          nav .menu-nav .search_form .search-input__group .close-search-store-button span.icon-multiply {
            line-height: 1.8; }
  .language-selector {
    float: right; }
    .language-selector .dropdown {
      padding: 7px 10px; }
      .language-selector .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        padding: 0;
        line-height: 1.5;
        color: #ffffff;
        text-transform: capitalize; }
        .language-selector .dropdown .dropbtn .icon-arrow-right {
          -moz-transition: all 0.3s linear;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear; }
        .language-selector .dropdown .dropbtn span {
          margin: 8px 0 0 10px;
          font-size: 0.7rem;
          float: right; }
        .language-selector .dropdown .dropbtn:after {
          display: none; }
        .language-selector .dropdown .dropbtn:hover .icon-arrow-right {
          transform: rotate(90deg); }
      .language-selector .dropdown .dropdown-content {
        display: none;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
        border-top: 2px solid #79B829;
        z-index: 15;
        position: absolute;
        top: 40px;
        right: -10px; }
        .language-selector .dropdown .dropdown-content a {
          float: none;
          color: #9DA5AA;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
          text-transform: capitalize; }
          .language-selector .dropdown .dropdown-content a:hover {
            color: #79B829;
            background-color: #fafafa; }
      .language-selector .dropdown:hover .dropdown-content {
        display: block; } }

@media (min-width: 1024px) and (max-width: 1439px) {
  .top-nav,
  .menu-nav {
    max-width: 1439px;
    margin: 0 auto; } }

@media screen and (min-width: 1280px) {
  .top-nav,
  .menu-nav {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto; } }

.cases-list {
  padding: 20px; }
  .cases-list .form-inline .custom-select {
    width: 100% !important;
    text-align: left;
    padding-left: 0;
    font-family: "klavikaregular";
    font-size: 1.5rem; }
    .cases-list .form-inline .custom-select option {
      font-size: 1.5rem; }
  .cases-list .case-list-table table {
    width: 100%; }
    .cases-list .case-list-table table tbody tr {
      border-bottom: 1px solid #d6dce0;
      display: block;
      padding: 15px 0; }
      .cases-list .case-list-table table tbody tr td {
        display: block;
        font-size: 1.25rem; }
        .cases-list .case-list-table table tbody tr td:nth-of-type(2) {
          font-family: "klavikamedium"; }
    .cases-list .case-list-table table tbody td:first-child {
      color: #909A9E; }
  .cases-list .case-list-table a {
    margin-top: 58px;
    position: relative;
    top: 24px;
    border-bottom: 1px solid #79B829;
    font-size: 0.875rem;
    font-family: "open_sansregular"; }
  .cases-list .button-case {
    margin-top: 52px !important; }
  .cases-list .closed {
    color: #e71754; }
  .cases-list .pending {
    color: #E6C229; }
  .cases-list .resolved {
    color: #1BD760; }
  .cases-list form {
    text-align: center; }
  .cases-list .subsection-title:nth-of-type(2) {
    margin-top: 40px; }
  .cases-list ul {
    list-style-type: none;
    text-align: left; }

.cases-list-bottom {
  width: 100%; }
  .cases-list-bottom ul {
    padding: 0;
    list-style-type: none;
    text-align: left; }
    .cases-list-bottom ul li {
      color: #909A9E;
      font-family: "klavikaregular";
      font-size: 1.125rem; }
      .cases-list-bottom ul li a {
        border-bottom: 1px solid #79B829;
        font-family: "klavikaregular";
        font-size: 1.188rem; }
  .cases-list-bottom .contact-links {
    padding: 18px; }
  .cases-list-bottom .subsection-title:nth-of-type(2) {
    margin-top: 40px; }

@media (min-width: 1024px) {
  .contact-links {
    padding-left: 90px; }
    .contact-links .ul-links-bottom li {
      padding-top: 5px; }
      .contact-links .ul-links-bottom li a {
        margin-bottom: 50px; } }

.footer-content {
  background: #fff;
  box-shadow: 2px 0 7px 0 rgba(0, 0, 0, 0.07);
  font-family: "klavikaregular"; }
  .footer-content .order-elements-row {
    margin: 0; }
  .footer-content .footer-live-chat {
    background: #fff;
    margin: 0 auto; }
  .footer-content .contact-form-live-chat {
    text-align: left; }
  .footer-content .form-control-live-chat {
    border-bottom: 1px solid #d6dce0; }
  .footer-content .social-buttons-ul {
    justify-content: center;
    margin-bottom: 45px; }
    .footer-content .social-buttons-ul .social-icons {
      display: inline-block; }
      .footer-content .social-buttons-ul .social-icons .icon:before {
        font-size: 3.5rem; }
    .footer-content .social-buttons-ul a:hover {
      text-decoration: none; }
  .footer-content .subscribe-newsletter-form {
    width: 100%;
    background: #ffffff;
    margin: 0 auto; }
    .footer-content .subscribe-newsletter-form .subscribe-button {
      margin-bottom: 43px;
      text-align: center; }
  .footer-content .footer-collapse ul {
    padding-left: 0; }
  .footer-content .footer-collapse .footer-dropdown {
    margin-left: 25px; }
    .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown, .footer-content .footer-collapse .footer-dropdown .choose-site-dropdown {
      padding: 0;
      font-size: 1rem;
      color: #9DA5AA;
      margin-top: 15px;
      display: block;
      text-transform: capitalize; }
      .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown div, .footer-content .footer-collapse .footer-dropdown .choose-site-dropdown div {
        margin: 0;
        color: #AAD358;
        display: inline; }
        .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown div span, .footer-content .footer-collapse .footer-dropdown .choose-site-dropdown div span {
          margin: 0 0 4px 5px;
          vertical-align: bottom;
          display: inline-block; }
      .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown .rotate-icon, .footer-content .footer-collapse .footer-dropdown .choose-site-dropdown .rotate-icon {
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        transition: all .3s linear; }
      .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown.collapsed .icon-arrow-right, .footer-content .footer-collapse .footer-dropdown .choose-site-dropdown.collapsed .icon-arrow-right {
        transform: rotate(0deg); }
      .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown .icon-arrow-right, .footer-content .footer-collapse .footer-dropdown .choose-site-dropdown .icon-arrow-right {
        transform: rotate(90deg); }
    .footer-content .footer-collapse .footer-dropdown #chooseLanguageDropdown a, .footer-content .footer-collapse .footer-dropdown #chooseSiteDropdown a {
      color: #9DA5AA;
      text-transform: capitalize; }
  .footer-content .label-txt {
    font-size: 1.125rem;
    color: #152935;
    display: block;
    color: #515151;
    margin-left: 20px; }
  .footer-content .input-email {
    padding: 6px;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: none; }
    .footer-content .input-email[disabled] {
      opacity: .3; }
  .footer-content .subscription-response-message {
    display: none;
    padding-top: 45px;
    font-size: 0.9rem;
    text-align: center; }
    .footer-content .subscription-response-message.success {
      color: #79B829; }
    .footer-content .subscription-response-message.failure {
      color: #dc3545; }
  .footer-content .label-email[disabled] {
    opacity: .3; }
  .footer-content .line-box {
    width: 306px; }
  .footer-content .line {
    transform: translateX(-50%);
    background: #8BC34A;
    transition: ease .6s; }
  .footer-content .form-group {
    margin: 0 20px; }
    .footer-content .form-group input {
      font-family: 1.125rem;
      border-bottom: 1px solid #d6dce0; }
    .footer-content .form-group .custom-input {
      text-align: left; }
  .footer-content .input-email:focus + .line-box .line {
    width: 100%; }
  .footer-content .subscribe-button {
    margin-top: 50px;
    font-size: 1rem; }
  .footer-content #buttonFooterDropdown {
    display: block;
    color: #76B328; }
  .footer-content .choose-category {
    text-align: left;
    color: #76B328;
    font-size: 1rem;
    padding-top: 12px; }
    .footer-content .choose-category .rotate-icon {
      -moz-transition: all .3s linear;
      -webkit-transition: all .3s linear;
      transition: all .3s linear; }
    .footer-content .choose-category .rotate-icon-down {
      transform: rotate(180deg); }
    .footer-content .choose-category .button-icon-arrow-down {
      color: #76B328;
      text-align: right;
      right: 0;
      position: absolute;
      margin-right: 44px; }
  .footer-content ul.contact-us-ul {
    padding-left: 0; }
    .footer-content ul.contact-us-ul li {
      color: #79b829; }
  .footer-content #buttonFooterDropdown:hover {
    color: #76B328; }
  .footer-content ul {
    list-style-type: none;
    text-align: left; }
    .footer-content ul li {
      color: #515151;
      text-align: left;
      font-size: 1rem;
      margin-top: 15px; }
  .footer-content .card {
    background-color: #ffffff;
    border: none;
    position: relative;
    padding: 0; }
  .footer-content .bottom-footer {
    border-top: 1px solid #d6dce0;
    margin: 0 auto; }
    .footer-content .bottom-footer ul {
      padding-bottom: 46px;
      background: #ffffff;
      padding-left: 0;
      text-align: center;
      max-width: 530px;
      margin-left: 20px; }
      .footer-content .bottom-footer ul li {
        margin-left: 20px;
        margin-top: 20px; }
        .footer-content .bottom-footer ul li a {
          margin-top: 70px;
          width: auto;
          font-size: 0.9375rem;
          color: #9DA5AA; }
    .footer-content .bottom-footer .content-copyright-footer {
      border-top: 1px solid #d6dce0;
      width: 100%; }
      .footer-content .bottom-footer .content-copyright-footer .copyright-footer {
        font-size: 0.9375rem;
        color: #9DA5AA;
        padding: 30px 35px;
        text-align: left;
        max-width: 500px; }
  .footer-content .button-icon-chat {
    background: #79B829;
    position: absolute;
    bottom: 0;
    margin-right: 20px;
    color: #fff;
    right: 0;
    bottom: auto;
    margin-top: -20px; }
    .footer-content .button-icon-chat span {
      font-size: 3.5rem; }
  .footer-content .ul-dropdown {
    color: #AAD358; }
    .footer-content .ul-dropdown li {
      max-width: 155px; }
      .footer-content .ul-dropdown li a {
        color: #9DA5AA;
        font-size: 1rem;
        line-height: 10px; }
  .footer-content .choose-dog-cat {
    margin: 10px 0 0 25px;
    list-style-type: none; }
    .footer-content .choose-dog-cat a {
      color: #9DA5AA;
      font-size: 1.125rem;
      text-transform: capitalize;
      padding: 0px 10px;
      vertical-align: middle; }
      .footer-content .choose-dog-cat a:hover {
        text-decoration: none; }
      .footer-content .choose-dog-cat a .choose-dog,
      .footer-content .choose-dog-cat a .choose-cat {
        font-size: 1.6rem;
        padding: 0; }
        .footer-content .choose-dog-cat a .choose-dog a,
        .footer-content .choose-dog-cat a .choose-cat a {
          font-family: open-sans; }
      .footer-content .choose-dog-cat a.inactive {
        opacity: .5;
        filter: alpha(opacity=50); }
        .footer-content .choose-dog-cat a.inactive:hover {
          opacity: 1;
          filter: alpha(opacity=100); }
    .footer-content .choose-dog-cat.active a {
      color: #AAD358; }
      .footer-content .choose-dog-cat.active a.inactive {
        color: #9DA5AA; }
  .footer-content .choose-dog {
    padding: 0; }
    .footer-content .choose-dog div {
      padding-right: 5px; }
  .footer-content .chat-desktop {
    display: none; }
  .footer-content .embeddedServiceHelpButton .uiButton .helpButtonLabel .message {
    display: none; }
  .footer-content .sidebarHeader .minimizedContainer .embeddedServiceSidebarMinimizedDefaultUI {
    background: #79B829 !important; }
  .footer-content .sidebarHeader .agent .plaintextContent:after {
    display: none; }
  .footer-content .choose-dog-cat .cat .img-static-cat {
    margin-top: 3px; }

.sidebarHeader.embeddedServiceSidebarExtendedHeader.embeddedServiceLiveAgentStateChatHeader {
  background: #79B829; }

button.sidebarHeader.minimizedContainer.embeddedServiceSidebarMinimizedDefaultUI {
  background: #79B829; }

.embeddedServiceSidebarHeader.extended .headerChevron {
  display: none; }

.agent .plaintextContent:after {
  display: none; }

#cookies-iframe {
  display: none; }

@media (min-width: 768px) {
  .footer-content .footer-collapse {
    padding-bottom: 25px;
    max-width: 680px;
    margin: auto; }
    .footer-content .footer-collapse ul {
      position: relative;
      padding-left: 0; }
  .footer-content label {
    display: inline-block; }
  .footer-content .subscribe-newsletter-form .subscribe-button button {
    margin-bottom: 0; }
  .footer-content .bottom-footer {
    display: flex;
    flex-direction: row-reverse; }
    .footer-content .bottom-footer ul {
      margin: 0 auto;
      width: 100%;
      max-width: 374px; }
      .footer-content .bottom-footer ul li {
        display: inline-block;
        margin: 30px 0 0; }
        .footer-content .bottom-footer ul li:last-child {
          border: none;
          margin-left: 0;
          padding-right: 30px; }
      .footer-content .bottom-footer ul a {
        padding: 0 10px;
        padding-bottom: 25px; }
    .footer-content .bottom-footer .content-copyright-footer {
      border-top: none; }
      .footer-content .bottom-footer .content-copyright-footer .copyright-footer {
        margin-top: 2px;
        margin-left: 28px;
        padding: 30px 0; }
  .footer-content .choose-category {
    text-align: left; }
    .footer-content .choose-category .button-icon-arrow-down {
      margin-right: 95px; }
  .footer-content .choose-category:after {
    position: absolute; }
  .footer-content .subscribe-newsletter-form {
    width: 100%;
    padding-right: 0;
    margin: 0;
    padding-left: 20px;
    text-align: center; }
    .footer-content .subscribe-newsletter-form .subscribe-button {
      margin-top: 20px; }
      .footer-content .subscribe-newsletter-form .subscribe-button button {
        position: relative;
        margin-left: 30px;
        margin-bottom: 61px; }
    .footer-content .subscribe-newsletter-form .invalid-feedback {
      text-align: left; }
    .footer-content .subscribe-newsletter-form .label-txt {
      text-align: left;
      margin: 0 0 25px 65px; }
  .footer-content .social-buttons-ul {
    text-align: center; }
  .footer-content .footer-collapse .footer-dropdown {
    margin-left: 60px; }
  .footer-content .choose-dog-cat {
    margin-bottom: 15px;
    margin: auto;
    max-width: 560px; }
  .footer-content .content-copyright-footer {
    width: auto; }
    .footer-content .content-copyright-footer .copyright-footer {
      text-align: left;
      margin-left: 28px;
      width: fit-content; }
  .footer-content .form-group {
    margin: 0 5px; }
  .footer-content .order-elements-row .form-group {
    margin: 10px 5px; }
  .footer-content .button-icon-chat {
    right: 20px;
    margin-top: -130px; } }

@media (min-width: 1024px) {
  .footer-content .subscribe-newsletter-form .label-txt {
    margin-left: 95px; }
  .footer-content .subscribe-newsletter-form .form-group {
    margin-left: 25px; }
  .footer-content .footer-collapse .collapsing:not(.collapse-language):not(.collapse-site) {
    transition: none !important;
    height: auto !important;
    overflow: auto !important; } }

@media (min-width: 1280px) {
  .footer-content {
    max-width: 1440px;
    margin: 0 auto; }
    .footer-content .float-chat-button-desktop {
      width: 100%;
      position: relative; }
      .footer-content .float-chat-button-desktop .chat-desktop {
        padding: 5px 20px 5px 15px;
        z-index: 100;
        position: absolute;
        top: 95px;
        right: 33px;
        display: inline-flex; }
        .footer-content .float-chat-button-desktop .chat-desktop div {
          background: #79B829; }
        .footer-content .float-chat-button-desktop .chat-desktop span {
          font-size: 1.25rem;
          color: #fff; }
    .footer-content .choose-dog-cat {
      display: block !important;
      text-align: left;
      max-width: 1330px;
      margin-left: 30px; }
    .footer-content .subscribe-newsletter-form {
      border-bottom: 1px solid #d6dce0;
      margin-bottom: 25px;
      padding-left: 0; }
      .footer-content .subscribe-newsletter-form .label-txt {
        display: block;
        margin: auto;
        margin-top: 45px; }
      .footer-content .subscribe-newsletter-form .order-elements-row {
        padding: 0; }
        .footer-content .subscribe-newsletter-form .order-elements-row .social-buttons-ul {
          margin-bottom: 10px;
          margin-left: 265px; }
      .footer-content .subscribe-newsletter-form .subscribe-button {
        margin-bottom: 0; }
        .footer-content .subscribe-newsletter-form .subscribe-button button {
          margin-left: 0;
          margin-bottom: 30px; }
      .footer-content .subscribe-newsletter-form .form-group {
        margin: 10px 0; }
    .footer-content ul li {
      display: inline-block;
      vertical-align: top; }
    .footer-content .footer-collapse {
      border-bottom: 1px solid #d6dce0;
      max-width: none;
      margin: 0 5px; }
      .footer-content .footer-collapse ul {
        padding: 0;
        width: 100%;
        text-align: left; }
      .footer-content .footer-collapse .footer-dropdown {
        margin-left: 33px;
        text-align: center; }
        .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown, .footer-content .footer-collapse .footer-dropdown .choose-site-dropdown {
          margin-top: 8px; }
      .footer-content .footer-collapse .collapse:not(.collapse-language):not(.collapse-site) {
        display: block !important; }
    .footer-content .choose-category:after {
      display: none; }
    .footer-content .choose-category {
      display: block;
      text-align: justify; }
      .footer-content .choose-category .icon-arrow-down:before {
        display: none; }
    .footer-content .ul-dropdown {
      padding: 5px; }
      .footer-content .ul-dropdown li {
        display: block;
        visibility: visible;
        margin-top: 15px; }
        .footer-content .ul-dropdown li a {
          margin-left: 0; }
    .footer-content .contact-us-ul {
      margin-right: 36px; }
      .footer-content .contact-us-ul li {
        display: block; }
    .footer-content .ul-dropdown-language .li-language,
    .footer-content .ul-dropdown-language .li-site, .footer-content .ul-dropdown-site .li-language,
    .footer-content .ul-dropdown-site .li-site {
      display: block; }
    .footer-content .bottom-footer {
      border-top: none;
      max-width: none; }
      .footer-content .bottom-footer .content-copyright-footer .copyright-footer {
        margin-left: 50px;
        padding: 30px 0px; }
      .footer-content .bottom-footer ul {
        margin-left: 0;
        padding-left: 0;
        max-width: none;
        text-align: right;
        margin-right: 45px; }
        .footer-content .bottom-footer ul li:last-child {
          padding-right: 0; }
    .footer-content .mob-tab-chat {
      display: none; }
  .footer-container {
    margin-left: 55px; } }

.page-share {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  height: 68px;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 9; }
  .page-share .page-share-inner .page-sharer {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    border: 2px solid #79B829;
    color: #79B829;
    height: 48px;
    margin: 10px; }
    .page-share .page-share-inner .page-sharer span {
      display: block;
      height: 48px;
      width: 48px;
      padding: 15px; }
    .page-share .page-share-inner .page-sharer:hover {
      text-decoration: none; }

@media (min-width: 1024px) {
  .page-share {
    display: none; } }

.form-group {
  margin-bottom: 0;
  padding: 10px 0; }
  .form-group input, .form-group select, .form-group textarea {
    font-size: 1.5rem;
    font-family: "klavikaregular";
    padding: 0 40px 0 5px;
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #d6dce0;
    box-shadow: none !important;
    position: relative; }
    .form-group input.is-invalid, .form-group select.is-invalid, .form-group textarea.is-invalid {
      border-bottom: 1px solid #e71b17; }
  .form-group label {
    color: #1a1a1a;
    font-family: "klavikaregular";
    font-size: 1.5rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    transition: 0.25s ease all;
    -moz-transition: 0.25s ease all;
    -webkit-transition: 0.25s ease all; }
    .form-group label.as-placeholder {
      position: absolute;
      bottom: 0;
      left: 0;
      pointer-events: none; }
      .form-group label.as-placeholder.as-focused-input {
        top: -16px;
        left: 0;
        font-size: 1.125rem;
        color: #79B829; }
  .form-group.error .input-icon {
    background: #e71b17;
    width: 20px;
    height: 20px;
    float: right;
    top: -20px;
    position: relative; }
  .form-group.correct input {
    border-bottom: 1px solid #79B829; }
  .form-group.correct .input-icon {
    background: green;
    width: 20px;
    height: 20px;
    float: right;
    top: -20px;
    position: relative; }
  .form-group.datalist {
    background: transparent; }
    .form-group.datalist input {
      padding: 0 0 0 5px; }

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  position: absolute; }

.breadcrumb-wrapper {
  text-align: center;
  background-color: transparent; }
  .breadcrumb-wrapper .breadcrumb {
    display: inline-block;
    background-color: transparent; }
    .breadcrumb-wrapper .breadcrumb .breadcrumb-item {
      display: inline-block;
      color: #9da5aa; }
      .breadcrumb-wrapper .breadcrumb .breadcrumb-item::before {
        color: #9da5aa; }
      .breadcrumb-wrapper .breadcrumb .breadcrumb-item.selected {
        color: #79B829; }

button {
  background: none;
  border: none; }

.button-like {
  font-family: "icons"; }
  .button-like:before {
    content: "\e908"; }
  .button-like.active:before {
    content: "\e907"; }

a.brand-link {
  text-decoration: underline; }

.pill-btn.btn,
a.btn {
  border-radius: 50px;
  border: 1px solid #76B328;
  white-space: nowrap;
  min-width: 120px;
  max-width: 260px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "open_sansbold";
  margin: 10px;
  box-shadow: none; }
  .pill-btn.btn.thin,
  a.btn.thin {
    padding: 4px 24px; }
  .pill-btn.btn:hover,
  a.btn:hover {
    border: 1px solid #87cc2d; }
  .pill-btn.btn:disabled,
  a.btn:disabled {
    border: 1px solid #d6dce0; }
  .pill-btn.btn.btn-brand,
  a.btn.btn-brand {
    background-color: #76B328;
    color: #fff; }
    .pill-btn.btn.btn-brand:hover,
    a.btn.btn-brand:hover {
      background-color: #87cc2d; }
    .pill-btn.btn.btn-brand:disabled,
    a.btn.btn-brand:disabled {
      background-color: 1px solid #d6dce0; }
    .pill-btn.btn.btn-brand:visited,
    a.btn.btn-brand:visited {
      color: #fff; }
  .pill-btn.btn.btn-invert,
  a.btn.btn-invert {
    background-color: transparent;
    color: #76B328; }
    .pill-btn.btn.btn-invert:hover,
    a.btn.btn-invert:hover {
      color: #87cc2d; }
      .pill-btn.btn.btn-invert:hover a,
      a.btn.btn-invert:hover a {
        color: white;
        text-decoration: none; }
    .pill-btn.btn.btn-invert:disabled,
    a.btn.btn-invert:disabled {
      color: 1px solid #d6dce0; }
  .pill-btn.btn.btn-no-border,
  a.btn.btn-no-border {
    border: none; }
    .pill-btn.btn.btn-no-border:hover,
    a.btn.btn-no-border:hover {
      border: none; }
  .pill-btn.btn.btn-social,
  a.btn.btn-social {
    background-color: transparent;
    min-width: 120px;
    font-size: 1rem; }
    .pill-btn.btn.btn-social.btn-facebook a:hover, .pill-btn.btn.btn-social.btn-google a:hover, .pill-btn.btn.btn-social.btn-apple a:hover,
    a.btn.btn-social.btn-facebook a:hover,
    a.btn.btn-social.btn-google a:hover,
    a.btn.btn-social.btn-apple a:hover {
      text-decoration: none; }
    .pill-btn.btn.btn-social.btn-facebook img, .pill-btn.btn.btn-social.btn-google img, .pill-btn.btn.btn-social.btn-apple img,
    a.btn.btn-social.btn-facebook img,
    a.btn.btn-social.btn-google img,
    a.btn.btn-social.btn-apple img {
      max-height: 20px;
      margin-left: 10px;
      vertical-align: top; }
    .pill-btn.btn.btn-social.btn-facebook,
    a.btn.btn-social.btn-facebook {
      color: #394ee5;
      border: 1px solid #394ee5; }
      .pill-btn.btn.btn-social.btn-facebook a,
      .pill-btn.btn.btn-social.btn-facebook a:hover,
      a.btn.btn-social.btn-facebook a,
      a.btn.btn-social.btn-facebook a:hover {
        color: #394ee5; }
    .pill-btn.btn.btn-social.btn-google,
    a.btn.btn-social.btn-google {
      color: #c64d46;
      border: 1px solid #c64d46; }
      .pill-btn.btn.btn-social.btn-google a, .pill-btn.btn.btn-social.btn-google a:hover,
      a.btn.btn-social.btn-google a,
      a.btn.btn-social.btn-google a:hover {
        color: #c64d46; }
    .pill-btn.btn.btn-social.btn-apple,
    a.btn.btn-social.btn-apple {
      position: relative;
      height: 37px;
      padding: 0;
      color: #fff;
      background-color: #000;
      border: none;
      vertical-align: middle; }
      .pill-btn.btn.btn-social.btn-apple img,
      a.btn.btn-social.btn-apple img {
        position: absolute;
        top: 1px;
        left: 10px;
        max-height: 37px; }
  .pill-btn.btn.fab,
  a.btn.fab {
    min-width: 48px !important;
    width: 48px !important;
    height: 48px !important; }
    .pill-btn.btn.fab span,
    a.btn.fab span {
      line-height: 0.5 !important;
      font-size: 3.5rem  !important; }

.back-skip-button {
  margin-top: 15px; }
  .back-skip-button a {
    font-size: 0.875rem !important;
    line-height: 16px !important;
    font-family: "klavikaregular" !important; }

.backTo {
  position: relative; }

a.back-btn {
  padding: 5px 10px;
  color: #152935;
  text-align: left; }
  a.back-btn:hover {
    text-decoration: none; }
  a.back-btn:visited {
    color: #152935; }

.btn-tab {
  border: 0;
  color: #79B829;
  padding: 0px 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .btn-tab span {
    color: #79B829; }
  .btn-tab.active {
    background-color: #79B829;
    color: white; }
    .btn-tab.active span {
      color: white; }

@media (min-width: 768px) {
  .pill-btn.btn.btn-social.btn-facebook, .pill-btn.btn.btn-social.btn-google, .pill-btn.btn.btn-social.btn-apple {
    margin: 10px 15px; } }

@media (min-width: 1024px) and (max-width: 1439px) {
  .pill-btn.btn.btn-social {
    min-width: 120px; }
    .pill-btn.btn.btn-social.btn-facebook, .pill-btn.btn.btn-social.btn-google {
      margin: 10px 5px; } }

@media (min-width: 1280px) {
  .pill-btn.btn.btn-social.btn-facebook, .pill-btn.btn.btn-social.btn-google, .pill-btn.btn.btn-social.btn-apple {
    margin: 10px 15px; } }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #007bff;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #007bff;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #007bff;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #28a745;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #28a745;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #28a745;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  -moz-border-radius: 1.25em;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  -moz-border-radius: 0.69em;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.suggestions-wrapper {
  position: relative;
  top: -14px; }
  .suggestions-wrapper .suggestions {
    display: block;
    position: relative;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #A9A8A9;
    background-color: #fff;
    right: 0;
    width: 21.875rem;
    border: 1px solid #d6dce0;
    width: auto;
    border-top: none;
    max-width: 400px;
    max-height: 500px;
    overflow-y: auto; }
    @media (max-width: 319.98px) {
      .suggestions-wrapper .suggestions {
        display: flex;
        position: fixed;
        width: 100%; } }
    .suggestions-wrapper .suggestions .swatch-circle {
      border: none;
      width: 30px;
      height: auto; }
    .suggestions-wrapper .suggestions .do-you-mean {
      font-size: 1.125rem; }
    .suggestions-wrapper .suggestions .header {
      font-size: 0.875em;
      padding-top: 0.625em; }
    .suggestions-wrapper .suggestions .name {
      margin-top: 0.313em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .suggestions-wrapper .suggestions .name a {
        float: none;
        text-align: left;
        padding-left: 4px;
        padding-bottom: 2px;
        font-weight: bold;
        font-size: 16px;
        color: #152935; }
      .suggestions-wrapper .suggestions .name p {
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5;
        color: #9da5aa;
        white-space: normal; }
    .suggestions-wrapper .suggestions .items {
      padding: 0.313em 0; }
    .suggestions-wrapper .suggestions .item {
      display: flex;
      padding-left: 15px; }
      .suggestions-wrapper .suggestions .item:hover {
        background: #f9f9f9; }
      .suggestions-wrapper .suggestions .item .name {
        margin-top: 0.313em;
        margin-left: 5px;
        color: #152935; }
        .suggestions-wrapper .suggestions .item .name a {
          font-size: 0.875rem;
          color: #152935; }
      @media (max-width: 319.98px) {
        .suggestions-wrapper .suggestions .item {
          padding-bottom: 0.938em; } }
    .suggestions-wrapper .suggestions .category-parent {
      color: #A9A8A9;
      font-size: 0.875em; }
    .suggestions-wrapper .suggestions .header:not(:first-child) {
      border-top: 1px solid #d6dce0; }
    .suggestions-wrapper .suggestions .suggestions-products-title {
      margin-left: 5px;
      margin: 0 0 5px 15px;
      font-size: 1.125rem; }
    .suggestions-wrapper .suggestions .suggestions-content {
      font-size: 1.125rem; }
    .suggestions-wrapper .suggestions .item.term {
      padding: 5px 28px; }
  .suggestions-wrapper .item.suggestion-article {
    font-size: 0.875rem;
    padding-left: 6px;
    margin-bottom: 10px;
    display: block; }

@media (min-width: 768px) {
  .suggestions-wrapper .suggestions {
    width: 500px;
    float: right; } }

@media (min-width: 1024px) {
  .suggestions-wrapper .suggestions .item.term {
    padding: 5px 15px; } }

input[type=range] {
  -webkit-appearance: none;
  background: none; }

input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  background: transparent;
  border: none;
  border-radius: 0; }

input[type=range]::-ms-track {
  height: 5px;
  background: transparent;
  border: none;
  border-radius: 0; }

input[type=range]::-moz-range-track {
  height: 5px;
  background: transparent;
  border: none;
  border-radius: 0; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #79B829;
  margin-top: -5px;
  position: relative; }

input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #555;
  margin-top: -5px;
  position: relative; }

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #555;
  margin-top: -5px;
  position: relative; }

input[type=range]:focus {
  outline: none; }
  input[type=range]:focus::-webkit-slider-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
    border: 2px solid #555; }
  input[type=range]:focus::-ms-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
    border: 2px solid #555; }
  input[type=range]:focus::-moz-range-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
    border: 2px solid #555; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc; }

input[type=range]:focus::-ms-track {
  background: #ccc; }

input[type=range]:focus::-moz-range-track {
  background: #ccc; }

select, select.custom-select:focus, .custom-select {
  outline: none;
  border-radius: 0;
  height: auto; }

.custom-select:focus {
  border-color: #79B829; }

input:-webkit-autofill:disabled,
textarea:-webkit-autofill:disabled,
input:-internal-autofill-selected {
  background-color: transparent !important; }

.custom-checkbox img {
  height: 50px;
  width: auto; }

.custom-checkbox .custom-control-label-image {
  width: 115px; }
  .custom-checkbox .custom-control-label-image:before, .custom-checkbox .custom-control-label-image:after {
    top: 50%;
    transform: translateY(-50%); }

.custom-checkbox .custom-control-label::before {
  background-color: transparent;
  width: 21px;
  height: 21px;
  border-color: #79B829; }

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

.custom-control-label::after {
  position: absolute;
  top: 0;
  left: -1.875rem;
  width: 2rem;
  height: 1.9rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #79B829; }

.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #79B829;
  outline: none;
  box-shadow: none !important; }

.custom-checkbox {
  cursor: pointer; }
  .custom-checkbox label {
    font-family: "klavikaregular";
    line-height: 28px; }
  .custom-checkbox input:focus ~ label, .custom-checkbox input:valid ~ label {
    color: #152935;
    padding-left: 15px; }
  .custom-checkbox input:disabled ~ label {
    padding-left: 15px; }

.custom-select {
  border: none;
  background-color: transparent; }
  .custom-select select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }

.custom-control {
  margin-top: 30px; }

.view-password {
  position: absolute;
  top: 16px;
  right: 28px;
  font-size: 24px; }

.birth-sex-radio-button .sex-choice {
  margin: 20px 0;
  padding: 0 10px; }
  .birth-sex-radio-button .sex-choice .sex-choice-radio-group {
    position: relative;
    text-align: right;
    display: inline-flex; }
    .birth-sex-radio-button .sex-choice .sex-choice-radio-group input[type=radio] + label {
      font-size: 0.875rem;
      border: 2px solid #d6dce0;
      padding: 0px 20px;
      line-height: 38px; }
    .birth-sex-radio-button .sex-choice .sex-choice-radio-group label {
      font-size: 0.875rem;
      color: #76B328; }
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group label:first-of-type {
        border-radius: 50px 0 0 50px;
        border-right: none; }
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group label:last-child {
        border-radius: 0 50px 50px 0; }
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group label .choose-male,
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group label .choose-female {
        font-size: 0.875rem;
        padding: 5px; }
    .birth-sex-radio-button .sex-choice .sex-choice-radio-group input:checked + label {
      background: #76B328;
      color: #fff; }

.petRegistration .sex-choice-radio-group input[type=radio] + label {
  margin-top: 16px; }

.sex-choice .sex-choice-radio-group {
  display: inline-flex; }
  .sex-choice .sex-choice-radio-group label {
    font-size: 0.875rem;
    color: #76B328; }
    .sex-choice .sex-choice-radio-group label:first-of-type {
      border-radius: 50px 0 0 50px; }
    .sex-choice .sex-choice-radio-group label:last-child {
      border-radius: 0 50px 50px 0; }
    .sex-choice .sex-choice-radio-group label .choose-male,
    .sex-choice .sex-choice-radio-group label .choose-female {
      font-size: 0.875rem;
      padding: 5px; }
  .sex-choice .sex-choice-radio-group input:checked + label {
    background: #76B328;
    color: #fff; }

@media (min-width: 475px) {
  .birth-sex-radio-button {
    display: inline-flex;
    width: 100%; }
    .birth-sex-radio-button .sex-choice {
      margin: 0;
      text-align: right;
      padding: 0; }
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group {
        margin-top: 0; } }

.input-hidden {
  position: absolute;
  left: -9999px; }

.nav-pills.animals {
  margin: 0 auto;
  padding: 30px 0;
  width: 230px; }
  .nav-pills.animals .nav-link {
    border: 1px solid #79B829;
    color: #79B829;
    width: 115px;
    text-align: center;
    font-family: "open_sanssemibold"; }
    .nav-pills.animals .nav-link.dog {
      -webkit-border-top-left-radius: 50px;
      -webkit-border-bottom-left-radius: 50px;
      -moz-border-radius-topleft: 50px;
      -moz-border-radius-bottomleft: 50px;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px; }
      .nav-pills.animals .nav-link.dog.active {
        background-color: #79B829;
        color: #fff; }
    .nav-pills.animals .nav-link.cat {
      -webkit-border-top-right-radius: 50px;
      -webkit-border-bottom-right-radius: 50px;
      -moz-border-radius-topright: 50px;
      -moz-border-radius-bottomright: 50px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px; }
      .nav-pills.animals .nav-link.cat.active {
        background-color: #79B829;
        color: #fff; }
    .nav-pills.animals .nav-link span {
      vertical-align: sub;
      font-size: 1.4rem; }

.catdog input[type=radio] ~ label {
  opacity: 0.4;
  font-family: "klavikaregular";
  font-size: 1.125rem;
  text-align: center;
  color: #152935; }
  .catdog input[type=radio] ~ label span {
    font-size: 5rem; }

.catdog input[type=radio]:checked ~ label {
  opacity: 1; }

.catdog input[type=radio]:checked ~ label span {
  color: #79B829; }

@media (min-width: 1024px) and (max-width: 1439px) {
  .catdog input[type=radio] ~ label span {
    font-size: 7rem; } }

@media (min-width: 1280px) {
  .catdog input[type=radio] ~ label span {
    font-size: 7rem; } }

@media (min-width: 768px) {
  .catdog input[type=radio] ~ label span {
    font-size: 7rem; } }

/* SF tabs ============== */
a.custom-tab {
  font-family: 'open_sanssemibold';
  font-size: 1rem;
  color: #152935;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  max-width: 49%; }
  a.custom-tab.selected {
    color: #79B829;
    text-decoration: none;
    border-bottom: 2px solid #79B829; }
  a.custom-tab:visited {
    color: #152935; }

.input-hidden {
  position: absolute;
  left: -9999px; }

.checkbox-img {
  display: inline-block;
  vertical-align: top; }
  .checkbox-img input[type=checkbox] + label {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    word-break: break-word;
    margin-bottom: 20px; }
  .checkbox-img input[type=checkbox] + label span {
    font-size: 4rem; }
  .checkbox-img input[type=checkbox]:checked + label {
    color: #79B829; }
  .checkbox-img input[type=checkbox] + label > img,
  .checkbox-img input[type=checkbox] + label .label-container > img {
    background-color: #d6dce0;
    display: inline-block;
    margin: 0 auto;
    max-width: 80px;
    max-height: 100%; }
    .checkbox-img input[type=checkbox] + label > img:first-of-type,
    .checkbox-img input[type=checkbox] + label .label-container > img:first-of-type {
      display: block; }
    .checkbox-img input[type=checkbox] + label > img:nth-of-type(2),
    .checkbox-img input[type=checkbox] + label .label-container > img:nth-of-type(2) {
      display: none; }
  .checkbox-img input[type=checkbox]:checked + label > img:first-of-type,
  .checkbox-img input[type=checkbox] + label:hover > img:first-of-type,
  .checkbox-img input[type=checkbox]:checked + label .label-container > img:first-of-type,
  .checkbox-img input[type=checkbox] + label:hover .label-container > img:first-of-type {
    display: none; }
  .checkbox-img input[type=checkbox]:checked + label > img:nth-of-type(2),
  .checkbox-img input[type=checkbox] + label:hover > img:nth-of-type(2),
  .checkbox-img input[type=checkbox]:checked + label .label-container > img:nth-of-type(2),
  .checkbox-img input[type=checkbox] + label:hover .label-container > img:nth-of-type(2) {
    display: block; }

.checkbox-span {
  display: inline-block; }
  .checkbox-span input[type=checkbox] + label {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    font-size: 1rem; }
  .checkbox-span input[type=checkbox] + label span {
    font-size: 4rem; }
  .checkbox-span input[type=checkbox]:checked + label {
    color: #79B829; }
  .checkbox-span input[type=checkbox] + label > span {
    background-color: #d6dce0;
    border: 2px solid transparent;
    display: table;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%; }
  .checkbox-span input[type=checkbox]:checked + label > span {
    border: 2px solid #76B328; }

.modal-picture {
  text-align: center;
  font-family: "klavikamedium"; }
  .modal-picture .modal-title {
    font-size: 1.375rem;
    padding: 10px;
    color: #152935; }
  .modal-picture .modal-option {
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 1.125rem;
    color: #79B829;
    cursor: pointer; }
    .modal-picture .modal-option.cancel {
      font-family: "klavikaregular";
      color: #152935; }
  .modal-picture .modal-footer {
    justify-content: center; }

/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container, .carousel-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

body[data-action="Home-Show"] .swiper-container-android .swiper-slide,
body[data-action="Home-Show"] .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0) !important;
  transform: translate3d(0px, 0, 0) !important; }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-invisible-blank-slide {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 5; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification, .carousel-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  margin: auto;
  font-size: 26px;
  text-align: center;
  z-index: 1;
  display: none; }

.swiper-container-vertical .swiper-button-prev,
.swiper-container-vertical .swiper-button-next {
  width: 100%;
  padding: 0;
  left: 0;
  height: 20px;
  background: #fff; }

.swiper-container-vertical .swiper-button-prev {
  top: -5px; }

.swiper-container-vertical .swiper-button-next {
  bottom: 0;
  top: auto; }

.swiper-container-horizontal .swiper-button-prev,
.swiper-container-horizontal .swiper-button-next {
  height: 48px;
  top: 0;
  bottom: 0;
  width: 20px;
  padding-top: 13px; }

.swiper-container-horizontal .swiper-button-prev {
  left: 35px;
  background-color: #CFD4DC;
  color: #fff;
  border-radius: 50px;
  width: 55px;
  height: 55px;
  background-size: 15px;
  z-index: 5; }

.swiper-container-horizontal .swiper-button-next {
  right: 35px;
  background-color: #CFD4DC;
  color: #fff;
  border-radius: 50px;
  width: 55px;
  height: 55px;
  background-size: 15px;
  z-index: 5; }

.swiper-button-prev.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px 50px; }

.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #fff;
  opacity: 1;
  border-radius: 25%;
  border: 1px solid #d6dce0;
  z-index: 3; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #79B829;
    border: 1px solid #ffffff; }

.swiper-pagination.swiper-below-pagination {
  position: relative;
  z-index: 4; }
  .swiper-pagination.swiper-below-pagination .swiper-pagination-bullet {
    margin: 20px 8px; }

.swatch-slider .swiper-slide {
  width: 50px; }

.thumbs-slider {
  padding: 20px 0;
  height: 160px; }

.swiper-pagination-bullet:only-child {
  display: none; }

.carousel-container {
  position: relative;
  overflow: hidden;
  visibility: hidden;
  padding: 0 0 20px; }
  .carousel-container.active {
    visibility: visible; }

.product-carousel, .content-carousel {
  position: relative;
  padding: 0 4%; }

.constrain-content-carousel .swiper-slide {
  padding-right: 5px; }

.carousel-container.swiper-container-horizontal.swiper-container-android.active .swiper-wrapper .swiper-slide {
  padding-right: 5px; }

.product-carousel.swiper-container-horizontal .swiper-wrapper .swiper-slide > div, .content-carousel.swiper-container-horizontal .swiper-wrapper .swiper-slide > div {
  margin: 0 5px; }

#home-latest-articles .carousel-container {
  padding: 0 0 20px; }

@media (min-width: 320px) and (max-width: 767px) {
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px 10px; }
  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
    border-radius: 25%; }
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #79B829; } }

@media (min-width: 1024px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: block; }
    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
      display: none; }
  .swiper-below-pagination {
    display: none; } }

.product {
  margin: 12px auto;
  max-width: 270px; }
  .product .product-tile {
    border: 0;
    margin-bottom: 0;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 9px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09); }
  .product .product-content {
    padding: 0 10px; }
    .product .product-content .product-fav {
      position: relative;
      float: right; }
      .product .product-content .product-fav .button-like {
        font-size: 1.8rem;
        color: #79B829; }
      .product .product-content .product-fav .product-recomended {
        color: #fff;
        font-size: 0.625rem;
        background-color: #a3d7a4;
        padding: 5px;
        position: absolute;
        left: 0;
        margin-top: 10px; }
    .product .product-content .product-desc {
      font-size: 0.75rem;
      color: #9DA5AA;
      height: 40px; }
    .product .product-content .product-title {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      font-size: 1.375rem;
      color: #152935;
      font-family: "klavikamedium"; }
      .product .product-content .product-title.tile-title {
        max-width: 280px;
        -webkit-line-clamp: 2;
        height: 58px;
        margin-bottom: 32px; }
      .product .product-content .product-title h2 {
        line-height: 0.8; }
        .product .product-content .product-title h2 a {
          font-size: 1.375rem;
          color: #79B829;
          font-family: "klavikamedium"; }
          .product .product-content .product-title h2 a:hover {
            text-decoration: none; }
    .product .product-content .product-review {
      margin: 5px 0; }
    .product .product-content .product-packs {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      max-width: 280px;
      height: 40px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.875rem;
      color: #9DA5AA;
      margin: 10px 0; }
      .product .product-content .product-packs span:not(:last-child) {
        border-right: 1px solid #9DA5AA;
        padding-right: 5px;
        margin-right: 8px; }
  .product .tile-body .tile-body-footer {
    text-align: center;
    position: relative; }
    .product .tile-body .tile-body-footer .d-inline {
      display: inline-block !important;
      width: 49%;
      font-size: 0; }
    .product .tile-body .tile-body-footer .pill-btn.btn,
    .product .tile-body .tile-body-footer a.btn {
      margin: 0px 5px;
      min-width: 105px; }
      .product .tile-body .tile-body-footer .pill-btn.btn span,
      .product .tile-body .tile-body-footer a.btn span {
        font-size: 1.5rem;
        color: white; }
      .product .tile-body .tile-body-footer .pill-btn.btn .icon-pin,
      .product .tile-body .tile-body-footer a.btn .icon-pin {
        color: #79B829; }
    .product .tile-body .tile-body-footer .icon-label {
      color: #79B829;
      text-decoration: none !important;
      font-family: "klavikamedium" !important;
      height: 100%;
      font-size: 15px;
      text-align: left;
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      margin: 0; }
  .product .image-container {
    height: 280px;
    text-align: center; }
    .product .image-container img {
      height: 100%;
      width: auto; }
  .product .dialog {
    display: none;
    width: auto; }

@media (min-width: 1024px) {
  .product {
    max-width: 320px; }
    .product .product-title {
      font-size: 1.375rem; }
      .product .product-title h2 {
        line-height: 1.2; } }

@media screen and (min-width: 1024px) {
  .tile-body .tile-body-footer .button-container a.btn {
    margin: 0px 10px; }
  .tile-body .tile-body-footer .button-container .icon-label {
    visibility: hidden; }
  .tile-body .tile-body-footer .button-container:hover .icon-label {
    visibility: visible; } }

@media (min-width: 1280px) {
  .product {
    margin: 12px auto; } }

.veil {
  position: absolute;
  z-index: 9;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .veil .underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #fff; }

.spinner {
  width: 80px;
  height: 80px;
  text-align: center;
  animation: sk-rotate 2s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px; }

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: transparent;
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out; }

.dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s; }

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

.cookie-warning-messaging {
  display: none; }
  .cookie-warning-messaging .alert-dismissible {
    padding-right: 30px; }
  .cookie-warning-messaging .valid-cookie-warning {
    position: fixed;
    margin: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 0;
    background-color: #f9f9f9;
    font-family: "klavikaregular";
    font-size: 12px;
    text-align: center;
    color: #152935; }
    .cookie-warning-messaging .valid-cookie-warning div.cookie-buttons {
      padding-top: 10px; }
    .cookie-warning-messaging .valid-cookie-warning .close {
      display: block;
      position: absolute;
      top: 5px;
      right: 10px;
      padding: 0;
      font-size: 36px;
      line-height: 24px;
      color: #9DA5AA;
      outline: none; }
      .cookie-warning-messaging .valid-cookie-warning .close span {
        display: block;
        padding: 0;
        margin: 0; }
    .cookie-warning-messaging .valid-cookie-warning p {
      margin: 0;
      padding: 0 20px; }
    .cookie-warning-messaging .valid-cookie-warning .accept {
      color: #79B829;
      text-decoration: underline; }

.privacy-policy {
  font-size: 1.125rem;
  font-family: "klavikaregular";
  color: #9da5aa; }
  .privacy-policy .privacy-description {
    margin: 0 0 10px 0; }
  .privacy-policy .privacy-mailto {
    color: #1457a5;
    border-bottom: 1px solid #1457a5; }
  .privacy-policy .privacy-content-title {
    color: #152935;
    margin: 20px 0; }
  .privacy-policy .privacy-subcontent-title {
    margin: 0;
    color: #152935; }
  .privacy-policy p {
    color: #9da5aa;
    margin: 25px 0; }
  .privacy-policy .privacy-address {
    color: #9da5aa; }
    .privacy-policy .privacy-address span {
      list-style-type: none;
      display: block; }
    .privacy-policy .privacy-address a {
      color: #1457a5;
      border-bottom: 1px solid #1457a5; }
  .privacy-policy .container-table {
    overflow-x: auto; }
  .privacy-policy table {
    width: 100%; }
  .privacy-policy .table th {
    border-top: 1px solid #000; }
  .privacy-policy table,
  .privacy-policy th,
  .privacy-policy td {
    border: 1px solid #000;
    border-collapse: collapse; }
  .privacy-policy ul li {
    list-style-type: none; }
  .privacy-policy .privacy-browser-links {
    width: 100%; }
    .privacy-policy .privacy-browser-links a {
      padding-right: 20px;
      color: #1457a5; }
  .privacy-policy table,
  .privacy-policy td {
    font-size: 0.75rem; }
  .privacy-policy .header-privacy-table {
    background: #9DA5AA;
    color: #fff;
    text-align: center; }
  .privacy-policy .privacy-table-title {
    color: #fff;
    background: #79B829;
    text-align: center; }
  .privacy-policy .t-text-title {
    text-align: center; }
  .privacy-policy .privacy-strong {
    color: #152935; }

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #79B829;
  border-color: #79B829; }

.datepicker .datepicker-switch {
  color: #79B829; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background: #79B829; }

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background: #79B829; }

.datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
  background: #79B829; }

.mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn {
  margin: 10px 5px; }
  .mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn button.sc-btn-ec {
    padding: 6px 24px;
    margin-bottom: -3px; }
    .mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn button.sc-btn-ec:after {
      content: "\e912";
      width: 100%;
      margin: 0 auto;
      font-family: 'icons' !important;
      font-size: 2rem;
      color: #fff; }

div[data-sc-type="SmartButton"].carritus-btn {
  padding: 0;
  width: auto;
  min-width: auto;
  display: inline-block;
  z-index: inherit !important; }
  div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
    border-radius: 50px;
    border: 1px solid #79B829;
    min-width: 120px;
    max-width: 260px;
    padding: 10px 24px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "open_sansbold";
    box-shadow: none;
    background-color: #79B829 !important;
    margin-bottom: -3px; }
  div[data-sc-type="SmartButton"].carritus-btn ul {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: 1px solid #d6dce0;
    background: #fff; }
  div[data-sc-type="SmartButton"].carritus-btn.carritus-bottom ul {
    margin-top: 5px; }
    div[data-sc-type="SmartButton"].carritus-btn.carritus-bottom ul:after, div[data-sc-type="SmartButton"].carritus-btn.carritus-bottom ul:before {
      content: '';
      position: absolute;
      border-style: solid;
      margin: 0;
      padding: 0; }
    div[data-sc-type="SmartButton"].carritus-btn.carritus-bottom ul:after {
      top: -11px;
      border-color: transparent transparent #e7ebec transparent;
      border-width: 7px; }
    div[data-sc-type="SmartButton"].carritus-btn.carritus-bottom ul:before {
      top: -13px;
      border-color: transparent transparent #d6dce0 transparent;
      border-width: 7px; }
  div[data-sc-type="SmartButton"].carritus-btn li .cart-icon {
    background-color: #79B829 !important; }
  div[data-sc-type="SmartButton"].carritus-btn.carritus-top ul {
    bottom: 100%;
    margin-bottom: 5px;
    margin-left: -64px; }
    div[data-sc-type="SmartButton"].carritus-btn.carritus-top ul:after, div[data-sc-type="SmartButton"].carritus-btn.carritus-top ul:before {
      content: '';
      position: absolute;
      border-style: solid;
      margin: 0;
      padding: 0; }
    div[data-sc-type="SmartButton"].carritus-btn.carritus-top ul:after {
      bottom: -13px;
      border-color: #fff transparent transparent transparent;
      border-width: 7px; }
    div[data-sc-type="SmartButton"].carritus-btn.carritus-top ul:before {
      bottom: -15px;
      border-color: #e7ebec transparent transparent transparent;
      border-width: 7px; }

.weight-dialog {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d6dce0;
  background-color: #fff;
  padding: 20px;
  position: absolute;
  min-width: 200px;
  z-index: 5;
  left: -8px;
  top: 54px; }
  .weight-dialog.dialog-bottom:after, .weight-dialog.dialog-bottom:before {
    content: '';
    position: absolute;
    border-style: solid;
    margin: 0;
    padding: 0; }
  .weight-dialog.dialog-bottom:after {
    top: -11px;
    border-color: transparent transparent #fff transparent;
    border-width: 7px; }
  .weight-dialog.dialog-bottom:before {
    top: -13px;
    border-color: transparent transparent #d6dce0 transparent;
    border-width: 7px; }
  .weight-dialog.dialog-top {
    top: -213px; }
    .weight-dialog.dialog-top:after, .weight-dialog.dialog-top:before {
      content: '';
      position: absolute;
      border-style: solid;
      margin: 0;
      padding: 0; }
    .weight-dialog.dialog-top:after {
      bottom: -11px;
      left: 50%;
      transform: translateX(-50%);
      border-color: #fff transparent transparent transparent;
      border-width: 7px; }
    .weight-dialog.dialog-top:before {
      bottom: -13px;
      left: 50%;
      transform: translateX(-50%);
      border-color: #d6dce0 transparent transparent transparent;
      border-width: 7px; }
    .weight-dialog.dialog-top div[data-sc-type="SmartButton"].carritus-btn ul {
      bottom: 100%;
      margin-bottom: 5px;
      left: -43px; }
      .weight-dialog.dialog-top div[data-sc-type="SmartButton"].carritus-btn ul:after, .weight-dialog.dialog-top div[data-sc-type="SmartButton"].carritus-btn ul:before {
        content: '';
        position: absolute;
        border-style: solid;
        margin: 0;
        padding: 0; }
      .weight-dialog.dialog-top div[data-sc-type="SmartButton"].carritus-btn ul:after {
        bottom: -13px;
        border-color: #fff transparent transparent transparent;
        border-width: 7px; }
      .weight-dialog.dialog-top div[data-sc-type="SmartButton"].carritus-btn ul:before {
        bottom: -15px;
        border-color: #e7ebec transparent transparent transparent;
        border-width: 7px; }
  .weight-dialog .w-dialog-title {
    font-size: 0.875rem;
    color: #9DA5AA; }
  .weight-dialog .w-dialog-container {
    position: relative;
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #d6dce0;
    min-width: auto;
    cursor: pointer; }
    .weight-dialog .w-dialog-container:last-child {
      border-bottom: none; }
    .weight-dialog .w-dialog-container:hover {
      color: #79B829; }
      .weight-dialog .w-dialog-container:hover .w-dialog-sizeLabel {
        color: #79B829; }
    .weight-dialog .w-dialog-container .w-dialog-sizeLabel {
      font-size: 1.125rem;
      color: #1a1a1a;
      font-family: "klavikabold";
      position: absolute;
      right: 33px;
      top: 10px; }
    .weight-dialog .w-dialog-container .w-dialog-prod {
      height: 20px; }
      .weight-dialog .w-dialog-container .w-dialog-prod button.sc-btn-ec {
        border: none;
        background-color: transparent !important; }

.bottom-store-locator .carritus-btn ul {
  right: -12px; }

@media screen and (min-width: 1024px) {
  .weight-dialog {
    left: -6px; } }

.ps-circular.ps-theme-modern nav {
  display: none !important; }

.ps-circular.ps-theme-modern .ps-image.ps-fifth-visible .ps-img-container,
.ps-circular.ps-theme-modern .ps-image.ps-first-visible .ps-img-container,
.ps-circular.ps-theme-modern .ps-image.ps-forth-visible .ps-img-container,
.ps-circular.ps-theme-modern .ps-image.ps-second-visible .ps-img-container {
  opacity: 1 !important; }

.ps-circular.ps-theme-modern .ps-image.ps-first-visible {
  transform: translate3d(-210%, 0, -400px) rotateY(0) !important; }

.ps-circular.ps-theme-modern .ps-image.ps-second-visible {
  transform: translate3d(-135%, 0, -400px) rotateY(0) !important; }

.ps-circular.ps-theme-modern .ps-image.ps-forth-visible {
  transform: translate3d(35%, 0, -400px) rotateY(0) !important; }

.ps-circular.ps-theme-modern .ps-image.ps-fifth-visible {
  transform: translate3d(110%, 0, -400px) rotateY(0) !important; }

.ps-circular.ps-theme-modern .ps-image {
  width: 300px !important;
  height: auto !important; }

@media (min-width: 1024px) {
  .ps-circular.ps-theme-modern nav {
    display: flex !important; }
  .ps-circular.ps-theme-modern .ps-image {
    width: 250px !important;
    height: auto !important; }
  .ps-circular.ps-theme-modern .ps-image.ps-first-visible {
    transform: translate3d(-245%, 0, -400px) rotateY(0) !important; }
  .ps-circular.ps-theme-modern .ps-image.ps-second-visible {
    transform: translate3d(-140%, 0, -400px) rotateY(0) !important; }
  .ps-circular.ps-theme-modern .ps-image.ps-forth-visible {
    transform: translate3d(50%, 0, -400px) rotateY(0) !important; }
  .ps-circular.ps-theme-modern .ps-image.ps-fifth-visible {
    transform: translate3d(155%, 0, -400px) rotateY(0) !important; } }

.croppie-container .cr-boundary {
  width: 300px;
  height: 300px; }

.croppie-container .cr-slider-wrap {
  display: inline-block;
  width: 300px; }
  .croppie-container .cr-slider-wrap .cr-slider, .croppie-container .cr-slider-wrap .croppie-rotate {
    display: inline-block;
    vertical-align: middle; }
  .croppie-container .cr-slider-wrap .cr-slider {
    position: relative;
    border: 0 !important;
    width: calc(100% - 50px); }
  .croppie-container .cr-slider-wrap .croppie-rotate {
    width: 36px;
    height: 36px;
    margin: 0 5px;
    cursor: pointer;
    font-size: 26px;
    color: #ccc; }

.croppie-container [type='range'] {
  -webkit-appearance: none;
  background: transparent;
  margin: 12px 0;
  width: 95%; }
  .croppie-container [type='range']::-moz-focus-outer {
    border: 0; }
  .croppie-container [type='range']:focus {
    outline: 0; }
    .croppie-container [type='range']:focus::-webkit-slider-runnable-track {
      background: #d9d9d9; }
    .croppie-container [type='range']:focus::-ms-fill-lower {
      background: #ccc; }
    .croppie-container [type='range']:focus::-ms-fill-upper {
      background: #d9d9d9; }
  .croppie-container [type='range']::-webkit-slider-runnable-track {
    cursor: default;
    height: 3px;
    transition: all .2s ease;
    width: 95%;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    background: #ccc;
    border: 2px solid #cfd8dc;
    border-radius: 5px; }
  .croppie-container [type='range']::-webkit-slider-thumb {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
    background: #ccc;
    border: 2px solid #ccc;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: default;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    margin-top: -12.5px; }
  .croppie-container [type='range']::-moz-range-track {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    cursor: default;
    height: 3px;
    transition: all .2s ease;
    width: 95%;
    background: #ccc;
    border: 2px solid #cfd8dc;
    border-radius: 5px;
    height: 1.5px; }
  .croppie-container [type='range']::-moz-range-thumb {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
    background: #ccc;
    border: 2px solid #ccc;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: default;
    height: 24px;
    width: 24px; }
  .croppie-container [type='range']::-ms-track {
    cursor: default;
    height: 3px;
    transition: all .2s ease;
    width: 95%;
    background: transparent;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent; }
  .croppie-container [type='range']::-ms-fill-lower {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    background: #bfbfbf;
    border: 2px solid #cfd8dc;
    border-radius: 10px; }
  .croppie-container [type='range']::-ms-fill-upper {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    background: #ccc;
    border: 2px solid #cfd8dc;
    border-radius: 10px; }
  .croppie-container [type='range']::-ms-thumb {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
    background: #ccc;
    border: 2px solid #ccc;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: default;
    height: 24px;
    width: 24px;
    margin-top: 0.75px; }
  .croppie-container [type='range']:disabled::-webkit-slider-thumb, .croppie-container [type='range']:disabled::-moz-range-thumb, .croppie-container [type='range']:disabled::-ms-thumb, .croppie-container [type='range']:disabled::-webkit-slider-runnable-track, .croppie-container [type='range']:disabled::-ms-fill-lower, .croppie-container [type='range']:disabled::-ms-fill-upper {
    cursor: not-allowed; }

/* COLORS */
/* FONTS */
@font-face {
  font-family: 'netto';
  src: url("../fonts/NettoOT.woff2") format("woff2"), url("../fonts/NettoOT.woff") format("woff"), url("../fonts/NettoOT.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'nettobold';
  src: url("../fonts/NettoOT-Bold.woff2") format("woff2"), url("../fonts/NettoOT-Bold.woff") format("woff"), url("../fonts/NettoOT-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'preloslab';
  src: url("../fonts/PreloSlab-Bold.woff2") format("woff2"), url("../fonts/PreloSlab-Bold.woff") format("woff"), url("../fonts/PreloSlab-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'merriweather';
  src: url("../fonts/merriweather-regular.woff2") format("woff2"), url("../fonts/merriweather-regular.woff") format("woff"), url("../fonts/merriweather-regular.eot"), url("../fonts/merriweather-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-regular.svg#merriweather-regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'merriweatherlight';
  src: url("../fonts/merriweather-light.woff2") format("woff2"), url("../fonts/merriweather-light.woff") format("woff"), url("../fonts/merriweather-light.eot"), url("../fonts/merriweather-light.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-light.svg#merriweather-light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'ubuntu';
  src: url("../fonts/ubuntu-regular.woff2") format("woff2"), url("../fonts/ubuntu-regular.woff") format("woff"), url("../fonts/ubuntu-regular.eot"), url("../fonts/ubuntu-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-regular.svg#ubuntu-regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'ubuntulight';
  src: url("../fonts/ubuntu-light.woff2") format("woff2"), url("../fonts/ubuntu-light.woff") format("woff"), url("../fonts/ubuntu-light.eot"), url("../fonts/ubuntu-light.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-light.svg#ubuntu-light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'ubuntumedium';
  src: url("../fonts/ubuntu-medium.woff2") format("woff2"), url("../fonts/ubuntu-medium.woff") format("woff"), url("../fonts/ubuntu-medium.eot"), url("../fonts/ubuntu-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-medium.svg#ubuntu-medium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'icons-extra';
  src: url("../fonts/icons-extra.eot?g8p4sv");
  src: url("../fonts/icons-extra.eot?g8p4sv#iefix") format("embedded-opentype"), url("../fonts/icons-extra.ttf?g8p4sv") format("truetype"), url("../fonts/icons-extra.woff?g8p4sv") format("woff"), url("../fonts/icons-extra.svg?g8p4sv#icons-extra") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Axiforma-Black';
  src: url("../fonts/Axiforma-Black.otf"); }

@font-face {
  font-family: 'Axiforma-Bold';
  src: url("../fonts/Axiforma-Bold.otf"); }

@font-face {
  font-family: 'Axiforma-ExtraBold';
  src: url("../fonts/Axiforma-ExtraBold.otf"); }

@font-face {
  font-family: 'Axiforma-Heavy';
  src: url("../fonts/Axiforma-Heavy.otf"); }

@font-face {
  font-family: 'Axiforma-Medium';
  src: url("../fonts/Axiforma-Medium.otf"); }

@font-face {
  font-family: 'Axiforma-Regular';
  src: url("../fonts/Axiforma-Regular.otf"); }

@font-face {
  font-family: 'Axiforma-SemiBold';
  src: url("../fonts/Axiforma-SemiBold.otf"); }

@font-face {
  font-family: 'CanelaCondensed-Black-Trial';
  src: url("../fonts/CanelaCondensed-Black-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-BlackItalic-Trial';
  src: url("../fonts/CanelaCondensed-BlackItalic-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-Bold-Trial';
  src: url("../fonts/CanelaCondensed-Bold-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-BoldItalic-Trial';
  src: url("../fonts/CanelaCondensed-BoldItalic-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-Light-Trial';
  src: url("../fonts/CanelaCondensed-Light-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-LightItalic-Trial';
  src: url("../fonts/CanelaCondensed-LightItalic-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-Medium-Trial';
  src: url("../fonts/CanelaCondensed-Medium-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-MediumItalic-Trial';
  src: url("../fonts/CanelaCondensed-MediumItalic-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-Regular-Trial';
  src: url("../fonts/CanelaCondensed-Regular-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-RegularItalic-Trial';
  src: url("../fonts/CanelaCondensed-RegularItalic-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-Thin-Trial';
  src: url("../fonts/CanelaCondensed-Thin-Trial.otf"); }

@font-face {
  font-family: 'CanelaCondensed-ThinItalic-Trial';
  src: url("../fonts/CanelaCondensed-ThinItalic-Trial.otf"); }

body {
  --generic: #936031;
  --dog-brown: #936031;
  --cat-green: #4A773C; }
  body.Ultima-fr {
    --generic: #4A773C; }
  body.Ultima-it {
    --generic: #4A773C; }

.btn-link-with-arrow {
  display: inline-flex;
  padding: 4px 7px 4px 8px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  transition: background 0.2s ease; }
  .btn-link-with-arrow.btn-link-dog {
    background-color: var(--dog-brown); }
    .btn-link-with-arrow.btn-link-dog:hover {
      text-decoration: none;
      background: #432619; }
  .btn-link-with-arrow.btn-link-cat {
    background-color: var(--cat-green); }
    .btn-link-with-arrow.btn-link-cat:hover {
      text-decoration: none;
      background: #15331f; }
  .btn-link-with-arrow .btn-link-text {
    padding-right: 4px;
    font-family: "ubuntu";
    font-size: 12px;
    line-height: 14px;
    color: #ffffff; }

a.btn.btn-module {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  margin-bottom: 4px;
  font-weight: 700;
  padding: 4px;
  font-size: 12px;
  font-family: 'ubuntu'; }

.status-badge {
  display: flex; }

.status-badge-text {
  display: flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 20px; }
  .status-badge-text::before {
    height: 16px;
    margin-right: 6px; }

.status-pending .status-badge-text {
  background-color: #F5F5F4;
  color: #292524; }
  .status-pending .status-badge-text::before {
    content: url(../../img/icons/status-pending.svg); }

.status-processed .status-badge-text {
  background-color: #FFFAEB;
  color: #B54708; }
  .status-processed .status-badge-text::before {
    content: url(../../img/icons/status-processed.svg); }

.status-resolved .status-badge-text {
  background-color: #ECFDF3;
  color: #027A48; }
  .status-resolved .status-badge-text::before {
    content: url(../../img/icons/status-resolved.svg); }

.progress {
  border-radius: 16px;
  flex-grow: 1;
  margin-right: 8px; }

.progress-bar {
  border-radius: 16px; }
  .progress-bar-dog {
    background-color: var(--dog-brown); }
  .progress-bar-cat {
    background-color: var(--cat-green); }

.progress-indicator {
  font-size: 20px;
  color: black; }

.progress-description {
  width: 100%;
  font-weight: 400; }
  .progress-description.upset-face::after {
    content: url(../../img/icons/upset-face.png);
    vertical-align: sub; }

.info-label {
  text-align: center;
  border-radius: 47px;
  padding: 8px 0;
  font-weight: 500; }
  .info-label-mediano {
    background-color: #F8F4EE;
    color: #936031; }
  .info-label-edad {
    background-color: #FEE4E2;
    color: #F04438; }

.custom-radio-group {
  display: flex; }
  .custom-radio-group-description {
    color: #171412; }
  .custom-radio-group input {
    display: none; }
  .custom-radio-group .custom-radio-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 7.5px);
    padding: 12px 0;
    border: 1px solid #E7E5E4;
    border-radius: 12px;
    cursor: pointer;
    background-color: #ffffff;
    max-height: 48px;
    color: #215732;
    transition: all 0.1s ease; }
    .custom-radio-group .custom-radio-label:first-of-type {
      margin-right: 7.5px; }
    .custom-radio-group .custom-radio-label:last-of-type {
      margin-left: 7.5px; }
  .custom-radio-group input:checked + .custom-radio-label {
    background-color: #F8F4EE;
    border: 2px solid #936031; }

body[data-action="Home-Show"] .form-group.custom-input,
body[data-action="Login-Show"] .form-group.custom-input,
body[data-action="Register-Show"] .form-group.custom-input,
body[data-action="Login-PetmojiShow"] .form-group.custom-input,
body[data-action="Account-ShowConfiguration"] .form-group.custom-input,
.onboarding .form-group.custom-input {
  margin-top: 0; }

body[data-action="Home-Show"] .form-group .form-control-label,
body[data-action="Login-Show"] .form-group .form-control-label,
body[data-action="Register-Show"] .form-group .form-control-label,
body[data-action="Login-PetmojiShow"] .form-group .form-control-label,
body[data-action="Account-ShowConfiguration"] .form-group .form-control-label,
.onboarding .form-group .form-control-label {
  position: static;
  font-family: "ubuntu";
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 6px;
  font-weight: 500;
  color: #292524; }

body[data-action="Home-Show"] .form-group .form-control,
body[data-action="Login-Show"] .form-group .form-control,
body[data-action="Register-Show"] .form-group .form-control,
body[data-action="Login-PetmojiShow"] .form-group .form-control,
body[data-action="Account-ShowConfiguration"] .form-group .form-control,
.onboarding .form-group .form-control {
  padding: 7px 12px;
  border: 1px solid #D7D3D0;
  font-family: "ubuntu";
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #79716B; }
  body[data-action="Home-Show"] .form-group .form-control.is-invalid,
  body[data-action="Login-Show"] .form-group .form-control.is-invalid,
  body[data-action="Register-Show"] .form-group .form-control.is-invalid,
  body[data-action="Login-PetmojiShow"] .form-group .form-control.is-invalid,
  body[data-action="Account-ShowConfiguration"] .form-group .form-control.is-invalid,
  .onboarding .form-group .form-control.is-invalid {
    background-image: none;
    border: 1px solid #FDA29B; }

body[data-action="Home-Show"] .form-group .invalid-feedback,
body[data-action="Home-Show"] .custom-checkbox .invalid-feedback,
body[data-action="Login-Show"] .form-group .invalid-feedback,
body[data-action="Login-Show"] .custom-checkbox .invalid-feedback,
body[data-action="Register-Show"] .form-group .invalid-feedback,
body[data-action="Register-Show"] .custom-checkbox .invalid-feedback,
body[data-action="Login-PetmojiShow"] .form-group .invalid-feedback,
body[data-action="Login-PetmojiShow"] .custom-checkbox .invalid-feedback,
body[data-action="Account-ShowConfiguration"] .form-group .invalid-feedback,
body[data-action="Account-ShowConfiguration"] .custom-checkbox .invalid-feedback,
.onboarding .form-group .invalid-feedback,
.onboarding .custom-checkbox .invalid-feedback {
  position: static;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400; }

body[data-action="Home-Show"] .form-group .custom-control-label,
body[data-action="Home-Show"] .custom-checkbox .custom-control-label,
body[data-action="Login-Show"] .form-group .custom-control-label,
body[data-action="Login-Show"] .custom-checkbox .custom-control-label,
body[data-action="Register-Show"] .form-group .custom-control-label,
body[data-action="Register-Show"] .custom-checkbox .custom-control-label,
body[data-action="Login-PetmojiShow"] .form-group .custom-control-label,
body[data-action="Login-PetmojiShow"] .custom-checkbox .custom-control-label,
body[data-action="Account-ShowConfiguration"] .form-group .custom-control-label,
body[data-action="Account-ShowConfiguration"] .custom-checkbox .custom-control-label,
.onboarding .form-group .custom-control-label,
.onboarding .custom-checkbox .custom-control-label {
  color: #292524; }

body[data-action="Home-Show"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Login-Show"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Register-Show"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Login-PetmojiShow"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Account-ShowConfiguration"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.onboarding .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path stroke="%23936031" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.667 1.65 4.25 8.067 1.333 5.15"/></svg>'); }

body[data-action="Home-Show"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
body[data-action="Login-Show"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
body[data-action="Register-Show"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
body[data-action="Login-PetmojiShow"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
body[data-action="Account-ShowConfiguration"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.onboarding .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #F8F4EE;
  border-color: var(--generic) !important; }

body[data-action="Home-Show"] .custom-checkbox .custom-control-label::before,
body[data-action="Login-Show"] .custom-checkbox .custom-control-label::before,
body[data-action="Register-Show"] .custom-checkbox .custom-control-label::before,
body[data-action="Login-PetmojiShow"] .custom-checkbox .custom-control-label::before,
body[data-action="Account-ShowConfiguration"] .custom-checkbox .custom-control-label::before,
.onboarding .custom-checkbox .custom-control-label::before {
  width: 20px;
  height: 20px;
  border-radius: 6px; }

body[data-action="Home-Show"] .custom-checkbox .custom-control-label,
body[data-action="Home-Show"] .custom-checkbox.custom-control .custom-control-label,
body[data-action="Login-Show"] .custom-checkbox .custom-control-label,
body[data-action="Login-Show"] .custom-checkbox.custom-control .custom-control-label,
body[data-action="Register-Show"] .custom-checkbox .custom-control-label,
body[data-action="Register-Show"] .custom-checkbox.custom-control .custom-control-label,
body[data-action="Login-PetmojiShow"] .custom-checkbox .custom-control-label,
body[data-action="Login-PetmojiShow"] .custom-checkbox.custom-control .custom-control-label,
body[data-action="Account-ShowConfiguration"] .custom-checkbox .custom-control-label,
body[data-action="Account-ShowConfiguration"] .custom-checkbox.custom-control .custom-control-label,
.onboarding .custom-checkbox .custom-control-label,
.onboarding .custom-checkbox.custom-control .custom-control-label {
  padding-left: 8px;
  font-size: 16px;
  line-height: 24px;
  font-family: "ubuntu";
  font-weight: 500; }

body[data-action="Home-Show"] .custom-checkbox-small.custom-control .custom-control-label,
body[data-action="Login-Show"] .custom-checkbox-small.custom-control .custom-control-label,
body[data-action="Register-Show"] .custom-checkbox-small.custom-control .custom-control-label,
body[data-action="Login-PetmojiShow"] .custom-checkbox-small.custom-control .custom-control-label,
body[data-action="Account-ShowConfiguration"] .custom-checkbox-small.custom-control .custom-control-label,
.onboarding .custom-checkbox-small.custom-control .custom-control-label {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600; }

body[data-action="Home-Show"] .custom-control-label::before,
body[data-action="Login-Show"] .custom-control-label::before,
body[data-action="Register-Show"] .custom-control-label::before,
body[data-action="Login-PetmojiShow"] .custom-control-label::before,
body[data-action="Account-ShowConfiguration"] .custom-control-label::before,
.onboarding .custom-control-label::before {
  top: 2px; }

body[data-action="Home-Show"] .custom-checkbox-small .custom-control-label::before,
body[data-action="Home-Show"] .custom-checkbox-small .custom-control-label::after,
body[data-action="Login-Show"] .custom-checkbox-small .custom-control-label::before,
body[data-action="Login-Show"] .custom-checkbox-small .custom-control-label::after,
body[data-action="Register-Show"] .custom-checkbox-small .custom-control-label::before,
body[data-action="Register-Show"] .custom-checkbox-small .custom-control-label::after,
body[data-action="Login-PetmojiShow"] .custom-checkbox-small .custom-control-label::before,
body[data-action="Login-PetmojiShow"] .custom-checkbox-small .custom-control-label::after,
body[data-action="Account-ShowConfiguration"] .custom-checkbox-small .custom-control-label::before,
body[data-action="Account-ShowConfiguration"] .custom-checkbox-small .custom-control-label::after,
.onboarding .custom-checkbox-small .custom-control-label::before,
.onboarding .custom-checkbox-small .custom-control-label::after {
  top: -2px; }

body[data-action="Home-Show"] .custom-control-label::after,
body[data-action="Login-Show"] .custom-control-label::after,
body[data-action="Register-Show"] .custom-control-label::after,
body[data-action="Login-PetmojiShow"] .custom-control-label::after,
body[data-action="Account-ShowConfiguration"] .custom-control-label::after,
.onboarding .custom-control-label::after {
  position: absolute;
  top: 2px;
  left: -26px;
  width: 23px;
  height: 19px; }

body[data-action="Home-Show"].Ultima-fr .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, body[data-action="Home-Show"].Ultima-it .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Login-Show"].Ultima-fr .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Login-Show"].Ultima-it .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Register-Show"].Ultima-fr .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Register-Show"].Ultima-it .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Login-PetmojiShow"].Ultima-fr .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Login-PetmojiShow"].Ultima-it .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Account-ShowConfiguration"].Ultima-fr .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body[data-action="Account-ShowConfiguration"].Ultima-it .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.onboarding.Ultima-fr .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.onboarding.Ultima-it .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path stroke="%234A773C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.667 1.65 4.25 8.067 1.333 5.15"/></svg>'); }

.pet-features {
  flex-wrap: wrap; }
  @media (min-width: 960px) {
    .pet-features {
      flex-wrap: nowrap; } }

.pet-feature {
  padding: 16px 0;
  width: calc(50% - 6px);
  border-radius: 12px;
  text-align: center; }
  @media (min-width: 960px) {
    .pet-feature {
      width: 20%;
      padding: 34px 0;
      flex-wrap: nowrap;
      flex-grow: 1; } }
  .pet-feature:nth-child(2n) {
    margin-left: 12px;
    margin-bottom: 12px; }
  @media (max-width: 959px) {
    .pet-feature:last-child {
      width: 100%; } }
  .pet-feature .pet-feature-name {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 500; }
  @media (min-width: 960px) {
    .pet-feature + .pet-feature {
      margin-left: 24px;
      margin-bottom: 0; } }

@media (min-width: 335px) and (max-width: 1439px) {
  .content.display-pet-profile .pet-feature {
    padding: 16px 0; } }

@media (min-width: 1440px) {
  .content.display-pet-profile .pet-feature {
    width: 180px; } }

@media (min-width: 1440px) {
  .content.display-pet-profile .row.profile-display-form.is-cat .pet-feature {
    width: 231px; } }

.text-axiforma-black {
  font-family: "Axiforma-Black" !important; }

.text-axiforma-bold {
  font-family: "Axiforma-Bold" !important; }

.text-axiforma-extra-bold {
  font-family: "Axiforma-ExtraBold" !important; }

.text-axiforma-heavy {
  font-family: "Axiforma-Heavy" !important; }

.text-axiforma-medium {
  font-family: "Axiforma-Medium" !important; }

.text-axiforma-regular {
  font-family: "Axiforma-Regular" !important; }

.text-axiforma-semi-bold {
  font-family: "Axiforma-SemiBold" !important; }

.text-canela-condensed-black {
  font-family: "CanelaCondensed-Black-Trial" !important; }

.text-canela-condensed-black-italic {
  font-family: "CanelaCondensed-BlackItalic-Trial" !important; }

.text-canela-condensed-bold {
  font-family: "CanelaCondensed-Bold-Trial" !important; }

.text-canela-condensed-bold-italic {
  font-family: "CanelaCondensed-BoldItalic-Trial" !important; }

.text-canela-condensed-light {
  font-family: "CanelaCondensed-Light-Trial" !important; }

.text-canela-condensed-light-italic {
  font-family: "CanelaCondensed-LightItalic-Trial" !important; }

.text-canela-condensed-medium {
  font-family: "CanelaCondensed-Medium-Trial" !important; }

.text-canela-condensed-medium-italic {
  font-family: "CanelaCondensed-MediumItalic-Trial" !important; }

.text-canela-condensed-regular {
  font-family: "CanelaCondensed-Regular-Trial" !important; }

.text-canela-condensed-regular-italic {
  font-family: "CanelaCondensed-RegularItalic-Trial" !important; }

.text-canela-condensed-thin {
  font-family: "CanelaCondensed-Thin-Trial" !important; }

.text-canela-condensed-thin-italic {
  font-family: "CanelaCondensed-ThinItalic-Trial" !important; }

html, body {
  background-color: #f6f6f6;
  color: #393939;
  font-family: "ubuntulight";
  line-height: 1.5;
  font-weight: 600;
  font-size: 16px; }
  html #landing-community header,
  body #landing-community header {
    padding: 16px;
    margin-bottom: 0 !important; }
    html #landing-community header .section-title,
    body #landing-community header .section-title {
      position: relative;
      font-size: 20px;
      margin-bottom: 20px;
      font-weight: 500; }
  html #landing-community .ps-slider-horizontal,
  body #landing-community .ps-slider-horizontal {
    width: 100%;
    background-color: transparent;
    padding: 0; }
  html #landing-community .ps-prev,
  html #landing-community .ps-next,
  body #landing-community .ps-prev,
  body #landing-community .ps-next {
    display: none !important;
    width: 48px;
    height: 48px;
    opacity: 1;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #e4dedc;
    background-image: none;
    /* Icons CSS */
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-indent: 0;
    font-size: 24px; }
    html #landing-community .ps-prev:hover,
    html #landing-community .ps-next:hover,
    body #landing-community .ps-prev:hover,
    body #landing-community .ps-next:hover {
      color: white;
      background-color: #dd4814; }
  html #landing-community .ps-prev,
  body #landing-community .ps-prev {
    left: -140px;
    right: auto; }
    html #landing-community .ps-prev:before,
    body #landing-community .ps-prev:before {
      content: "\e903"; }
  html #landing-community .ps-next,
  body #landing-community .ps-next {
    right: -140px;
    background-image: none; }
    html #landing-community .ps-next:before,
    body #landing-community .ps-next:before {
      content: "\e905"; }
  html #landing-community .content,
  body #landing-community .content {
    background-color: transparent;
    padding: 16px 16px !important;
    font-size: 14px; }
    html #landing-community .content .community-desc,
    body #landing-community .content .community-desc {
      color: #000;
      margin-bottom: 16px;
      letter-spacing: normal;
      font-size: 14px !important;
      font-family: "ubuntulight";
      font-weight: 300;
      line-height: 20px;
      padding-left: 0;
      padding-right: 0; }

.ultima .slot-container #landing-product header {
  margin-bottom: 0; }

.slot-container .constrain-product-carousel #landing-product .product-carousel .carousel-container {
  padding: 13px 7px; }

body[data-action="Register-Show"] .page-wrapper .content {
  padding: 10px 20px; }

ps-widget[data-config="9zx_k4X"] .ps-img-container {
  width: 250px !important; }

body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area .slot-container #landing-product header .section-title,
body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area .slot-container #landing-product header .section-title,
body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area .slot-container #landing-product header .section-title,
body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area .slot-container #landing-product header .section-title {
  color: #000 !important; }

body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area .slot-container #landing-product header .section-desc,
body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area .slot-container #landing-product header .section-desc,
body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area .slot-container #landing-product header .section-desc,
body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area .slot-container #landing-product header .section-desc {
  font-weight: 300; }

body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area .slot-container #landing-community header .section-desc,
body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area .slot-container #landing-favourite-articles header .section-desc,
body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area .slot-container #landing-community header .section-desc,
body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area .slot-container #landing-favourite-articles header .section-desc,
body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area .slot-container #landing-community header .section-desc,
body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area .slot-container #landing-favourite-articles header .section-desc,
body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area .slot-container #landing-community header .section-desc,
body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area .slot-container #landing-favourite-articles header .section-desc {
  font-weight: 300; }

body[data-action="Search-Show"] .slot-container #landing-product .has-line:after {
  background-color: #dd4814 !important; }

body[data-action="Search-Show"] .nature-products {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column; }
  body[data-action="Search-Show"] .nature-products .nature-products-title {
    text-align: center;
    width: 403px;
    font-size: 30px !important;
    margin: 82px 0;
    padding: 0; }
    body[data-action="Search-Show"] .nature-products .nature-products-title.has-line {
      position: relative; }
      body[data-action="Search-Show"] .nature-products .nature-products-title.has-line:before {
        content: " ";
        position: absolute;
        left: 50%;
        bottom: -20px;
        transform: translateX(-50%);
        border-radius: 0;
        background-color: #dd4814 !important;
        width: 70px;
        height: 2px; }
  body[data-action="Search-Show"] .nature-products .products-container {
    background-color: #F4F2F1;
    padding: 58px 0;
    width: 100%; }
    body[data-action="Search-Show"] .nature-products .products-container .pet-type-container {
      width: 100%; }
      body[data-action="Search-Show"] .nature-products .products-container .pet-type-container h3 {
        font-family: "ubuntumedium";
        color: #282828;
        font-size: 22px;
        font-weight: bold;
        text-align: center; }
      body[data-action="Search-Show"] .nature-products .products-container .pet-type-container .slider-container {
        margin-top: 32px; }
        body[data-action="Search-Show"] .nature-products .products-container .pet-type-container .slider-container .natures-product-carousel {
          width: 100%; }
        body[data-action="Search-Show"] .nature-products .products-container .pet-type-container .slider-container .carousel-container {
          margin: 0 auto;
          width: 80%;
          padding: 0 5px; }
        body[data-action="Search-Show"] .nature-products .products-container .pet-type-container .slider-container .btn {
          font-size: 14px;
          font-family: "ubuntumedium";
          text-transform: uppercase;
          letter-spacing: -0.18px;
          font-weight: bold;
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 247px;
          margin-top: 50px;
          margin-left: auto;
          margin-right: auto;
          line-height: 2.5; }
    body[data-action="Search-Show"] .nature-products .products-container .divider {
      width: 936px;
      height: 2px;
      background-color: #DED8D5;
      margin-top: 41px;
      margin-bottom: 26px; }
  body[data-action="Search-Show"] .nature-products.bio .products-container {
    flex-direction: column; }
    body[data-action="Search-Show"] .nature-products.bio .products-container .pet-type-container,
    body[data-action="Search-Show"] .nature-products.bio .products-container .product-carousel {
      width: 100%; }
    body[data-action="Search-Show"] .nature-products.bio .products-container .product-carousel {
      display: flex;
      justify-content: center;
      align-items: center; }
    body[data-action="Search-Show"] .nature-products.bio .products-container .divider {
      height: 1px;
      width: 100%; }

body[data-action="Search-Show"] .slot-container #landing-product .section-title {
  margin-bottom: 0 !important; }

.ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer {
  padding: 34px 9px 31px;
  background-color: #f4f2f1; }
  .ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer .ULT_Banner_Simple .BS_title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 19px;
    padding: 0 10px;
    line-height: normal; }
    .ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer .ULT_Banner_Simple .BS_title:before {
      display: none; }
  .ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer .ULT_Banner_Simple .BS_subtitle {
    font-size: 14px;
    margin-top: 0;
    width: 100%;
    padding: 0 25px; }

.ultima a,
.ultima a:visited {
  color: #dd4814; }

.ultima .content-asset a {
  color: inherit; }

.ultima .form-control {
  border-bottom: 1px solid #dcd6e0; }

.ultima .page-wrapper {
  margin: 56px auto 40px !important; }
  .ultima .page-wrapper .pageTop {
    margin: 0px;
    padding: 0px; }
    .ultima .page-wrapper .pageTop header .page-desc-login {
      color: white !important; }
  .ultima .page-wrapper .content {
    padding: 0px 0px; }
    .ultima .page-wrapper .content section header {
      color: "ubuntumedium"; }
      .ultima .page-wrapper .content section header .page-title,
      .ultima .page-wrapper .content section header .section-title,
      .ultima .page-wrapper .content section header .margin-title {
        font-family: "ubuntulight"; }
      .ultima .page-wrapper .content section header .page-desc {
        font-family: "ubuntumedium"; }
    .ultima .page-wrapper .content .pet-profile-pic a,
    .ultima .page-wrapper .content .pet-profile-pic a:visited {
      font-family: "ubuntumedium";
      font-size: 1.125rem;
      color: #393939; }
    .ultima .page-wrapper .content .my-pet a {
      font-family: "ubuntulight"; }
    .ultima .page-wrapper .content.full-width .content {
      background-color: transparent; }
  .ultima .page-wrapper.ultima-cat a,
  .ultima .page-wrapper.ultima-cat a:visited {
    color: #4a773c; }
  .ultima .page-wrapper.ultima-dog a,
  .ultima .page-wrapper.ultima-dog a:visited {
    color: #934D11; }
  .ultima .page-wrapper.full-width {
    margin: 56px auto 0 !important; }

.ultima .margin-title {
  padding-top: 60px; }

.ultima section header .page-title,
.ultima section header .section-title {
  font-family: "merriweatherlight";
  color: #000;
  letter-spacing: normal;
  font-size: 20px;
  font-weight: 500; }
  .ultima section header .page-title::after,
  .ultima section header .section-title::after {
    background-color: #dd4814;
    height: 1px; }

.ultima section header .page-title {
  height: 97px;
  background-color: #f4f2f1;
  font-family: Merriweather;
  font-size: 32px;
  padding-top: 32px; }

.ultima section header .page-title-login {
  height: auto;
  background-color: transparent; }

body .noscroll {
  overflow: hidden; }

body.ultima[data-action="Account-Show"] .page-wrapper {
  margin-top: 56px; }

body.ultima[data-action="Search-Show"] .page-wrapper {
  margin-bottom: 0 !important; }

body.ultima[data-action="Search-Show"] main .content {
  padding-bottom: 50px !important; }

@media (min-width: 768px) {
  body #landing-community header {
    padding: 0; }
  body #landing-community .ps-slider-horizontal {
    width: 100%;
    padding: 12px 40px; }
  body #landing-community .ps-next,
  body #landing-community .ps-prev {
    display: none; }
  body.ultima .page-wrapper {
    margin: 56px auto 40px !important;
    width: 768px; }
    body.ultima .page-wrapper .content {
      background-color: #fff;
      border-radius: 0;
      box-shadow: none; }
    body.ultima .page-wrapper section header .page-title,
    body.ultima .page-wrapper section header .section-title {
      font-size: 20px;
      font-family: "merriweatherlight";
      color: #000; }
    body.ultima .page-wrapper.full-width {
      width: 100%; }
  body.ultima[data-action="Account-Show"] .page-wrapper {
    width: 100%; }
    body.ultima[data-action="Account-Show"] .page-wrapper main {
      width: 768px; }
  body[data-action="Search-Show"] .page-wrapper {
    width: 100%; }
  body[data-action="Search-Show"] .footer-content,
  body[data-action="Case-List"] .footer-content,
  body[data-action="Case-Create"] .footer-content {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.09); }
  body[data-action="Login-Show"] .footer-content,
  body[data-action="Register-Show"] .footer-content,
  body[data-action="ExternalLogin-Show"] .footer-content,
  body[data-action="ExternalAccount-PasswordReset"] .footer-content {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.09); } }

.article-pagination {
  border-top: 1px solid #e4dedc;
  display: flex;
  flex-direction: column;
  padding: 24px; }
  .article-pagination a {
    color: #dd4814;
    font-family: "ubuntulight";
    font-weight: 300;
    padding-bottom: 16px;
    font-size: 14px;
    display: flex;
    line-height: 1.43;
    text-decoration: none !important; }
    .article-pagination a i {
      font-size: 22px;
      margin-right: 12px;
      text-decoration: none !important; }
    .article-pagination a:hover i {
      text-decoration: none !important; }

@media (min-width: 1024px) {
  body.ultima .page-wrapper,
  body.ultima[data-action="Account-Show"] .page-wrapper {
    margin: 56px auto 40px;
    width: 924px; }
    body.ultima .page-wrapper .page-title,
    body.ultima[data-action="Account-Show"] .page-wrapper .page-title {
      font-size: 26px; }
    body.ultima .page-wrapper .content,
    body.ultima[data-action="Account-Show"] .page-wrapper .content {
      box-shadow: none; }
    body.ultima .page-wrapper #landing-community .ps-slider-horizontal,
    body.ultima[data-action="Account-Show"] .page-wrapper #landing-community .ps-slider-horizontal {
      width: 1100px; }
    body.ultima .page-wrapper.full-width,
    body.ultima[data-action="Account-Show"] .page-wrapper.full-width {
      width: 100%;
      margin: 56px auto 0 !important; }
  body[data-action="Search-Show"] .page-wrapper {
    width: 100%; }
    body[data-action="Search-Show"] .page-wrapper .nature-products .products-container {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      body[data-action="Search-Show"] .page-wrapper .nature-products .products-container .pet-type-container .slider-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
    body[data-action="Search-Show"] .page-wrapper .nature-products.bio .products-container {
      flex-direction: row; }
      body[data-action="Search-Show"] .page-wrapper .nature-products.bio .products-container .pet-type-container,
      body[data-action="Search-Show"] .page-wrapper .nature-products.bio .products-container .product-carousel {
        width: 100%; }
      body[data-action="Search-Show"] .page-wrapper .nature-products.bio .products-container .divider {
        height: 500px;
        width: 2px; }
  body.ultima[data-action="Account-Show"] .page-wrapper {
    width: 100%; }
    body.ultima[data-action="Account-Show"] .page-wrapper main {
      width: 924px; }
  .ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer {
    padding: 50px 0px 31px; }
    .ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer .ULT_Banner_Simple .BS_title {
      font-size: 48px;
      text-align: center;
      margin-bottom: 22px; }
      .ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer .ULT_Banner_Simple .BS_title:before {
        display: none; }
    .ultima div[data-asset="ultima_all_ult-articles-landing_consejos-perro-gato"] .ULT_Articles_Landing #bannerContainer .ULT_Banner_Simple .BS_subtitle {
      font-size: 16px;
      margin-top: 0;
      width: 46%; } }

@media (min-width: 1280px) {
  body.ultima .page-wrapper {
    width: 100%;
    max-width: 1440px; } }

@media (min-width: 1440px) {
  body.ultima .page-wrapper #landing-community .ps-prev,
  body.ultima .page-wrapper #landing-community .ps-next,
  body.ultima[data-action="Account-Show"] .page-wrapper #landing-community .ps-prev,
  body.ultima[data-action="Account-Show"] .page-wrapper #landing-community .ps-next {
    display: flex !important; } }

/*
* Exception for homepage section
* All sections have different constrain class rules
*/
.ultima .page-wrapper.full-width section.constrain {
  width: 100%; }

@media (min-width: 1024px) {
  .ultima .page-wrapper.full-width section.constrain {
    max-width: 1040px; } }

/*
* Exception for account section
* All sections have different page-wrapper sizes
* and different page backgrounds
*/
@media (min-width: 768px) {
  body[data-action|="Account"].ultima .page-wrapper .content,
  body[data-action="Register-Profile"].ultima .page-wrapper .content,
  body[data-action="Register-Profile"].ultima .page-wrapper .content,
  body[data-action="Register-Lifestyle"].ultima .page-wrapper .content,
  body[data-action="Register-CreatePet"].ultima .page-wrapper .content,
  body[data-action="Register-PetLifestyle"].ultima .page-wrapper .content,
  body[data-action|="Family"].ultima .page-wrapper .content,
  body[data-action|="Wishlist"].ultima .page-wrapper .content,
  body[data-action|="Case"].ultima .page-wrapper .content {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
    padding: 45px 25px; }
    body[data-action|="Account"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action="Register-Profile"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action="Register-Profile"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action="Register-Lifestyle"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action="Register-CreatePet"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action="Register-PetLifestyle"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action|="Family"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action|="Wishlist"].ultima .page-wrapper .content.display-pet-profile,
    body[data-action|="Case"].ultima .page-wrapper .content.display-pet-profile {
      padding: 0 !important; } }

@media (min-width: 1280px) {
  body[data-action|="Account"].ultima .page-wrapper,
  body[data-action="Register-Profile"].ultima .page-wrapper,
  body[data-action="Register-Profile"].ultima .page-wrapper,
  body[data-action="Register-Lifestyle"].ultima .page-wrapper,
  body[data-action="Register-CreatePet"].ultima .page-wrapper,
  body[data-action="Register-PetLifestyle"].ultima .page-wrapper,
  body[data-action|="Family"].ultima .page-wrapper,
  body[data-action|="Wishlist"].ultima .page-wrapper,
  body[data-action|="Case"].ultima .page-wrapper {
    width: 100%;
    max-width: 1024px; } }

body[data-action|="Account-EditProfile"] .page-wrapper,
body[data-action|="Account-ShowConfiguration"] .page-wrapper {
  width: 100%;
  max-width: 335px;
  margin: auto; }
  body[data-action|="Account-EditProfile"] .page-wrapper main,
  body[data-action|="Account-ShowConfiguration"] .page-wrapper main {
    border-radius: 16px;
    background-color: transparent; }
    body[data-action|="Account-EditProfile"] .page-wrapper main .content,
    body[data-action|="Account-ShowConfiguration"] .page-wrapper main .content {
      border-radius: 16px;
      background: var(--base-white, #FFF);
      box-shadow: 0px 4px 9px -2px rgba(16, 24, 40, 0.02), 0px 12px 22px -4px rgba(16, 24, 40, 0.05); }

@media (max-width: 991px) {
  body[data-action|="Account-EditProfile"].ultima .page-wrapper,
  body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper {
    width: 100%;
    max-width: 370px;
    margin: auto;
    height: 1072px; }
    body[data-action|="Account-EditProfile"].ultima .page-wrapper .add-form-height,
    body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper .add-form-height {
      height: 100%; }
      body[data-action|="Account-EditProfile"].ultima .page-wrapper .add-form-height.edit-profile-form,
      body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper .add-form-height.edit-profile-form {
        height: 100%; }
    body[data-action|="Account-EditProfile"].ultima .page-wrapper.add-wrapper-height,
    body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper.add-wrapper-height {
      height: 100%; }
    body[data-action|="Account-EditProfile"].ultima .page-wrapper main,
    body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper main {
      max-width: 335px;
      width: 100%;
      margin: auto; }
      body[data-action|="Account-EditProfile"].ultima .page-wrapper main .content,
      body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper main .content {
        padding: 0 !important;
        border-radius: 16px;
        background: var(--base-white, #FFF);
        /* Shadows/lg */
        box-shadow: 0px 8px 28px -2px rgba(23, 20, 18, 0.1); } }

@media (min-width: 991px) {
  body[data-action|="Account-EditProfile"].ultima .page-wrapper,
  body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: auto; }
    body[data-action|="Account-EditProfile"].ultima .page-wrapper main,
    body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper main {
      height: 675px;
      max-width: 1240px;
      width: 100%;
      margin: auto; }
      body[data-action|="Account-EditProfile"].ultima .page-wrapper main .content,
      body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper main .content {
        padding: 40px !important; } }

@media (min-width: 1280px) {
  body[data-action="Account-Show"].ultima .page-wrapper {
    width: 100%;
    max-width: 1440px; }
    body[data-action="Account-Show"].ultima .page-wrapper .pageTop {
      width: 100%;
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto; }
    body[data-action="Account-Show"].ultima .page-wrapper main {
      width: 1040px;
      margin-left: auto;
      margin-right: auto; } }

@media (max-width: 1439px) {
  body[data-action|="Family-PetDisplay"].ultima .page-wrapper {
    width: 100%;
    max-width: 335px !important;
    margin: auto; }
    body[data-action|="Family-PetDisplay"].ultima .page-wrapper .content {
      padding: 0 !important; }
      body[data-action|="Family-PetDisplay"].ultima .page-wrapper .content.display-pet-profile {
        margin-bottom: 25px;
        box-shadow: 0px 8px 28px -2px rgba(23, 20, 18, 0.1); }
        body[data-action|="Family-PetDisplay"].ultima .page-wrapper .content.display-pet-profile .row.profile-display-form.is-cat {
          padding-bottom: 9px; }
        body[data-action|="Family-PetDisplay"].ultima .page-wrapper .content.display-pet-profile .pet-feature:last-child {
          width: 100%; }
          body[data-action|="Family-PetDisplay"].ultima .page-wrapper .content.display-pet-profile .pet-feature:last-child.question {
            width: 40px;
            height: 40px; } }

@media (min-width: 1440px) {
  body[data-action|="Family-PetDisplay"].ultima .page-wrapper {
    width: 100%;
    max-width: 1240px !important;
    margin: auto; }
    body[data-action|="Family-PetDisplay"].ultima .page-wrapper .content {
      padding: 40px !important;
      max-width: 1240px !important; }
      body[data-action|="Family-PetDisplay"].ultima .page-wrapper .content.display-pet-profile {
        margin-bottom: 25px;
        box-shadow: 0px 8px 28px -2px rgba(23, 20, 18, 0.1); } }

body[data-action|="Family-PetProfile"].ultima .page-wrapper {
  max-width: 1240px !important; }

body[data-action|="HelpCenter-Show"].ultima .page-wrapper {
  max-width: 100% !important;
  margin-bottom: 0 !important; }

/*
* Exception for list section
* All sections have different page-wrapper sizes
* and different page backgrounds
*/
body[data-action="Search-Show"].ultima .search-content header {
  background-color: #f4f2f1;
  display: flex;
  flex-direction: column;
  align-items: center; }
  body[data-action="Search-Show"].ultima .search-content header h1.section-title {
    padding-top: 30px;
    font-family: "merriweather";
    font-size: 30px !important; }
  body[data-action="Search-Show"].ultima .search-content header h3.section-desc {
    padding-bottom: 50px;
    color: #000 !important;
    font-size: 14px !important;
    padding: 0 25px 32px;
    opacity: 1;
    font-family: "ubuntulight"; }

@media (min-width: 1024px) {
  body[data-action="Search-Show"].ultima .search-content header h1.section-title {
    padding-top: 50px;
    font-size: 48px !important; }
  body[data-action="Search-Show"].ultima .search-content header h3.section-desc {
    padding: 0 0 34px 0;
    width: 50% !important; }
  .article-pagination a {
    font-size: 16px; } }

@media (min-width: 768px) {
  body[data-action="Search-Show"].ultima .search-content header h3.section-desc {
    line-height: 24px; }
  .article-pagination {
    flex-direction: row;
    justify-content: space-between;
    padding: 32px 24px;
    padding-bottom: 48px; }
    .article-pagination.no-prev {
      flex-direction: row-reverse !important; }
    .article-pagination a.article-pagination_next {
      flex-direction: row-reverse; }
      .article-pagination a.article-pagination_next i {
        margin-left: 12px;
        margin-right: 0; } }

body[data-action|="Family-Show"].ultima .page-wrapper,
body[data-action|="Account-EditProfile"].ultima .page-wrapper,
body[data-action|="Family-PetDisplay"].ultima .page-wrapper,
body[data-action|="Account-ShowConfiguration"].ultima .page-wrapper,
body[data-action|="Family-PetProfile"].ultima .page-wrapper {
  max-width: 100% !important; }

body[data-action|="Account-EditAvatar"].ultima .page-wrapper,
body[data-action|="Account-ProfileAvatars"].ultima .page-wrapper {
  max-width: 1240px; }

body[data-action="Account-DoSetNewPassword"].ultima .page-wrapper {
  margin-top: 76px !important; }

body[data-action="Account-SaveNewPassword"].ultima .page-wrapper {
  margin-top: 76px !important; }
  @media (min-width: 768px) {
    body[data-action="Account-SaveNewPassword"].ultima .page-wrapper {
      width: 100%; } }
  @media (min-width: 1024px) {
    body[data-action="Account-SaveNewPassword"].ultima .page-wrapper {
      width: 100%; } }
  @media (min-width: 1280px) {
    body[data-action="Account-SaveNewPassword"].ultima .page-wrapper {
      max-width: 1440px; } }

.custom-select option[selected] {
  background-color: #dd4814;
  color: #fff; }

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus,
select:focus, select.custom-select:focus, input:focus, .form-control:focus, .custom-select:focus {
  border-bottom: 1px solid #d6dce0;
  background-color: transparent; }

html[lang="es"] ::selection,
html[lang="ca"] ::selection,
html[lang="pt"] ::selection,
html[lang="en"] ::selection {
  background-color: #936031;
  color: #FFFFFF; }

html[lang="es"] body.cat_area ::selection,
html[lang="ca"] body.cat_area ::selection,
html[lang="pt"] body.cat_area ::selection,
html[lang="en"] body.cat_area ::selection {
  background-color: #4A773C;
  color: #FFFFFF; }

html[lang="it"] ::selection,
html[lang="fr"] ::selection {
  background-color: #4A773C;
  color: #FFFFFF; }

html[lang="it"] body.dog_area ::selection,
html[lang="fr"] body.dog_area ::selection {
  background-color: #936031;
  color: #FFFFFF; }

body[data-action="Home-Show"].ultima #home-chosepet .home-chosepet-container > div,
body[data-action="Home-Show"].ultima #home-chosepet .home-learning-container > div,
body[data-action="Home-Show"].ultima #home-chosepet .home-product-container > div,
body[data-action="Home-Show"].ultima #home-learning .home-chosepet-container > div,
body[data-action="Home-Show"].ultima #home-learning .home-learning-container > div,
body[data-action="Home-Show"].ultima #home-learning .home-product-container > div,
body[data-action="Home-Show"].ultima #home-product .home-chosepet-container > div,
body[data-action="Home-Show"].ultima #home-product .home-learning-container > div,
body[data-action="Home-Show"].ultima #home-product .home-product-container > div {
  margin: 0 auto; }

body[data-action="Home-Show"].ultima #home-chosepet .home-learning-container > div > div,
body[data-action="Home-Show"].ultima #home-chosepet .home-product-container > div > div,
body[data-action="Home-Show"].ultima #home-learning .home-learning-container > div > div,
body[data-action="Home-Show"].ultima #home-learning .home-product-container > div > div,
body[data-action="Home-Show"].ultima #home-product .home-learning-container > div > div,
body[data-action="Home-Show"].ultima #home-product .home-product-container > div > div {
  margin: 0 auto; }

body[data-action="Home-Show"].ultima #home-learning .home-learning-container {
  margin: 0 0 30px; }

body[data-action="Home-Show"].ultima #home-product .home-product-container {
  margin-bottom: 25px; }

body[data-action="Home-Show"].ultima .trustpilot-widget {
  padding: 2rem 0;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: none; }

body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel {
  width: 100%;
  max-width: none; }
  body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel .product, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel .product {
    max-width: 360px; }
  body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-slide > div, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-slide > div {
    margin: 0 5px; }
  body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet {
    border: 1px solid #dd4814; }

body[data-action="Search-Show"].ultima .root-category-button {
  margin-top: 33px;
  margin-bottom: 0;
  padding-bottom: 70px; }
  body[data-action="Search-Show"].ultima .root-category-button a {
    font-family: "ubuntumedium" !important;
    font-size: 12px !important;
    height: 40px;
    letter-spacing: 1px !important;
    margin: 0; }

body[data-action="Search-Show"].ultima #landing-product .root-category-button {
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 64px; }
  body[data-action="Search-Show"].ultima #landing-product .root-category-button .pill-btn.btn,
  body[data-action="Search-Show"].ultima #landing-product .root-category-button a.btn {
    min-width: 200px;
    max-width: 1000px;
    text-transform: uppercase; }

body[data-action="Search-Show"].ultima #landing-chosepet .landing-chosepet-container > div {
  margin: 0 auto; }

body[data-action="Search-Show"].ultima #landing-chosepet .landing-chosepet-container > div > div {
  margin: 0 auto; }

body[data-action="Search-Show"].ultima #landing-learning .landing-learning-container {
  margin: 0 0 30px; }

body[data-action="Search-Show"].ultima #landing-learning .landing-learning-container > div {
  margin: 0 auto; }

body[data-action="Search-Show"].ultima #landing-learning .landing-learning-container > div > div {
  margin: 0 auto; }

body[data-action="Search-Show"].ultima #landing-favourite-articles {
  margin-bottom: 0; }
  body[data-action="Search-Show"].ultima #landing-favourite-articles .section-title {
    position: relative;
    color: #000;
    padding-bottom: 23px;
    margin-bottom: 23px;
    font-family: "merriweatherlight";
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 4px; }

body[data-action="Search-Show"].cat_area #landing-favourite-articles .section-title {
  color: #000; }
  body[data-action="Search-Show"].cat_area #landing-favourite-articles .section-title:after {
    background-color: #dd4814; }

body[data-action="Search-Show"].dog_area #landing-favourite-articles .section-title {
  color: #000; }
  body[data-action="Search-Show"].dog_area #landing-favourite-articles .section-title:after {
    background-color: #dd4814; }

body[data-action="Home-Show"] .slot-container,
body[data-action="Search-Show"] .slot-container {
  padding: 0; }

body[data-action="Home-Show"] [data-slot] header,
body[data-action="Search-Show"] [data-slot] header {
  padding: 0; }
  body[data-action="Home-Show"] [data-slot] header .section-title,
  body[data-action="Search-Show"] [data-slot] header .section-title {
    margin-top: 0;
    padding-top: 40px;
    font-size: 20px !important;
    max-width: 100%;
    padding-bottom: 24px !important;
    margin-bottom: 0 !important; }
    body[data-action="Home-Show"] [data-slot] header .section-title:after,
    body[data-action="Search-Show"] [data-slot] header .section-title:after {
      content: " ";
      position: absolute;
      left: 50%;
      bottom: 12px;
      transform: translateX(-50%);
      width: 55px;
      height: 1px;
      background-color: #dd4814; }

body[data-action="Home-Show"] [data-slot] .section-desc,
body[data-action="Search-Show"] [data-slot] .section-desc {
  font-size: 14px;
  margin-top: 0;
  padding: 0 16px;
  color: #000 !important;
  font-family: "ubuntulight" !important;
  position: relative;
  text-align: center;
  margin-bottom: 56px;
  letter-spacing: normal;
  opacity: 1;
  padding-top: 0 !important;
  margin-bottom: 0;
  margin-top: 0 !important; }

body[data-action="Home-Show"] [data-slot]#home-community .content, body[data-action="Home-Show"] [data-slot]#landing-community .content,
body[data-action="Search-Show"] [data-slot]#home-community .content,
body[data-action="Search-Show"] [data-slot]#landing-community .content {
  padding: 0; }

body[data-action="Home-Show"].cat_area [data-slot] .section-desc,
body[data-action="Search-Show"].cat_area [data-slot] .section-desc {
  color: #000; }

body[data-action="Home-Show"].cat_area [data-slot] .has-line:after,
body[data-action="Search-Show"].cat_area [data-slot] .has-line:after {
  background-color: #dd4814; }

body[data-action="Home-Show"].dog_area [data-slot] .section-desc,
body[data-action="Search-Show"].dog_area [data-slot] .section-desc {
  color: #000; }

body[data-action="Home-Show"].dog_area [data-slot] .has-line:after,
body[data-action="Search-Show"].dog_area [data-slot] .has-line:after {
  background-color: #dd4814; }

@media (min-width: 768px) {
  body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-slide > div, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-slide > div {
    margin: 0 5px; } }

@media (min-width: 1024px) {
  body[data-action="Search-Show"].ultima .page-wrapper .section-title {
    font-size: 26px !important; }
  body[data-action="Search-Show"].ultima .page-wrapper .section-desc {
    font-size: 16px; }
  body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel {
    width: 90%; } }

.dog_text {
  color: #432619 !important; }
  .dog_text .content-asset .choose-category,
  .dog_text .content-asset .card-body ul li a {
    color: #432619 !important; }
  .dog_text#store-locator, .dog_text#eTailers {
    color: #936031 !important; }
  .dog_text.carritus-top button[type="button"] {
    color: #936031 !important; }

.dog_background {
  background-color: #d7cfc1 !important;
  color: #432619; }
  .dog_background li .content-asset .card-body {
    background-color: #d7cfc1 !important;
    color: #432619; }

.dog_hover:hover {
  color: #936031 !important; }
  .dog_hover:hover .btn a:hover,
  .dog_hover:hover .choose-site-dropdown .choose-category-site .choose-site-dropdown:hover,
  .dog_hover:hover .choose-language-dropdown .choose-category-language .choose-language-dropdown:hover,
  .dog_hover:hover .collapse-language .ul-dropdown-site li a:hover {
    color: #936031 !important; }

.dog_border {
  border-color: #432619 !important; }

.dog_arrow {
  color: #936031 !important; }
  .dog_arrow .suggestions .do-you-mean,
  .dog_arrow .suggestions .container .items .item a {
    color: #936031 !important; }
  .dog_arrow.icon-multiply::before {
    color: #936031 !important; }
  .dog_arrow.content-asset a {
    color: #936031 !important; }

.dog_bullet .swiper-pagination-bullet-active {
  background-color: #936031 !important; }

.dog_button {
  background-color: #936031 !important;
  border: none !important; }

.cat_text {
  color: #215732 !important; }
  .cat_text .content-asset .choose-category,
  .cat_text .content-asset .card-body ul li a {
    color: #215732 !important; }
  .cat_text#store-locator, .cat_text#eTailers {
    color: #4a773c !important; }
  .cat_text.carritus-top button[type="button"] {
    color: #4a773c !important; }

.cat_background {
  background-color: #bccdc2 !important;
  color: #215732; }
  .cat_background li .content-asset .card-body {
    background-color: #bccdc2 !important;
    color: #215732; }

.cat_hover:hover {
  color: #4a773c !important; }
  .cat_hover:hover .btn a:hover,
  .cat_hover:hover .choose-site-dropdown .choose-category-site .choose-site-dropdown:hover,
  .cat_hover:hover .choose-language-dropdown .choose-category-language .choose-language-dropdown:hover,
  .cat_hover:hover .collapse-language .ul-dropdown-site li a:hover {
    color: #4a773c !important; }

.cat_border {
  border-color: #215732 !important; }

.cat_arrow {
  color: #4a773c !important; }
  .cat_arrow .suggestions .do-you-mean,
  .cat_arrow .suggestions .container .items .item a {
    color: #4a773c !important; }
  .cat_arrow.icon-multiply::before {
    color: #4a773c !important; }
  .cat_arrow.content-asset a {
    color: #4a773c !important; }

.cat_bullet .swiper-pagination-bullet-active {
  background-color: #4a773c !important; }

.cat_button {
  background-color: #4a773c !important;
  border: none !important; }

html[lang="es"] #home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active,
html[lang="ca"] #home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active,
html[lang="en"] #home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active,
html[lang="pt"] #home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #936031 !important; }

html[lang="fr"] #home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active,
html[lang="it"] #home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4A773C !important; }

body.cat_area .footer-collapse {
  background-color: #bccdc2; }

body.dog_area .footer-collapse {
  background-color: #d7cfc1; }

html[lang="fr"] .footer-collapse,
html[lang="it"] .footer-collapse,
html[lang="es"] body.cat_area .footer-collapse,
html[lang="ca"] body.cat_area .footer-collapse,
html[lang="en"] body.cat_area .footer-collapse,
html[lang="fr"] body.cat_area .footer-collapse,
html[lang="pt"] body.cat_area .footer-collapse,
html[lang="it"] body.cat_area .footer-collapse {
  background-color: #bccdc2; }

html[lang="es"] .footer-collapse,
html[lang="ca"] .footer-collapse,
html[lang="en"] .footer-collapse,
html[lang="pt"] .footer-collapse,
html[lang="fr"] body.dog_area .footer-collapse,
html[lang="it"] body.dog_area .footer-collapse {
  background-color: #d7cfc1; }

.card {
  background: inherit !important; }

html[lang="es"] body.cat_area .btn-brand-color,
html[lang="ca"] body.cat_area .btn-brand-color,
html[lang="en"] body.cat_area .btn-brand-color,
html[lang="pt"] body.cat_area .btn-brand-color,
html[lang="it"] .btn-brand-color,
html[lang="fr"] .btn-brand-color {
  background-color: #4a773c !important;
  border: none !important;
  color: #fff !important; }
  html[lang="es"] body.cat_area .btn-brand-color:hover,
  html[lang="ca"] body.cat_area .btn-brand-color:hover,
  html[lang="en"] body.cat_area .btn-brand-color:hover,
  html[lang="pt"] body.cat_area .btn-brand-color:hover,
  html[lang="it"] .btn-brand-color:hover,
  html[lang="fr"] .btn-brand-color:hover {
    background-color: #15331f !important;
    color: #fff !important; }

html[lang="es"] .btn-brand-color,
html[lang="ca"] .btn-brand-color,
html[lang="en"] .btn-brand-color,
html[lang="pt"] .btn-brand-color,
html[lang="it"] body.dog_area .btn-brand-color,
html[lang="fr"] body.dog_area .btn-brand-color {
  background-color: #936031 !important;
  border: none !important;
  color: #fff !important; }
  html[lang="es"] .btn-brand-color:hover,
  html[lang="ca"] .btn-brand-color:hover,
  html[lang="en"] .btn-brand-color:hover,
  html[lang="pt"] .btn-brand-color:hover,
  html[lang="it"] body.dog_area .btn-brand-color:hover,
  html[lang="fr"] body.dog_area .btn-brand-color:hover {
    background-color: #432619 !important;
    color: #fff !important; }

body.Ultima-es #embeddedMessagingConversationButton, body.Ultima-es .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] {
  background: #936031;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  height: 50px;
  width: 200px; }
  body.Ultima-es #embeddedMessagingConversationButton .embeddedMessagingIconContainer, body.Ultima-es .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] .embeddedMessagingIconContainer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center; }

body.Ultima-es #embeddedMessagingIconChat path, body.Ultima-es #embeddedMessagingIconMinimize path, body.Ultima-es .minimizedButton:focus {
  fill: #ffffff !important; }

body.Ultima-es .minimizedButtonIconContainer svg, body.Ultima-es .embeddedMessagingIconContainer svg {
  display: none; }

body.Ultima-es .minimizedButtonIconContainer::after, body.Ultima-es .embeddedMessagingIconContainer::after {
  content: "Iniciar Chat";
  display: inline-block;
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  color: #fff; }

body.Ultima-es .minimizedButtonIconContainer::before, body.Ultima-es .embeddedMessagingIconContainer::before {
  border-radius: 50%;
  content: '\e949';
  display: inline-block;
  font-size: 20px;
  font-family: 'icons';
  color: #fff; }

body.Ultima-es .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
  bottom: 0 !important;
  height: 500px; }
  @media (max-height: 630px) {
    body.Ultima-es .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
      height: 480px;
      max-height: none; } }

body.Ultima-fr #embeddedMessagingConversationButton, body.Ultima-fr .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] {
  background: #936031;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  height: 50px;
  width: 200px; }
  body.Ultima-fr #embeddedMessagingConversationButton .embeddedMessagingIconContainer, body.Ultima-fr .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] .embeddedMessagingIconContainer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center; }

body.Ultima-fr #embeddedMessagingIconChat path, body.Ultima-fr #embeddedMessagingIconMinimize path, body.Ultima-fr .minimizedButton:focus {
  fill: #ffffff !important; }

body.Ultima-fr .minimizedButtonIconContainer svg, body.Ultima-fr .embeddedMessagingIconContainer svg {
  display: none; }

body.Ultima-fr .minimizedButtonIconContainer::after, body.Ultima-fr .embeddedMessagingIconContainer::after {
  content: "Démarrer un Chat";
  display: inline-block;
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  color: #fff; }

body.Ultima-fr .minimizedButtonIconContainer::before, body.Ultima-fr .embeddedMessagingIconContainer::before {
  content: '\e949';
  display: inline-block;
  font-size: 20px;
  font-family: 'icons';
  color: #fff; }

body.Ultima-fr .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
  bottom: 0 !important; }

body.Ultima-it #embeddedMessagingConversationButton, body.Ultima-it .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] {
  background: #936031;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  height: 50px;
  width: 200px; }
  body.Ultima-it #embeddedMessagingConversationButton .embeddedMessagingIconContainer, body.Ultima-it .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] .embeddedMessagingIconContainer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center; }

body.Ultima-it #embeddedMessagingIconChat path, body.Ultima-it #embeddedMessagingIconMinimize path, body.Ultima-it .minimizedButton:focus {
  fill: #ffffff !important; }

body.Ultima-it .minimizedButtonIconContainer svg, body.Ultima-it .embeddedMessagingIconContainer svg {
  display: none; }

body.Ultima-it .minimizedButtonIconContainer::after, body.Ultima-it .embeddedMessagingIconContainer::after {
  content: "Iniziare una Chat";
  display: inline-block;
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  color: #fff; }

body.Ultima-it .minimizedButtonIconContainer::before, body.Ultima-it .embeddedMessagingIconContainer::before {
  content: '\e949';
  display: inline-block;
  font-size: 20px;
  font-family: 'icons';
  color: #fff; }

body.Ultima-it .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
  bottom: 0 !important; }

body.Ultima-pt #embeddedMessagingConversationButton, body.Ultima-pt .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] {
  background: #936031;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  height: 50px;
  width: 200px; }
  body.Ultima-pt #embeddedMessagingConversationButton .embeddedMessagingIconContainer, body.Ultima-pt .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] .embeddedMessagingIconContainer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center; }

body.Ultima-pt #embeddedMessagingIconChat path, body.Ultima-pt #embeddedMessagingIconMinimize path, body.Ultima-pt .minimizedButton:focus {
  fill: #ffffff !important; }

body.Ultima-pt .minimizedButtonIconContainer svg, body.Ultima-pt .embeddedMessagingIconContainer svg {
  display: none; }

body.Ultima-pt .minimizedButtonIconContainer::after, body.Ultima-pt .embeddedMessagingIconContainer::after {
  content: "Iniciar Chat";
  display: inline-block;
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
  color: #fff; }

body.Ultima-pt .minimizedButtonIconContainer::before, body.Ultima-pt .embeddedMessagingIconContainer::before {
  content: '\e949';
  display: inline-block;
  font-size: 20px;
  font-family: 'icons';
  color: #fff; }

body.Ultima-pt .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
  bottom: 0 !important; }

html[lang="ca"] .embeddedMessagingConversationButton {
  display: none; }

body[data-action="Account-Show"].ultima .page-wrapper .pageTop {
  height: 100%; }
  body[data-action="Account-Show"].ultima .page-wrapper .pageTop .page-title {
    background-color: #F5F5F4;
    color: #1c1917;
    font-family: "ubuntu";
    font-size: 30px;
    font-weight: 500;
    line-height: 38px;
    text-align: left;
    padding: 32px 20px 0 20px;
    margin-bottom: 40px; }

body[data-action="Account-Show"].ultima .page-wrapper main {
  width: unset;
  margin-left: 20px;
  margin-right: 20px; }

.dashboard-wrapper {
  background-color: #F5F5F4;
  margin-bottom: 40px; }
  .dashboard-wrapper .btn {
    margin: 0; }
  .dashboard-wrapper .notvisible {
    visibility: hidden; }

.dashboard-item {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  box-sizing: border-box; }
  .dashboard-item.order1 {
    order: 1; }
  .dashboard-item.order2 {
    order: 2; }

.dashboard-main {
  margin-bottom: 40px;
  gap: 24px; }
  @media (min-width: 1024px) {
    .dashboard-main {
      gap: 40px; } }

.dashboard-content-100 {
  grid-column: span 2; }

.dashboard-content-50 {
  grid-column: span 2; }

.cards-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.card {
  box-sizing: border-box; }

.card-100 {
  width: 100%;
  height: 206px; }

.cards-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 16px; }
  .cards-section.without-title {
    margin-top: 0; }
  .cards-section .card-article {
    width: calc(50% - 8px); }
    .cards-section .card-article .card-text {
      text-align: center; }

.dashboard-card-profile {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 8px 28px -2px rgba(23, 20, 18, 0.1); }
  .dashboard-card-profile .dashboard-card-profile-title {
    color: #1C1917;
    font-size: 20px;
    font-weight: 700; }
  .dashboard-card-profile .dashboard-card-profile-help-center-wrapper {
    gap: 20px;
    margin-bottom: 20px; }
  .dashboard-card-profile .dashboard-card-profile-help-center-wrapper-text {
    text-align: center; }
  .dashboard-card-profile .dashboard-card-profile-header {
    color: #936031;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px; }
    .dashboard-card-profile .dashboard-card-profile-header.alternative {
      color: #4a773c; }
  .dashboard-card-profile .dashboard-card-profile-text {
    color: #44403C;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300; }
  .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill {
    margin-bottom: 12px;
    padding: 10px 16px;
    border-radius: 50px; }
    .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill .svg-icon-plus-sign {
      display: flex;
      padding-right: 8px; }
    .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill .dashboard-card-profile-btn-pill-text {
      padding-right: 10px;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      text-transform: uppercase; }
    .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill .dashboard-card-profile-btn-pill-icon {
      width: 20px;
      height: 20px; }
  .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill-invert {
    border-radius: 50px;
    border: 1px solid #936031;
    color: #936031;
    font-family: "ubuntu";
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 16px;
    text-decoration: none; }
    .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill-invert:hover {
      background-color: #936031;
      color: #ffffff; }
    .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill-invert.alternative-button {
      border: 1px solid #4a773c;
      color: #4a773c; }
      .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill-invert.alternative-button:hover {
        background-color: #4a773c;
        color: #ffffff; }
  .dashboard-card-profile .dashboard-card-profile-mobile-wrapper {
    height: 56.3px;
    overflow: hidden; }
  .dashboard-card-profile .dashboard-card-profile-circular-progress {
    position: relative;
    top: 24px; }
    .dashboard-card-profile .dashboard-card-profile-circular-progress .dashboard-card-profile-circular-progress-outer {
      background-color: #E7E5E4;
      padding: 10px;
      border-radius: 50%; }
    .dashboard-card-profile .dashboard-card-profile-circular-progress .dashboard-card-profile-circular-progress-inner {
      background-color: #ffffff;
      width: 75px;
      height: 75px;
      border-radius: 50%; }
    .dashboard-card-profile .dashboard-card-profile-circular-progress .dashboard-card-profile-circular-progress-circle {
      position: absolute;
      top: 0; }
    .dashboard-card-profile .dashboard-card-profile-circular-progress .dashboard-card-profile-circular-progress-text {
      color: #44403C;
      font-size: 12px;
      font-weight: 400; }
    .dashboard-card-profile .dashboard-card-profile-circular-progress .dashboard-card-profile-circular-progress-percentage {
      color: #1C1917;
      font-size: 24px;
      font-weight: 500;
      line-height: 32px; }

.dashboard-card-pet-title {
  color: #1C1917;
  font-family: "ubuntu";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; }

.dashboard-card-pet-link {
  text-decoration: none; }

.dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button {
  border-radius: 50px;
  border: 1px solid #936031;
  color: #936031;
  font-family: "ubuntu";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 16px;
  max-width: 100%; }
  .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button.no-pets {
    background: var(--generic);
    color: #ffffff; }
    .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button.no-pets:hover {
      background: #432619; }
  .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button.button-alternative {
    border: 1px solid #4a773c;
    color: #4a773c; }
    .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button.button-alternative.no-pets {
      color: #ffffff; }
      .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button.button-alternative.no-pets:hover {
        background: #15331f; }
    .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button.button-alternative:hover {
      background-color: #4a773c; }
  .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button:hover {
    background-color: #936031; }

.dashboard-card-pet {
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0px 8px 28px -2px rgba(23, 20, 18, 0.1);
  padding: 20px; }
  .dashboard-card-pet .dashboard-card-pet-image {
    width: 32px; }
  .dashboard-card-pet .dashboard-card-pet-name {
    color: #1C1917;
    font-family: "ubuntu";
    font-size: 20px;
    font-weight: 700;
    line-height: 30px; }
  .dashboard-card-pet .dashboard-card-pet-gender {
    border-radius: 8px;
    background: #F8F4EE;
    width: 40px;
    height: 40px; }
    .dashboard-card-pet .dashboard-card-pet-gender.is-empty {
      background: #FEE4E2; }
    .dashboard-card-pet .dashboard-card-pet-gender.is-cat {
      background: #EBF5EF; }
  .dashboard-card-pet .dashboard-card-pet-info-container {
    border-radius: 47px;
    background: #F8F4EE;
    padding: 10px; }
    .dashboard-card-pet .dashboard-card-pet-info-container.is-empty {
      background: #FEE4E2; }
    .dashboard-card-pet .dashboard-card-pet-info-container.is-cat {
      background: #EBF5EF; }
  .dashboard-card-pet .dashboard-card-pet-info-text {
    color: #936031;
    font-family: "ubuntu";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; }
    .dashboard-card-pet .dashboard-card-pet-info-text.is-empty {
      color: #F04438; }
    .dashboard-card-pet .dashboard-card-pet-info-text.is-cat {
      color: #4a773c; }
  .dashboard-card-pet .dashboard-card-pet-progress {
    margin-right: 12px; }
  .dashboard-card-pet .dashboard-card-pet-progress-indicator {
    color: #171412;
    font-family: "ubuntu";
    font-size: 20px;
    font-weight: 700;
    line-height: 30px; }
  .dashboard-card-pet .dashboard-card-pet-progress-description {
    color: #292524;
    font-family: "ubuntu";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; }

.dashboard-card-pet-wrapper .pet-carousel-container .swiper-pagination-bullets {
  bottom: 0;
  height: 8px; }
  .dashboard-card-pet-wrapper .pet-carousel-container .swiper-pagination-bullets .swiper-pagination-bullet {
    border: 1px solid #936031;
    height: 8px;
    width: 8px;
    margin-bottom: 0; }
    .dashboard-card-pet-wrapper .pet-carousel-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #936031; }
  .dashboard-card-pet-wrapper .pet-carousel-container .swiper-pagination-bullets.button-alternative .swiper-pagination-bullet {
    border: 1px solid #4a773c; }
    .dashboard-card-pet-wrapper .pet-carousel-container .swiper-pagination-bullets.button-alternative .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #4a773c; }

@media (min-width: 1024px) {
  body[data-action="Account-Show"].ultima .page-wrapper .pageTop .page-title {
    padding: 40px 80px 0 80px; }
  body[data-action="Account-Show"].ultima .page-wrapper main {
    width: unset;
    margin-left: 80px;
    margin-right: 80px; }
  .dashboard-content-50 {
    grid-column: span 1; }
  .dashboard .dashboard-link .icon-realimage {
    max-width: none; }
    .dashboard .dashboard-link .icon-realimage img {
      margin-top: 5px; }
  cards-filter {
    justify-content: start;
    column-gap: 8px; }
  .cards-section .card-article {
    width: calc((100% - 80px)/6);
    height: 247px; }
  .dashboard-card-profile .dashboard-card-profile-help-center-wrapper-text {
    text-align: left; }
  .dashboard-card-profile .dashboard-card-profile-mobile-wrapper {
    height: auto;
    overflow: auto; }
  .dashboard-card-profile .dashboard-card-profile-buttons .dashboard-card-profile-btn-pill {
    margin-bottom: 0;
    margin-right: 12px; }
  .dashboard-card-profile .dashboard-card-profile-circular-progress {
    top: 0; }
    .dashboard-card-profile .dashboard-card-profile-circular-progress .dashboard-card-profile-circular-progress-outer {
      padding: 20px; }
    .dashboard-card-profile .dashboard-card-profile-circular-progress .dashboard-card-profile-circular-progress-inner {
      width: 105px;
      height: 105px; }
  .dashboard-card-pet .dashboard-card-pet-image {
    width: 172px; }
  .dashboard-item .dashboard-card-pet-wrapper .dashboard-card-pet-button {
    max-width: 260px; }
  .dashboard-card-pet-wrapper .pet-carousel-container .swiper-slide {
    height: auto; } }

.article-module-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .article-module-list {
      justify-content: flex-start; } }
  .article-module-list .experience-commerce_assets-articleModule {
    display: flex;
    margin: 0 8px 16px 8px; }
    .article-module-list .experience-commerce_assets-articleModule .article-module-item {
      margin: 0; }

.article-module-item {
  width: 45%;
  background: white;
  border-radius: 12px;
  list-style: none;
  overflow: hidden;
  margin: 0 8px 16px 8px; }
  @media (min-width: 400px) and (max-width: 768px) {
    .article-module-item {
      width: 160px; } }
  @media (min-width: 769px) {
    .article-module-item {
      width: 200px; } }
  .article-module-item .content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column; }
  .article-module-item .img-wrapper {
    position: relative;
    padding-bottom: 60%; }
    .article-module-item .img-wrapper .artice-img {
      width: 100%;
      height: 100%;
      position: absolute; }
  .article-module-item .bottom-content {
    padding: 12px;
    height: 100%;
    display: flex;
    flex-direction: column; }
  .article-module-item .title-wrapper {
    margin-bottom: 12px; }
  .article-module-item .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center; }
  .article-module-item .btn-wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .article-module-item .btn-wrapper .icon-arrow-left {
      font-weight: 700;
      font-size: 14px;
      margin-left: 4px; }
  .article-module-item[data-petworld='Cat'] .btn-wrapper .btn-module {
    background-color: #4a773c !important; }
    .article-module-item[data-petworld='Cat'] .btn-wrapper .btn-module:hover {
      background-color: #15331f !important; }
  .article-module-item[data-petworld='Dog'] .btn-wrapper .btn-module {
    background-color: #936031 !important; }
    .article-module-item[data-petworld='Dog'] .btn-wrapper .btn-module:hover {
      background-color: #432619 !important; }

.exclusive-content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 32px 10px 40px 10px; }
  @media (min-width: 768px) {
    .exclusive-content {
      padding: 40px 0 80px 0; } }

.exclusive-content-title {
  color: #1C1917;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px; }
  @media (min-width: 768px) {
    .exclusive-content-title {
      font-size: 30px;
      line-height: 38px; } }

.icon-arrow-left.icon-rotate {
  display: inline-block;
  transform: rotate(180deg); }

body[data-action="Articles-List"] .page-wrapper {
  overflow: visible; }

html[lang="es"] body.cat_area .pet-type-filter-label,
html[lang="ca"] body.cat_area html[lang="en"] body.cat_area .pet-type-filter-label,
html[lang="pt"] body.cat_area .pet-type-filter-label,
html[lang="it"] .pet-type-filter-label,
html[lang="fr"] .pet-type-filter-label {
  background-color: #D8E5DD;
  color: #4a773c; }

html[lang="es"] body.cat_area .pet-type-filter-input + .pet-type-filter-label,
html[lang="ca"] body.cat_area html[lang="en"] body.cat_area .pet-type-filter-input + .pet-type-filter-label,
html[lang="pt"] body.cat_area .pet-type-filter-input + .pet-type-filter-label,
html[lang="it"] .pet-type-filter-input + .pet-type-filter-label,
html[lang="fr"] .pet-type-filter-input + .pet-type-filter-label {
  border: 1px solid #D8E5DD; }

html[lang="es"] body.cat_area .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="ca"] body.cat_area html[lang="en"] body.cat_area .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="pt"] body.cat_area .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="it"] .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="fr"] .pet-type-filter-input:checked + .pet-type-filter-label {
  border: 1px solid #4a773c; }

html[lang="es"] body.cat_area .btn.btn-brand-invert,
html[lang="ca"] body.cat_area html[lang="en"] body.cat_area .btn.btn-brand-invert,
html[lang="pt"] body.cat_area .btn.btn-brand-invert,
html[lang="it"] .btn.btn-brand-invert,
html[lang="fr"] .btn.btn-brand-invert {
  border-color: #4a773c;
  color: #4a773c; }
  html[lang="es"] body.cat_area .btn.btn-brand-invert:hover,
  html[lang="ca"] body.cat_area html[lang="en"] body.cat_area .btn.btn-brand-invert:hover,
  html[lang="pt"] body.cat_area .btn.btn-brand-invert:hover,
  html[lang="it"] .btn.btn-brand-invert:hover,
  html[lang="fr"] .btn.btn-brand-invert:hover {
    background-color: #4a773c; }

html[lang="es"] body.cat_area .select-wrapper.focused .select-menu,
html[lang="ca"] body.cat_area html[lang="en"] body.cat_area .select-wrapper.focused .select-menu,
html[lang="pt"] body.cat_area .select-wrapper.focused .select-menu,
html[lang="it"] .select-wrapper.focused .select-menu,
html[lang="fr"] .select-wrapper.focused .select-menu {
  border: 1px solid #215732; }

html[lang="es"] .pet-type-filter-label,
html[lang="ca"] .pet-type-filter-label,
html[lang="en"] .pet-type-filter-label,
html[lang="pt"] .pet-type-filter-label,
html[lang="it"] body.dog_area .pet-type-filter-label,
html[lang="fr"] body.dog_area .pet-type-filter-label {
  background-color: #ECE5D9;
  color: #936031; }

html[lang="es"] .pet-type-filter-input + .pet-type-filter-label,
html[lang="ca"] .pet-type-filter-input + .pet-type-filter-label,
html[lang="en"] .pet-type-filter-input + .pet-type-filter-label,
html[lang="pt"] .pet-type-filter-input + .pet-type-filter-label,
html[lang="it"] body.dog_area .pet-type-filter-input + .pet-type-filter-label,
html[lang="fr"] body.dog_area .pet-type-filter-input + .pet-type-filter-label {
  border: 2px solid #ECE5D9; }

html[lang="es"] .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="ca"] .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="en"] .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="pt"] .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="it"] body.dog_area .pet-type-filter-input:checked + .pet-type-filter-label,
html[lang="fr"] body.dog_area .pet-type-filter-input:checked + .pet-type-filter-label {
  border: 2px solid #936031; }

html[lang="es"] .btn.btn-brand-invert,
html[lang="ca"] .btn.btn-brand-invert,
html[lang="en"] .btn.btn-brand-invert,
html[lang="pt"] .btn.btn-brand-invert,
html[lang="it"] body.dog_area .btn.btn-brand-invert,
html[lang="fr"] body.dog_area .btn.btn-brand-invert {
  border-color: #936031;
  color: #936031; }
  html[lang="es"] .btn.btn-brand-invert:hover,
  html[lang="ca"] .btn.btn-brand-invert:hover,
  html[lang="en"] .btn.btn-brand-invert:hover,
  html[lang="pt"] .btn.btn-brand-invert:hover,
  html[lang="it"] body.dog_area .btn.btn-brand-invert:hover,
  html[lang="fr"] body.dog_area .btn.btn-brand-invert:hover {
    background-color: #936031; }

html[lang="es"] .pet-type-filter-input.cat + .pet-type-filter-label,
html[lang="ca"] .pet-type-filter-input.cat + .pet-type-filter-label,
html[lang="en"] .pet-type-filter-input.cat + .pet-type-filter-label,
html[lang="pt"] .pet-type-filter-input.cat + .pet-type-filter-label,
html[lang="it"] .pet-type-filter-input.cat + .pet-type-filter-label,
html[lang="fr"] .pet-type-filter-input.cat + .pet-type-filter-label {
  background-color: #D8E5DD;
  color: #4a773c;
  border: 2px solid #D8E5DD !important; }

html[lang="es"] .pet-type-filter-input.cat:checked + .pet-type-filter-label,
html[lang="ca"] .pet-type-filter-input.cat:checked + .pet-type-filter-label,
html[lang="en"] .pet-type-filter-input.cat:checked + .pet-type-filter-label,
html[lang="pt"] .pet-type-filter-input.cat:checked + .pet-type-filter-label,
html[lang="it"] .pet-type-filter-input.cat:checked + .pet-type-filter-label,
html[lang="fr"] .pet-type-filter-input.cat:checked + .pet-type-filter-label {
  border: 2px solid #4a773c !important; }

html[lang="es"] .pet-type-filter-input.dog + .pet-type-filter-label,
html[lang="ca"] .pet-type-filter-input.dog + .pet-type-filter-label,
html[lang="en"] .pet-type-filter-input.dog + .pet-type-filter-label,
html[lang="pt"] .pet-type-filter-input.dog + .pet-type-filter-label,
html[lang="it"] .pet-type-filter-input.dog + .pet-type-filter-label,
html[lang="fr"] .pet-type-filter-input.dog + .pet-type-filter-label {
  background-color: #ECE5D9;
  color: #936031;
  border: 2px solid #ECE5D9 !important; }

html[lang="es"] .pet-type-filter-input.dog:checked + .pet-type-filter-label,
html[lang="ca"] .pet-type-filter-input.dog:checked + .pet-type-filter-label,
html[lang="en"] .pet-type-filter-input.dog:checked + .pet-type-filter-label,
html[lang="pt"] .pet-type-filter-input.dog:checked + .pet-type-filter-label,
html[lang="it"] .pet-type-filter-input.dog:checked + .pet-type-filter-label,
html[lang="fr"] .pet-type-filter-input.dog:checked + .pet-type-filter-label {
  border: 2px solid #936031 !important; }

html[lang="es"] .btn.btn-brand-invert,
html[lang="ca"] .btn.btn-brand-invert,
html[lang="en"] .btn.btn-brand-invert,
html[lang="pt"] .btn.btn-brand-invert,
html[lang="it"] .btn.btn-brand-invert,
html[lang="fr"] .btn.btn-brand-invert {
  border: 1px solid;
  background-color: transparent;
  font-weight: 600;
  margin-right: 0;
  margin-left: 0;
  padding: 10px 16px;
  line-height: 18px;
  max-width: 100%;
  width: 100%; }
  @media (min-width: 1024px) {
    html[lang="es"] .btn.btn-brand-invert,
    html[lang="ca"] .btn.btn-brand-invert,
    html[lang="en"] .btn.btn-brand-invert,
    html[lang="pt"] .btn.btn-brand-invert,
    html[lang="it"] .btn.btn-brand-invert,
    html[lang="fr"] .btn.btn-brand-invert {
      width: auto;
      max-width: 260px; } }
  html[lang="es"] .btn.btn-brand-invert:hover,
  html[lang="ca"] .btn.btn-brand-invert:hover,
  html[lang="en"] .btn.btn-brand-invert:hover,
  html[lang="pt"] .btn.btn-brand-invert:hover,
  html[lang="it"] .btn.btn-brand-invert:hover,
  html[lang="fr"] .btn.btn-brand-invert:hover {
    color: #ffffff; }

.articles-filters {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  margin-bottom: 16px; }
  @media (min-width: 1280px) {
    .articles-filters {
      flex-direction: row; } }

.pet-type-filter-block {
  display: flex;
  margin-top: 16px;
  width: 100%; }
  @media (min-width: 1280px) {
    .pet-type-filter-block {
      margin-top: 0;
      width: auto; } }

.filter-select-block {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  width: 100%; }
  @media (min-width: 1280px) {
    .filter-select-block {
      margin-bottom: 50px;
      width: auto; } }
  .filter-select-block .filter-select:first-child {
    margin-right: 16px; }
  .filter-select-block .filter-select-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    color: #292524; }
  .filter-select-block .filter-select {
    width: 100%; }
    @media (min-width: 1280px) {
      .filter-select-block .filter-select {
        width: auto; } }

.pet-type-filter-label {
  min-width: 40px;
  border-radius: 20px;
  margin-right: 8px;
  padding: 3px 12px 3px 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  align-items: center;
  width: 100%; }
  .pet-type-filter-label:last-child {
    margin-right: 0; }
  @media (min-width: 1280px) {
    .pet-type-filter-label {
      width: auto; } }
  .pet-type-filter-label img {
    width: 32px;
    height: 32px;
    margin-right: 8px; }

.pet-type-filter-input {
  display: none; }

.select-wrapper {
  position: relative; }
  .select-wrapper.focused .select-menu {
    border: 1px solid #ac7c50;
    color: #171412;
    background: #ffffff; }
  .select-wrapper.focused .select-dropdown {
    display: block; }
  .select-wrapper.focused .icon-arrow-down {
    margin-top: -11px;
    transform: rotate(180deg); }
  .select-wrapper .icon-arrow-down {
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -8px; }

.select-menu {
  width: 100%;
  border: 1px solid #D7D3D0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 24px;
  color: #79716B;
  background: #ffffff;
  cursor: pointer;
  margin-bottom: 4px;
  font-weight: 400; }
  @media (min-width: 1280px) {
    .select-menu {
      width: 250px; } }

.select-dropdown {
  display: none;
  position: absolute;
  width: 160px;
  border-radius: 8px;
  padding: 2px;
  font-size: 16px;
  line-height: 24px;
  color: #79716B;
  background: #ffffff;
  cursor: pointer;
  font-weight: 400;
  border: 1px solid #E7E5E4;
  box-shadow: 0px 4px 16px 0px rgba(23, 20, 18, 0.08);
  z-index: 5; }
  @media (min-width: 1280px) {
    .select-dropdown {
      width: 250px; } }
  .select-dropdown .select-option {
    padding: 10px 8px;
    color: #171412;
    border-radius: 6px; }
    .select-dropdown .select-option.selected {
      background: #E7E5E4; }

html[lang="fr"] .search-store-locator .search-button,
html[lang="fr"] .search-store .close-search-store-button, html[lang="it"] .search-store-locator .search-button,
html[lang="it"] .search-store .close-search-store-button, html[lang="pt"] .search-store-locator .search-button,
html[lang="pt"] .search-store .close-search-store-button {
  color: #4A773C; }

html[lang="es"] .search-store-locator .search-button,
html[lang="es"] .search-store .close-search-store-button, html[lang="ca"] .search-store-locator .search-button,
html[lang="ca"] .search-store .close-search-store-button, html[lang="en"] .search-store-locator .search-button,
html[lang="en"] .search-store .close-search-store-button {
  color: #936031; }

.store-locator {
  width: 100%;
  font-family: "ubuntulight"; }
  .store-locator .store-info,
  .store-locator .result-list-stores {
    top: 55px;
    background: #f9f9f9; }
    .store-locator .store-info .info-store-name .info-store-distance,
    .store-locator .result-list-stores .info-store-name .info-store-distance {
      font-family: "ubuntulight";
      color: #969696;
      color: #dd4814; }
    .store-locator .store-info .address-store,
    .store-locator .result-list-stores .address-store {
      color: #969696; }
    .store-locator .store-info ul,
    .store-locator .result-list-stores ul {
      margin-top: 50px; }
  .store-locator .search-store {
    border-bottom: none;
    background: #f6f6f5;
    top: 0; }
    .store-locator .search-store .close-search-store-button {
      padding: 12px 12px;
      font-size: 24px;
      color: #dd4814; }
    .store-locator .search-store input {
      font-size: 16px;
      margin-top: 4px; }
    .store-locator .search-store .search-store-locator .search-button {
      padding: 12px 12px;
      position: relative;
      padding-left: 5px;
      font-size: 24px; }
  .store-locator .google-map {
    background: #fff; }
    .store-locator .google-map .google-map-stores .wrapper-google-button .list-stores {
      background: #fff;
      display: none;
      top: 60px; }
    .store-locator .google-map .google-map-stores .result-list-stores {
      background: #ffffff;
      border-bottom: 1px solid #d6dce0; }
    .store-locator .google-map .google-map-stores .list-map-stores {
      position: absolute;
      top: 62px;
      background: #fff;
      display: flex;
      justify-content: center;
      width: 100%;
      z-index: 10; }
      .store-locator .google-map .google-map-stores .list-map-stores a {
        color: #dd4814;
        font-family: "ubuntulight";
        margin: 0 43px; }
  .store-locator .products-st-locator {
    text-align: center;
    width: 100%;
    background: #f9f9f9;
    z-index: 8;
    position: relative; }
    .store-locator .products-st-locator a {
      display: block; }
    .store-locator .products-st-locator .product-info {
      width: 100%;
      display: inline-flex;
      align-items: center;
      background: #f9f9f9; }
      .store-locator .products-st-locator .product-info .icon-left {
        color: #707c83;
        font-size: 1.125rem; }
  .store-locator .buy-products {
    background: #fff;
    border-top: 1px solid #d6dce0; }
  .store-locator .store-info {
    background: #f9f9f9;
    border-bottom: 1px solid #d6dce0; }
    .store-locator .store-info .address-store {
      color: #969696; }
  .store-locator .result-list-stores ul li {
    border-bottom: 1px solid #d6dce0;
    padding: 12px 5px; }
    .store-locator .result-list-stores ul li:last-child {
      border-bottom: 1px solid transparent; }
    .store-locator .result-list-stores ul li .name-store {
      text-align: left;
      font-family: "ubuntu";
      font-size: 16px; }
    .store-locator .result-list-stores ul li .li-distance {
      color: #000; }
    .store-locator .result-list-stores ul li .info-store-distance {
      font-family: "ubuntulight";
      font-size: 1rem;
      color: #969696;
      color: #dd4814; }
    .store-locator .result-list-stores ul li .buttons-store-info {
      text-align: left; }
      .store-locator .result-list-stores ul li .buttons-store-info .how-to-arrive {
        height: 30px; }
        .store-locator .result-list-stores ul li .buttons-store-info .how-to-arrive a {
          font-family: "ubuntu";
          letter-spacing: 1.5px;
          font-size: 10px;
          height: 100%;
          margin: 0;
          padding: 0;
          line-height: 2.6; }
  .store-locator .result-list-stores ul .active {
    background: #ebf1e3; }
  .store-locator .geolocalization-user span:before {
    color: #dd4814; }
  .store-locator .icon-pin {
    color: #dd4814; }
  .store-locator .store-locator-form {
    margin-top: 3px; }
  .store-locator div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
    border: none !important;
    content: " " !important;
    text-indent: -99999px !important;
    min-height: 0 !important; }

.tab-section {
  padding-top: 12px;
  border-bottom: 2px solid #f1eeed;
  background-color: #fff;
  margin: 0; }
  .tab-section .btn-tab {
    border: 0 !important;
    border-radius: 0;
    font-family: "ubuntumedium" !important;
    position: relative;
    margin-bottom: 0;
    font-size: 16px !important;
    padding-bottom: 24px !important;
    background-color: transparent !important; }
    .tab-section .btn-tab.active, .tab-section .btn-tab:hover {
      background-color: transparent;
      color: #dd4814 !important; }
      .tab-section .btn-tab.active::after, .tab-section .btn-tab:hover::after {
        content: '';
        background-color: #936031;
        width: 49px;
        height: 4px;
        position: absolute;
        bottom: 0px; }

.eTailers {
  padding-top: 64px;
  background-color: #ffffff; }
  .eTailers .etailer-row {
    justify-content: center;
    width: 100%;
    margin: 0 auto; }
    .eTailers .etailer-row .etailer-col {
      display: flex;
      align-items: center;
      flex: 1 0 33%;
      justify-content: center;
      margin-bottom: 3rem;
      width: 160px; }
      .eTailers .etailer-row .etailer-col .etailer-container {
        width: 140px !important;
        height: 140px !important;
        border-radius: 4px !important;
        border: solid 1px #e4dedc !important;
        background-color: #ffffff !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        box-shadow: none; }
        .eTailers .etailer-row .etailer-col .etailer-container img {
          width: 120px !important; }
        .eTailers .etailer-row .etailer-col .etailer-container:hover {
          border-color: #dd4814 !important; }

.storelocator-title {
  height: 97px;
  background-color: #f4f2f1;
  font-family: "merriweatherlight";
  text-align: center;
  font-size: 32px;
  line-height: 3; }

@media (min-width: 768px) {
  .storelocator-title {
    height: 150px;
    font-size: 48px; }
  .store-locator .products-st-locator {
    background: #f9f9f9; }
  .eTailers .etailer-row {
    width: 500px; } }

@media (min-width: 1024px) {
  .store-locator .search-store {
    border-right: none; }
  .store-locator .button-left-products {
    background: #fff; }
  .store-locator .bottom-store-locator {
    border-top: 1px solid #d6dce0; }
  .store-locator .google-map .google-map-stores .list-map-stores {
    display: none; }
  .store-locator .result-list-stores ul {
    margin-top: 0; } }

.req-notice {
  color: #393939;
  font-size: 0.875rem; }

@media (min-width: 320px) and (max-width: 328px) {
  .buttons-group {
    margin-left: -12px; } }

@media (min-width: 329px) and (max-width: 334px) {
  .buttons-group {
    margin-left: -6px; } }

@media (min-width: 1024px) {
  .buttons-group {
    width: unset; }
  .content-buttons-group {
    width: 100%;
    margin: auto;
    text-align: center; } }

body[data-action="ExternalLogin-Show"] {
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/home-background-s.jpg"); }

.background-image-xl {
  background-image: url("../img/home-background-xl.jpg"); }

@media (min-width: 320px) and (max-width: 328px) {
  .buttons-group {
    margin-left: -12px; } }

@media (min-width: 329px) and (max-width: 334px) {
  .buttons-group {
    margin-left: -6px; } }

@media (min-width: 1024px) {
  .buttons-group {
    width: unset; }
  .content-buttons-group {
    width: 100%;
    margin: auto;
    text-align: center; } }

@media (min-width: 1280px) {
  body[data-action="Login-Show"] {
    max-width: 1440px;
    background-size: 100%;
    margin: 0 auto; } }

.small-content-wrapper,
.small-cont {
  max-width: 335px;
  margin: auto; }

@media (min-width: 1024px) {
  .small-content-wrapper,
  .small-cont {
    max-width: 400px;
    width: 400px; } }

.configuration-content a {
  color: var(--generic); }

.configuration-content .forgot-password-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500; }

.configuration-content .buttons-group.buttons-login .btn.pill-btn.btn-google:hover .oauth-google,
.configuration-content .buttons-group.buttons-login .btn.pill-btn.btn-google:hover .oauth-facebook, .configuration-content .buttons-group.buttons-login .btn.pill-btn.btn-facebook:hover .oauth-google,
.configuration-content .buttons-group.buttons-login .btn.pill-btn.btn-facebook:hover .oauth-facebook {
  color: #7e7367; }

.configuration-content .buttons-group.buttons-edit-password {
  margin: 24px auto; }
  .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn {
    width: 100%;
    max-width: 100%;
    font-family: "ubuntu";
    font-weight: 500;
    padding: 11px 24px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase; }
    .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.configuration-button {
      background-color: var(--generic); }
      .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.configuration-button:hover {
        border-color: var(--generic);
        background-color: transparent;
        color: var(--generic); }
    .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-google, .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-facebook {
      border-color: #D7D3D0; }
      .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-google:hover, .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-facebook:hover {
        background-color: var(--generic); }
        .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-google:hover .oauth-google,
        .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-google:hover .oauth-facebook, .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-facebook:hover .oauth-google,
        .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-facebook:hover .oauth-facebook {
          color: #ffffff; }
      .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-google img, .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-facebook img {
        margin-left: auto;
        margin-right: 10px; }
      .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-google .oauth-google,
      .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-google .oauth-facebook, .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-facebook .oauth-google,
      .configuration-content .buttons-group.buttons-edit-password .btn.pill-btn.btn-facebook .oauth-facebook {
        color: #292524; }

.configuration-content .view-password {
  top: 47px; }
  .configuration-content .view-password.icon-eye::before {
    content: url("../../img/icons/eye.svg"); }
  .configuration-content .view-password.icon-eye_disabled::before {
    content: url("../../img/icons/eye-disabled.svg"); }

.configuration-content .remember-me-control {
  padding-top: 10px;
  padding-bottom: 14px; }
  .configuration-content .remember-me-control-register {
    padding-top: 14px; }

.custom-control-privacy {
  margin-top: 14px; }

.invalid-characters {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #44403c; }

body[data-action="Account-Show"] .custom-checkbox .custom-control-label::before,
body[data-action="Account-ShowConfiguration"] .custom-checkbox .custom-control-label::before {
  border-color: var(--generic) !important; }

body[data-action="Account-Show"] .configuration-content .configuration-button,
body[data-action="Account-Show"] .register-content.content .configuration-button,
body[data-action="Account-ShowConfiguration"] .configuration-content .configuration-button,
body[data-action="Account-ShowConfiguration"] .register-content.content .configuration-button {
  background-color: var(--generic) !important;
  border: 1px solid var(--generic) !important; }

html[lang="fr"] .configuration-content .view-password.icon-eye::before,
html[lang="fr"] .register-content.content .view-password.icon-eye::before,
html[lang="it"] .configuration-content .view-password.icon-eye::before,
html[lang="it"] .register-content.content .view-password.icon-eye::before {
  content: url("../img/eye.svg"); }

html[lang="fr"] .configuration-content .view-password.icon-eye_disabled::before,
html[lang="fr"] .register-content.content .view-password.icon-eye_disabled::before,
html[lang="it"] .configuration-content .view-password.icon-eye_disabled::before,
html[lang="it"] .register-content.content .view-password.icon-eye_disabled::before {
  content: url("../img/eye-disabled-it-fr.svg"); }

body[data-action="Search-Show"] .search-content {
  background-color: #fff; }

.filters-buttons {
  white-space: nowrap;
  width: 300px; }
  .filters-buttons .btn {
    border: 1px solid #d6dce0;
    font-size: 1rem;
    font-family: "ubuntumedium";
    padding: 10px 15px;
    border-radius: 5px;
    color: #393939;
    min-width: 100px;
    margin: 5px;
    background-color: #fff; }
    .filters-buttons .btn.active {
      background-color: #dd4814;
      color: #fff; }

.result-count {
  font-family: "ubuntulight";
  font-size: 0.75rem;
  color: #969696;
  margin: 5px; }

.weight-dialog {
  min-width: 200px; }
  .weight-dialog .w-dialog-title {
    font-size: 0.875rem;
    color: #969696; }
  .weight-dialog .w-dialog-container:hover {
    color: #dd4814; }
    .weight-dialog .w-dialog-container:hover .w-dialog-sizeLabel {
      color: #dd4814; }
  .weight-dialog .w-dialog-container .w-dialog-sizeLabel {
    font-size: 1.125rem;
    color: #1a1a1a;
    font-family: "ubuntumedium"; }

.product-grid .pagination ol li a:hover {
  color: #dd4814; }

.product-grid .pagination ol li.selected a {
  color: #dd4814;
  border: 1px solid #dd4814; }

.cat_area .filters-buttons .btn.active {
  background-color: #4a773c; }

.cat_area .weight-dialog .w-dialog-container:hover {
  color: #4a773c; }
  .cat_area .weight-dialog .w-dialog-container:hover .w-dialog-sizeLabel {
    color: #4a773c; }

.cat_area .product-grid .pagination ol li a:hover {
  color: #4a773c; }

.cat_area .product-grid .pagination ol li.selected a {
  color: #4a773c;
  border: 1px solid #4a773c; }

.dog_area .filters-buttons .btn.active {
  background-color: #934D11; }

.dog_area .weight-dialog .w-dialog-container:hover {
  color: #934D11; }
  .dog_area .weight-dialog .w-dialog-container:hover .w-dialog-sizeLabel {
    color: #934D11; }

.dog_area .product-grid .pagination ol li a:hover {
  color: #934D11; }

.dog_area .product-grid .pagination ol li.selected a {
  color: #934D11;
  border: 1px solid #934D11; }

body.ultima .page-wrapper .content.search-content .search-results > div.container, body.ultima .page-wrapper .content.search-content .category-results > div.container {
  max-width: none;
  padding: 0; }

@media (max-width: 767px) {
  .category-results .refinement-bar {
    margin-left: 10px; } }

@media (min-width: 1024px) {
  body.ultima .page-wrapper .content.search-content .search-results > div.container, body.ultima .page-wrapper .content.search-content .category-results > div.container {
    max-width: calc(90% - 115px); }
  div[data-type="product-search"] {
    margin: 25px 102px; }
    div[data-type="product-search"] .product-cell {
      padding-right: 10px;
      padding-left: 10px; } }

@media (min-width: 1280px) {
  body.ultima .page-wrapper .content.search-content .search-results > div.container, body.ultima .page-wrapper .content.search-content .category-results > div.container {
    max-width: calc(100% - 115px); } }

@media (max-width: 768px) {
  div[data-type="product-search"] {
    margin: 0; }
    div[data-type="product-search"] .product-grid {
      margin: 0px; }
      div[data-type="product-search"] .product-grid .product-cell {
        max-width: 50% !important;
        padding: 10px !important; }
        div[data-type="product-search"] .product-grid .product-cell .product {
          max-width: none;
          min-height: 299px; }
          div[data-type="product-search"] .product-grid .product-cell .product .image-container img {
            height: 163px; }
  body[data-action="Search-Show"].ultima .search-content header h3.section-desc {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 1025px) {
  .search-content div[data-type="product-search"] {
    padding: 0 26px; }
    .search-content div[data-type="product-search"] .product-grid .product-cell {
      max-width: 33% !important; }
      .search-content div[data-type="product-search"] .product-grid .product-cell .product .image-container img {
        height: 204px; }
  body[data-action="Search-Show"].ultima .search-content header h3.section-desc {
    width: 100%; } }

body.ultima[data-action="Product-Show"] .page-wrapper {
  width: 100%;
  max-width: 1440px; }
  body.ultima[data-action="Product-Show"] .page-wrapper .content {
    background-color: transparent;
    padding: 0; }
    body.ultima[data-action="Product-Show"] .page-wrapper .content .product-detail {
      max-width: none;
      padding: 0; }
    body.ultima[data-action="Product-Show"] .page-wrapper .content .row {
      position: relative;
      z-index: 2;
      margin: 0; }
    body.ultima[data-action="Product-Show"] .page-wrapper .content .top-row {
      z-index: 3; }

body.ultima[data-action="Product-Show"] .white-background {
  background-color: #ffffff; }

.trustpilot-container {
  position: relative; }
  .trustpilot-container .truspilot-anchor {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 111111; }

.trustpilot-content {
  text-align: center; }
  .trustpilot-content .has-line {
    position: relative; }
    .trustpilot-content .has-line:before {
      content: " ";
      position: absolute;
      left: 50%;
      bottom: -10px;
      transform: translateX(-50%);
      border-radius: 0;
      background-color: #dd4814 !important;
      width: 70px;
      height: 1px; }
  .trustpilot-content h2 {
    margin-bottom: 30px; }
  .trustpilot-content .trustpilot-widget .tp-widget-summary {
    display: flex;
    justify-content: center; }

.product-detail .backTo {
  display: inline-block;
  left: 10px;
  padding-bottom: 2%; }
  @media (max-width: 1024px) {
    .product-detail .backTo {
      padding-bottom: 10%; } }
  .product-detail .backTo a {
    color: #b8afac;
    font-weight: 400; }
    .product-detail .backTo a:hover {
      color: #dd4814; }

.product-detail .product .product-content {
  padding: 0; }
  .product-detail .product .product-content .product-desc {
    font-size: 14px;
    color: #000000;
    padding: 0;
    line-height: 1.43;
    opacity: .7;
    font-family: "ubuntulight"; }
  .product-detail .product .product-content .product-title {
    font-size: 32px;
    font-family: "merriweather";
    letter-spacing: normal; }
    @media (max-width: 768px) {
      .product-detail .product .product-content .product-title {
        padding-top: 5%; } }

.product-detail .product-packs {
  font-size: 0.875rem;
  color: #969696;
  text-align: center;
  margin: 15px 0; }
  .product-detail .product-packs span:not(:last-child) {
    border-right: 1px solid #969696;
    padding-right: 5px;
    margin-right: 8px; }

.product-detail .product-weights {
  text-align: center;
  margin: 10px 0 20px; }
  .product-detail .product-weights .p-weight-button {
    min-width: 90px;
    margin: 0;
    font-size: 12px;
    font-family: "ubuntumedium"; }
    .product-detail .product-weights .p-weight-button.dog {
      border-color: transparent !important;
      color: white !important; }
      .product-detail .product-weights .p-weight-button.dog:hover {
        border-color: transparent !important;
        color: #000 !important;
        background-color: white !important; }
      .product-detail .product-weights .p-weight-button.dog.active {
        background: white !important;
        color: #000 !important; }
        .product-detail .product-weights .p-weight-button.dog.active:hover {
          border-color: transparent !important;
          color: #666 !important;
          background-color: white !important; }
    .product-detail .product-weights .p-weight-button.cat {
      border-color: transparent !important;
      color: white !important; }
      .product-detail .product-weights .p-weight-button.cat:hover {
        border-color: transparent !important;
        color: #000 !important;
        background-color: white !important; }
      .product-detail .product-weights .p-weight-button.cat.active {
        background: white !important;
        color: #000 !important; }
        .product-detail .product-weights .p-weight-button.cat.active:hover {
          border-color: transparent !important;
          color: #666 !important;
          background-color: white !important; }

.product-detail .buy-buttons a.btn {
  margin: 20px auto; }

.product-detail .product-ingredients {
  min-height: 174px;
  height: auto; }
  .product-detail .product-ingredients .ingredients-slider .ingredient-desc .title {
    display: block;
    letter-spacing: 3px;
    font-family: "ubuntulight";
    color: #c6c6c6;
    font-size: 12px; }
  .product-detail .product-ingredients .ingredient,
  .product-detail .product-ingredients .benefit {
    margin: 12px 0;
    display: flex;
    flex-direction: row; }
    .product-detail .product-ingredients .ingredient img,
    .product-detail .product-ingredients .benefit img {
      display: block;
      width: 45px;
      max-width: none;
      margin: 0;
      margin-right: 10px;
      align-self: center; }
    .product-detail .product-ingredients .ingredient .ingredient-desc,
    .product-detail .product-ingredients .ingredient .benefit-desc,
    .product-detail .product-ingredients .benefit .ingredient-desc,
    .product-detail .product-ingredients .benefit .benefit-desc {
      font-size: 14px;
      width: auto;
      font-family: "ubuntulight";
      border-bottom: none;
      color: #000000;
      align-self: center; }
  .product-detail .product-ingredients .desktop-description {
    font-size: 1.25rem;
    font-family: "ubuntulight";
    color: #969696; }

.product-detail .btn-invert {
  margin: 10px 5px; }

.product-detail .cart-icon-pdp {
  font-size: 1.5rem; }

.product-detail .info-title {
  text-align: left;
  color: #000;
  padding: 16px;
  margin-top: 4px;
  font-family: "merriweather";
  letter-spacing: 0;
  font-family: 14px !important; }

.product-detail .composition-title.collapsed:after, .product-detail .additives-title.collapsed:after {
  content: "\e91a"; }

.product-detail .composition-title:after, .product-detail .additives-title:after {
  content: "\e913"; }

.product-detail .composition .info-title {
  background-color: #fff; }
  .product-detail .composition .info-title:after {
    position: absolute;
    font-family: 'icons';
    top: 0;
    right: 10px;
    content: "\e913"; }

.product-detail .composition .analytics-title, .product-detail .composition .analytics-components, .product-detail .composition .rda-title {
  background-color: transparent !important; }

.product-detail .composition .analytics-title, .product-detail .composition .rda-title {
  font-size: 16px !important; }
  .product-detail .composition .analytics-title:after, .product-detail .composition .rda-title:after {
    display: none; }

.product-detail .info-text {
  color: #000;
  background-color: #F1EEED;
  font-size: 14px;
  margin: 0;
  text-align: left;
  font-family: "ubuntulight";
  padding: 16px;
  font-weight: 300;
  margin-bottom: 0 !important; }
  .product-detail .info-text.analytics-components {
    display: flex;
    flex-direction: row;
    max-width: 700px;
    flex-wrap: wrap;
    justify-content: left; }
  .product-detail .info-text:last-child {
    margin-bottom: 20px; }

.product-detail .benefit {
  display: flex;
  flex-direction: row;
  text-align: left;
  margin: 0 auto 30px;
  vertical-align: top;
  width: auto; }
  .product-detail .benefit img {
    max-width: 85px;
    align-self: center;
    width: 100%; }
  .product-detail .benefit .benefit-text {
    align-self: center;
    margin-left: 10px; }
    .product-detail .benefit .benefit-text .benefit-name {
      font-size: 14px;
      font-family: "ubuntumedium";
      color: #000;
      margin-bottom: 10px;
      line-height: 1.2; }
    .product-detail .benefit .benefit-text .benefit-description {
      font-size: 14px;
      font-family: "ubuntulight";
      font-weight: 300;
      color: #000;
      padding: 0; }

.product-detail .prebiotics-container {
  flex-direction: column; }

.product-detail .prebiotics-margin-element {
  height: 100px;
  background-color: #ffffff;
  border-top: 1px solid #EDE9E8; }

.product-detail .prebiotics {
  background: #fff;
  text-align: center;
  margin: 0;
  padding-bottom: 0;
  border-bottom: 0; }
  .product-detail .prebiotics.prebiotics-margin {
    margin: 100px -35px 20px; }
  .product-detail .prebiotics .prebiotic-text {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .product-detail .prebiotics .prebiotic-img {
    margin-top: -45px;
    max-width: 200px; }
  .product-detail .prebiotics .prebiotic-element {
    color: #753d29;
    display: flex;
    flex-direction: row;
    margin-top: 16px; }
    .product-detail .prebiotics .prebiotic-element .prebiotic-icon {
      font-size: 3rem; }
    .product-detail .prebiotics .prebiotic-element .prebiotic-desc {
      margin: 0 !important;
      padding: 0 20px;
      max-width: 300px;
      font-size: 14px !important;
      font-family: "ubuntulight" !important;
      text-align: left !important;
      color: #000 !important;
      font-weight: 300; }

.product-detail .desktop-description.pdp-description {
  color: #000;
  font-size: 14px;
  font-family: "ubuntulight"; }
  .product-detail .desktop-description.pdp-description p {
    font-family: "ubuntulight" !important; }

.product-detail .product-ingredients .ingredient .ingredient-desc {
  max-width: none; }

.analyticComp {
  width: auto;
  margin: 0 10px 25px 10px; }
  .analyticComp .compPercent {
    display: block;
    font-size: 32px;
    font-family: "merriweatherlight";
    line-height: 0;
    color: #70402a;
    margin-bottom: 16px; }
    .analyticComp .compPercent.kcal {
      font-size: 25px; }
  .analyticComp .compName {
    display: block;
    font-size: 14px;
    font-family: "ubuntulight"; }

.static-images img {
  max-height: 80px; }
  .static-images img:first-of-type {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #d6dce0; }

.product-detail-info {
  z-index: 1;
  position: relative; }
  .product-detail-info .collapse {
    margin: 35px 0; }
  .product-detail-info #consumption-toggle {
    margin-bottom: 0; }
    .product-detail-info #consumption-toggle .info-title {
      background-color: #F1EEED;
      margin-bottom: 0; }
    .product-detail-info #consumption-toggle .info-text {
      margin-top: 0; }
    .product-detail-info #consumption-toggle .content-collapse span {
      float: right;
      font-size: 24px;
      color: #dd4814;
      transform: rotate(180deg);
      transition: all .3s ease-in; }
    .product-detail-info #consumption-toggle .content-collapse.collapsed span {
      transform: rotate(0); }
  .product-detail-info table {
    width: 100% !important;
    height: auto !important;
    border: none;
    margin: 0 auto; }
    .product-detail-info table thead tr td {
      font-family: "ubuntu";
      font-size: 10px;
      letter-spacing: 1.5px; }
    .product-detail-info table tr td {
      padding: 5px 10px;
      text-align: left;
      font-size: 14px;
      border-left: none;
      font-family: "ubuntulight";
      color: #000; }
    .product-detail-info table tr:first-child td:first-child {
      background-color: transparent;
      vertical-align: bottom; }
    .product-detail-info table tr:first-child td:last-child {
      background-color: transparent;
      color: #000; }
    .product-detail-info table tr:nth-child(2) td {
      background-color: transparent;
      color: #000;
      border-left: none; }
    .product-detail-info table tr:nth-child(2):first-child {
      border-left: none; }
  .product-detail-info #benefits-toggle {
    z-index: 0; }

.swiper-pagination.pdp-pagination {
  position: relative; }
  .swiper-pagination.pdp-pagination .swiper-pagination-bullet {
    margin: 10px 8px; }

.swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #dd4814;
  border: none; }

.product-details-images-container {
  height: 300px;
  margin: 0 auto; }
  .product-details-images-container .swiper-pagination.pdp-pagination .swiper-pagination-bullet {
    border: 1px solid #dd4814; }

.product-dividing-line {
  height: 1px;
  background-color: #d6dce0;
  width: 100%;
  margin: 20px 0; }

.recommendation-constrain {
  margin-top: 32px; }
  .recommendation-constrain .section-title {
    font-family: "merriweather" !important;
    font-size: 20px !important;
    position: relative; }
    .recommendation-constrain .section-title:before {
      content: " ";
      position: absolute;
      left: 50%;
      bottom: -10px;
      transform: translateX(-50%);
      border-radius: 0;
      background-color: #dd4814 !important;
      width: 55px;
      height: 1px; }
  .recommendation-constrain .recommendations-carousel {
    position: relative; }
    .recommendation-constrain .recommendations-carousel .carousel-container {
      margin: 0 auto;
      width: 80%;
      padding: 0 5px; }
    .recommendation-constrain .recommendations-carousel .swiper-button-prev,
    .recommendation-constrain .recommendations-carousel .swiper-button-next {
      background-color: transparent;
      width: 15px;
      height: 15px;
      z-index: 5; }
    .recommendation-constrain .recommendations-carousel .swiper-button-prev {
      left: 5%; }
    .recommendation-constrain .recommendations-carousel .swiper-button-next {
      right: 5%; }
    .recommendation-constrain .recommendations-carousel .swiper-pagination-bullet {
      border: 1px solid #dd4814; }

.content-collapse {
  margin-bottom: 20px;
  padding-bottom: 20px;
  color: #000 !important;
  font-size: 20px !important;
  letter-spacing: normal;
  font-family: "merriweather";
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  content: ""; }
  .content-collapse:after {
    display: none;
    position: absolute;
    font-family: 'icons';
    top: 0;
    right: 10px;
    content: ""; }

.collapse-pdp.collapsed:after {
  content: "\e91a"; }

.collapse-pdp:after {
  content: "\e913"; }

.collapse-pdp.has-line:before {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  border-radius: 0;
  background-color: #dd4814 !important;
  width: 55px;
  height: 1px; }

.text-collapse {
  margin-bottom: 20px;
  color: #dd4814;
  text-decoration: underline;
  font-size: 1rem;
  font-family: "ubuntulight";
  display: block;
  width: 100%;
  text-align: left;
  position: relative; }
  .text-collapse:after {
    position: absolute;
    text-decoration: none;
    font-family: 'icons';
    margin-left: 10px;
    content: "\e91f"; }
  .text-collapse.collapsed:after {
    position: absolute;
    text-decoration: none;
    font-family: 'icons';
    margin-left: 10px;
    content: "\e918"; }

.collapse-ingred {
  display: block;
  margin: 10px 0;
  width: 100%; }
  .collapse-ingred .collapse-ingred-img {
    display: block;
    width: auto;
    height: auto;
    margin: 30px auto;
    max-width: 90%; }

.collapse-text {
  font-size: 0.875rem;
  color: #969696;
  font-family: "ubuntulight"; }

.product-detail-info .bowlingredients-container {
  margin-bottom: 0; }
  .product-detail-info .bowlingredients-container #bowlIngredientsToggle {
    margin-bottom: 0;
    margin-top: 0; }
    .product-detail-info .bowlingredients-container #bowlIngredientsToggle .collapse-ingred {
      margin-bottom: 0; }
      .product-detail-info .bowlingredients-container #bowlIngredientsToggle .collapse-ingred .collapse-ingred-img {
        margin-bottom: 0; }

table.consumption-table {
  margin: 0 auto;
  text-align: center;
  border: none;
  border-radius: 5px;
  width: 100% !important; }
  table.consumption-table tr td {
    font-family: "ubuntulight";
    font-size: 14px;
    color: #000; }

.mobile-prod-buttons {
  background: #ffffff;
  height: 56px;
  position: fixed;
  bottom: 0;
  display: flex !important;
  right: 0;
  left: 0;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding-top: 0;
  max-width: 1440px;
  margin: 0 auto; }
  .mobile-prod-buttons .storelocator {
    min-width: 50% !important;
    margin: 0 !important;
    height: 56px;
    border-radius: 0;
    padding: 16px !important; }
    .mobile-prod-buttons .storelocator:hover {
      background-color: #A1350F !important;
      color: white !important; }
  .mobile-prod-buttons .carritus-btn {
    margin: 0 !important;
    min-width: 50% !important;
    height: 56px !important; }
    .mobile-prod-buttons .carritus-btn button {
      margin: 0 !important;
      height: 56px !important;
      border-radius: 0 !important;
      border: 0 !important;
      width: 100%;
      min-width: 100%; }
      .mobile-prod-buttons .carritus-btn button:hover {
        background-color: #F4F2F1 !important; }

div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
  border: 0 !important;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: "merriweatherlight";
  background-color: #dd4814 !important;
  padding: 6px 23px;
  min-height: 41px;
  width: 100%;
  min-width: 100%; }

div[data-sc-type="SmartButton"].carritus-btn ul li .cart-icon {
  background-color: #dd4814 !important; }

.benefits-subtitle {
  margin: 0 auto;
  width: 90%;
  margin-top: -24px;
  font-size: 16px;
  font-family: 'ubuntulight';
  margin-bottom: 24px;
  font-weight: 300; }

.dog_area .product-detail .product-weights div {
  background-color: #b8afac;
  border-radius: 21px;
  border: solid 1px #b8afac;
  object-fit: contain;
  display: inline-block; }
  .dog_area .product-detail .product-weights div .p-weight-button {
    min-width: 90px;
    margin: 10px 8px;
    font-size: 12px;
    font-family: "ubuntumedium";
    margin: 0;
    border: 0;
    color: white !important;
    line-height: 2.5;
    letter-spacing: 0.86px;
    height: 100%;
    background-color: transparent; }
    .dog_area .product-detail .product-weights div .p-weight-button.active {
      background: #000;
      background-color: white !important; }

.dog_area .product-detail .prebiotics .prebiotic-element {
  color: #753d29; }

.dog_area .product-detail table tr:first-child td:first-of-type {
  color: #000; }

.dog_area .product-detail table tr td {
  border-bottom: 1px solid #e4dedc;
  color: #000;
  margin: 5px 0; }
  .dog_area .product-detail table tr td:first-child {
    border-right: 0; }
  .dog_area .product-detail table tr td:nth-child(2) {
    border-right: 0; }
  .dog_area .product-detail table tr td p {
    color: #000;
    margin: 0; }

.dog_area .product-detail table tr td[colspan] {
  border-right: none; }

.dog_area .info-title {
  text-align: left;
  color: #000;
  padding: 16px;
  margin-top: 4px;
  font-family: "ubuntumedium";
  letter-spacing: 0;
  font-family: 14px !important; }
  .dog_area .info-title button {
    font-family: "merriweather";
    font-size: 26px !important; }

.dog_area .content-collapse {
  color: #000 !important; }

.dog_area .text-collapse {
  color: #000; }

.dog_area div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
  border: 1px solid #934D11;
  background-color: #934D11 !important; }

.dog_area div[data-sc-type="SmartButton"].carritus-btn ul li .cart-icon {
  background-color: #934D11 !important; }

.cat_area .product-detail .product-weights div {
  background-color: #b8afac;
  border-radius: 21px;
  border: solid 1px #b8afac;
  object-fit: contain;
  display: inline-block; }
  .cat_area .product-detail .product-weights div .p-weight-button {
    min-width: 90px;
    margin: 10px 8px;
    font-size: 12px;
    font-family: "ubuntumedium";
    margin: 0;
    border: 0;
    color: white !important;
    line-height: 2.5;
    letter-spacing: 0.86px;
    height: 100%;
    background-color: transparent;
    border-color: transparent;
    color: white; }
    .cat_area .product-detail .product-weights div .p-weight-button.active {
      background: #000; }

.cat_area .product-detail .prebiotics .prebiotic-element {
  color: #1d5632; }

.cat_area .product-detail table tr:first-child td:first-of-type {
  color: #969696; }

.cat_area .product-detail table tr td {
  border-bottom: 1px solid #4a773c;
  border-right: 0;
  color: #4a773c;
  margin: 5px 0; }
  .cat_area .product-detail table tr td:first-child {
    border-right: 0;
    color: #969696; }
  .cat_area .product-detail table tr td:nth-child(2) {
    text-transform: up; }
  .cat_area .product-detail table tr td:last-child {
    border-right: none; }
  .cat_area .product-detail table tr td p {
    color: #4a773c;
    margin: 0; }

.cat_area .product-detail table tr td[colspan] {
  border-right: none; }

.cat_area .info-title {
  text-align: left;
  color: #000;
  padding: 16px;
  margin-top: 4px;
  font-family: "ubuntumedium";
  letter-spacing: 0;
  font-family: 14px !important; }

.cat_area .content-collapse {
  color: #000; }

.cat_area .text-collapse {
  color: #4a773c; }
  .cat_area .text-collapse.active {
    background: #4a773c;
    color: #fff; }

.cat_area div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
  border: 1px solid #4a773c;
  background-color: #4a773c !important; }

.cat_area div[data-sc-type="SmartButton"].carritus-btn ul li .cart-icon {
  background-color: #4a773c !important; }

.carritus-bottom ul li .retailer-container aside .cart-locker {
  background: #934D11 !important; }

.product-detail .product-details-images-container {
  height: 375px; }

.product-detail .product-image .img-fluid {
  max-height: 350px; }

.product-detail .product-ingredients .benefits-slider {
  padding-right: 18px; }

.product-detail #bowlIngredientsToggle h3 {
  margin-left: 8px !important;
  margin-right: 8px !important;
  font-family: "ubuntumedium" !important;
  margin-top: 16px !important;
  font-size: 16px !important;
  font-weight: 700; }

.product-detail .product .product-content .product-fav .button-like {
  top: -19px;
  position: absolute;
  right: 20px; }

@media (min-width: 768px) {
  .recommendation-constrain .section-title {
    font-size: 26px !important; }
  table tbody tr td {
    font-size: 16px !important; }
  .product-info {
    padding: 0 100px;
    padding-top: 32px; }
  .benefits-subtitle {
    width: 580px; }
  .product-detail-info #benefits-toggle {
    margin: 0 auto;
    width: 80%; }
  .product-detail-info #consumption-toggle {
    width: 85%;
    margin: 0 auto; }
    .product-detail-info #consumption-toggle .info-text, .product-detail-info #consumption-toggle .info-title {
      background-color: #fff;
      font-size: 16px !important; }
    .product-detail-info #consumption-toggle .info-title {
      font-weight: 700; }
  .product-detail .content-collapse {
    font-size: 26px !important; }
  .product-detail .prebiotics .prebiotic-text {
    margin-bottom: 24px !important; }
    .product-detail .prebiotics .prebiotic-text .prebiotic-element {
      justify-content: center; }
  .product-detail .analyticComp {
    display: flex;
    margin-bottom: 0; }
    .product-detail .analyticComp .compPercent {
      font-weight: 300;
      line-height: 1.5;
      margin-right: 16px; }
    .product-detail .analyticComp .compName {
      line-height: 3; }
  .product-detail .benefit {
    margin: 20px 0;
    padding: 0 25px; }
  .product-detail .product-details-images-container {
    height: 400px; }
  .product-detail .product .product-content .product-title {
    font-size: 48px; }
  .product-detail .product .product-content .product-desc {
    font-size: 16px; }
  .product-detail .product-image .img-fluid {
    max-height: 390px; }
  .product-detail .prebiotics-title.text-center {
    font-size: 16px;
    font-family: "ubuntumedium" !important; }
  .product-detail .desktop-description.pdp-description {
    font-size: 16px; }
    .product-detail .desktop-description.pdp-description p {
      font-size: 16px;
      font-weight: 500; }
  .product-detail .product-weights {
    text-align: left; }
  .product-detail .prebiotics-margin-element {
    height: 110px; }
  .product-detail .prebiotics.prebiotics-margin {
    margin: 110px -40px 20px; }
  .product-detail .prebiotics .prebiotic-img {
    margin-top: 0;
    max-width: 250px; }
  .product-detail .collapse-ingred .collapse-ingred-img {
    max-width: 90%; } }

@media (min-width: 1024px) {
  .product-info {
    padding: 0; }
  .benefits-subtitle {
    width: 660px; }
  .prebiotics-container {
    flex-direction: row !important;
    border-bottom: 1px solid #EDE9E8; }
  #benefits-toggle {
    margin: 0 auto;
    padding-bottom: 64px;
    width: 80%; }
  .product-details-images-container {
    height: 390px; }
  .product-detail #consumption-toggle {
    margin-bottom: 0;
    margin: 0 auto;
    width: 1220px; }
    .product-detail #consumption-toggle .content-collapse, .product-detail #consumption-toggle .info-text {
      background-color: #fff;
      font-size: 16px !important; }
    .product-detail #consumption-toggle .content-collapse {
      padding: 8px 16px;
      margin-bottom: 0; }
  .product-detail .product {
    margin-bottom: -34px;
    margin-top: 24px; }
  .product-detail .product-title {
    font-size: 48px; }
  .product-detail .product-ingredients .ingredient img,
  .product-detail .product-ingredients .benefit img {
    width: 50px; }
  .product-detail .product-ingredients .ingredient .ingredient-desc,
  .product-detail .product-ingredients .ingredient .benefit-desc,
  .product-detail .product-ingredients .benefit .ingredient-desc,
  .product-detail .product-ingredients .benefit .benefit-desc {
    font-size: 14px;
    border: none;
    width: auto; }
  .product-detail .collapse-ingred {
    display: block;
    width: 100%; }
    .product-detail .collapse-ingred .collapse-ingred-img {
      max-width: 100%;
      width: auto; }
  .product-detail .prebiotics-margin-element {
    height: 120px; }
  .product-detail .prebiotics {
    border-left: 1px solid #e4dedc; }
    .product-detail .prebiotics.prebiotics-margin {
      margin: 120px -35px 20px; }
    .product-detail .prebiotics .prebiotic-img {
      margin-top: 0;
      max-width: 250px; }
    .product-detail .prebiotics .prebiotic-element .prebiotic-desc {
      max-width: 100%;
      font-size: 16px !important;
      color: #000;
      margin-top: 8px !important; }
  .product-detail .content-collapse {
    font-size: 26px !important; }
  .product-detail .prebiotics-title.text-center {
    font-size: 16px;
    font-family: "ubuntumedium" !important; }
  .product-detail .buy-buttons {
    text-align: left; }
  .product-detail .product-weights .p-weight-button {
    margin-left: 0; }
  .product-detail .product-ingredients {
    margin-top: 32px; }
  .product-detail .benefit .benefit-text .benefit-name {
    font-size: 16px !important;
    line-height: 1.2; }
  .product-detail .benefit .benefit-text .benefit-description {
    font-size: 16px; } }

@media (min-width: 1280px) {
  .product-detail .product-image {
    max-height: 410px; }
    .product-detail .product-image .img-fluid {
      max-height: 410px; }
  .product-detail .collapse-ingred {
    display: block;
    width: 100%; }
    .product-detail .collapse-ingred .collapse-ingred-img {
      max-width: 100%;
      width: auto; }
  .product-detail .product .product-content .product-fav .button-like {
    right: 30px; } }

.custom-carousel .swiper-wrapper {
  justify-content: center; }

.custom-carousel .swiper-slide.swiper-slide-active {
  width: auto !important; }

.custom-carousel .swiper-slide.swiper-slide-next {
  width: auto !important; }

@media (max-width: 768px) {
  .custom-carousel .swiper-wrapper {
    justify-content: unset; }
  .custom-carousel .swiper-slide.swiper-slide-active {
    width: 237.333px !important; }
  .custom-carousel .swiper-slide.swiper-slide-next {
    width: 237.333px !important; } }

.page-contact .footer-content {
  box-shadow: none !important;
  border-top: 1px solid #e4dedc; }
  .page-contact .footer-content footer {
    padding-top: 24px; }

.page-contact.ultima .page-wrapper {
  margin-bottom: 0px !important;
  max-width: 1440px; }
  .page-contact.ultima .page-wrapper .content {
    border-radius: 0px !important;
    box-shadow: none !important; }
  .page-contact.ultima .page-wrapper section.pageTop header {
    padding-bottom: 0px;
    margin-bottom: 0px; }
    .page-contact.ultima .page-wrapper section.pageTop header .page-title {
      margin-bottom: 0px;
      background-color: #f6f6f6 !important; }
  .page-contact.ultima .page-wrapper section header {
    padding-bottom: 32px; }
    .page-contact.ultima .page-wrapper section header .page-desc {
      padding: 0; }

.page-contact .contact-us {
  background-color: #fff;
  padding-top: 24px; }
  .page-contact .contact-us .forms {
    padding-right: 22px;
    padding-left: 21px;
    border-top: 1px solid #e4dedc;
    margin-bottom: 23px; }
    .page-contact .contact-us .forms .reach-out header {
      margin-bottom: 10px; }
    .page-contact .contact-us .forms .reach-out-content:last-child {
      border-bottom: none; }
    .page-contact .contact-us .forms .reach-out-content .card {
      border-right: none;
      border-left: none;
      border-radius: 0px;
      padding-top: 21px;
      border: none;
      border-top: 1px solid #e4dedc; }
      .page-contact .contact-us .forms .reach-out-content .card button {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start; }
        .page-contact .contact-us .forms .reach-out-content .card button .contact-section {
          width: 77%; }
          .page-contact .contact-us .forms .reach-out-content .card button .contact-section .contact-section-title {
            font-family: "ubuntumedium";
            font-size: 14px;
            line-height: 16px;
            font-weight: 500;
            margin-bottom: 15px; }
          .page-contact .contact-us .forms .reach-out-content .card button .contact-section .contact-section-text {
            font-family: "ubuntulight";
            font-size: 14px;
            line-height: 20px;
            padding-bottom: 27px; }
        .page-contact .contact-us .forms .reach-out-content .card button .icon-arrow-down,
        .page-contact .contact-us .forms .reach-out-content .card button .icon-arrow-up {
          color: #dd4814;
          width: 33%;
          text-align: right;
          font-size: 23px;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
      .page-contact .contact-us .forms .reach-out-content .card .card-body {
        padding: 0px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .submit-button-content {
          justify-content: center; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal p {
          font-family: "ubuntulight";
          font-weight: 300;
          line-height: 20px;
          font-size: 14px;
          margin-bottom: 0; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container {
          padding: 0; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group {
            border: 1px solid #e4dedc;
            margin: 1rem 0;
            min-height: 50px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group.invalid-feedback-container {
              min-height: auto; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group.attach-file-border {
              border: none; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group.textarea-box .form-control-label {
              bottom: 80px !important; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .form-control {
              color: #000;
              font-size: 14px;
              line-height: 20px;
              font-family: "ubuntu";
              font-weight: 300;
              border-bottom: none;
              padding-left: 15px;
              padding-top: 7px; }
              .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .form-control.is-invalid ~ .invalid-feedback:not(.general-form__attach-file__error-message) {
                margin: 1rem 0;
                position: absolute !important; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group select.form-control {
              padding-left: 15px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .form-control-label.as-placeholder {
              font-size: 14px;
              font-family: "ubuntu";
              color: #b8afac;
              font-weight: normal;
              padding-left: 15px;
              bottom: 5px; }
              .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .form-control-label.as-placeholder.as-focused-input {
                font-size: 10px !important;
                top: 0px !important; }
                .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .form-control-label.as-placeholder.as-focused-input:focus {
                  border-bottom: none; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group input[type="file"] {
              display: none; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .attach-file-text {
              color: #dd4814;
              cursor: pointer;
              font-size: 14px;
              line-height: 20px;
              font-weight: 300; }
              .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .attach-file-text .gray {
                color: #b8afac; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .col .form-group .icon-clip::before {
              content: '\e950';
              font-size: 17px;
              color: #dd4814; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .advisor-checkbox {
            font-size: 14px;
            line-height: 20px;
            font-family: "ubuntu";
            font-weight: 200;
            margin-top: 10px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .custom-control {
            font-size: 14px;
            line-height: 20px;
            font-weight: 300; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .custom-checkbox.advisor-checkbox {
            font-size: 14px;
            line-height: 20px;
            font-weight: 200; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .custom-checkbox.advisor-checkbox .custom-control-label {
              font-family: "ubuntulight";
              font-size: 14px;
              line-height: 20px;
              font-weight: 300; }
              .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .custom-checkbox.advisor-checkbox .custom-control-label:before {
                border-color: #e4dedc !important;
                border-radius: 0; }
              .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .custom-checkbox.advisor-checkbox .custom-control-label.suggestions-checkbox-label {
                padding-left: 13px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .button-content {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .container .button-content .enquiries-submit {
              justify-content: center;
              width: 190px;
              text-transform: uppercase;
              margin-top: 25px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-general .attach-file-border .attach-file {
          gap: 16px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-general .attach-file-border .attach-file .invalid-feedback {
            position: unset !important; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-general .attach-file__text-container {
          gap: 8px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-general .attach-text {
          color: #a89999;
          font-family: "ubuntulight";
          font-size: 12px;
          line-height: 1.5; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-general .bottom-enquiries .col {
          padding: 0; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-general .bottom-enquiries .col .custom-checkbox .custom-control-label::before {
            border-color: #e4dedc !important;
            top: 0;
            left: -1.5rem; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-general .bottom-enquiries .col .custom-checkbox .custom-control-label::after {
            width: 21px;
            height: 21px;
            left: -1.5rem; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .customer-info-title {
          font-size: 18px;
          line-height: 24px;
          font-family: "ubuntu";
          font-weight: 500;
          margin-top: 25px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .customer-info-subtitle {
          color: #000;
          font-size: 14px;
          line-height: 16px;
          font-weight: 500;
          font-family: "ubuntumedium"; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .content-select-breed .form-group {
          width: 264px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .content-select-breed .form-group .form-control:disabled {
            background-color: #fff; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box {
          margin-bottom: 17px !important; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .customer-info-subtitle {
            color: #000;
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
            padding-bottom: 17px;
            font-family: "ubuntu";
            margin-top: 25px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .form-group {
            border: none; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .isSterilized-choice .row-single-radio-button {
            display: flex;
            justify-content: flex-start;
            padding: 0;
            margin-top: 25px;
            align-items: center;
            flex-direction: row;
            width: 100%; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .isSterilized-choice .row-single-radio-button:last-child {
              margin-left: -3px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .isSterilized-choice .form-check-label {
            padding-left: 31px;
            font-size: 14px;
            line-height: 20px;
            font-family: "ubuntulight";
            font-weight: 300;
            padding-left: 44px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .isSterilized-choice .form-check-label::before {
              left: 16px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .isSterilized-choice .form-check-label:after {
              left: 19px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .isSterilized-choice .form-check-label[for="is_sterilized_no"]::before {
              left: 5px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .isSterilized-choice .form-check-label[for="is_sterilized_no"]:after {
              left: 8px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box div.form-group.custom-input {
            display: none; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .petType-choice {
          margin-bottom: 19px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .petType-choice .petType-choice-radio-group .row-single-radio-button:last-child {
            margin-left: -14px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .petType-choice .petType-choice-radio-group .row-single-radio-button #Cat {
            right: 74px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .petType-choice .petType-choice-radio-group .row-single-radio-button #Dog {
            right: 69px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .petType-choice .petType-choice-radio-group .form-check-label {
            color: #000;
            font-size: 14px;
            line-height: 24px;
            font-weight: 300;
            padding-left: 20px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .petType-choice .petType-choice-radio-group .form-check-label span {
              position: absolute;
              top: -3px;
              margin-left: 12px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .petType-choice .petType-choice-radio-group div.form-group.custom-input {
            display: none; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .sex-choice .sex-option-radio-group {
          margin: 0px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .sex-choice .sex-option-radio-group .row-single-radio-button {
            color: #000;
            display: flex;
            justify-content: flex-start;
            padding: 0;
            margin-top: 25px;
            align-items: center;
            flex-direction: row;
            width: 100%; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .sex-choice .sex-option-radio-group .row-single-radio-button:last-child {
              margin-left: -0px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .sex-choice .sex-option-radio-group .row-single-radio-button .form-check-label {
              color: #000;
              font-size: 14px;
              line-height: 24px;
              font-weight: 300;
              padding-left: 20px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .sex-choice .sex-option-radio-group .row-single-radio-button span {
              position: absolute;
              top: -3px;
              margin-left: 12px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .sex-choice .sex-option-radio-group div.form-group.custom-input {
            display: none; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .pet-ProblemChkBox .custom-control-label:after {
          background-image: none;
          background-color: #dd4814;
          border: 3px solid #fff; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .weight-input {
          margin-top: 30px;
          margin-bottom: 38px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .weight-input .form-control-label.as-placeholder {
            bottom: 4px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .bottom-enquiries {
          margin-right: 0;
          margin-left: 0; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal #nutritionalCaseFormSubmit {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: center;
          width: 190px;
          text-transform: uppercase;
          margin-top: 29px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .petproblem-checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
          background-color: #fff;
          border-color: #e4dedc; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .petproblem-checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
          background-image: none;
          background-color: #dd4814;
          width: 9px;
          height: 9px;
          position: absolute;
          top: 8px;
          left: -20px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal .petproblem-checkbox .custom-checkbox .custom-control-label::before {
          border-color: #e4dedc !important;
          width: 17px;
          height: 17px;
          border-radius: 0px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:checked,
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:not(:checked) {
          position: absolute;
          left: -9999px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:checked + label,
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:not(:checked) + label {
          position: relative;
          padding-left: 28px;
          cursor: pointer;
          line-height: 20px;
          display: inline-block;
          color: #666; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:checked + label:before,
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:not(:checked) + label:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 17px;
          height: 17px;
          border: 1px solid #e4dedc;
          border-radius: 100%;
          background: #fff; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:checked + label:after,
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:not(:checked) + label:after {
          content: '';
          width: 11px;
          height: 11px;
          background: #dd4814;
          position: absolute;
          top: 3px;
          left: 3px;
          border-radius: 100%;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:not(:checked) + label:after {
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0); }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal [type="radio"]:checked + label:after {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1); }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .form-group {
          border: 1px solid #e4dedc;
          min-height: 50px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .form-group.textarea-box.as-placeholder {
          font-size: 14px;
          font-family: "ubuntu";
          color: #b8afac;
          font-weight: normal;
          padding-left: 15px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .form-group.textarea-box .form-control-label {
          bottom: 80px !important; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion select.form-control {
          border: none;
          font-family: "ubuntu";
          font-size: 14px;
          line-height: 20px;
          font-weight: normal;
          padding-left: 13px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .form-control.floatized {
          border-bottom: 0px !important;
          font-size: 14px;
          line-height: 20px;
          font-family: "ubuntu";
          font-weight: normal;
          padding-top: 7px;
          padding-left: 15px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .form-control-label.as-placeholder {
          font-size: 14px;
          color: #b8afac;
          padding-left: 13px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .form-control-label.as-placeholder.as-focused-input {
            color: #b8afac;
            font-size: 10px !important;
            top: 0px !important;
            left: 5px; }
            .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .form-control-label.as-placeholder.as-focused-input:focus {
              border-bottom: none; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .bottom-enquiries {
          font-size: 14px;
          font-weight: 300; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .bottom-enquiries .col {
            padding: 0; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .bottom-enquiries .custom-checkbox .custom-control-label.suggestions-checkbox-label {
            padding-left: 13px;
            line-height: 20px;
            font-size: 14px;
            padding-top: 3px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file input[type="file"] {
          display: none; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file .attach-file-text {
          color: #dd4814;
          cursor: pointer;
          font-size: 14px;
          line-height: 20px;
          font-weight: 300; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file .attach-file-text .gray {
            color: #b8afac; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file-border.form-group {
          border: none !important; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file-border.form-group #chooseFile {
            display: none; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .icon-clip:before {
          content: '\e950';
          font-size: 17px;
          color: #dd4814; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion #suggestionCaseFormSubmit {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: center;
          width: 190px;
          text-transform: uppercase;
          margin-top: 29px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-text {
          color: #a89999;
          font-family: "ubuntulight";
          font-size: 12px;
          line-height: 1.5; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file-border .attach-file {
          gap: 16px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file-border .attach-file .invalid-feedback {
            position: unset !important; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-suggestion .attach-file__text-container {
          gap: 8px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .customer-info-title {
          font-size: 18px;
          line-height: 24px;
          font-family: "ubuntu";
          font-weight: 600;
          margin-top: 25px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .bottom-enquiries {
          margin-right: 0;
          margin-left: 0; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .custom-select select.form-control {
          padding-left: 15px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .enquiries-submit {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: center;
          width: 190px;
          text-transform: uppercase;
          margin-top: 29px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .attach-text {
          color: #a89999;
          font-family: "ubuntulight";
          font-size: 12px;
          line-height: 1.5; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .attach-file-border .attach-file {
          gap: 16px; }
          .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .attach-file-border .attach-file .invalid-feedback {
            position: unset !important; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-product .product-problems .attach-file__text-container {
          gap: 8px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-sellourproducts .customer-info-title {
          font-size: 18px;
          line-height: 24px;
          margin-top: 25px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-sellourproducts .bottom-enquiries {
          margin: 0; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-sellourproducts .custom-select select.form-control {
          padding-left: 15px; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-sellourproducts .sell-products .enquiries-submit {
          width: 190px;
          justify-content: center;
          text-transform: uppercase; }
        .page-contact .contact-us .forms .reach-out-content .card .card-body .form-horizontal.contactus-sellourproducts #sellProdsCaseFormSubmit {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: center;
          width: 190px;
          text-transform: uppercase;
          margin-top: 29px; }
  .page-contact .contact-us .content-asset {
    border-bottom: solid 1px #e4dedc; }
  .page-contact .contact-us section.shall-we-talk {
    text-align: left;
    margin-top: 0;
    padding-left: 21px; }
    .page-contact .contact-us section.shall-we-talk header {
      text-align: left; }
      .page-contact .contact-us section.shall-we-talk header h2 {
        font-size: 14px !important;
        font-weight: 300;
        color: #000000; }
      .page-contact .contact-us section.shall-we-talk header .phone-number-contact {
        font-family: Merriweather;
        font-size: 32px;
        font-weight: normal;
        line-height: normal;
        color: #70402a;
        margin-bottom: 9px; }
        .page-contact .contact-us section.shall-we-talk header .phone-number-contact .icon-phone {
          color: #dd4814;
          margin-right: 12px;
          top: 4px;
          position: relative; }
      .page-contact .contact-us section.shall-we-talk header div:nth-of-type(2) {
        color: #000000 !important;
        width: 100%; }
      .page-contact .contact-us section.shall-we-talk header div.shall-we-talk-content {
        margin-right: 6px;
        margin-top: 6px;
        margin-left: 0px; }
      .page-contact .contact-us section.shall-we-talk header .shall-we-talk-content, .page-contact .contact-us section.shall-we-talk header .schedule {
        font-family: ubuntulight;
        font-size: 14px;
        font-weight: 300;
        line-height: 14px;
        color: #753d28; }
  .page-contact .contact-us section.reach-out header .page-desc {
    text-align: left;
    padding-top: 27px;
    font-family: ubuntulight !important;
    font-size: 14px !important;
    line-height: 1.43;
    color: #000000;
    opacity: unset !important; }
  .page-contact .contact-us section.reach-out ul.reach-out-content li.contact-section {
    font-family: Ubuntu;
    font-size: 14px;
    border-top: solid 1px #e4dedc; }
    .page-contact .contact-us section.reach-out ul.reach-out-content li.contact-section .contact-section-title {
      padding-top: 21px;
      font-weight: 500;
      line-height: 1.14;
      color: black;
      font-family: ubuntumedium; }
    .page-contact .contact-us section.reach-out ul.reach-out-content li.contact-section .contact-section-text {
      padding-top: 15px;
      padding-bottom: 27px;
      font-weight: 300;
      width: 250px;
      color: black;
      font-family: ubuntulight; }

@media (min-width: 768px) {
  .page-contact.ultima .page-wrapper .pageTop header .page-title {
    font-family: "merriweather";
    font-size: 40px;
    font-weight: 300;
    line-height: 58px;
    padding-top: 53px;
    height: auto;
    padding-bottom: 39px; }
  .page-contact.ultima .page-wrapper .contact-us .forms {
    border-top: none; }
    .page-contact.ultima .page-wrapper .contact-us .forms .reach-out header {
      padding-bottom: 10px; }
      .page-contact.ultima .page-wrapper .contact-us .forms .reach-out header .page-desc {
        font-size: 16px !important;
        line-height: 24px;
        padding-right: 70px; }
    .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content:last-child {
      border-bottom: none; }
    .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card {
      padding-bottom: 0px; }
      .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .contact-card-header .btn-block .contact-section .contact-section-title {
        font-size: 16px !important;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 0px; }
      .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .contact-card-header .btn-block .contact-section .contact-section-text {
        font-size: 16px !important;
        font-weight: 300;
        line-height: 24px; }
      .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body {
        width: 74%; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal p {
          font-size: 16px;
          line-height: 24px;
          font-weight: 300; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal .customer-info-title {
          font-size: 20px;
          line-height: 26px;
          font-weight: 500;
          font-family: "ubuntumedium"; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal .col .form-group.custom-input .form-control-label.as-placeholder {
          bottom: 5px; }
          .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal .col .form-group.custom-input .form-control-label.as-placeholder .form-control.floatized {
            top: 3px;
            padding-left: 15px; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal .container .custom-control {
          margin-top: 18px; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal .container .button-content {
          padding: 0; }
          .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal .container .button-content .btn {
            margin-left: 0px; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal .submit-button-content {
          justify-content: flex-start;
          padding-left: 0px;
          padding-bottom: 23px; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .row .col .weight-input {
          width: 264px;
          margin-top: 40px; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .bottom-enquiries {
          padding-top: 36px; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .no-box .form-check-label {
          font-size: 16px; }
        .page-contact.ultima .page-wrapper .contact-us .forms .reach-out .reach-out-content .card .card-body .form-horizontal.contactus-nutritional .custom-control .custom-control-label {
          font-size: 16px; }
  .page-contact.ultima .page-wrapper .contact-us .content-asset {
    border-bottom: none; }
  .page-contact.ultima .page-wrapper section.shall-we-talk header {
    margin-bottom: 0px;
    padding-bottom: 0px; }
    .page-contact.ultima .page-wrapper section.shall-we-talk header h2 {
      font-size: 16px !important;
      line-height: 24px;
      font-weight: 300; }
    .page-contact.ultima .page-wrapper section.shall-we-talk header .shall-we-talk-content,
    .page-contact.ultima .page-wrapper section.shall-we-talk header .schedule {
      font-size: 16px;
      line-height: 24px;
      margin-top: 1px; } }

@media (min-width: 1024px) {
  .page-contact.ultima .page-wrapper .content {
    box-shadow: none; }
    .page-contact.ultima .page-wrapper .content .contact-us .container {
      margin: 0;
      max-width: none; }
      .page-contact.ultima .page-wrapper .content .contact-us .container .row .forms {
        border-bottom: none;
        border-top: none; }
      .page-contact.ultima .page-wrapper .content .contact-us .container .row .customer-care {
        width: 37%;
        text-align: left; }
        .page-contact.ultima .page-wrapper .content .contact-us .container .row .customer-care .content-asset {
          width: 100%;
          padding-left: 12px;
          border-bottom: none; }
          .page-contact.ultima .page-wrapper .content .contact-us .container .row .customer-care .content-asset .shall-we-talk header .shall-we-talk-content {
            font-size: 16px;
            line-height: 24px;
            margin-top: 0px; }
      .page-contact.ultima .page-wrapper .content .contact-us .container .row .forms {
        width: 63%;
        border: none;
        padding: 0; }
        .page-contact.ultima .page-wrapper .content .contact-us .container .row .forms .reach-out h3 {
          width: 85%;
          padding-top: 0px;
          font-size: 16px;
          line-height: 24px; }
        .page-contact.ultima .page-wrapper .content .contact-us .container .row .forms .reach-out .reach-out-content .card:last-child {
          border-bottom: none; }
        .page-contact.ultima .page-wrapper .content .contact-us .container .row .forms .reach-out .reach-out-content .card .contact-section .contact-section-title {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 2px; }
        .page-contact.ultima .page-wrapper .content .contact-us .container .row .forms .reach-out .reach-out-content .card .contact-section .contact-section-text {
          font-size: 16px;
          line-height: 24px; }
  .page-contact.ultima .page-wrapper .pageTop header .page-title {
    font-size: 48px;
    line-height: 58px;
    font-family: "merriweather";
    font-weight: 300;
    padding-top: 50px;
    height: auto;
    padding-bottom: 42px; }
  .page-contact.ultima .page-wrapper .card-body {
    width: 74%; }
  .page-contact.ultima .page-wrapper .contactus-nutritional .container section .row:nth-child(4) {
    flex-direction: column !important; }
  .page-contact.ultima .page-wrapper .contactus-nutritional .container section .row .col-radio-button.isSterilized-choice .isSterilized-choice-radio-group .row-single-radio-button label.form-check-label {
    padding-left: 24px; }
  .page-contact.ultima .page-wrapper .contactus-nutritional .container section .row .col-radio-button.isSterilized-choice .isSterilized-choice-radio-group .row-single-radio-button:last-child:last-child {
    padding-left: 56px; } }

@media (min-width: 1440px) {
  .page-contact.ultima .page-wrapper {
    min-width: 1440px;
    width: 1440px; } }

html[lang="es"] .page-contact .forms .reach-out-content label.custom-control-label a,
html[lang="es"] .registration label.custom-control-label a,
html[lang="ca"] .page-contact .forms .reach-out-content label.custom-control-label a,
html[lang="ca"] .registration label.custom-control-label a,
html[lang="en"] .page-contact .forms .reach-out-content label.custom-control-label a,
html[lang="en"] .registration label.custom-control-label a,
html[lang="pt"] .page-contact .forms .reach-out-content label.custom-control-label a,
html[lang="pt"] .registration label.custom-control-label a {
  color: #936031; }

html[lang="fr"] .page-contact .forms .reach-out-content label.custom-control-label a,
html[lang="fr"] .registration label.custom-control-label a,
html[lang="it"] .page-contact .forms .reach-out-content label.custom-control-label a,
html[lang="it"] .registration label.custom-control-label a {
  color: #4A773C; }

html[lang="es"] .page-contact .forms .reach-out-content .submit-button-content .enquiries-submit:hover,
html[lang="ca"] .page-contact .forms .reach-out-content .submit-button-content .enquiries-submit:hover,
html[lang="en"] .page-contact .forms .reach-out-content .submit-button-content .enquiries-submit:hover,
html[lang="pt"] .page-contact .forms .reach-out-content .submit-button-content .enquiries-submit:hover {
  background-color: #432619 !important;
  color: white !important; }

html[lang="fr"] .page-contact .forms .reach-out-content .submit-button-content .enquiries-submit:hover,
html[lang="it"] .page-contact .forms .reach-out-content .submit-button-content .enquiries-submit:hover {
  background-color: #15331f !important;
  color: white !important; }

#CaseCreationForm {
  font-family: "ubuntulight"; }
  #CaseCreationForm .attach-file-border {
    border: 1px solid #d6dce0;
    border-radius: 5px;
    cursor: pointer; }
    #CaseCreationForm .attach-file-border .attach-file {
      color: #76B328;
      font-size: 1.438rem; }
      #CaseCreationForm .attach-file-border .attach-file .attach-file-content {
        display: inline-block;
        font-size: 1.125rem;
        color: #393939; }
      #CaseCreationForm .attach-file-border .attach-file .icon-clip {
        margin-left: 10px; }
        #CaseCreationForm .attach-file-border .attach-file .icon-clip span {
          font-size: 1.125rem;
          color: #393939;
          font-family: 'open-sans'; }
  #CaseCreationForm input[type="file"] {
    display: none; }
  #CaseCreationForm .customer-info-title {
    margin: 40px 0;
    font-family: "ubuntumedium";
    font-size: 1.125rem; }
  #CaseCreationForm .customer-info-subtitle {
    margin: 20px 0;
    font-family: "ubuntulight";
    font-size: 1.125rem;
    color: #76B328; }
  #CaseCreationForm .bottom-enquiries {
    margin-top: 40px; }
    #CaseCreationForm .bottom-enquiries .custom-control {
      margin: 20px 0 0 10px; }
  #CaseCreationForm .advisor-checkbox {
    width: 100%; }
    #CaseCreationForm .advisor-checkbox label {
      padding-left: 15px; }
  #CaseCreationForm button {
    margin-top: 50px; }
  #CaseCreationForm .col-radio-button {
    margin: 0; }
    #CaseCreationForm .col-radio-button .col-single-radio-button {
      margin: 0 0 15px; }
      #CaseCreationForm .col-radio-button .col-single-radio-button input[type="radio"],
      #CaseCreationForm .col-radio-button .col-single-radio-button label {
        display: inline-block;
        vertical-align: top; }
      #CaseCreationForm .col-radio-button .col-single-radio-button input[type="radio"] {
        margin-top: 15px;
        width: auto; }
      #CaseCreationForm .col-radio-button .col-single-radio-button label {
        padding-left: 40px;
        pointer-events: auto; }
  #CaseCreationForm .sex-choice,
  #CaseCreationForm .petType-choice {
    margin: 10px 0; }
    #CaseCreationForm .sex-choice .sex-choice-radio-group,
    #CaseCreationForm .sex-choice .petType-choice-radio-group,
    #CaseCreationForm .petType-choice .sex-choice-radio-group,
    #CaseCreationForm .petType-choice .petType-choice-radio-group {
      display: inline-flex;
      margin: 0; }
      #CaseCreationForm .sex-choice .sex-choice-radio-group label,
      #CaseCreationForm .sex-choice .petType-choice-radio-group label,
      #CaseCreationForm .petType-choice .sex-choice-radio-group label,
      #CaseCreationForm .petType-choice .petType-choice-radio-group label {
        font-size: 0.875rem;
        color: #76b328;
        cursor: pointer; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label:last-child,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label:last-child,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label:last-child,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label:last-child {
          border-radius: 0 50px 50px 0; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label:first-of-type,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label:first-of-type,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label:first-of-type,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label:first-of-type {
          border-radius: 50px 0 0 50px; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-male,
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-female,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-male,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-female,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-male,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-female,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-male,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-female {
          font-size: 0.875rem;
          padding: 5px 10px; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-dog,
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .choose-cat,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-dog,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .choose-cat,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-dog,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .choose-cat,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-dog,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .choose-cat {
          font-size: 0.875rem;
          padding: 5px 0 0 5px; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label span,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label span,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label span,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label span {
          display: inline-block;
          vertical-align: top; }
        #CaseCreationForm .sex-choice .sex-choice-radio-group label .icon,
        #CaseCreationForm .sex-choice .petType-choice-radio-group label .icon,
        #CaseCreationForm .petType-choice .sex-choice-radio-group label .icon,
        #CaseCreationForm .petType-choice .petType-choice-radio-group label .icon {
          font-size: 24px;
          padding-top: 3px; }
      #CaseCreationForm .sex-choice .sex-choice-radio-group input[type=radio] + label,
      #CaseCreationForm .sex-choice .petType-choice-radio-group input[type=radio] + label,
      #CaseCreationForm .petType-choice .sex-choice-radio-group input[type=radio] + label,
      #CaseCreationForm .petType-choice .petType-choice-radio-group input[type=radio] + label {
        padding: 6px 26px;
        border: 2px solid #d6dce0; }
      #CaseCreationForm .sex-choice .sex-choice-radio-group input:checked + label,
      #CaseCreationForm .sex-choice .petType-choice-radio-group input:checked + label,
      #CaseCreationForm .petType-choice .sex-choice-radio-group input:checked + label,
      #CaseCreationForm .petType-choice .petType-choice-radio-group input:checked + label {
        background: #76b328;
        color: #fff; }

.nutritional-advisor .form-group.date.required {
  margin-top: 25px; }

.sell-products .attach-file-border {
  margin-top: 15px; }

.case-thankyou .case-thankyou-message {
  font-size: 18px; }

.case-thankyou .first-button {
  margin-top: 65px;
  margin-bottom: 35px; }

.case-thankyou .registration {
  margin: 60px auto 0; }

@media (min-width: 768px) {
  .attach-file-border {
    margin-top: 40px; }
  .sell-products .col.col-sm-12.col-md-6.col-sell-message {
    bottom: 142px !important; }
  .registration {
    max-width: 100%; } }

.content[data-error] {
  background-color: transparent; }

.error-container {
  font-family: "ubuntulight"; }
  .error-container .error-status-code {
    margin: 0;
    font-family: "ubuntumedium";
    color: #dd4814; }
  .error-container .error-status-message {
    color: #393939; }
  .error-container pre {
    color: #969696; }

.error-messaging {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  z-index: 200; }

@media (min-width: 1024px) {
  .error-messaging {
    top: 125px; } }

body[data-action="Home-Show"] .modal-login-register .modal-login-register__card,
body[data-action="Login-Show"] .modal-login-register .modal-login-register__card,
body[data-action="Register-Show"] .modal-login-register .modal-login-register__card,
body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card,
body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card,
.onboarding .modal-login-register .modal-login-register__card {
  -webkit-overflow-scrolling: touch; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__input,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__input,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__input,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__input,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__input,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__input,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__input,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__input,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__input,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__input,
  .onboarding .modal-login-register .modal-login-register__card .registration__input,
  .onboarding .modal-login-register .modal-login-register__card .login__input {
    border: 1px solid #7e7367;
    height: 44px;
    color: #7e7367;
    font-size: 14px;
    line-height: 136%;
    background-color: #ffffff; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__input[type="text"][disabled],
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__input[type="text"][disabled],
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__input[type="text"][disabled],
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__input[type="text"][disabled],
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__input[type="text"][disabled],
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__input[type="text"][disabled],
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__input[type="text"][disabled],
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__input[type="text"][disabled],
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__input[type="text"][disabled],
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__input[type="text"][disabled],
    .onboarding .modal-login-register .modal-login-register__card .registration__input[type="text"][disabled],
    .onboarding .modal-login-register .modal-login-register__card .login__input[type="text"][disabled] {
      border-color: #d8d4cf;
      background-color: #f8f7f7; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__input.is-invalid,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__input.is-invalid,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__input.is-invalid,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__input.is-invalid,
    .onboarding .modal-login-register .modal-login-register__card .registration__input.is-invalid,
    .onboarding .modal-login-register .modal-login-register__card .login__input.is-invalid {
      border-color: #AC395C;
      background-color: #f8f7f7 !important;
      color: #464039; }
      body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback,
      body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback,
      body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback,
      body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback,
      body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback,
      body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback,
      body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback,
      body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback,
      body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback,
      body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback,
      .onboarding .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback,
      .onboarding .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback {
        color: #AC395C;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 136%;
        display: flex;
        align-items: center;
        margin: 4px 16px 0; }
        body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback::before,
        body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback::before,
        .onboarding .modal-login-register .modal-login-register__card .registration__input.is-invalid ~ .invalid-feedback::before,
        .onboarding .modal-login-register .modal-login-register__card .login__input.is-invalid ~ .invalid-feedback::before {
          content: '';
          background-image: url("../img/dismiss-circle.svg");
          height: 12px;
          width: 12px;
          display: block;
          margin-right: 4px;
          padding-right: 12px; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__label, body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__label.as-focused-input,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__label,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__label.as-focused-input,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__label,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__label.as-focused-input,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__label,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__label.as-focused-input,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__label,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__label.as-focused-input,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__label,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__label.as-focused-input,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__label,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__label.as-focused-input,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__label,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__label.as-focused-input,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__label,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__label.as-focused-input,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__label,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__label.as-focused-input,
  .onboarding .modal-login-register .modal-login-register__card .registration__label,
  .onboarding .modal-login-register .modal-login-register__card .registration__label.as-focused-input,
  .onboarding .modal-login-register .modal-login-register__card .login__label,
  .onboarding .modal-login-register .modal-login-register__card .login__label.as-focused-input {
    color: #464039;
    font-size: 14px;
    line-height: 136%; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__login-text, body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__login-link, body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__login-link:active, body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__login-link:visited,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__login-text,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__login-link,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__login-link:active,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__login-link:visited,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__login-text,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__login-link,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__login-link:active,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__login-link:visited,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__login-text,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__login-link,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__login-link:active,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__login-link:visited,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__login-text,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__login-link,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__login-link:active,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__login-link:visited,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__login-text,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__login-link,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__login-link:active,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__login-link:visited,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__login-text,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__login-link,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__login-link:active,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__login-link:visited,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__login-text,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__login-link,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__login-link:active,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__login-link:visited,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__login-text,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__login-link,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__login-link:active,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__login-link:visited,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__login-text,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__login-link,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__login-link:active,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__login-link:visited,
  .onboarding .modal-login-register .modal-login-register__card .registration__login-text,
  .onboarding .modal-login-register .modal-login-register__card .registration__login-link,
  .onboarding .modal-login-register .modal-login-register__card .registration__login-link:active,
  .onboarding .modal-login-register .modal-login-register__card .registration__login-link:visited,
  .onboarding .modal-login-register .modal-login-register__card .login__login-text,
  .onboarding .modal-login-register .modal-login-register__card .login__login-link,
  .onboarding .modal-login-register .modal-login-register__card .login__login-link:active,
  .onboarding .modal-login-register .modal-login-register__card .login__login-link:visited {
    color: #7e7367;
    font-size: 14px;
    line-height: 136%; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__view-password,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__view-password,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__view-password,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__view-password,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__view-password,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__view-password,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__view-password,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__view-password,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__view-password,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__view-password,
  .onboarding .modal-login-register .modal-login-register__card .registration__view-password,
  .onboarding .modal-login-register .modal-login-register__card .login__view-password {
    top: 42px;
    right: 16px; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__view-password::before,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__view-password::before,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__view-password::before,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__view-password::before,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__view-password::before,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__view-password::before,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__view-password::before,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__view-password::before,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__view-password::before,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__view-password::before,
    .onboarding .modal-login-register .modal-login-register__card .registration__view-password::before,
    .onboarding .modal-login-register .modal-login-register__card .login__view-password::before {
      content: ''; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__view-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__view-password,
    .onboarding .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__view-password,
    .onboarding .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__view-password {
      display: none; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__hide-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__hide-password,
    .onboarding .modal-login-register .modal-login-register__card .registration__view-password.icon-eye_disabled .registration__hide-password,
    .onboarding .modal-login-register .modal-login-register__card .login__view-password.icon-eye_disabled .registration__hide-password {
      display: block; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__view-password,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__view-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__view-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__view-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__view-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__view-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__view-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__view-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__view-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__view-password,
    .onboarding .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__view-password,
    .onboarding .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__view-password {
      display: block; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__hide-password,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__hide-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__hide-password,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__hide-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__hide-password,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__hide-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__hide-password,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__hide-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__hide-password,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__hide-password,
    .onboarding .modal-login-register .modal-login-register__card .registration__view-password.icon-eye .registration__hide-password,
    .onboarding .modal-login-register .modal-login-register__card .login__view-password.icon-eye .registration__hide-password {
      display: none; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__label-checkbox,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__label-checkbox,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__label-checkbox,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__label-checkbox,
  .onboarding .modal-login-register .modal-login-register__card .registration__label-checkbox,
  .onboarding .modal-login-register .modal-login-register__card .login__label-checkbox {
    color: #464039;
    font-size: 14px;
    line-height: 136%; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox a,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox a,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox a,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox a,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox a,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox a,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__label-checkbox a,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__label-checkbox a,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__label-checkbox a,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__label-checkbox a,
    .onboarding .modal-login-register .modal-login-register__card .registration__label-checkbox a,
    .onboarding .modal-login-register .modal-login-register__card .login__label-checkbox a {
      color: #464039;
      font-weight: 700;
      line-height: 136%;
      text-decoration-line: underline; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox::before,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox::before,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox::before,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox::before,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox::before,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox::before,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__label-checkbox::before,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__label-checkbox::before,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__label-checkbox::before,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__label-checkbox::before,
    .onboarding .modal-login-register .modal-login-register__card .registration__label-checkbox::before,
    .onboarding .modal-login-register .modal-login-register__card .login__label-checkbox::before {
      top: 50%;
      transform: translateY(-50%);
      border-color: #7e7367 !important;
      border-radius: 4px; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox::after,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox::after,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox::after,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox::after,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__label-checkbox::after,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__label-checkbox::after,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__label-checkbox::after,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__label-checkbox::after,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__label-checkbox::after,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__label-checkbox::after,
    .onboarding .modal-login-register .modal-login-register__card .registration__label-checkbox::after,
    .onboarding .modal-login-register .modal-login-register__card .login__label-checkbox::after {
      top: 50%;
      transform: translateY(-50%); }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__btn-submit,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__btn-submit,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__btn-submit,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__btn-submit,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__btn-submit,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__btn-submit,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__btn-submit,
  .onboarding .modal-login-register .modal-login-register__card .registration__btn-submit,
  .onboarding .modal-login-register .modal-login-register__card .login__btn-submit {
    font-size: 14px;
    font-weight: 500;
    line-height: 136%;
    background-color: #7e7367;
    padding: 12px; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps,
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps,
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps,
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps,
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__btn-submit--steps,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps,
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__btn-submit--steps,
    .onboarding .modal-login-register .modal-login-register__card .registration__btn-submit--steps,
    .onboarding .modal-login-register .modal-login-register__card .login__btn-submit--steps {
      line-height: 136%;
      color: #fff;
      margin-top: 40px;
      margin-bottom: 150px; }
      body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps path,
      body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps path,
      body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps path,
      body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps path,
      body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps path,
      body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps path,
      body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps path,
      body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__btn-submit--steps path,
      body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps path,
      body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__btn-submit--steps path,
      .onboarding .modal-login-register .modal-login-register__card .registration__btn-submit--steps path,
      .onboarding .modal-login-register .modal-login-register__card .login__btn-submit--steps path {
        fill: #fff; }
      body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled],
      body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled],
      body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled],
      body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled],
      body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled],
      body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled],
      body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled],
      body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled],
      body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled],
      body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled],
      .onboarding .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled],
      .onboarding .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled] {
        color: #d8d4cf;
        background-color: #f8f7f7; }
        body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled] path,
        body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled] path,
        body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled] path,
        body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled] path,
        body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled] path,
        body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled] path,
        body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled] path,
        body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled] path,
        body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled] path,
        body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled] path,
        .onboarding .modal-login-register .modal-login-register__card .registration__btn-submit--steps[disabled] path,
        .onboarding .modal-login-register .modal-login-register__card .login__btn-submit--steps[disabled] path {
          fill: #d8d4cf; }
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--disabled[disabled],
    body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--disabled[disabled],
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--disabled[disabled],
    body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--disabled[disabled],
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__btn-submit--disabled[disabled],
    body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__btn-submit--disabled[disabled],
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__btn-submit--disabled[disabled],
    body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__btn-submit--disabled[disabled],
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__btn-submit--disabled[disabled],
    body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__btn-submit--disabled[disabled],
    .onboarding .modal-login-register .modal-login-register__card .registration__btn-submit--disabled[disabled],
    .onboarding .modal-login-register .modal-login-register__card .login__btn-submit--disabled[disabled] {
      color: #d8d4cf;
      background-color: #d8d4cf; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration .reset-password,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login .reset-password,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration .reset-password,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login .reset-password,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration .reset-password,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login .reset-password,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration .reset-password,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login .reset-password,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration .reset-password,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login .reset-password,
  .onboarding .modal-login-register .modal-login-register__card .registration .reset-password,
  .onboarding .modal-login-register .modal-login-register__card .login .reset-password {
    margin-bottom: 40px; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__label-name,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__label-name,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__label-name,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__label-name,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__label-name,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__label-name,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__label-name,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__label-name,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__label-name,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__label-name,
  .onboarding .modal-login-register .modal-login-register__card .registration__label-name,
  .onboarding .modal-login-register .modal-login-register__card .login__label-name {
    color: #464039;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 136%; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__calendar-icon,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__calendar-icon,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__calendar-icon,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__calendar-icon,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__calendar-icon,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__calendar-icon,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__calendar-icon,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__calendar-icon,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__calendar-icon,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__calendar-icon,
  .onboarding .modal-login-register .modal-login-register__card .registration__calendar-icon,
  .onboarding .modal-login-register .modal-login-register__card .login__calendar-icon {
    right: 26px; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration > *,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login > *,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration > *,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login > *,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration > *,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login > *,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration > *,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login > *,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration > *,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login > *,
  .onboarding .modal-login-register .modal-login-register__card .registration > *,
  .onboarding .modal-login-register .modal-login-register__card .login > * {
    z-index: 1;
    position: relative; }
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .registration__adopted-wrapper,
  body[data-action="Home-Show"] .modal-login-register .modal-login-register__card .login__adopted-wrapper,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .registration__adopted-wrapper,
  body[data-action="Login-Show"] .modal-login-register .modal-login-register__card .login__adopted-wrapper,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .registration__adopted-wrapper,
  body[data-action="Register-Show"] .modal-login-register .modal-login-register__card .login__adopted-wrapper,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .registration__adopted-wrapper,
  body[data-action="Login-PetmojiShow"] .modal-login-register .modal-login-register__card .login__adopted-wrapper,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .registration__adopted-wrapper,
  body[data-action="Account-ShowConfiguration"] .modal-login-register .modal-login-register__card .login__adopted-wrapper,
  .onboarding .modal-login-register .modal-login-register__card .registration__adopted-wrapper,
  .onboarding .modal-login-register .modal-login-register__card .login__adopted-wrapper {
    padding-top: 40px; }

body[data-action="Home-Show"] .modal-login-register__header,
body[data-action="Login-Show"] .modal-login-register__header,
body[data-action="Register-Show"] .modal-login-register__header,
body[data-action="Login-PetmojiShow"] .modal-login-register__header,
body[data-action="Account-ShowConfiguration"] .modal-login-register__header,
.onboarding .modal-login-register__header {
  margin-top: -24px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #f8f7f7;
  margin-left: -40px;
  margin-right: -40px; }
  body[data-action="Home-Show"] .modal-login-register__header img,
  body[data-action="Login-Show"] .modal-login-register__header img,
  body[data-action="Register-Show"] .modal-login-register__header img,
  body[data-action="Login-PetmojiShow"] .modal-login-register__header img,
  body[data-action="Account-ShowConfiguration"] .modal-login-register__header img,
  .onboarding .modal-login-register__header img {
    width: 112px; }

.modal-steps .modal-body {
  height: calc(100% + 50px);
  margin-top: 40px;
  max-width: 342px;
  border: 0; }
  @media (min-width: 768px) {
    .modal-steps .modal-body {
      height: calc(100% - 112px);
      margin-top: 80px;
      max-width: 366px;
      max-height: 425px; } }

.step-counter {
  margin-bottom: 40px; }
  .step-counter__title {
    font-size: 28px;
    color: #464039;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -1.12px; }
    @media (min-width: 768px) {
      .step-counter__title {
        font-size: 32px;
        letter-spacing: -1.28px; } }
  .step-counter__wrapper {
    gap: 8px; }
  .step-counter__step {
    height: 6px;
    background-color: #d8d4cf;
    flex: 1 0 0; }
    .step1 .step-counter__step:nth-child(1),
    .step2 .step-counter__step:nth-child(1),
    .step2 .step-counter__step:nth-child(2),
    .steplast .step-counter__step:nth-child(1),
    .steplast .step-counter__step:nth-child(2),
    .steplast .step-counter__step:nth-child(3) {
      background-color: #7e7367; }

.custom-tab-container .checkbox-img input[type=checkbox] + label > img, .custom-tab-container .checkbox-img input[type=checkbox] + label .label-container > img {
  max-width: 73px; }

.lifestyle-container .checkbox-img input[type=checkbox] + label > img, .lifestyle-container .checkbox-img input[type=checkbox] + label .label-container > img {
  max-width: 73px; }

.petRegistration a.btn.pill-btn.btn-invert.shadow-none {
  border: none; }

@media (min-width: 1024px) {
  .petRegistration .petRegistration .row-inverted-buttons {
    flex-direction: column-reverse; } }

body[data-action="Login-Show"] .page-wrapper section header .page-title, body[data-action="Login-Show"] .page-wrapper section header .page-desc, body[data-action="Register-Show"] .page-wrapper section header .page-title, body[data-action="Register-Show"] .page-wrapper section header .page-desc, body[data-action="ExternalLogin-Show"] .page-wrapper section header .page-title, body[data-action="ExternalLogin-Show"] .page-wrapper section header .page-desc, body[data-action="ExternalAccount-PasswordReset"] .page-wrapper section header .page-title, body[data-action="ExternalAccount-PasswordReset"] .page-wrapper section header .page-desc {
  color: #fff;
  opacity: 1; }

body[data-action="Search-Show"] .section-title {
  padding-top: 30px; }

body[data-action="Account-SetNewPassword"] .page-title {
  padding-top: 30px; }

body[data-action="Stores-Find"] .full-width, body[data-action="Search-Show"] .full-width {
  margin-bottom: 0; }

body[data-action="Login-Show"] .page-wrapper .content {
  border-radius: 16px;
  align-items: inherit; }

@media (min-width: 768px) {
  body[data-action="Register-Show"] .page-wrapper .content, body[data-action="ExternalLogin-Show"] .page-wrapper .content, body[data-action="ExternalAccount-PasswordReset"] .page-wrapper .content {
    border-radius: 9px; }
  body[data-action="Case-List"] {
    background: none; }
  .onboard .new-pet-welcome {
    margin-bottom: 460px; } }

@media (min-width: 1024px) {
  .onboard .new-pet-welcome {
    margin-bottom: 230px; } }

@media (min-width: 1280px) {
  .onboard .new-pet-welcome {
    margin-bottom: 550px; } }

.edit-profile-form .profile-brands {
  display: flex;
  justify-content: space-evenly; }

@media (min-width: 768px) {
  .edit-profile-form .profile-brands {
    margin: 0 30px; } }

@media (min-width: 1024px) {
  .edit-profile-form .register-subscription {
    margin: 0 8px; } }

@media (min-width: 1280px) {
  .edit-profile-form .register-subscription {
    margin: 0 15px; } }

body[data-action="Family-PetProfile"] section header .page-title {
  background-color: transparent; }

.category-landing .ULT_Article.ellipsis .info-article h3 {
  max-height: none; }

.category-landing[data-category-id="take-care-tips-dog"] {
  background: linear-gradient(180deg, #2e221d 0%, #1a1614 100%); }

.category-landing[data-category-id="take-care-tips-cat"] {
  background: linear-gradient(180deg, #203125 0%, #17211a 100%); }

.category-landing #home-top5-dog .btn-box, .category-landing #home-top5-cat .btn-box {
  display: none; }

.landing-3-articles-learn-from-dog__button, .landing-3-articles-learn-from-2-dog__button {
  background: #936031;
  border-radius: 25px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 20px;
  margin-top: 7px;
  padding: 8px 24px; }
  @media (min-width: 768px) {
    .landing-3-articles-learn-from-dog__button, .landing-3-articles-learn-from-2-dog__button {
      font-size: 24px;
      line-height: 28px; } }

.landing-3-articles-learn-from-cat__button, .landing-3-articles-learn-from-2-cat__button {
  background: #4a773c;
  border-radius: 25px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 20px;
  margin-top: 7px;
  padding: 8px 24px; }
  @media (min-width: 768px) {
    .landing-3-articles-learn-from-cat__button, .landing-3-articles-learn-from-2-cat__button {
      font-size: 24px;
      line-height: 28px; } }

#landing-3-articles-learn-from-dog .landing-3-articles-learn-from-dog__show, #landing-3-articles-learn-from-cat .landing-3-articles-learn-from-cat__show, #landing-3-articles-learn-from-2-dog .landing-3-articles-learn-from-2-dog__show, #landing-3-articles-learn-from-2-cat .landing-3-articles-learn-from-2-cat__show {
  align-self: center;
  padding-top: .7rem; }
  @media (min-width: 768px) {
    #landing-3-articles-learn-from-dog .landing-3-articles-learn-from-dog__show, #landing-3-articles-learn-from-cat .landing-3-articles-learn-from-cat__show, #landing-3-articles-learn-from-2-dog .landing-3-articles-learn-from-2-dog__show, #landing-3-articles-learn-from-2-cat .landing-3-articles-learn-from-2-cat__show {
      padding-top: 1rem; } }
  @media (min-width: 1024px) {
    #landing-3-articles-learn-from-dog .landing-3-articles-learn-from-dog__show, #landing-3-articles-learn-from-cat .landing-3-articles-learn-from-cat__show, #landing-3-articles-learn-from-2-dog .landing-3-articles-learn-from-2-dog__show, #landing-3-articles-learn-from-2-cat .landing-3-articles-learn-from-2-cat__show {
      padding-top: 1.3rem; } }

body[data-action="Search-Show"].cat_area #landing-favourite-articles .section-title, body[data-action="Search-Show"].dog_area #landing-favourite-articles .section-title {
  font-family: "merriweatherlight";
  color: #000;
  font-size: 26px;
  letter-spacing: normal; }
  body[data-action="Search-Show"].cat_area #landing-favourite-articles .section-title::after, body[data-action="Search-Show"].dog_area #landing-favourite-articles .section-title::after {
    background-color: #dd4814;
    height: 1px; }

body[data-section="homepage"] #home-top5-dog .btn-box, body[data-section="homepage"] #home-top5-cat .btn-box {
  margin-top: 68px;
  padding: 0; }

body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area .slot-container #landing-product .has-line {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area .slot-container #landing-product .has-line:after {
    background: #dd4814; }

body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area #landing-favourite-articles .section-title {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="sterilized-cat"].cat_area #landing-favourite-articles .section-title:after {
    background: #dd4814; }

body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area .slot-container #landing-product .has-line {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area .slot-container #landing-product .has-line:after {
    background: #dd4814; }

body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area #landing-favourite-articles .section-title {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="not-sterilized-cat"].cat_area #landing-favourite-articles .section-title:after {
    background: #dd4814; }

body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area .slot-container #landing-product .has-line {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area .slot-container #landing-product .has-line:after {
    background: brand-color; }

body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area #landing-favourite-articles .section-title {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="mini-dog"].dog_area #landing-favourite-articles .section-title:after {
    background: #dd4814; }

body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area .slot-container #landing-product .has-line {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area .slot-container #landing-product .has-line:after {
    background: brand-color; }

body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area #landing-favourite-articles .section-title {
  color: #000; }
  body[data-action="Search-Show"][data-subsection="medium-maxi-dog"].dog_area #landing-favourite-articles .section-title:after {
    background: #dd4814; }

@media (min-width: 769px) {
  #home-static3 .info-slide .btn-box {
    gap: 10px; } }

@media (min-width: 1025px) {
  #home-banner-dog .ULT_Banner video, #home-banner-cat .ULT_Banner video {
    height: 640px !important; } }

.banner-download {
  margin-top: 15px;
  position: relative;
  width: 100%; }

#home-downloads-dog .banner-download__content {
  background: radial-gradient(circle, #703f2a 0%, #432619 100%);
  border-radius: 18px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 1024px) {
    #home-downloads-dog .banner-download__content {
      flex-direction: row; } }

#home-downloads-cat .banner-download__content {
  background: radial-gradient(circle, #215732 0%, #15331f 100%);
  border-radius: 18px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 1024px) {
    #home-downloads-cat .banner-download__content {
      flex-direction: row; } }

.banner-download__bg {
  height: 100%;
  position: absolute;
  width: 100%; }
  @media (min-width: 1024px) {
    .banner-download__bg {
      position: relative; } }

.banner-download__section {
  align-items: center;
  color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  padding: 70vw 0 70px 0;
  position: relative;
  right: 0;
  text-align: center;
  width: 320px; }
  @media (min-width: 1024px) {
    .banner-download__section {
      justify-content: center;
      padding: 0;
      position: absolute;
      right: 60px; } }
  @media (min-width: 1440px) {
    .banner-download__section {
      right: 115px;
      width: 440px; } }

.banner-download__title {
  font-family: 'ubuntumedium' !important;
  line-height: 24px;
  max-width: 200px;
  text-align: center; }
  @media (min-width: 1024px) {
    .banner-download__title {
      font-size: 24px;
      line-height: 28px; } }
  @media (min-width: 1440px) {
    .banner-download__title {
      font-size: 28px;
      line-height: 32px;
      max-width: 100%; } }

.banner-download__label {
  font-family: 'ubuntumedium';
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin: 11px 0;
  text-transform: uppercase; }

.banner-download__subtitle {
  font-family: 'ubuntumedium';
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 20px; }
  @media (min-width: 1440px) {
    .banner-download__subtitle {
      font-size: 18px;
      line-height: 20px; } }

.banner-download__img--desktop {
  display: none; }
  @media (min-width: 1024px) {
    .banner-download__img--desktop {
      display: block;
      max-width: 100%; } }

.banner-download__img--mobile {
  display: block;
  width: 100%; }
  @media (min-width: 1024px) {
    .banner-download__img--mobile {
      display: none; } }

#home-downloads-dog .banner-download__button {
  background-color: #936031;
  border-color: #936031;
  border-radius: 50px;
  padding: 14px 34px; }
  #home-downloads-dog .banner-download__button:hover {
    background-color: #432619;
    cursor: pointer; }

#home-downloads-cat .banner-download__button--cat {
  background-color: #4a773c;
  border-color: #4a773c;
  border-radius: 50px;
  padding: 14px 34px; }
  #home-downloads-cat .banner-download__button--cat:hover {
    background-color: #15331f;
    cursor: pointer; }

.banner-download__button-link:hover {
  text-decoration: none; }

.banner-download__button-link span {
  color: white;
  font-size: 13px;
  font-family: 'Ubuntu';
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase; }

@media (min-width: 1024px) {
  #landing-3-articles-also-interested-dog .three-articles-title, #landing-3-articles-also-interested-cat .three-articles-title {
    display: flex;
    flex-direction: row; } }

@media (min-width: 1024px) {
  #landing-3-articles-also-interested-dog .custom-article-news-bt-container, #landing-3-articles-also-interested-cat .custom-article-news-bt-container {
    margin: 0 0 5px 20px; } }

body[data-action="Search-Show"].cat_area #landing-product .section-desc {
  color: #000;
  font-family: "ubuntumedium"; }

body[data-action="Search-Show"].cat_area .has-line:after {
  background: #dd4814; }

body[data-action="Search-Show"].dog_area #landing-product .section-desc {
  color: #000;
  font-family: "ubuntumedium"; }

body[data-action="Search-Show"].dog_area .has-line:after {
  background: #dd4814; }

.custom-article-news {
  width: 150px;
  height: 45px;
  vertical-align: bottom; }

@media (max-width: 768px) {
  .custom-content-carousel .swiper-slide {
    height: 100% !important;
    width: 74vw !important; } }

@media (min-width: 768px) {
  .custom-content-carousel .swiper-slide {
    padding-right: 12px !important; } }

.landing-3-articles-news-content-dog__img, .landing-3-articles-news-content-2-dog__img {
  margin-left: 20px;
  min-width: 180px;
  max-width: 246px; }
  @media (max-width: 768px) {
    .landing-3-articles-news-content-dog__img, .landing-3-articles-news-content-2-dog__img {
      margin-left: 0;
      width: 180px; } }

.custom-slot-container .content-carousel {
  margin-top: 12px; }

#landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-top: 15px; }

#landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title {
  flex-direction: column;
  align-items: flex-start; }

.landing-3-articles-learn-from-dog__filter, .landing-3-articles-learn-from-2-dog__filter {
  color: white; }

.landing-3-articles-learn-from-dog__link, .landing-3-articles-learn-from-2-dog__link {
  background-color: #936031;
  border-radius: 25px;
  padding: 8px 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.04em;
  text-transform: uppercase; }

#home-top5-dog .ym_Article .info-article p, #landing-3-articles-also-interested-dog .ym_Article .info-article p, #landing-3-articles-learn-from-dog .ym_Article .info-article p, #landing-3-articles-learn-from-2-dog .ym_Article .info-article p, #landing-3-articles-news-content-dog .ym_Article .info-article p, #landing-3-articles-news-content-2-dog .ym_Article .info-article p, #landing-3-articles-last-advices-dog .ym_Article .info-article p, #landing-2-articles-dog .ym_Article .info-article p, #landing-3-articles-news-content-2-dog .ym_Article .info-article p, #landing-3-articles-learn-from-dog .ym_Article .info-article p {
  font-family: 'ubuntumedium';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #e0bf94;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
  letter-spacing: 0; }

#home-top5-cat .ym_Article .info-article p, #landing-3-articles-also-interested-cat .ym_Article .info-article p, #landing-3-articles-learn-from-cat .ym_Article .info-article p, #landing-3-articles-news-content-cat .ym_Article .info-article p, #landing-3-articles-news-content-2-cat .ym_Article .info-article p, #landing-3-articles-last-advices-cat .ym_Article .info-article p, #landing-2-articles-cat .ym_Article .info-article p, #landing-3-articles-news-content-2-cat .ym_Article .info-article p, #landing-3-articles-learn-from-2-cat .ym_Article .info-article p {
  font-family: 'ubuntumedium';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #b0dc85;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
  letter-spacing: 0; }

.custom-show-all {
  align-self: center;
  transition: opacity 0.4s ease; }
  .custom-show-all:hover {
    opacity: 0.5;
    text-decoration: none; }

.custom-show-all span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: white;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500; }

.custom-section-title {
  font-family: 'ubuntu' !important;
  color: white;
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
  letter-spacing: -0.04em; }

.landing-2-articles-dog-container.custom-articles, .landing-2-articles-cat-container.custom-articles {
  width: 100%; }

@media (max-width: 768px) {
  .landing-2-articles-dog-container.custom-articles:first-child, .landing-2-articles-cat-container.custom-articles:first-child {
    margin-bottom: 40px; } }

.two-article-container {
  display: flex;
  gap: 20px;
  margin-top: 15px; }

#landing-3-articles-last-advices-dog .custom-article-news-bt-container, #landing-3-articles-last-advices-cat .custom-article-news-bt-container {
  margin-bottom: 5px;
  margin-left: 20px; }

#landing-3-articles-news-content-dog .three-articles-title, #landing-3-articles-news-content-cat .three-articles-title, #landing-3-articles-news-content-2-dog .three-articles-title, #landing-3-articles-news-content-2-cat .three-articles-title {
  align-items: flex-end;
  display: flex; }

#landing-3-articles-news-content-dog .three-articles-title .content-asset[data-asset="news-image-dog"], #landing-3-articles-news-content-cat .three-articles-title .content-asset[data-asset="news-image-cat"], #landing-3-articles-news-content-2-dog .three-articles-title .content-asset[data-asset="news-image-dog"], #landing-3-articles-news-content-2-cat .three-articles-title .content-asset[data-asset="news-image-cat"] {
  margin-left: 20px; }

.custom-banner-pdf.ym-banner-head.h2 .info-slide h2 {
  font-family: 'Ubuntu' !important;
  font-size: 24px !important;
  letter-spacing: 0;
  line-height: 28px;
  max-width: 240px; }

@media (max-width: 768px) {
  #landing-3-articles-news-content-dog .custom-article-news-bt-container, #landing-3-articles-news-content-cat .custom-article-news-bt-container, #landing-3-articles-news-content-2-dog .custom-article-news-bt-container, #landing-3-articles-news-content-2-cat .custom-article-news-bt-container {
    margin-top: 6px; }
  #landing-3-articles-news-content-dog .three-articles-title .content-asset[data-asset="news-image-dog"], #landing-3-articles-news-content-cat .three-articles-title .content-asset[data-asset="news-image-cat"], #landing-3-articles-news-content-2-dog .three-articles-title .content-asset[data-asset="news-image-dog"], #landing-3-articles-news-content-2-cat .three-articles-title .content-asset[data-asset="news-image-cat"] {
    margin: 0; }
  #landing-3-articles-news-content-dog .three-articles-title, #landing-3-articles-news-content-cat .three-articles-title, #landing-3-articles-news-content-2-dog .three-articles-title, #landing-3-articles-news-content-2-cat .three-articles-title {
    display: block; }
  #landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title {
    align-items: flex-start;
    flex-direction: column; }
  #landing-3-articles-learn-from-dog .custom-article-news-bt-container, #landing-3-articles-learn-from-2-dog .custom-article-news-bt-container, #landing-3-articles-last-advices-dog .custom-article-news-bt-container, #landing-3-articles-learn-from-cat .custom-article-news-bt-container, #landing-3-articles-learn-from-2-cat .custom-article-news-bt-container, #landing-3-articles-last-advices-cat .custom-article-news-bt-container {
    margin-left: 0; }
  .two-article-container {
    display: block; }
  .custom-section-title {
    display: block;
    font-weight: 400;
    letter-spacing: -0.04em; }
  .custom-show-all {
    margin-top: 6px; }
  .ym-banner-head {
    min-height: inherit; } }

#home-top5-dog, #home-top5-cat {
  padding: 60px 40px; }
  @media (max-width: 768px) {
    #home-top5-dog, #home-top5-cat {
      padding: 60px 22px; } }
  @media (max-width: 550px) {
    #home-top5-dog, #home-top5-cat {
      padding: 40px 22px; } }
  #home-top5-dog .flex-container, #home-top5-cat .flex-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 20px;
    grid-auto-rows: minmax(100px, auto);
    margin-top: 15px; }
    @media (min-width: 1024px) {
      #home-top5-dog .flex-container, #home-top5-cat .flex-container {
        row-gap: 73px; } }
    #home-top5-dog .flex-container .ULT_Article, #home-top5-cat .flex-container .ULT_Article {
      background-color: inherit; }
    #home-top5-dog .flex-container .ULT_Article:hover #ULT_Article, #home-top5-cat .flex-container .ULT_Article:hover #ULT_Article {
      box-shadow: none; }
    #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type {
      grid-column: 1;
      grid-row: 1 / span 2; }
      #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type img, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type img {
        height: 651px;
        object-fit: cover; }
        @media (max-width: 768px) {
          #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type img, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type img {
            height: 100%; } }
    #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) img, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) img {
      height: 250px; }
    @media (max-width: 768px) {
      #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type), #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) {
        margin: 0; } }
  @media (max-width: 768px) {
    #home-top5-dog .flex-container, #home-top5-cat .flex-container {
      display: flex;
      flex-direction: column;
      row-gap: 40px; }
      #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type {
        position: unset;
        width: unset;
        height: unset; }
        #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type #ULT_Article, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type #ULT_Article {
          display: block; }
      #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) img, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) img {
        height: 28vw;
        width: 28vw; }
      #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) #ULT_Article, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) #ULT_Article {
        display: flex;
        gap: 10px; } }

.ULT_Article.ym_Article.ellipsis:first-of-type p {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .ULT_Article.ym_Article.ellipsis:first-of-type p {
      margin-top: 0; } }

@media (max-width: 1024px) {
  #landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-news-content-dog .three-articles-title, #landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title, #landing-3-articles-news-content-cat .three-articles-title, #landing-3-articles-also-interested-dog .three-articles-title, #landing-3-articles-also-interested-cat .three-articles-title, #landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-news-content-2-dog .three-articles-title, #landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title, #landing-3-articles-news-content-2-cat .three-articles-title, #landing-3-articles-also-interested-2-dog .three-articles-title, #landing-3-articles-also-interested-2-cat .three-articles-title {
    padding: 0; } }

@media (max-width: 768px) {
  #landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-news-content-dog .three-articles-title, #landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title, #landing-3-articles-news-content-cat .three-articles-title, #landing-3-articles-also-interested-dog .three-articles-title, #landing-3-articles-also-interested-cat .three-articles-title, #landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-news-content-2-dog .three-articles-title, #landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title, #landing-3-articles-news-content-2-cat .three-articles-title, #landing-3-articles-also-interested-2-dog .three-articles-title, #landing-3-articles-also-interested-2-cat .three-articles-title {
    padding: 60px 0px 0px 22px; } }

@media (max-width: 550px) {
  #landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-news-content-dog .three-articles-title, #landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title, #landing-3-articles-news-content-cat .three-articles-title, #landing-3-articles-also-interested-dog .three-articles-title, #landing-3-articles-also-interested-cat .three-articles-title, #landing-3-articles-learn-from-dog .three-articles-title, #landing-3-articles-learn-from-2-dog .three-articles-title, #landing-3-articles-news-content-2-dog .three-articles-title, #landing-3-articles-last-advices-dog .three-articles-title, #landing-3-articles-learn-from-cat .three-articles-title, #landing-3-articles-learn-from-2-cat .three-articles-title, #landing-3-articles-last-advices-cat .three-articles-title, #landing-3-articles-news-content-2-cat .three-articles-title, #landing-3-articles-also-interested-2-dog .three-articles-title, #landing-3-articles-also-interested-2-cat .three-articles-title {
    padding: 40px 0px 0px 22px; } }

@media (min-width: 1024px) {
  #landing-3-articles-learn-from-dog, #landing-3-articles-learn-from-2-dog, #landing-3-articles-news-content-dog, #landing-3-articles-last-advices-dog, #landing-3-articles-learn-from-cat, #landing-3-articles-learn-from-2-cat, #landing-3-articles-last-advices-cat, #landing-3-articles-news-content-cat, #landing-3-articles-also-interested-dog, #landing-3-articles-also-interested-cat, #landing-3-articles-news-content-2-dog, #landing-3-articles-news-content-2-cat {
    padding: 60px 40px; } }

#landing-3-articles-learn-from-dog .swiper-wrapper, #landing-3-articles-learn-from-2-dog .swiper-wrapper, #landing-3-articles-news-content-dog .swiper-wrapper, #landing-3-articles-last-advices-dog .swiper-wrapper, #landing-3-articles-learn-from-cat .swiper-wrapper, #landing-3-articles-learn-from-2-cat .swiper-wrapper, #landing-3-articles-last-advices-cat .swiper-wrapper, #landing-3-articles-news-content-cat .swiper-wrapper, #landing-3-articles-also-interested-dog .swiper-wrapper, #landing-3-articles-also-interested-cat .swiper-wrapper, #landing-3-articles-news-content-2-dog .swiper-wrapper, #landing-3-articles-news-content-2-dog .swiper-wrapper, #landing-3-articles-news-content-2-cat .swiper-wrapper {
  padding: 0; }
  @media (max-width: 768px) {
    #landing-3-articles-learn-from-dog .swiper-wrapper, #landing-3-articles-learn-from-2-dog .swiper-wrapper, #landing-3-articles-news-content-dog .swiper-wrapper, #landing-3-articles-last-advices-dog .swiper-wrapper, #landing-3-articles-learn-from-cat .swiper-wrapper, #landing-3-articles-learn-from-2-cat .swiper-wrapper, #landing-3-articles-last-advices-cat .swiper-wrapper, #landing-3-articles-news-content-cat .swiper-wrapper, #landing-3-articles-also-interested-dog .swiper-wrapper, #landing-3-articles-also-interested-cat .swiper-wrapper, #landing-3-articles-news-content-2-dog .swiper-wrapper, #landing-3-articles-news-content-2-dog .swiper-wrapper, #landing-3-articles-news-content-2-cat .swiper-wrapper {
      padding: 0px 0px 60px 22px; } }
  @media (max-width: 550px) {
    #landing-3-articles-learn-from-dog .swiper-wrapper, #landing-3-articles-learn-from-2-dog .swiper-wrapper, #landing-3-articles-news-content-dog .swiper-wrapper, #landing-3-articles-last-advices-dog .swiper-wrapper, #landing-3-articles-learn-from-cat .swiper-wrapper, #landing-3-articles-learn-from-2-cat .swiper-wrapper, #landing-3-articles-last-advices-cat .swiper-wrapper, #landing-3-articles-news-content-cat .swiper-wrapper, #landing-3-articles-also-interested-dog .swiper-wrapper, #landing-3-articles-also-interested-cat .swiper-wrapper, #landing-3-articles-news-content-2-dog .swiper-wrapper, #landing-3-articles-news-content-2-dog .swiper-wrapper, #landing-3-articles-news-content-2-cat .swiper-wrapper {
      padding-left: 20px; } }

#landing-2-articles-dog, #home-downloads-dog, #home-downloads-cat, #landing-2-articles-cat {
  padding: 60px 40px; }
  @media (max-width: 768px) {
    #landing-2-articles-dog, #home-downloads-dog, #home-downloads-cat, #landing-2-articles-cat {
      padding: 60px 22px; } }
  @media (max-width: 550px) {
    #landing-2-articles-dog, #home-downloads-dog, #home-downloads-cat, #landing-2-articles-cat {
      padding: 40px 22px; } }

#home-top5-dog .btn-box, #home-top5-cat .btn-box {
  margin-top: 68px; }

.cat_area #home-top5-cat a.custom-btn-brand, [data-category-id='take-care-tips-cat'] #home-top5-cat a.custom-btn-brand, #landing-3-articles-also-interested-cat #home-top5-cat a.custom-btn-brand {
  background: #4a773c;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 17px 34px;
  border-radius: 50px;
  color: white;
  display: inline-block;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease; }

.cat_area #home-top5-cat a.custom-btn-brand:hover, [data-category-id='take-care-tips-cat'] #home-top5-cat a.custom-btn-brand:hover, #landing-3-articles-also-interested-cat #home-top5-cat a.custom-btn-brand:hover {
  background: #15331f;
  text-decoration: none; }

.cat_area .custom-articles .ym_Article .info-article h3, [data-category-id='take-care-tips-cat'] .custom-articles .ym_Article .info-article h3, #landing-3-articles-also-interested-cat .custom-articles .ym_Article .info-article h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: inherit;
  overflow: inherit;
  text-overflow: inherit; }

@media (min-width: 769px) and (max-width: 1023px) {
  #landing-3-articles-also-interested-dog #ULT_Article .new img, #landing-3-articles-also-interested-cat #ULT_Article .new img {
    height: 45vw; } }

@media (min-width: 1024px) and (max-width: 1439px) {
  #landing-3-articles-also-interested-dog #ULT_Article .new img, #landing-3-articles-also-interested-cat #ULT_Article .new img {
    height: 17.7vw; } }

@media (min-width: 1440px) {
  #landing-3-articles-also-interested-dog #ULT_Article .new img, #landing-3-articles-also-interested-cat #ULT_Article .new img {
    height: 266px; } }

.custom-articles .ym_Article-detalle .bloque {
  padding: 0; }

.custom-articles #ULT_Article .new {
  border-radius: 10px;
  border-radius: 10px; }
  @media (min-width: 550px) {
    .custom-articles #ULT_Article .new {
      overflow: hidden; } }
  @media (max-width: 768px) {
    .custom-articles #ULT_Article .new img:hover {
      transform: inherit; }
    .custom-articles #ULT_Article .new img {
      height: 63vw; } }

.custom-articles #ULT_Article:hover img {
  transform: scale(1.3); }

.custom-articles #ULT_Article img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.35s cubic-bezier(0.05, 0.83, 0.39, 0.97), opacity 0.4s; }

.custom-articles #ULT_Article .flex-item-container {
  overflow: hidden;
  border-radius: 10px; }

.custom-articles .ULT_Article {
  background-color: inherit;
  display: flex;
  flex-direction: column; }

.custom-articles .info-article {
  border: none;
  margin-top: 0;
  padding: 0px 0;
  min-height: 0; }
  @media (min-width: 768px) {
    .custom-articles .info-article {
      margin-top: 10px; } }

.custom-articles .ym_Article .info-article h3 {
  font-family: 'ubuntumedium';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: inherit;
  overflow: inherit;
  text-overflow: inherit; }

@media (max-width: 550px) {
  .landing-2-articles-dog-container #ULT_Article .new img, .landing-2-articles-cat-container #ULT_Article .new img {
    height: 49vw; } }

@media only screen and (min-width: 550px) and (max-width: 768px) {
  .landing-2-articles-dog-container #ULT_Article .new img, .landing-2-articles-cat-container #ULT_Article .new img {
    height: 52vw; } }

#home-top5-cat a.custom-btn-brand {
  background: #4a773c;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase;
  padding: 17px 34px;
  border-radius: 50px;
  color: white;
  display: inline-block;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease; }

#home-top5-dog a.custom-btn-brand {
  background: #936031;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase;
  padding: 17px 34px;
  border-radius: 50px;
  color: white;
  display: inline-block;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease; }

#home-top5-cat a.custom-btn-brand:hover {
  background: #15331f;
  text-decoration: none; }

#home-top5-dog a.custom-btn-brand:hover {
  background: #432619;
  text-decoration: none; }

.ultima a.custom-btn-brand span {
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
  font-family: 'ubuntu'; }

.btn-box {
  text-align: center; }

.ym-banner-head .info-slide h1 {
  font-family: 'ubuntumedium' !important; }

.ym-banner-head .ym-scroll_down {
  display: none !important; }

.custom-carousel-container .home-banner-dog-container .ym-banner-head .ym-scroll_down, .custom-carousel-container .home-banner-cat-container .ym-banner-head .ym-scroll_down {
  display: none; }

.custom-carousel-container .home-banner-dog-container .ULT_Banner .left, .custom-carousel-container .home-banner-cat-container .ULT_Banner .left {
  left: 160px;
  margin-left: 0;
  max-width: 100%;
  padding: 0;
  width: 100%; }
  @media (max-width: 1024px) {
    .custom-carousel-container .home-banner-dog-container .ULT_Banner .left, .custom-carousel-container .home-banner-cat-container .ULT_Banner .left {
      left: 40px;
      max-width: 600px; } }
  @media (max-width: 768px) {
    .custom-carousel-container .home-banner-dog-container .ULT_Banner .left, .custom-carousel-container .home-banner-cat-container .ULT_Banner .left {
      bottom: 80px;
      left: 22px;
      text-align: left;
      max-width: calc(100% - 92px);
      max-width: -webkit-calc(100% - 92px); } }

.custom-carousel-container .home-banner-dog-container .ym-banner-head .info-slide h1, .custom-carousel-container .home-banner-cat-container .ym-banner-head .info-slide h1 {
  font-size: 70px;
  line-height: 80px;
  letter-spacing: -0.04em;
  font-weight: 500;
  font-family: 'ubuntu';
  margin-left: 0;
  max-width: 568px; }

.custom-carousel-container .home-banner-dog-container .ym-banner-head .info-slide .subtitle, .custom-carousel-container .home-banner-cat-container .ym-banner-head .info-slide .subtitle {
  font-size: 24px;
  line-height: 28px;
  max-width: 560px;
  display: block;
  margin-top: 22px;
  margin-left: 0;
  letter-spacing: -0.04em;
  font-weight: 500;
  font-family: 'ubuntu'; }

@media (max-width: 768px) {
  .custom-carousel-container .home-banner-dog-container .btn-box, .custom-carousel-container .home-banner-cat-container .btn-box {
    float: left;
    margin: 14px 0 0 0;
    padding-bottom: 0px; } }

.ULT_Banner .left-bottom {
  bottom: 80px;
  left: 160px;
  margin: 0; }
  @media (max-width: 1024px) {
    .ULT_Banner .left-bottom {
      left: 40px; } }
  @media (max-width: 768px) {
    .ULT_Banner .left-bottom {
      left: 22px; } }

.custom-swiper-pagination.swiper-pagination {
  display: flex;
  justify-content: flex-start; }
  @media (max-width: 768px) {
    .custom-swiper-pagination.swiper-pagination {
      margin-left: 30px; } }

.custom-swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: white !important;
  opacity: 0.2; }
  .custom-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: white !important;
    opacity: inherit; }

.custom-content.cat #ULT_Articles_Landing .ULT_Article, .custom-content.dog #ULT_Articles_Landing .ULT_Article {
  height: 370px; }
  @media (min-width: 375px) and (max-width: 1023px) {
    .custom-content.cat #ULT_Articles_Landing .ULT_Article, .custom-content.dog #ULT_Articles_Landing .ULT_Article {
      height: 320px; } }
  @media (min-width: 1024px) and (max-width: 1439px) {
    .custom-content.cat #ULT_Articles_Landing .ULT_Article, .custom-content.dog #ULT_Articles_Landing .ULT_Article {
      height: 300px; } }

.custom-slider-caption {
  position: absolute;
  left: 160px;
  top: 50%;
  width: 100%;
  max-width: -webkit-calc(100% - 320px);
  max-width: calc(100% - 320px);
  -webkit-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0);
  pointer-events: none;
  -webkit-transition: all 0.8s cubic-bezier(0.05, 0.83, 0.39, 0.97);
  transition: all 0.8s cubic-bezier(0.05, 0.83, 0.39, 0.97); }

.custom-ULT_Banner .left-bottom {
  max-width: inherit;
  margin-left: 0px;
  padding: 0 160px;
  top: 20%; }
  .custom-ULT_Banner .left-bottom .title {
    font-size: 70px;
    line-height: 80px;
    letter-spacing: -0.04em;
    font-weight: 600;
    color: white; }
  .custom-ULT_Banner .left-bottom .subtitle {
    max-width: 560px;
    margin-top: 22px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.04em;
    font-weight: 600; }
  .custom-ULT_Banner .left-bottom .banner.btn-box {
    padding: 20px 0 40px 0; }

.custom-ULT_Banner .custom-banner-article-image {
  max-width: 1440px;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  height: 640px; }

.custom-ULT_Banner video {
  height: 640px !important; }

@media (max-width: 1088px) {
  .custom-ULT_Banner .left-bottom {
    margin-left: 0px;
    padding: 0 20px; }
    .custom-ULT_Banner .left-bottom .title {
      font-size: 2.5rem;
      line-height: 0px; } }

@media (max-width: 768px) {
  .custom-ULT_Banner {
    margin-left: 33px; } }

.custom-swiper-pagination.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  bottom: 60px;
  height: 0;
  left: 160px; }
  @media (max-width: 1024px) {
    .custom-swiper-pagination.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
      bottom: 40px;
      left: 40px; } }
  @media (max-width: 768px) {
    .custom-swiper-pagination.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
      bottom: 40px;
      left: 0; } }

.custom-article-news-bt-container {
  display: flex;
  gap: 20px; }
  .custom-article-news-bt-container .custom-show-all {
    align-self: flex-end; }

.custom-content.cat .ym_Articles_Landing .ULT_Article .info-article .all span {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #b0dc85;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 350px;
  letter-spacing: 0px; }

.custom-content.cat #ULT_Articles_Landing, .custom-content.cat #articles_landings {
  background-color: #203125;
  row-gap: 10px;
  padding: 0 8px; }
  @media (min-width: 768px) {
    .custom-content.cat #ULT_Articles_Landing, .custom-content.cat #articles_landings {
      column-gap: 5px; } }
  @media (min-width: 1024px) {
    .custom-content.cat #ULT_Articles_Landing, .custom-content.cat #articles_landings {
      column-gap: 0;
      padding: 0 15px; } }
  .custom-content.cat #ULT_Articles_Landing #ym_filter.ym_filter, .custom-content.cat #articles_landings #ym_filter.ym_filter {
    background-color: #4a773c; }
    .custom-content.cat #ULT_Articles_Landing #ym_filter.ym_filter:hover, .custom-content.cat #articles_landings #ym_filter.ym_filter:hover {
      background-color: #15331f; }

.custom-content.cat #ym_modal_filter {
  background-color: #15331f; }
  .custom-content.cat #ym_modal_filter .ym_filter_image:hover {
    background-color: #4a773c; }

.custom-content.cat .ym_Articles_Landing #paginator .alPageLink {
  color: white;
  border-radius: 16px;
  padding: 2px 10px;
  margin-bottom: 5px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: unset; }
  .custom-content.cat .ym_Articles_Landing #paginator .alPageLink a.active {
    color: white !important;
    font-size: 22px; }
  .custom-content.cat .ym_Articles_Landing #paginator .alPageLink a {
    color: #b0dc85; }

.custom-content.cat .ym_Articles_Landing #paginator span.icon-arrow-menu, .custom-content.cat .ym_Articles_Landing #paginator span.icon-arrow-menu-back {
  color: #b0dc85; }

.custom-content.dog .ym_Articles_Landing .ULT_Article .info-article .all span {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #e0bf94;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 350px;
  letter-spacing: 0px; }

.custom-content.dog #ULT_Articles_Landing, .custom-content.dog #articles_landings {
  background-color: #2E2226;
  row-gap: 10px;
  padding: 0 8px; }
  @media (min-width: 768px) {
    .custom-content.dog #ULT_Articles_Landing, .custom-content.dog #articles_landings {
      column-gap: 5px; } }
  @media (min-width: 1024px) {
    .custom-content.dog #ULT_Articles_Landing, .custom-content.dog #articles_landings {
      column-gap: 0;
      padding: 0 15px; } }
  .custom-content.dog #ULT_Articles_Landing #ym_filter.ym_filter, .custom-content.dog #articles_landings #ym_filter.ym_filter {
    background-color: #936031; }
    .custom-content.dog #ULT_Articles_Landing #ym_filter.ym_filter:hover, .custom-content.dog #articles_landings #ym_filter.ym_filter:hover {
      background-color: #432619; }

.custom-content.dog #ym_modal_filter {
  background-color: #432619; }
  .custom-content.dog #ym_modal_filter .ym_filter_image:hover {
    background-color: #936031; }

.custom-content.dog .ym_Articles_Landing #paginator .alPageLink {
  color: white;
  border-radius: 16px;
  padding: 2px 10px;
  margin-bottom: 5px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: unset; }
  .custom-content.dog .ym_Articles_Landing #paginator .alPageLink a.active {
    color: white !important;
    font-size: 22px; }

.custom-content.dog .ym_Articles_Landing span.icon-arrow-menu, .custom-content.dog .ym_Articles_Landing span.icon-arrow-menu-back {
  color: #e0bf94; }

@media (min-width: 1024px) {
  .custom-content.dog #ULT_Articles_Landing #ULT_Article .new img {
    height: 17vw; } }

@media (min-width: 1440px) {
  .custom-content.dog #ULT_Articles_Landing #ULT_Article .new img {
    height: 18vw;
    max-height: 250px; } }

.custom-content.dog .ym_Articles_Landing .paginator .alPageLink a, .custom-content.dog .ym_Articles_Landing .paginator .alPageLink a:visited {
  color: #e0bf94; }

.custom-content .cat .ym_Articles_Landing .paginator .alPageLink a, .custom-content .cat .ym_Articles_Landing .paginator .alPageLink a:visited {
  color: #b0dc85; }

.custom-content #bannerContainer {
  display: none; }

.custom-content .sk-backdrop {
  opacity: 0; }

.custom-content #ym_modal_filter {
  left: 23px;
  right: inherit;
  top: 114px;
  box-shadow: none;
  min-height: auto;
  color: white;
  border-radius: 10px;
  padding: 14px 0; }
  @media (min-width: 1024px) {
    .custom-content #ym_modal_filter {
      left: 37px; } }
  .custom-content #ym_modal_filter .ym_filter_container.container {
    padding: 0; }
  .custom-content #ym_modal_filter .ym_filter_container .ym_filter_title {
    display: none; }
  .custom-content #ym_modal_filter .ym_filter_container .ym_filter_content .ym_filter_selector {
    margin: 35px 0 0px; }
  .custom-content #ym_modal_filter .ym_filter_container .ym_filter_content .ym_filter_subselector .ym_filter_header {
    display: none; }
  .custom-content #ym_modal_filter .ym_filter_container .ym_filter_content .ym_filter_subcontent {
    display: block;
    width: 100%; }
    .custom-content #ym_modal_filter .ym_filter_container .ym_filter_content .ym_filter_subcontent .ym_filter_image {
      width: 100%;
      height: 100%;
      padding: 8px 20px;
      margin: 0 0 0px;
      text-transform: uppercase; }
      .custom-content #ym_modal_filter .ym_filter_container .ym_filter_content .ym_filter_subcontent .ym_filter_image h3 {
        font-size: 14px;
        margin-left: 10px;
        margin: 0;
        padding: 0;
        vertical-align: baseline; }
      .custom-content #ym_modal_filter .ym_filter_container .ym_filter_content .ym_filter_subcontent .ym_filter_image .image {
        display: none; }
  .custom-content #ym_modal_filter .ym_filter_container .ym_filter_content .ym_filter_footer {
    display: none !important; }

.custom-content #ULT_Articles_Landing.ym_filter, .custom-content #articles_landings.ym_filter, .custom-content #ym_filter.ym_filter, .custom-content #bannerContainer.ym_filter, .custom-content #paginator.ym_filter {
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 8px 24px;
  border-radius: 50px;
  color: white;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease;
  width: fit-content;
  display: flex;
  align-items: center;
  font-family: 'Ubuntu';
  letter-spacing: -0.04em;
  font-weight: 500;
  margin-left: 17px;
  margin-top: 60px; }
  @media (min-width: 768px) {
    .custom-content #ULT_Articles_Landing.ym_filter, .custom-content #articles_landings.ym_filter, .custom-content #ym_filter.ym_filter, .custom-content #bannerContainer.ym_filter, .custom-content #paginator.ym_filter {
      font-size: 24px;
      line-height: 28px; } }
  @media (min-width: 1024px) {
    .custom-content #ULT_Articles_Landing.ym_filter, .custom-content #articles_landings.ym_filter, .custom-content #ym_filter.ym_filter, .custom-content #bannerContainer.ym_filter, .custom-content #paginator.ym_filter {
      margin-left: 24px; } }
  .custom-content #ULT_Articles_Landing.ym_filter .icon-chevron-right, .custom-content #articles_landings.ym_filter .icon-chevron-right, .custom-content #ym_filter.ym_filter .icon-chevron-right, .custom-content #bannerContainer.ym_filter .icon-chevron-right, .custom-content #paginator.ym_filter .icon-chevron-right {
    position: inherit;
    margin-left: 11px;
    font-size: 30px;
    color: white;
    transform: rotate(90deg); }

.custom-content #ULT_Articles_Landing #ULT_Article, .custom-content #articles_landings #ULT_Article, .custom-content #ym_filter #ULT_Article, .custom-content #bannerContainer #ULT_Article, .custom-content #paginator #ULT_Article {
  border: none;
  box-shadow: none;
  overflow: hidden;
  border-radius: 10px; }
  .custom-content #ULT_Articles_Landing #ULT_Article .new, .custom-content #articles_landings #ULT_Article .new, .custom-content #ym_filter #ULT_Article .new, .custom-content #bannerContainer #ULT_Article .new, .custom-content #paginator #ULT_Article .new {
    overflow: hidden;
    border-radius: 10px; }
    .custom-content #ULT_Articles_Landing #ULT_Article .new img:hover, .custom-content #articles_landings #ULT_Article .new img:hover, .custom-content #ym_filter #ULT_Article .new img:hover, .custom-content #bannerContainer #ULT_Article .new img:hover, .custom-content #paginator #ULT_Article .new img:hover {
      transform: scale(1.3); }
    @media (max-width: 768px) {
      .custom-content #ULT_Articles_Landing #ULT_Article .new img:hover, .custom-content #articles_landings #ULT_Article .new img:hover, .custom-content #ym_filter #ULT_Article .new img:hover, .custom-content #bannerContainer #ULT_Article .new img:hover, .custom-content #paginator #ULT_Article .new img:hover {
        transform: inherit; } }
  .custom-content #ULT_Articles_Landing #ULT_Article img, .custom-content #articles_landings #ULT_Article img, .custom-content #ym_filter #ULT_Article img, .custom-content #bannerContainer #ULT_Article img, .custom-content #paginator #ULT_Article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px; }
  .custom-content #ULT_Articles_Landing #ULT_Article .info-article, .custom-content #articles_landings #ULT_Article .info-article, .custom-content #ym_filter #ULT_Article .info-article, .custom-content #bannerContainer #ULT_Article .info-article, .custom-content #paginator #ULT_Article .info-article {
    border: none;
    padding: 10px 0;
    position: absolute; }
    .custom-content #ULT_Articles_Landing #ULT_Article .info-article .dogs span, .custom-content #articles_landings #ULT_Article .info-article .dogs span, .custom-content #ym_filter #ULT_Article .info-article .dogs span, .custom-content #bannerContainer #ULT_Article .info-article .dogs span, .custom-content #paginator #ULT_Article .info-article .dogs span {
      font-family: 'Ubuntu';
      font-style: normal;
      font-size: 12px;
      line-height: 14px;
      font-weight: 500;
      text-transform: uppercase;
      color: #e0bf94;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 350px;
      letter-spacing: 0px; }
    .custom-content #ULT_Articles_Landing #ULT_Article .info-article .cats span, .custom-content #articles_landings #ULT_Article .info-article .cats span, .custom-content #ym_filter #ULT_Article .info-article .cats span, .custom-content #bannerContainer #ULT_Article .info-article .cats span, .custom-content #paginator #ULT_Article .info-article .cats span {
      font-family: 'Ubuntu';
      font-style: normal;
      font-size: 12px;
      line-height: 14px;
      font-weight: 500;
      text-transform: uppercase;
      color: #b0dc85;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 350px;
      letter-spacing: 0px; }
    .custom-content #ULT_Articles_Landing #ULT_Article .info-article .title, .custom-content #articles_landings #ULT_Article .info-article .title, .custom-content #ym_filter #ULT_Article .info-article .title, .custom-content #bannerContainer #ULT_Article .info-article .title, .custom-content #paginator #ULT_Article .info-article .title {
      font-family: 'ubuntu';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 21px;
      color: white;
      max-width: 350px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }

.cat_area .paginator, .dog_area .paginator, .ym_Articles_Landing .paginator {
  background-color: inherit; }

.cat_area .page-share, .dog_area .page-share, .ym_Articles_Landing .page-share {
  display: none; }

.cat_area .footer-content .custom-content #ULT_Articles_Landing #ULT_Article .info-article .categoryDetail span, .cat_area .footer-content .custom-content #articles_landings #ULT_Article .info-article .categoryDetail span, .cat_area .footer-content .custom-content #ym_filter #ULT_Article .info-article .categoryDetail span, .cat_area .footer-content .custom-content #bannerContainer #ULT_Article .info-article .categoryDetail span, .cat_area .footer-content .custom-content #paginator #ULT_Article .info-article .categoryDetail span {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #b0dc85;
  white-space: nowrap;
  max-width: 350px;
  -webkit-box-orient: inherit;
  overflow: inherit;
  text-overflow: inherit; }

.cat_area .footer-content .custom-banner-pdf {
  background: #203125; }

.cat_area .footer-content .custom-banner-pdf .btn-box .ym-btn-brown {
  background-color: #4a773c;
  border-color: #4a773c; }
  .cat_area .footer-content .custom-banner-pdf .btn-box .ym-btn-brown:hover {
    background: #15331f !important;
    border-color: #15331f; }

.cat_area .btn-box .btn.btn-brand, .cat_area .btn-box .btn.btn-brand:visited, .cat_area .btn-box .btn.ym-btn, .cat_area .btn-box .btn.ym-btn:visited {
  background-color: #4a773c;
  border-color: #4a773c; }
  .cat_area .btn-box .btn.btn-brand:hover, .cat_area .btn-box .btn.btn-brand:visited:hover, .cat_area .btn-box .btn.ym-btn:hover, .cat_area .btn-box .btn.ym-btn:visited:hover {
    background-color: #15331f !important;
    border-color: #15331f !important;
    color: #fff !important; }

.cat_area .custom-banner-pdf.ym-banner-head picture img {
  background: radial-gradient(circle, #215732 0%, #15331f 100%); }

.dog_area .btn-box .btn.btn-brand, .dog_area .btn-box .btn.btn-brand:visited, .dog_area .btn-box .btn.ym-btn, .dog_area .btn-box .btn.ym-btn:visited {
  background-color: #936031;
  border-color: #936031; }
  .dog_area .btn-box .btn.btn-brand:hover, .dog_area .btn-box .btn.btn-brand:visited:hover, .dog_area .btn-box .btn.ym-btn:hover, .dog_area .btn-box .btn.ym-btn:visited:hover {
    background-color: #432619 !important;
    border-color: #432619 !important;
    color: #fff !important; }

.cases-back-button-container {
  font-family: 'Ubuntu';
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  cursor: pointer;
  background: white; }

.custom-articles .ym_go_back {
  display: none; }

.cases-back-button {
  margin-bottom: 0;
  margin-left: 0;
  text-transform: uppercase;
  color: black !important;
  text-decoration: none !important;
  transition: opacity 0.4s ease;
  display: flex;
  gap: 10px;
  padding: 10px 15px 15px 10px;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500; }
  .cases-back-button svg {
    transform: rotate(180deg); }
    .cases-back-button svg path {
      fill: black; }
  @media (max-width: 768px) {
    .cases-back-button {
      padding-left: 34px; } }

.cases-back-button:hover {
  opacity: 0.5; }

.cases-back-button-container--asset {
  background: transparent;
  position: absolute; }

.cases-back-button--white {
  color: #ffffff !important; }
  .cases-back-button--white svg path {
    fill: #ffffff; }

.custom-banner-pdf {
  margin-top: 15px; }
  @media (max-width: 768px) {
    .custom-banner-pdf {
      height: 780px; } }
  .custom-banner-pdf picture img {
    border-radius: 18px;
    height: 100%; }
  .custom-banner-pdf .ym-bg-img::before {
    background-color: inherit; }
  .custom-banner-pdf .info-slide .subtitle {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500; }
  .custom-banner-pdf .info-slide.right-logo {
    text-align: left;
    max-width: 440px;
    right: 115px;
    margin-top: 70px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 1024px) {
      .custom-banner-pdf .info-slide.right-logo {
        max-width: 305px; } }
    @media (max-width: 1280px) {
      .custom-banner-pdf .info-slide.right-logo {
        right: 60px; } }
  .custom-banner-pdf.ym-banner-head picture img {
    background: radial-gradient(circle, #703f2a 0%, #432619 100%); }
  .custom-banner-pdf .btn-box {
    display: block; }
    .custom-banner-pdf .btn-box .ym-btn-brown {
      background-color: #936031;
      border-color: #936031; }
    .custom-banner-pdf .btn-box .ym-btn-brown:hover {
      background: #432619 !important;
      color: #fff !important;
      border-color: #432619; }
    @media (max-width: 768px) {
      .custom-banner-pdf .btn-box {
        margin: 20px 0 0;
        display: flex; } }

.case-cat-lock {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
  background: #eeb14e;
  margin: 0; }
  .case-cat-lock svg {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important; }

@media (max-width: 768px) {
  .custom-banner-pdf.ULT_Banner.h2 .btn-box {
    margin: 0;
    padding: 0; }
  .custom-banner-pdf.ym-banner-head.h2 .ym_logo-mobile {
    margin-top: 0px; }
  .custom-banner-pdf .info-slide.right-logo {
    text-align: center;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 70vw;
    width: 320px;
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px); }
  .custom-banner-pdf.ym-banner-head.h2 .info-slide .subtitle {
    color: white;
    font-size: 15px;
    line-height: 17px; }
  .custom-banner-pdf.ym-banner-head.h2 .info-slide h2 {
    color: white;
    margin-top: 0px; }
  .custom-banner-pdf.ym-banner-head.h2 .info-slide h2:before {
    display: none; } }

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
  width: 100%;
  position: absolute; }

@media (max-width: 550px) {
  .custom-section-title {
    font-size: 24px;
    line-height: 28px; }
  .custom-carousel-container .home-banner-dog-container .ym-banner-head .info-slide h1, .custom-carousel-container .home-banner-cat-container .ym-banner-head .info-slide h1 {
    font-size: 26px;
    line-height: 28px; }
  .custom-carousel-container .home-banner-dog-container .ym-banner-head .info-slide .subtitle, .custom-carousel-container .home-banner-cat-container .ym-banner-head .info-slide .subtitle {
    font-size: 16px;
    line-height: 18px; }
  #home-top5-dog, #home-top5-cat {
    padding-top: 40px; } }

@media (max-width: 1024px) and (min-width: 550px) {
  .custom-carousel-container .home-banner-dog-container .ym-banner-head .info-slide h1, .custom-carousel-container .home-banner-cat-container .ym-banner-head .info-slide h1 {
    font-size: 40px;
    line-height: 48px; } }

@media (max-width: 1024px) {
  .custom-banner-pdf .info-slide .subtitle {
    font-size: 15px;
    line-height: 17px; }
  #home-top5-dog .ULT_Article:first-of-type .new::-webkit-scrollbar, #landing-3-articles-learn-from-dog #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-learn-from-2-dog #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-news-content-dog #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-news-content-2-dog #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-last-advices-dog #ULT_Article .new::-webkit-scrollbar, #landing-2-articles-dog #ULT_Article .new::-webkit-scrollbar, #home-top5-cat .ULT_Article:first-of-type .new::-webkit-scrollbar, #landing-3-articles-learn-from-cat #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-learn-from-2-cat #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-news-content-cat #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-news-content-2-cat #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-last-advices-cat #ULT_Article .new::-webkit-scrollbar, #landing-2-articles-cat #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-also-interested-dog #ULT_Article .new::-webkit-scrollbar, #landing-3-articles-also-interested-cat #ULT_Article .new::-webkit-scrollbar, #ULT_Articles_Landing .articles .ULT_Article #ULT_Article .new::-webkit-scrollbar, .custom-articles .content-asset #ULT_Articles_Landing .articles .ULT_Article #ULT_Article::-webkit-scrollbar {
    display: none; }
  #home-top5-dog .ULT_Article:first-of-type .new, #landing-3-articles-learn-from-dog #ULT_Article .new, #landing-3-articles-learn-from-2-dog #ULT_Article .new, #landing-3-articles-news-content-dog #ULT_Article .new, #landing-3-articles-last-advices-dog #ULT_Article .new, #landing-2-articles-dog #ULT_Article .new, #home-top5-cat .ULT_Article:first-of-type .new, #landing-3-articles-learn-from-cat #ULT_Article .new, #landing-3-articles-learn-from-2-cat #ULT_Article .new, #landing-3-articles-news-content-cat #ULT_Article .new, #landing-3-articles-last-advices-cat #ULT_Article .new, #landing-2-articles-cat #ULT_Article .new, #landing-3-articles-also-interested-dog #ULT_Article .new, #landing-3-articles-also-interested-cat #ULT_Article .new, #ULT_Articles_Landing .articles .ULT_Article #ULT_Article .new, .custom-articles .content-asset #ULT_Articles_Landing .articles .ULT_Article #ULT_Article, #landing-3-articles-news-content-2-dog #ULT_Article .new, #landing-3-articles-news-content-2-cat #ULT_Article .new {
    -ms-overflow-style: none;
    overflow: auto; }
  #home-top5-dog #ULT_Article .new img, #home-top5-cat #ULT_Article .new img, #landing-3-articles-learn-from-dog #ULT_Article .new img, #landing-3-articles-learn-from-cat #ULT_Article .new img, #landing-3-articles-learn-from-2-dog #ULT_Article .new img, #landing-3-articles-learn-from-2-cat #ULT_Article .new img, #landing-3-articles-news-content-dog #ULT_Article .new img, #landing-3-articles-news-content-cat #ULT_Article .new img, #landing-3-articles-last-advices-dog #ULT_Article .new img, #landing-3-articles-last-advices-cat #ULT_Article .new img, #landing-2-articles-dog #ULT_Article .new img, #landing-2-articles-cat #ULT_Article .new img, #landing-3-articles-also-interested-dog #ULT_Article .new img, #landing-3-articles-also-interested-cat #ULT_Article .new img, #ULT_Articles_Landing .articles .ULT_Article #ULT_Article .new img, .custom-articles .content-asset #ULT_Articles_Landing .articles .ULT_Article #ULT_Article img, #landing-3-articles-news-content-2-dog #ULT_Article .new img, #landing-3-articles-news-content-2-cat #ULT_Article .new img {
    transform: scale(1);
    transition-duration: 2s; }
    #home-top5-dog #ULT_Article .new img:active, #home-top5-cat #ULT_Article .new img:active, #landing-3-articles-learn-from-dog #ULT_Article .new img:active, #landing-3-articles-learn-from-cat #ULT_Article .new img:active, #landing-3-articles-learn-from-2-dog #ULT_Article .new img:active, #landing-3-articles-learn-from-2-cat #ULT_Article .new img:active, #landing-3-articles-news-content-dog #ULT_Article .new img:active, #landing-3-articles-news-content-cat #ULT_Article .new img:active, #landing-3-articles-last-advices-dog #ULT_Article .new img:active, #landing-3-articles-last-advices-cat #ULT_Article .new img:active, #landing-2-articles-dog #ULT_Article .new img:active, #landing-2-articles-cat #ULT_Article .new img:active, #landing-3-articles-also-interested-dog #ULT_Article .new img:active, #landing-3-articles-also-interested-cat #ULT_Article .new img:active, #ULT_Articles_Landing .articles .ULT_Article #ULT_Article .new img:active, .custom-articles .content-asset #ULT_Articles_Landing .articles .ULT_Article #ULT_Article img:active, #landing-3-articles-news-content-2-dog #ULT_Article .new img:active, #landing-3-articles-news-content-2-cat #ULT_Article .new img:active {
      transform: scale(1.2); } }

@media (max-width: 768px) and (min-width: 650px) {
  .custom-banner-pdf .info-slide.right-logo {
    padding-top: 50vw; } }

@media (max-width: 768px) and (min-width: 550px) {
  #home-top5-dog .flex-container, #home-top5-cat .flex-container {
    flex-direction: row;
    flex-wrap: wrap; }
  #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type), #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px); }
  #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:first-of-type, #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) img, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) img {
    height: 100%;
    width: 100%; }
  #home-top5-dog .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) #ULT_Article, #home-top5-cat .flex-container .ULT_Article.ym_Article.ellipsis:not(:first-of-type) #ULT_Article {
    flex-direction: column;
    gap: 0; } }

.revealContentScroll {
  position: relative;
  opacity: 0; }

.revealContentScroll.active {
  opacity: 1; }

.active.fadeInContentScroll {
  animation: fade-bottom .5s ease-in; }

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

.fadeInTopFive {
  animation-name: fadeIn;
  animation-duration: 2s; }

@keyframes fadeIn {
  0% {
    transform: translateY(50px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

body[data-action="ExternalLogin-Show"], body[data-action="ExternalAccount-PasswordReset"] {
  padding: 0;
  margin: 0 auto;
  min-height: 100%;
  background-image: url("../img/login_background_app.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  body[data-action="ExternalLogin-Show"] .page-wrapper, body[data-action="ExternalAccount-PasswordReset"] .page-wrapper {
    margin: 0 auto; }
    body[data-action="ExternalLogin-Show"] .page-wrapper .pageTop, body[data-action="ExternalAccount-PasswordReset"] .page-wrapper .pageTop {
      margin-top: 0; }
    body[data-action="ExternalLogin-Show"] .page-wrapper main, body[data-action="ExternalAccount-PasswordReset"] .page-wrapper main {
      padding-bottom: 40px; }
  body[data-action="ExternalLogin-Show"] .buttons-group, body[data-action="ExternalAccount-PasswordReset"] .buttons-group {
    margin-bottom: 0;
    padding-bottom: 35px; }
  body[data-action="ExternalLogin-Show"] .reset-password-form, body[data-action="ExternalAccount-PasswordReset"] .reset-password-form {
    background-color: #ffffff;
    padding: 0 15px 35px 15px;
    border-radius: 8px; }
    body[data-action="ExternalLogin-Show"] .reset-password-form .request-password-body, body[data-action="ExternalAccount-PasswordReset"] .reset-password-form .request-password-body {
      padding: 25px 0 10px; }
      body[data-action="ExternalLogin-Show"] .reset-password-form .request-password-body p, body[data-action="ExternalAccount-PasswordReset"] .reset-password-form .request-password-body p {
        padding-top: 15px; }

body.ultima.external-login .page-wrapper {
  margin: 0 auto !important; }
  body.ultima.external-login .page-wrapper section header .page-title {
    background-color: transparent; }
  body.ultima.external-login .page-wrapper .login-content {
    max-width: 320px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      body.ultima.external-login .page-wrapper .login-content {
        max-width: 480px; } }

body.ultima[data-action="Avatar-Show"] {
  background-color: #ffffff; }
  body.ultima[data-action="Avatar-Show"] .pill-btn.btn.btn-brand:hover, body.ultima[data-action="Avatar-Show"] a.btn.btn-brand:hover, body.ultima[data-action="Avatar-Show"] a.btn:visited.btn-brand:hover {
    background-color: #dd4814;
    color: #ffffff;
    border: 1px solid #dd4814; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper {
    background-color: #f6f6f6;
    position: relative;
    overflow: hidden;
    margin-bottom: 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper.transitioning {
      -moz-transition: height .4s ease-in-out;
      -webkit-transition: height .4s ease-in-out;
      transition: height .4s ease-in-out; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step {
      position: relative;
      background-color: #f6f6f6;
      display: none;
      z-index: 1;
      -moz-transition: opacity .3s ease-out;
      -webkit-transition: opacity .3s ease-out;
      transition: opacity .3s ease-out; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.about-to-transition {
        position: absolute;
        top: 0;
        width: 100%; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.about-to-transition.from-right {
          left: 100%; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.about-to-transition.from-left {
          left: -100%; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.visible {
        display: block; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.dim {
        opacity: .2; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.transitioning {
        -moz-transition: left 0.4s cubic-bezier(0, 1.4, 1, 1);
        -webkit-transition: left 0.4s cubic-bezier(0, 1.4, 1, 1);
        transition: left 0.4s cubic-bezier(0, 1.4, 1, 1);
        z-index: 3;
        left: 0 !important; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.active {
        display: block;
        z-index: 2; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .backTo {
        position: absolute;
        top: 30px;
        left: 50%;
        width: 90%;
        transform: translateX(-50%); }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .pageTop header .section-title {
        font-family: "merriweatherlight";
        font-weight: 300; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .pageTop header .section-desc {
        font-family: "ubuntulight";
        font-weight: 300;
        opacity: 1; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .content {
        background-color: transparent;
        padding: 0; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .finalization-form-wrapper {
        max-width: 90%;
        margin: 15px auto 0; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step .finalization-form-wrapper .form-email-description {
          text-align: center;
          font-family: "merriweatherlight";
          font-size: 12px;
          font-weight: normal;
          margin: 15px 0 0; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .btn-box {
        text-align: center; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step .btn-box .btn {
          margin-bottom: 30px;
          text-transform: uppercase;
          font-family: "ubuntumedium";
          font-size: 14px; }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] {
    background-color: #f6f6f6; }
    body.ultima[data-action="Avatar-Show"] .pill-btn.btn.btn-brand:hover, body.ultima[data-action="Avatar-Show"] a.btn.btn-brand:hover, body.ultima[data-action="Avatar-Show"] a.btn:visited.btn-brand:hover {
      border: 1px solid;
      border-color: #dd4814;
      background-color: transparent;
      color: #dd4814; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step {
      background-size: auto; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .backTo {
        width: 960px;
        top: 30px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step .finalization-form-wrapper {
        max-width: 500px; } }

@media (min-width: 1280px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step .backTo {
    width: 1140px; } }

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg); } }

/*@keyframes scrollDown {
    from {
        margin-top: 30px;
    }
    to {
        margin-top: 50px;
    }
}

@keyframes infrastep-scrollDown {
    from {
        top: 15px;
    }
    to {
        top: 30px;
    }
}*/
body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one {
  background-color: #f6f6f6; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop {
    position: relative;
    padding: 0;
    margin: 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header {
      position: absolute;
      bottom: 54px;
      left: 10%;
      width: 80%;
      text-align: left;
      z-index: 2;
      padding: 0;
      margin: 0; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-desc, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-arrow {
        color: #ffffff; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-title {
        font-size: 25px;
        margin: 0;
        margin-bottom: 8px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-desc {
        font-size: 14px;
        max-width: 500px;
        margin: 0; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .btn-box {
        text-align: left; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .btn-box .btn {
          width: 170px;
          height: 34px;
          font-size: 11px;
          object-fit: contain;
          line-height: 1.8;
          margin-left: 0px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero {
      position: relative;
      z-index: 1; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-overlay {
        background-color: #000;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-desktop {
        display: none; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero img {
        width: 100%;
        height: auto; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .container {
    background-color: transparent;
    margin: 25px auto 0; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-title {
    font-family: "merriweatherlight";
    font-size: 32px;
    font-weight: 300;
    color: #393939;
    margin-bottom: 30px;
    text-align: center; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step {
    position: relative;
    width: 90%;
    padding: 20px;
    margin: 0 auto;
    background-color: #ffffff; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .image-container {
      position: relative;
      text-align: center;
      margin: -10px auto 20px;
      z-index: 1; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .image-container img {
        width: auto;
        height: 100%;
        max-height: 250px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container {
      position: relative;
      z-index: 2; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .title {
        text-align: center;
        color: #893f22;
        font-family: "merriweather";
        font-size: 24px;
        font-weight: normal; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .title-underline {
        width: 50px;
        height: 2px;
        margin: 12px auto 14px;
        background-color: #893f22; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .description {
        text-align: center;
        font-size: 18px;
        font-family: "ubuntulight";
        font-weight: 300; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider {
    position: relative;
    display: block;
    margin: 0;
    height: 60px;
    text-align: center; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider .icon {
      width: 24px;
      margin: 0 auto; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider .icon:before {
        display: block;
        transform: rotate(90deg);
        position: absolute;
        top: 25px;
        left: calc(50% - 7px);
        -webkit-animation: infrastep-scrollDown 1s infinite;
        -moz-animation: infrastep-scrollDown 1s infinite;
        -o-animation: infrastep-scrollDown 1s infinite;
        animation: infrastep-scrollDown 1s infinite;
        animation-direction: alternate;
        animation-timing-function: ease-in-out; }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one {
    background-color: transparent; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header {
      top: 60px;
      left: 0;
      width: 100%; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-title {
        font-size: 54px;
        max-width: 550px;
        margin-left: 94px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-desc {
        font-size: 24px;
        margin-top: 15px;
        margin-left: 94px;
        max-width: 550px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .btn-box .btn {
        height: 55px;
        width: 272px;
        line-height: 2.5;
        font-size: 16px;
        margin-left: 94px;
        margin-top: 24px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-mobile {
      display: none; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-desktop {
      display: block; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .container {
      margin: 25px auto 60px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-title {
      font-size: 46px;
      margin: 40px 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 70px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step {
        width: 300px;
        margin-bottom: 0; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .description {
          height: 70px; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .image-container {
          margin: -30px auto 20px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider {
        position: relative;
        display: block;
        margin: 0 28px;
        height: auto; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider .icon:before {
          position: relative;
          top: auto;
          left: auto;
          transform: none;
          -webkit-animation: none;
          -moz-animation: none;
          -o-animation: none;
          animation: none; } }

body.ultima[data-action="Avatar-Show"] {
  background-color: #fff; }
  body.ultima[data-action="Avatar-Show"] .container-fluid {
    background-color: #fff; }
    @media (min-width: 1024px) {
      body.ultima[data-action="Avatar-Show"] .container-fluid {
        width: 65%; } }
  body.ultima[data-action="Avatar-Show"] .page-wrapper {
    background-color: #fff; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step {
      background-color: #fff !important; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one {
        background-color: #f6f6f6; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop {
          position: relative;
          padding: 0;
          margin: 0; }
          body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header {
            position: absolute;
            bottom: 54px;
            left: 10%;
            width: 80%;
            text-align: left;
            z-index: 2;
            padding: 0;
            margin: 0; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-desc, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-arrow {
              color: #ffffff; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-title {
              font-size: 25px;
              margin: 0;
              margin-bottom: 8px; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-desc {
              font-size: 21px;
              max-width: 600px;
              margin: 0;
              padding-top: 10px; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .btn-box {
              text-align: left; }
              body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .btn-box .btn {
                width: 170px;
                height: 34px;
                font-size: 11px;
                object-fit: contain;
                line-height: 1.8;
                margin-left: 0px; }
          body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero {
            position: relative;
            z-index: 1; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-overlay {
              background-color: #000;
              opacity: 0.5;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-desktop {
              display: none; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero img {
              width: 100%;
              height: auto; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .container {
          background-color: transparent;
          margin: 25px auto 0; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-title {
          font-family: "merriweatherlight";
          font-size: 32px;
          font-weight: 300;
          color: #393939;
          margin-bottom: 30px;
          text-align: center; }
          body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-title:after {
            content: "";
            background: #dd4814;
            width: 48px;
            height: 2px;
            display: block;
            margin: 16px auto; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-desc {
          font-family: Ubuntu;
          font-size: 20px;
          font-weight: 300;
          text-align: center;
          color: #000000;
          margin-bottom: 49px;
          max-width: 900px; }
          @media (min-width: 1024px) {
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-desc {
              margin-bottom: 78px; } }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step {
          position: relative;
          width: 90%;
          padding: 20px;
          margin: 0 auto;
          background-color: transparent; }
          body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .image-container {
            position: relative;
            text-align: center;
            margin: -10px auto 20px;
            z-index: 1; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .image-container img {
              width: auto;
              height: 100%;
              max-height: 250px; }
          body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container {
            position: relative;
            z-index: 2; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .title {
              text-align: center;
              color: #893f22;
              font-family: "merriweather";
              font-size: 24px;
              font-weight: normal; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .title-underline {
              width: 50px;
              height: 2px;
              margin: 12px auto 14px;
              background-color: #893f22; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .description {
              font-family: Ubuntu;
              text-align: center;
              color: #000000; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider {
          position: relative;
          display: block;
          margin: 0;
          height: 60px;
          text-align: center; }
          body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider .icon {
            width: 24px;
            margin: 0 auto; }
            body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider .icon:before {
              display: block;
              transform: rotate(90deg);
              position: absolute;
              top: 25px;
              left: calc(50% - 7px);
              -webkit-animation: infrastep-scrollDown 1s infinite;
              -moz-animation: infrastep-scrollDown 1s infinite;
              -o-animation: infrastep-scrollDown 1s infinite;
              animation: infrastep-scrollDown 1s infinite;
              animation-direction: alternate;
              animation-timing-function: ease-in-out; }

.ym-scroll_down {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 48px;
  height: 48px;
  bottom: 37px;
  left: 50%;
  margin-left: -24px;
  border-radius: 50%;
  background-color: #fff;
  color: #dd4814;
  z-index: 2;
  cursor: pointer; }
  .ym-scroll_down::before {
    content: "\e91a";
    font-family: 'icomoon';
    font-size: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -15px;
    width: 48px;
    height: 30px;
    text-align: center;
    vertical-align: middle; }

@media (max-width: 1023px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .bullets-container {
    display: flex;
    justify-content: center;
    margin-bottom: 70px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .bullets-container .dot {
      height: 10px;
      width: 10px;
      margin: 0 2px;
      background-color: #e4dedc;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .bullets-container .active {
      background-color: #dd4814; } }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one {
    background-color: transparent; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .bullets-container {
      display: none; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-mobile {
      display: none; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop .header-hero .section-image-desktop {
      display: block; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .container {
      margin: 25px auto 60px;
      display: flex;
      flex-direction: column;
      align-items: center; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-title {
      font-size: 46px;
      margin: 40px 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper {
      display: flex;
      align-items: center;
      margin-bottom: 70px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step {
        width: 300px;
        margin-bottom: 0; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .text-container .description {
          height: 70px; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step .image-container {
          margin: -30px auto 20px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider {
        position: relative;
        display: block;
        margin: 0 28px;
        height: auto; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .presentation-step-wrapper .presentation-step-divider .icon:before {
          position: relative;
          top: auto;
          left: auto;
          transform: none;
          -webkit-animation: none;
          -moz-animation: none;
          -o-animation: none;
          animation: none; } }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header {
  top: 51.4%;
  bottom: initial; }
  @media (min-width: 1024px) {
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header {
      top: 32%;
      left: 7%;
      max-width: 550px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-title {
        font-size: 48px;
        font-weight: 100;
        margin: 0;
        margin-bottom: 8px;
        max-width: 520px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-desc {
        font-size: 27px;
        margin: 0; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-one .pageTop header .section-desc span {
          font-weight: bold; } }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper {
  margin-bottom: 60px;
  margin-top: 42px; }
  @media (min-width: 1024px) {
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper {
      margin-bottom: 140px;
      margin-top: 52px;
      justify-content: center; } }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-title {
  font-family: Merriweather;
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  color: #393939;
  margin: 48px 25px 0 25px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-title:after {
    content: "";
    background: #dd4814;
    width: 48px;
    height: 2px;
    display: block;
    margin: 16px auto; }
  @media (min-width: 1024px) {
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-title {
      font-size: 46px;
      margin: 100px 25px 0 25px; } }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-pet-container {
  margin-right: 18px; }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-pet-divider {
    display: block;
    width: 2px;
    margin: 100px 60px 0 60px;
    background-color: #cfcaca;
    height: 178px; } }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation .btn-box .btn {
  width: 100px;
  min-width: unset; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-desc {
  font-family: Ubuntu;
  font-size: 20px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #393939;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .pageTop header {
  padding-top: 60px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .pageTop header .section-title {
    font-size: 19px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .pageTop header .section-desc {
    font-size: 23px;
    font-family: "merriweatherlight"; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .btn-box .btn {
  min-width: 130px;
  margin: 30px auto 0; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper {
  display: flex;
  justify-content: space-around;
  margin-bottom: 80px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-container {
    margin: 0 5px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-container .image-container {
      text-align: center; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-container .image-container img {
        height: 120px;
        width: auto; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-divider {
    display: none; }

@media (min-width: 700px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-container {
    margin: 0 40px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-container .image-container img {
      height: 140px; } }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .pageTop header .section-title {
    font-size: 23px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .pageTop header .section-desc {
    font-size: 46px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .btn-box .btn {
    margin: 40px auto 50px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .container {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(190, 190, 190, 0.5);
    margin: 0 auto 80px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-container {
    margin: 0;
    padding: 60px 0 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-container .image-container img {
      height: 240px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-two .presentation-step-wrapper .presentation-pet-divider {
    display: block;
    width: 2px;
    height: 178px;
    margin: 100px 0 0 0;
    background-color: #cfcaca; } }

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg); } }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .pageTop {
  margin: 0; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .pageTop header {
    padding-top: 20px; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .btn-box {
  margin: 5px 0 0 0; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper {
  position: relative;
  z-index: 1; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper canvas {
    display: none;
    margin: 0 auto;
    opacity: 1;
    -moz-transition: opacity .4s linear;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper canvas.mobile-view {
      display: block; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper canvas.desktop-view {
      display: none; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper:before {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    border-top-color: #dd4814;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    opacity: 0;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 2;
    content: " ";
    -moz-transition: opacity .4s linear;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper.loading {
    cursor: progress; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper.loading:before {
      opacity: 1; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper.loading canvas {
      opacity: .2; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container {
  text-align: center;
  overflow-x: scroll;
  overflow-y: hidden;
  border-bottom: 1px solid rgba(150, 150, 150, 0.3);
  padding-bottom: 1px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-inner-container {
    display: inline-block; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-inner-container .configurator-title-group {
      position: relative;
      margin: 20px 0 0;
      display: flex;
      justify-content: flex-start; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-inner-container .configurator-title-group .configurator-title {
        cursor: pointer;
        padding: 10px 10px 2px;
        margin: 0 10px;
        text-transform: uppercase;
        font-family: "ubuntumedium";
        font-size: 14px;
        font-weight: normal;
        -moz-transition: color .4s ease-out;
        -webkit-transition: color .4s ease-out;
        transition: color .4s ease-out;
        flex: 1 0 auto; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-inner-container .configurator-title-group .configurator-title.active {
          cursor: default;
          color: #dd4814; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-lines {
    position: relative; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-lines .configurator-title-selection-line {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 0;
      height: 1px;
      background-color: #dd4814;
      -moz-transition: all .4s ease-out;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-lines .configurator-title-background-line {
      position: relative;
      z-index: 1;
      width: calc(100% - 20px);
      margin: 0 0 0 10px;
      height: 1px;
      background-color: #969696;
      opacity: .3;
      filter: alpha(opacity=30);
      display: none; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container {
  display: block;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  -moz-transition: max-height .7s ease-out;
  -webkit-transition: max-height .7s ease-out;
  transition: max-height .7s ease-out; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container.active {
    pointer-events: auto;
    height: auto;
    max-height: 700px;
    margin: 5px 0 0 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container.active.hide {
      max-height: 0; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup {
    position: relative;
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    overflow: hidden; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group.active, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup.active {
      display: flex;
      z-index: 5;
      padding: 20px 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue-title {
      position: absolute;
      top: 7px;
      left: 7px;
      font-size: 12px;
      line-height: 12px;
      font-family: "ubuntulight";
      font-weight: 300;
      color: #6b6a6a; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue {
      position: relative;
      cursor: pointer;
      margin: 0;
      flex: 0 0 33%;
      text-align: center; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue img {
        display: block;
        padding: 8px;
        margin: 5px 0;
        border-radius: 7px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue img {
        max-width: 70px;
        width: 100%;
        height: auto; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue span {
        font-size: 16px;
        line-height: 16px;
        font-family: "ubuntulight";
        font-weight: 300; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value .configurator-selection-value-inner, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value .configurator-selection-subvalue-inner, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue .configurator-selection-value-inner, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue .configurator-selection-subvalue-inner, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value .configurator-selection-value-inner, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value .configurator-selection-subvalue-inner, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue .configurator-selection-value-inner, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue .configurator-selection-subvalue-inner {
        display: inline-block;
        position: relative; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue .configurator-selection-subvalue-inner:before {
          content: " ";
          border: 1px solid #dd4814;
          background-color: rgba(221, 72, 20, 0.06);
          position: absolute;
          top: 5px;
          bottom: 5px;
          right: 0;
          left: 0;
          opacity: 0;
          -moz-transition: transform 0.4s cubic-bezier(0, 1.4, 1, 1), opacity 0.4s ease-out;
          -webkit-transition: transform 0.4s cubic-bezier(0, 1.4, 1, 1), opacity 0.4s ease-out;
          transition: transform 0.4s cubic-bezier(0, 1.4, 1, 1), opacity 0.4s ease-out;
          transform: scale(0);
          transform-origin: center center;
          border-radius: 7px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value.active span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue.active span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value.active span, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue.active span {
        color: #dd4814; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value.active .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value.active .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue.active .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue.active .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value.active .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value.active .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue.active .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue.active .configurator-selection-subvalue-inner:before {
        transform: scale(1);
        opacity: 1; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value.hidden, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue.hidden, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value.hidden, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue.hidden {
        display: none; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value[data-value="base"] .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value[data-value="base"] .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue[data-value="base"] .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue[data-value="base"] .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value[data-value="base"] .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value[data-value="base"] .configurator-selection-subvalue-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue[data-value="base"] .configurator-selection-value-inner:before, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue[data-value="base"] .configurator-selection-subvalue-inner:before {
        display: none; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value img {
      max-width: 100px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group[data-id="hair_colour"] {
    justify-content: center; }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper canvas.mobile-view {
    display: none; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-canvas-wrapper canvas.desktop-view {
    display: block; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container {
    overflow-x: visible;
    overflow-y: visible;
    border: none;
    padding: 0; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-inner-container .configurator-title-group {
      justify-content: center; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-title-container .configurator-title-lines .configurator-title-background-line {
      display: block; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container {
    height: 0;
    overflow: hidden; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup {
      justify-content: center; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group.active, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup.active {
        padding: 10px 0; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value-title, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue-title {
        display: none; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue {
        flex: 0 0 20%; }
        body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-subvalue img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-subvalue img {
          max-width: 100px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group .configurator-selection-value img, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup .configurator-selection-value img {
        max-width: 130px; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-group[data-id="face_spots"] .configurator-selection-value, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container .configurator-selection-subgroup[data-id="face_spots"] .configurator-selection-value {
        flex: 0 0 16%; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="hair_colour"] .configurator-selection-subvalue, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="face_spots"] .configurator-selection-subvalue {
      flex: 0 0 33%; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="hair_colour"] .configurator-selection-subvalue.cycle-0, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="hair_colour"] .configurator-selection-subvalue.cycle-3, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="face_spots"] .configurator-selection-subvalue.cycle-0, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="face_spots"] .configurator-selection-subvalue.cycle-3 {
        text-align: right; }
      body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="hair_colour"] .configurator-selection-subvalue.cycle-2, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="hair_colour"] .configurator-selection-subvalue.cycle-5, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="face_spots"] .configurator-selection-subvalue.cycle-2, body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-three .configurator-parts-wrapper .configurator-selection-container[data-pet-id="cat"] .configurator-selection-subgroup[data-relation-id="face_spots"] .configurator-selection-subvalue.cycle-5 {
        text-align: left; } }

@media (max-width: 760px) {
  .btnReset {
    display: inline-block;
    outline: none;
    position: relative;
    top: 5px;
    left: -20px;
    width: 32px !important;
    height: 20px;
    z-index: 30;
    background-image: url("../../img/reset-icon.svg");
    background-repeat: no-repeat;
    background-position: top right; } }

.presentation-step-three .datalist {
  position: relative;
  width: 700px;
  margin: 0 auto; }

.presentation-step-three .datalist .form-control-label.as-placeholder {
  color: #969696; }

.presentation-step-three .presentation-step-title {
  font-family: Merriweather;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #393939;
  max-width: 90%; }

.presentation-step-three .presentation-step-desc {
  font-family: Ubuntu;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  color: #393939;
  max-width: 80%;
  margin: 0 auto 72px; }

.presentation-step-three img {
  width: 238px;
  height: auto;
  margin: 0 auto;
  display: block; }

.presentation-step-three .container {
  display: block;
  padding-top: 64px; }
  .presentation-step-three .container .image-container {
    margin-bottom: 30px; }
  .presentation-step-three .container .titles {
    display: flex;
    justify-content: center;
    position: relative; }
    .presentation-step-three .container .titles .presentation-step-title:after {
      content: "";
      position: relative;
      display: block;
      margin: 16px auto;
      height: 2px;
      width: 48px;
      border-bottom: 2px solid #dd4814; }
    .presentation-step-three .container .titles .back-arrow {
      display: block;
      background-image: url("../../img/left-arrow.svg");
      position: absolute;
      left: 0;
      top: 16px;
      width: 20px;
      height: 17px;
      cursor: pointer; }
  .presentation-step-three .container .presentation-step-desc {
    margin-top: 16px; }
  .presentation-step-three .container .row .col .breed-selector {
    display: flex;
    margin: 0 auto;
    max-width: 700px;
    justify-content: center;
    position: relative; }
    .presentation-step-three .container .row .col .breed-selector .btnReset {
      display: inline-block;
      outline: none;
      position: relative;
      top: 5px;
      left: -23px;
      width: 20px;
      height: 20px;
      z-index: 30;
      background-image: url("../../img/reset-icon.svg");
      background-repeat: no-repeat;
      background-position: top right; }
    .presentation-step-three .container .row .col .breed-selector input {
      width: 700px;
      border: none;
      border-bottom: 1px solid #000;
      padding: 5px 0 5px 10px;
      outline: none;
      background-image: url("../../img/breed-search-bgr.svg");
      background-repeat: no-repeat;
      background-position: right 15px top 0;
      cursor: pointer; }
    .presentation-step-three .container .row .col .breed-selector input::-webkit-calendar-picker-indicator {
      opacity: 0; }
    .presentation-step-three .container .row .col .breed-selector [placeholder]:focus::-webkit-input-placeholder {
      transition: text-indent 0.4s 0.7s ease;
      text-indent: -100%;
      opacity: 1; }
    .presentation-step-three .container .row .col .breed-selector .input-text {
      background-color: #fff;
      -webkit-appearance: none;
      margin-bottom: 8px;
      position: relative;
      z-index: 3; }
    .presentation-step-three .container .row .col .breed-selector .input-text:focus {
      background-color: #fff; }
    .presentation-step-three .container .row .col .breed-selector .label-helper {
      position: absolute;
      opacity: 0;
      color: #dd4814;
      transition: .2s bottom, .2s opacity;
      bottom: 0;
      left: 10px;
      z-index: 1; }
    .presentation-step-three .container .row .col .breed-selector .input-text:focus + .label-helper, .presentation-step-three .container .row .col .breed-selector .input-text:invalid + .label-helper {
      bottom: 95%;
      font-family: arial;
      font-size: 14px;
      line-height: 1;
      opacity: 1;
      padding: 4px; }
    .presentation-step-three .container .row .col .breed-selector .input-text:invalid {
      border-left: 10px solid #f00; }
    .presentation-step-three .container .row .col .breed-selector .input-text:invalid + .label-helper::after {
      color: #f00;
      content: "X";
      font-size: 14px;
      line-height: 1;
      padding-left: 12px; }
    .presentation-step-three .container .row .col .breed-selector datalist option {
      display: block;
      font-family: 'Ubuntu', sans-serif;
      font-size: 20px; }

.configurator-selection-group {
  display: flexbox;
  flex-wrap: wrap; }
  .configurator-selection-group .configurator-selection-value {
    flex: 0 0 25% !important; }

.presentation-step-one .image-container {
  margin: -10px auto 20px !important;
  background-color: white; }

.presentation-step-two .image-container {
  margin: -10px auto 20px !important;
  background-color: white; }

.presentation-step-three .image-container {
  margin: -10px auto 20px !important;
  background-color: white; }

.new-pet-profile .pet-details {
  display: flex;
  justify-content: center; }

.new-pet-profile .new-pet-lifestyle {
  margin: 0 auto; }

.new-pet-profile .sex-choice {
  margin: none; }

@media (min-width: 475px) {
  .new-pet-profile .birth-sex-radio-button .sex-choice .sex-choice-radio-group {
    position: relative;
    top: -20px; } }

.new-pet-profile .size-wrapper {
  display: flexbox;
  flex-direction: row; }

@media (max-width: 760px) {
  .new-pet-profile .size-wrapper {
    display: flexbox;
    flex-direction: column; }
  .new-pet-profile .required-notice {
    margin-right: 30px; }
  .new-pet-profile .birth-sex-radio-button .sex-choice .sex-choice-radio-group {
    position: relative;
    left: 20%; }
  .new-pet-profile .birth-sex-radio-button {
    width: 100%; } }

.new-pet-profile .required-notice {
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.new-pet-profile .dog-sizes {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 50px; }
  .new-pet-profile .dog-sizes .icon-icon_mini:before {
    display: block;
    content: "";
    width: 40px !important;
    height: 33px;
    z-index: 30;
    background-image: url("../img/dog-small.png"); }
  .new-pet-profile .dog-sizes .icon-icon_medium:before {
    display: block;
    content: "";
    width: 54px !important;
    height: 45px;
    z-index: 30;
    background-image: url("../img/dog-medium.png"); }
  .new-pet-profile .dog-sizes .icon-icon_max:before {
    display: block;
    content: "";
    width: 61px !important;
    height: 51px;
    z-index: 30;
    background-image: url("../img/dog-max.png"); }

.backTo {
  position: relative;
  top: 60px !important;
  left: 0;
  z-index: 9;
  display: block; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .pageTop {
  margin: 0; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .pageTop header {
    padding-top: 20px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .pageTop header .section-title {
      font-size: 19px;
      font-family: "merriweather";
      font-weight: normal; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .btn-box {
  margin-top: 40px; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-canvas-wrapper canvas {
  display: none;
  margin: 0 auto; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-canvas-wrapper canvas.mobile-view {
    display: block; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-canvas-wrapper canvas.desktop-view {
    display: none; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-form-wrapper .form-group {
  position: relative; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-form-wrapper .finalizationForm {
  text-align: center; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-form-wrapper .finalizationForm .form-title {
    font-family: "ubuntumedium";
    font-size: 16px;
    color: #393939; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-form-wrapper .finalizationForm input {
    padding: 0;
    color: #dd4814;
    text-align: center;
    font-family: "merriweather";
    font-weight: normal;
    font-size: 32px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-form-wrapper .finalizationForm input::placeholder {
      color: #969696;
      font-family: "merriweather";
      font-weight: normal;
      font-size: 32px;
      opacity: .4; }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .pageTop header {
    padding-top: 20px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .pageTop header .section-title {
      font-size: 32px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .pageTop header .section-desc {
      font-size: 23px;
      font-family: "merriweatherlight"; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .btn-box {
    margin: 40px auto 50px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-canvas-wrapper canvas.mobile-view {
    display: none; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-four .finalization-canvas-wrapper canvas.desktop-view {
    display: block; } }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .pageTop {
  margin: 0; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .pageTop header {
    padding-top: 20px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .pageTop header .section-title {
      font-size: 19px;
      font-family: "merriweather";
      font-weight: normal; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .btn-box {
  margin-top: 40px; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .dynamic-pet-name {
  font-family: "merriweather";
  font-size: 46px;
  font-weight: normal;
  color: #dd4814; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-canvas-wrapper canvas {
  display: none;
  margin: 0 auto; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-canvas-wrapper canvas.mobile-view {
    display: block; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-canvas-wrapper canvas.desktop-view {
    display: none; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-description {
  text-align: center;
  font-family: "ubuntulight";
  font-size: 14px;
  font-weight: 300;
  margin: 10px 0 20px;
  letter-spacing: 0.33px; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .form-group {
  position: relative;
  padding: 20px 0 10px; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm {
  text-align: center; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm .form-title {
    font-family: "ubuntumedium";
    font-weight: 500;
    font-size: 15px;
    color: #393939;
    letter-spacing: 0.33px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm input {
    font-size: 36px;
    color: #dd4814;
    padding: 0;
    text-align: center;
    font-family: "merriweather";
    font-weight: normal; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm input::placeholder {
      color: #393939;
      text-transform: uppercase;
      font-family: "ubuntumedium";
      font-size: 16px;
      opacity: 1; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm input:disabled {
      background-color: transparent; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm input.is-invalid {
      background-image: none; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .form-email-description {
  text-align: center;
  font-family: "merriweatherlight";
  font-size: 15px;
  margin: 15px 0 0; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .upload-veil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -moz-transition: opacity .4s ease-out;
  -webkit-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
  opacity: 0;
  z-index: -1; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .upload-progress-container {
  position: absolute;
  left: 50%;
  top: -50px;
  opacity: 0;
  z-index: -1;
  transform: translate(-50%, -50%);
  -moz-transition: top 0.4s cubic-bezier(0, 1.4, 1, 1);
  -webkit-transition: top 0.4s cubic-bezier(0, 1.4, 1, 1);
  transition: top 0.4s cubic-bezier(0, 1.4, 1, 1);
  transition-delay: .5s; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .upload-progress-container .icon-check-circle {
    position: absolute;
    top: -50px;
    left: 50%;
    color: #dd4814;
    font-size: 40px;
    opacity: 0;
    transform: translateX(-50%) rotate(0);
    -moz-transition: opacity 0.2s ease-out, top 0.4s ease-out, transform 1s cubic-bezier(0, 1.4, 1, 1);
    -webkit-transition: opacity 0.2s ease-out, top 0.4s ease-out, transform 1s cubic-bezier(0, 1.4, 1, 1);
    transition: opacity 0.2s ease-out, top 0.4s ease-out, transform 1s cubic-bezier(0, 1.4, 1, 1);
    transition-delay: .4s; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .upload-progress-container .upload-progress {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 5px;
    border-radius: 100px;
    border: 2px solid rgba(0, 0, 0, 0.4);
    height: 25px;
    width: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-transition: transform 0.4s cubic-bezier(0, 1.4, 1, 1);
    -webkit-transition: transform 0.4s cubic-bezier(0, 1.4, 1, 1);
    transition: transform 0.4s cubic-bezier(0, 1.4, 1, 1);
    transform: translate(-50% -50%) scale(1);
    transform-origin: 50% 50%; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .upload-progress-container .upload-progress .upload-progress-value {
      border-radius: 100px;
      background: #dd4814;
      height: 15px;
      width: 0;
      -moz-transition: width .4s ease-in-out;
      -webkit-transition: width .4s ease-in-out;
      transition: width .4s ease-in-out; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five.uploading .upload-veil {
  opacity: .9;
  z-index: 5; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five.uploading .upload-progress-container {
  top: 50%;
  opacity: 1;
  z-index: 10; }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five.uploaded .upload-progress-container .upload-progress {
  transform: scale(0); }

body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five.uploaded .icon-check-circle {
  top: -10px;
  opacity: 1;
  transform: translateX(-50%) rotate(359deg); }

@media (min-width: 1024px) {
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .pageTop header {
    padding-top: 20px; }
    body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .pageTop header .section-title {
      font-size: 32px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .btn-box {
    margin: 40px auto 50px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-canvas-wrapper canvas.mobile-view {
    display: none; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-canvas-wrapper canvas.desktop-view {
    display: block; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-description {
    font-size: 23px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm .form-title {
    font-size: 23px; }
  body.ultima[data-action="Avatar-Show"] .page-wrapper .step.step-five .finalization-form-wrapper .finalizationForm input::placeholder {
    font-size: 16px;
    font-family: "ubuntu"; } }

body.ultima[data-action="Account-ProfileAvatars"] .my-avatar-area, body.ultima[data-action="Account-EditAvatar"] .my-avatar-area {
  display: flex;
  justify-content: space-evenly !important; }
  body.ultima[data-action="Account-ProfileAvatars"] .my-avatar-area .my-avatar, body.ultima[data-action="Account-EditAvatar"] .my-avatar-area .my-avatar {
    margin-bottom: 25px; }
    body.ultima[data-action="Account-ProfileAvatars"] .my-avatar-area .my-avatar a:hover, body.ultima[data-action="Account-EditAvatar"] .my-avatar-area .my-avatar a:hover {
      text-decoration: none; }
    body.ultima[data-action="Account-ProfileAvatars"] .my-avatar-area .my-avatar a img, body.ultima[data-action="Account-EditAvatar"] .my-avatar-area .my-avatar a img {
      width: 95px;
      height: auto; }

body.ultima[data-action="Account-EditAvatar"] .my-avatar-area .my-avatar a {
  -moz-transition: opacity .4s linear;
  -webkit-transition: opacity .4s linear;
  transition: opacity .4s linear;
  opacity: .2;
  cursor: progress; }
  body.ultima[data-action="Account-EditAvatar"] .my-avatar-area .my-avatar a.downloadable {
    cursor: pointer;
    opacity: 1; }

body.ultima[data-action="Account-DeleteAvatarConfirmation"] .avararDefinitiveDeletion {
  padding-top: 25px; }
  body.ultima[data-action="Account-DeleteAvatarConfirmation"] .avararDefinitiveDeletion header {
    margin: 25px auto; }
  body.ultima[data-action="Account-DeleteAvatarConfirmation"] .avararDefinitiveDeletion .avatar-pic img {
    max-width: 250px; }
  body.ultima[data-action="Account-DeleteAvatarConfirmation"] .avararDefinitiveDeletion .goback-link:hover a {
    color: #ffffff;
    text-decoration: none; }

body[data-action="Login-PetmojiShow"] .req-notice {
  color: #393939;
  font-size: 0.875rem; }

body[data-action="Login-PetmojiShow"] .login .required-fields-label .text-right {
  font-size: 0.875rem; }

body[data-action="Login-PetmojiShow"] .login .text-right a, body[data-action="Login-PetmojiShow"] .login .text-center a {
  font-size: 0.875rem;
  line-height: 16px; }

body[data-action="Login-PetmojiShow"] .login .floatized {
  padding: 0 33px 0 5px; }

@media (min-width: 320px) and (max-width: 328px) {
  body[data-action="Login-PetmojiShow"] .buttons-group {
    margin-left: -12px; } }

@media (min-width: 329px) and (max-width: 334px) {
  body[data-action="Login-PetmojiShow"] .buttons-group {
    margin-left: -6px; } }

@media (min-width: 768px) {
  body[data-action="Login-PetmojiShow"] .content.small-cont.login-content {
    padding: 25px 10px; } }

@media (min-width: 1024px) {
  body[data-action="Login-PetmojiShow"] .buttons-group {
    width: unset; }
  body[data-action="Login-PetmojiShow"] .content-buttons-group {
    width: 100%;
    margin: auto;
    text-align: center; } }

@media (min-width: 320px) and (max-width: 328px) {
  body[data-action="Login-PetmojiShow"] .buttons-group {
    margin-left: -12px; } }

@media (min-width: 329px) and (max-width: 334px) {
  body[data-action="Login-PetmojiShow"] .buttons-group {
    margin-left: -6px; } }

@media (min-width: 768px) {
  body[data-action="Login-PetmojiShow"] .content.small-cont.login-content {
    padding: 25px 10px; } }

@media (min-width: 1024px) {
  body[data-action="Login-PetmojiShow"] .buttons-group {
    width: unset; }
  body[data-action="Login-PetmojiShow"] .content-buttons-group {
    width: 100%;
    margin: auto;
    text-align: center; } }

body[data-action="Login-PetmojiShow"] .login-content-wrapper a {
  color: #936031; }

body[data-action="Login-PetmojiShow"] .login-content-wrapper .forgot-password-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500; }

body[data-action="Login-PetmojiShow"] .login-content-wrapper .registration-link,
body[data-action="Login-PetmojiShow"] .login-content-wrapper .login-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding-top: 8px;
  color: #936031; }
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .registration-link-description,
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .login-link-description {
    font-weight: 300;
    color: #44403C; }

body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register {
  margin: 24px auto; }
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .buttons-group-shrinked, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .buttons-group-shrinked {
    margin: auto; }
  @media (min-width: 1440px) {
    body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .buttons-group-shrinked, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .buttons-group-shrinked {
      margin: 0 32px; } }
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn {
    width: 100%;
    max-width: 100%;
    font-family: "ubuntu";
    font-weight: 500;
    padding: 11px 24px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase; }
    body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.login-btn-submit, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.register-button, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.login-btn-submit, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.register-button {
      background-color: #936031;
      border: 1px solid #936031; }
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.login-btn-submit:hover, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.register-button:hover, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.login-btn-submit:hover, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.register-button:hover {
        border-color: #936031;
        background-color: transparent;
        color: #936031; }
    body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-google, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-facebook, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-google, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-facebook {
      border-color: #D7D3D0; }
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-google:hover, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-facebook:hover, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-google:hover, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-facebook:hover {
        background-color: #936031; }
        body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-google:hover .oauth-google,
        body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-google:hover .oauth-facebook, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-facebook:hover .oauth-google,
        body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-facebook:hover .oauth-facebook, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-google:hover .oauth-google,
        body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-google:hover .oauth-facebook, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-facebook:hover .oauth-google,
        body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-facebook:hover .oauth-facebook {
          color: #ffffff; }
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-google img, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-facebook img, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-google img, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-facebook img {
        margin-left: auto;
        margin-right: 10px; }
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-google .oauth-google,
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-google .oauth-facebook, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-facebook .oauth-google,
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-login .btn.pill-btn.btn-facebook .oauth-facebook, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-google .oauth-google,
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-google .oauth-facebook, body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-facebook .oauth-google,
      body[data-action="Login-PetmojiShow"] .login-content-wrapper .buttons-group.buttons-register .btn.pill-btn.btn-facebook .oauth-facebook {
        color: #292524; }

body[data-action="Login-PetmojiShow"] .login-content-wrapper .view-password {
  top: 47px;
  right: 12px; }
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .view-password.icon-eye::before {
    content: url("../../img/icons/eye.svg"); }
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .view-password.icon-eye_disabled::before {
    content: url("../../img/icons/eye-disabled.svg"); }
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .view-password.icon-eye_disabled.red-icon-eye::before {
    content: url("../img/eye-disabled-red.svg"); }

body[data-action="Login-PetmojiShow"] .login-content-wrapper .remember-me-control {
  padding-top: 10px;
  padding-bottom: 14px; }
  body[data-action="Login-PetmojiShow"] .login-content-wrapper .remember-me-control-register {
    padding-top: 14px; }

body[data-action="Login-PetmojiShow"] .page-title-login {
  font-family: "ubuntu";
  font-size: 24px;
  line-height: 32px;
  padding-top: 32px;
  color: #1C1917;
  font-weight: 700; }

@media (min-width: 1024px) {
  body[data-action="Login-PetmojiShow"] .page-title-login {
    padding-top: 60px;
    font-size: 30px;
    line-height: 38px; } }

body[data-action="Login-PetmojiShow"] .custom-control-privacy {
  margin-top: 14px; }

body[data-action="Login-PetmojiShow"] .invalid-characters {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #44403C; }

body[data-action="Login-PetmojiShow"].ultima .page-wrapper .pageTop.login-header {
  margin-bottom: 32px;
  padding: 0 20px; }

body[data-action="Login-PetmojiShow"].ultima .page-wrapper .content {
  border-radius: 16px;
  width: 100%;
  max-width: 400px;
  padding: 0 20px; }

body[data-action="Login-PetmojiShow"] .wide-cont {
  width: 100%; }
  @media (min-width: 1024px) {
    body[data-action="Login-PetmojiShow"] .wide-cont {
      width: 940px; } }

body[data-action="Login-PetmojiShow"] .required-fields-label {
  margin-top: 6px; }
  @media (min-width: 1024px) {
    body[data-action="Login-PetmojiShow"] .required-fields-label {
      margin-top: 10px; } }
  body[data-action="Login-PetmojiShow"] .required-fields-label > .col {
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 500;
    color: #393939; }
    @media (min-width: 1024px) {
      body[data-action="Login-PetmojiShow"] .required-fields-label > .col {
        font-size: 14px; } }

body[data-action="Login-PetmojiShow"] .registration .custom-checkbox .custom-control-label:before,
body[data-action="Login-PetmojiShow"] .login .custom-checkbox .custom-control-label:before {
  border-color: #979797 !important; }

body[data-action="Login-PetmojiShow"] .form-group label.as-placeholder.as-focused-input {
  font-size: 16px;
  color: #393939; }

body[data-action="Login-PetmojiShow"] .nav-tabs {
  justify-content: center;
  border-bottom: 1px solid #d7d7d7; }
  body[data-action="Login-PetmojiShow"] .nav-tabs .nav-link {
    font-family: ubuntumedium; }
    body[data-action="Login-PetmojiShow"] .nav-tabs .nav-link.active {
      border-bottom: solid 3px #dd4814;
      border-color: transparent transparent #dd4814; }
      body[data-action="Login-PetmojiShow"] .nav-tabs .nav-link.active:hover {
        border-bottom: solid 3px #dd4814; }
    body[data-action="Login-PetmojiShow"] .nav-tabs .nav-link:hover {
      border: 0; }
  body[data-action="Login-PetmojiShow"] .nav-tabs .nav-item:first-child {
    margin-right: 45px; }
    @media (min-width: 1024px) {
      body[data-action="Login-PetmojiShow"] .nav-tabs .nav-item:first-child {
        margin-right: 61px; } }

@media (min-width: 1024px) {
  body[data-action="Login-PetmojiShow"] .tab-content {
    padding: 0 120px; } }

body[data-action="Login-PetmojiShow"] .page-wrapper section.login-header header .page-title {
  height: 100%;
  font-family: "ubuntu";
  font-size: 24px;
  font-weight: 700;
  color: #1c1917;
  line-height: 32px;
  margin-bottom: 16px;
  background-color: transparent; }

body[data-action="Login-PetmojiShow"] .page-wrapper section.login-header header .page-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #79716B;
  font-family: "ubuntu";
  max-width: 600px;
  margin: 0 auto;
  opacity: 1; }

body[data-action="Login-PetmojiShow"] .tab-content .registration {
  width: 100%;
  max-width: unset; }

@media (min-width: 768px) {
  body[data-action="Login-PetmojiShow"].ultima .page-wrapper .content {
    border-radius: 16px;
    padding: 0; } }

@media (min-width: 1024px) {
  body[data-action="Login-PetmojiShow"] .page-wrapper section.login-header header .page-title {
    font-size: 30px !important;
    padding-top: 67px;
    line-height: 38px;
    margin-bottom: 20px; }
  body[data-action="Login-PetmojiShow"] .page-wrapper section.login-header header .page-desc {
    font-size: 16px;
    line-height: 24px; }
  body[data-action="Login-PetmojiShow"].ultima .page-wrapper .content {
    border-radius: 16px;
    padding: 0; }
  body[data-action="Login-PetmojiShow"].ultima .page-wrapper .pageTop.login-header {
    padding: 0;
    margin: 0 auto 40px;
    max-width: 600px; } }

.icon-arrow-downward-24-px-1:before {
  content: "\e937"; }

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

.icon-eye_disabled:before {
  content: "\e92f"; }

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

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

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

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

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

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

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

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

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

.icon-unlock:before {
  content: '\e966'; }

.icon-add-account:before {
  content: '\e96a'; }

.icon-add-account:before {
  content: '\e96a'; }

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

.icon-multiply:before {
  content: '\e971'; }

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

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

.icon-online:before {
  content: "\e95e"; }

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

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

.icon-paperclip:before {
  content: '\e950'; }

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

.icon-login::before {
  content: "\e94e";
  position: relative;
  top: 2px; }

.icon-dog-maxi::before {
  content: "\e978"; }

.icon-dog-med::before {
  content: "\e979"; }

.icon-dog-mini::before {
  content: "\e97a"; }

.icon-prebiotic1:before {
  content: "\e97b" !important; }

.icon-prebiotic2:before {
  content: "\e97c" !important; }

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

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

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

.icon-arrow-downward-24-px-1:before {
  content: "\e937"; }

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

.icon-eye_disabled:before {
  content: "\e92f"; }

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

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

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

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

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

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

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

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

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

.icon-unlock:before {
  content: '\e966'; }

.icon-add-account:before {
  content: '\e96a'; }

.icon-add-account:before {
  content: '\e96a'; }

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

.icon-multiply:before {
  content: '\e971'; }

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

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

.icon-online:before {
  content: "\e95e"; }

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

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

.icon-paperclip:before {
  content: '\e950'; }

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

.icon-login::before {
  content: "\e94e";
  position: relative;
  top: 2px; }

.icon-icon_max::before,
.icon-dog-maxi::before {
  content: "\e978"; }

.icon-icon_medium::before,
.icon-dog-med::before {
  content: "\e979"; }

.icon-icon_mini::before,
.icon-dog-mini::before {
  content: "\e97a"; }

.icon-prebiotic1::before {
  content: "\e97b" !important; }

.icon-prebiotic2::before {
  content: "\e97c" !important; }

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

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

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

.iconextra-edit::before {
  content: "\e92a"; }

.iconextra-icon_long::before {
  content: "\e901"; }

.iconextra-icon_short::before {
  content: "\e902"; }

.iconextra-icon_heart_off::before {
  content: "\e908"; }

.iconextra-icon_myfamily::before {
  content: "\e911"; }

.iconextra-icon_mycases::before {
  content: "\e914"; }

.icon-icon_sterilized {
  font-family: 'icons-extra' !important; }
  .icon-icon_sterilized::before {
    content: "\e901"; }

.icon-icon_notsterilized {
  font-family: 'icons-extra' !important; }
  .icon-icon_notsterilized::before {
    content: "\e902"; }

/*Add new class for lost icons*/
[class^="iconextra-"], [class*=" iconextra-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons-extra' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@keyframes right-swipe {
  0% {
    transform: translateX(20px);
    opacity: 0; }
  100% {
    transform: translateX(-20px);
    opacity: 1; } }

@keyframes left-swipe {
  0% {
    transform: translateX(-20px);
    opacity: 0; }
  100% {
    transform: translateX(20px);
    opacity: 1; } }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(221, 72, 20, 0.7); }
  100% {
    box-shadow: 0 0 0 12px rgba(221, 72, 20, 0); } }

::-webkit-scrollbar-track {
  display: none; }

body {
  padding: 0;
  margin: 0; }
  body .miwuki-container {
    height: 100vh;
    margin: 0 auto;
    background-color: #e4dedc;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: black; }
    body .miwuki-container .pet-selection-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh; }
      body .miwuki-container .pet-selection-container .pet-selection {
        display: flex;
        justify-content: center;
        background: url(https://bc-affinitycontent.cec.ocp.oraclecloud.com/site/Ultima/_themesdelivery/UltimaTheme/assets/img/bg_sections.png) center center;
        object-fit: contain;
        height: 550px;
        width: 100%; }
        body .miwuki-container .pet-selection-container .pet-selection .pet-selection-title {
          position: absolute;
          text-align: center;
          text-shadow: 1px 2px 6px black;
          color: white;
          padding-top: 2rem;
          width: 100%;
          z-index: 1; }
          body .miwuki-container .pet-selection-container .pet-selection .pet-selection-title h1 {
            font-size: 2.2rem; }
        body .miwuki-container .pet-selection-container .pet-selection .pet-option {
          display: flex;
          align-items: flex-end;
          position: relative;
          height: 550px;
          width: 100%; }
          body .miwuki-container .pet-selection-container .pet-selection .pet-option picture {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
            z-index: 0;
            height: 100%; }
          body .miwuki-container .pet-selection-container .pet-selection .pet-option img {
            position: absolute;
            object-fit: cover;
            width: 100%;
            height: 100%; }
            body .miwuki-container .pet-selection-container .pet-selection .pet-option img.dog {
              object-position: 66%; }
            body .miwuki-container .pet-selection-container .pet-selection .pet-option img.cat {
              object-position: 33%; }
          body .miwuki-container .pet-selection-container .pet-selection .pet-option a.pet-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            height: 100%;
            width: 100%;
            color: black; }
            body .miwuki-container .pet-selection-container .pet-selection .pet-option a.pet-btn:hover {
              text-decoration: none; }
            body .miwuki-container .pet-selection-container .pet-selection .pet-option a.pet-btn:visited {
              color: black; }
    body .miwuki-container .categories-container {
      height: 90vh; }
      body .miwuki-container .categories-container .categories-list {
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%; }
        body .miwuki-container .categories-container .categories-list::-webkit-scrollbar {
          display: none; }
        body .miwuki-container .categories-container .categories-list .category-element {
          display: flex;
          flex-direction: column;
          justify-content: center;
          scroll-snap-align: center;
          min-width: 100%;
          list-style-type: none; }
          body .miwuki-container .categories-container .categories-list .category-element .pet-type {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.4rem;
            text-align: center;
            text-transform: lowercase;
            padding-bottom: 2rem; }
            body .miwuki-container .categories-container .categories-list .category-element .pet-type .pet-type-name {
              display: block;
              text-transform: lowercase; }
              body .miwuki-container .categories-container .categories-list .category-element .pet-type .pet-type-name:first-letter {
                text-transform: uppercase; }
          body .miwuki-container .categories-container .categories-list .category-element .categories-options {
            display: flex;
            justify-content: space-evenly;
            align-items: flex-start;
            position: relative;
            flex-wrap: wrap;
            align-content: center;
            width: 100%;
            max-width: 327px;
            margin: 0 auto; }
            body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container {
              display: inline-block;
              flex: 0 0 33.3333%;
              color: black;
              padding: 6px 0; }
              body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category {
                cursor: inherit;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center; }
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category label.pet-image-container {
                  cursor: inherit;
                  height: 75px;
                  width: 75px;
                  text-align: center;
                  border-radius: 50%; }
                  body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category label.pet-image-container img {
                    cursor: inherit;
                    width: 100%; }
                    body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category label.pet-image-container img.inactive-image {
                      display: block; }
                    body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category label.pet-image-container img.active-image {
                      display: none; }
                  body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category label.pet-image-container.active img.inactive-image {
                    display: none; }
                  body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category label.pet-image-container.active img.active-image {
                    display: block; }
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category .pet-name-container {
                  cursor: inherit;
                  text-align: center;
                  font-size: 0.9rem; }
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category .pet-category-checkbox {
                  cursor: inherit;
                  width: 100%;
                  height: 100%;
                  display: none; }
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category:has(> .pet-category-checkbox[disabled='disabled']) .pet-image-container img {
                  filter: grayscale(1); }
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category:hover {
                  text-decoration: none; }
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category:hover .pet-image-container {
                  background-color: #ffbfbf; }
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container .pet-category:visited {
                  color: black; }
              body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container span {
                text-align: center; }
              body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container:has(.pet-category):has(.pet-category-checkbox[disabled='disabled']) {
                pointer-events: none; }
              body .miwuki-container .categories-container .categories-list .category-element .categories-options .pet-category-container:hover {
                cursor: pointer; }
            body .miwuki-container .categories-container .categories-list .category-element .categories-options .hand-icon {
              display: none; }
              @media (max-width: 1024px) {
                body .miwuki-container .categories-container .categories-list .category-element .categories-options .hand-icon {
                  display: block;
                  position: absolute;
                  top: 140%;
                  filter: opacity(0.3); } }
            body .miwuki-container .categories-container .categories-list .category-element .categories-options .right-swipe {
              animation: right-swipe 2s ease infinite; }
            body .miwuki-container .categories-container .categories-list .category-element .categories-options .left-swipe {
              animation: left-swipe 2s ease infinite; }
      body .miwuki-container .categories-container div[class^='swiper-button-'] {
        display: none;
        transform: scale(0.5);
        color: black; }
        @media (min-width: 993px) {
          body .miwuki-container .categories-container div[class^='swiper-button-'] {
            display: block; } }
    body .miwuki-container .show-products-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 10vh; }
      body .miwuki-container .show-products-container a.show-products-btn {
        font-family: Ubuntu, sans-serif !important;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0;
        background-color: #dd4814;
        border-color: #dd4814;
        color: #fff;
        transition: 0.5s;
        padding: 14.5px 25px;
        width: auto;
        height: auto;
        line-height: 1.5;
        max-width: 100%;
        border-radius: 50px; }
        body .miwuki-container .show-products-container a.show-products-btn.animate {
          animation: pulse 0.6s normal; }

/* COLORS */
/* FONTS */
.content.display-pet-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: auto;
  margin-bottom: 32px;
  background: var(--base-white, #FFF);
  border-radius: 16px;
  box-shadow: 0px 8px 28px -2px rgba(23, 20, 18, 0.1);
  padding: 20px;
  max-width: 335px;
  width: 100%;
  height: auto; }
  .content.display-pet-profile .container {
    padding: 0; }
  .content.display-pet-profile .row.profile-display-form {
    flex-direction: row;
    align-items: flex-start;
    margin: auto;
    padding: 20px; }
    .content.display-pet-profile .row.profile-display-form.is-dog .pet-feature {
      color: #936031;
      background: var(--primary-brown-50, #F8F4EE); }
      .content.display-pet-profile .row.profile-display-form.is-dog .pet-feature.is-empty {
        color: #F04438;
        background: #FEE4E2; }
    .content.display-pet-profile .row.profile-display-form.is-cat .pet-feature {
      color: #4a773c;
      background: var(--primary-green-50, #EBF5EF); }
      .content.display-pet-profile .row.profile-display-form.is-cat .pet-feature.is-empty {
        color: #F04438;
        background: #FEE4E2; }
    .content.display-pet-profile .row.profile-display-form .svg-icon {
      width: 40px;
      height: 40px;
      padding: 8px;
      gap: 10px;
      border-radius: 8px; }
    .content.display-pet-profile .row.profile-display-form .question {
      padding: 0;
      position: relative;
      top: -35px;
      left: 174px;
      gap: 8px;
      padding: 13px;
      margin-bottom: -34px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px; }
      .content.display-pet-profile .row.profile-display-form .question.is-empty {
        padding: 13px; }
      .content.display-pet-profile .row.profile-display-form .question .pet-feature-icon {
        width: 24px;
        height: 24px; }
    .content.display-pet-profile .row.profile-display-form .picture-customer-container {
      align-items: center; }
      .content.display-pet-profile .row.profile-display-form .picture-customer-container .update-picture-container.edit-icon {
        justify-content: flex-end;
        display: flex; }
      .content.display-pet-profile .row.profile-display-form .picture-customer-container .update-picture-button {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #936031;
        box-shadow: 0px 16px 32px -4px rgba(23, 20, 18, 0.12);
        margin-bottom: 12px;
        cursor: pointer; }
        .content.display-pet-profile .row.profile-display-form .picture-customer-container .update-picture-button.delete-icon {
          background: #FFF;
          border: 2px solid #936031;
          box-shadow: 0px 16px 32px -4px rgba(23, 20, 18, 0.12); }
        .content.display-pet-profile .row.profile-display-form .picture-customer-container .update-picture-button .icon-pencil-picture img {
          width: 24px;
          filter: brightness(0) invert(1); }
        .content.display-pet-profile .row.profile-display-form .picture-customer-container .update-picture-button .icon-bin-picture img {
          width: 24px;
          filter: unset; }
    .content.display-pet-profile .row.profile-display-form.is-cat .picture-customer-container .update-picture-button {
      color: #4a773c;
      background: #4a773c; }
      .content.display-pet-profile .row.profile-display-form.is-cat .picture-customer-container .update-picture-button.delete-icon {
        background: #FFF;
        border: 2px solid #4a773c; }
    .content.display-pet-profile .row.profile-display-form .pet-name {
      color: var(--gray-800, #1C1917);
      font-family: "ubuntu";
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      text-align: center;
      padding: 15px 0 0 0;
      text-transform: capitalize; }
    .content.display-pet-profile .row.profile-display-form .my-pet img {
      width: 120px;
      height: 120px;
      object-fit: cover;
      object-position: right; }
      .content.display-pet-profile .row.profile-display-form .my-pet img.svg-icon {
        width: 24px;
        height: 24px; }
    .content.display-pet-profile .row.profile-display-form .label-profile-progress {
      width: 100%;
      margin: 0; }
      .content.display-pet-profile .row.profile-display-form .label-profile-progress .profile-progress-container {
        padding: 18px 0 0 0; }
        .content.display-pet-profile .row.profile-display-form .label-profile-progress .profile-progress-container .row.progress-container {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          margin: auto; }
          .content.display-pet-profile .row.profile-display-form .label-profile-progress .profile-progress-container .row.progress-container .progress.customer-progress-bar {
            padding: 0;
            margin: 0; }
            .content.display-pet-profile .row.profile-display-form .label-profile-progress .profile-progress-container .row.progress-container .progress.customer-progress-bar .progress-bar {
              background-color: var(--generic); }
          .content.display-pet-profile .row.profile-display-form .label-profile-progress .profile-progress-container .row.progress-container .customer-progress-percent {
            padding: 0;
            text-align: right; }
            .content.display-pet-profile .row.profile-display-form .label-profile-progress .profile-progress-container .row.progress-container .customer-progress-percent span.progress-percent {
              font-size: 20px;
              font-weight: 700;
              line-height: 30px; }
        .content.display-pet-profile .row.profile-display-form .label-profile-progress .profile-progress-container .personal-data.profile-process {
          font-weight: normal; }
    .content.display-pet-profile .row.profile-display-form.is-cat .label-profile-progress .profile-progress-container .row.progress-container .progress.customer-progress-bar .progress-bar {
      background-color: #4a773c; }
  .content.display-pet-profile .row.pet-fields-1 {
    padding: 0 0 12px 0; }
  .content.display-pet-profile .row.pet-fields-2 .col-6 {
    padding-bottom: 12px; }
    .content.display-pet-profile .row.pet-fields-2 .col-6:nth-child(even) {
      padding-left: 6px; }
    .content.display-pet-profile .row.pet-fields-2 .col-6:nth-child(odd) {
      padding-right: 6px; }

@media (min-width: 1024px) and (max-width: 1439px) {
  .col-lg-1 {
    flex: 50%;
    max-width: 100%; } }

@media (min-width: 1440px) {
  .content {
    flex-direction: row;
    flex-wrap: wrap;
    position: relative; }
    .content .row.profile-display-form .row.pet-fields-1 {
      width: 20%;
      padding: 0; }
      .content .row.profile-display-form .row.pet-fields-1 .my-pet img {
        width: 180px;
        height: 180px; }
      .content .row.profile-display-form .row.pet-fields-1 .edit-icon {
        left: 898px;
        top: 10px; }
      .content .row.profile-display-form .row.pet-fields-1 .delete-icon {
        left: 1105px;
        top: 10px; }
      .content .row.profile-display-form .row.pet-fields-1 .col-12.text-center.my-pet.no-padding {
        display: flex; }
        .content .row.profile-display-form .row.pet-fields-1 .col-12.text-center.my-pet.no-padding .question {
          display: flex;
          align-items: center;
          gap: 10px;
          padding: 8px;
          top: -30px;
          width: 40px;
          height: 40px;
          margin-left: -128px; }
          .content .row.profile-display-form .row.pet-fields-1 .col-12.text-center.my-pet.no-padding .question.is-empty {
            padding: 13px; }
          .content .row.profile-display-form .row.pet-fields-1 .col-12.text-center.my-pet.no-padding .question img {
            width: 30px;
            height: 30px; }
      .content .row.profile-display-form .row.pet-fields-1 .col-6.col-lg-6.col-xs-6 {
        top: 42px;
        right: 101px; }
      .content .row.profile-display-form .row.pet-fields-1 .pet-name {
        position: relative;
        bottom: 228px;
        left: 32px;
        top: -42px;
        font-size: 30px;
        line-height: 38px;
        text-wrap: nowrap; }
      .content .row.profile-display-form .row.pet-fields-1 .label-profile-progress {
        top: -190px;
        left: 525px; }
        .content .row.profile-display-form .row.pet-fields-1 .label-profile-progress .profile-progress-container .row.progress-container {
          width: 306px; }
          .content .row.profile-display-form .row.pet-fields-1 .label-profile-progress .profile-progress-container .row.progress-container .customer-progress-percent {
            padding: 0 0 0 17px; }
    .content .row.profile-display-form .row.pet-fields-2 {
      width: 80%;
      padding: 79px 0 0 0;
      gap: 128px;
      margin-left: -29px; }
      .content .row.profile-display-form .row.pet-fields-2 .col-lg-1 {
        padding-bottom: 0; }
        .content .row.profile-display-form .row.pet-fields-2 .col-lg-1:nth-child(even) {
          padding: 0; }
        .content .row.profile-display-form .row.pet-fields-2 .col-lg-1:nth-child(odd) {
          padding: 0; }
    .content .row.profile-display-form.is-cat .row.pet-fields-2 {
      gap: 178px; } }

.ultima .display-pet-edit-profile {
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0px 8px 28px -2px rgba(23, 20, 18, 0.1);
  margin: 0 20px 32px 20px;
  max-width: 1240px; }

.ultima .pet-profile-container {
  padding-bottom: 32px; }

.ultima .pet-profile-image {
  width: 120px;
  height: 120px; }

.ultima .pet-profile-image-btn {
  padding: 12px 20px;
  width: fit-content; }
  .ultima .pet-profile-image-btn .pet-profile-image-btn-text {
    font-size: 14px;
    font-weight: 500; }

.ultima .pet-profile-details-wrapper {
  padding-left: 0;
  padding-top: 32px; }

.ultima .pet-profile-column-name {
  padding: 0 0 32px 0; }

.ultima .pet-profile-wrapper .form-group,
.ultima .add-family-member-modal .form-group {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: unset;
  padding: unset; }
  .ultima .pet-profile-wrapper .form-group .form-control,
  .ultima .add-family-member-modal .form-group .form-control {
    border-radius: 8px;
    border: 1px solid #D7D3D0;
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: "ubuntu";
    color: #79716B; }
    .ultima .pet-profile-wrapper .form-group .form-control.is-invalid,
    .ultima .add-family-member-modal .form-group .form-control.is-invalid {
      border: 1px solid #e71b17; }
      .ultima .pet-profile-wrapper .form-group .form-control.is-invalid + .calendar-icon,
      .ultima .add-family-member-modal .form-group .form-control.is-invalid + .calendar-icon {
        right: 30px;
        bottom: 40px; }
    .ultima .pet-profile-wrapper .form-group .form-control.custom-select,
    .ultima .add-family-member-modal .form-group .form-control.custom-select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .ultima .pet-profile-wrapper .form-group .form-control:disabled,
    .ultima .add-family-member-modal .form-group .form-control:disabled {
      min-width: 93%; }
  .ultima .pet-profile-wrapper .form-group .custom-select-arrow,
  .ultima .add-family-member-modal .form-group .custom-select-arrow {
    right: 12px;
    top: 33px;
    pointer-events: none; }
  .ultima .pet-profile-wrapper .form-group .form-control-label,
  .ultima .pet-profile-wrapper .form-group .form-control-label.as-focused-input,
  .ultima .add-family-member-modal .form-group .form-control-label,
  .ultima .add-family-member-modal .form-group .form-control-label.as-focused-input {
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: "ubuntu";
    color: #292524;
    top: unset;
    left: unset;
    bottom: unset;
    position: relative;
    display: flex;
    margin-bottom: unset; }
  .ultima .pet-profile-wrapper .form-group label,
  .ultima .add-family-member-modal .form-group label {
    top: 0;
    left: 0;
    bottom: 0;
    position: relative;
    margin-bottom: 0; }
  .ultima .pet-profile-wrapper .form-group.custom-input,
  .ultima .add-family-member-modal .form-group.custom-input {
    align-items: start;
    row-gap: 6px; }
  .ultima .pet-profile-wrapper .form-group.required .form-control-label::after,
  .ultima .add-family-member-modal .form-group.required .form-control-label::after {
    content: ''; }

.ultima .pet-profile-wrapper {
  padding: 16px; }
  .ultima .pet-profile-wrapper .birth-sex-radio-button {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    padding: 0 0 32px 0; }
    .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input {
      display: flex;
      column-gap: 12px; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input .birth-radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input .birth-radio + label {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #dee2e6;
        background-color: #ffffff;
        cursor: pointer;
        margin-bottom: 0;
        margin-top: 35px; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input .birth-radio + label::after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #936031;
        margin: 5px;
        opacity: 0;
        transition: opacity 0.2s ease-in-out; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input .birth-radio:checked + label::after {
        opacity: 1; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input .birth-radio:checked + label {
        border: 1px solid #936031; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input .birth-radio.cat-alternative + label::after {
        background-color: #4a773c; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .date-input .birth-radio.cat-alternative:checked + label {
        border: 1px solid #4a773c; }
    .ultima .pet-profile-wrapper .birth-sex-radio-button .lightpick {
      top: 70px !important;
      left: 0 !important;
      width: 100%; }
      .ultima .pet-profile-wrapper .birth-sex-radio-button .lightpick .lightpick__month {
        width: 100%; }
    .ultima .pet-profile-wrapper .birth-sex-radio-button .datepicker {
      padding-right: 12px; }
    .ultima .pet-profile-wrapper .birth-sex-radio-button .calendar-icon {
      position: absolute;
      right: 12px;
      bottom: 10px; }
  .ultima .pet-profile-wrapper .pet-breed-title,
  .ultima .pet-profile-wrapper .pet-size-title,
  .ultima .pet-profile-wrapper .pet-sex-title,
  .ultima .pet-profile-wrapper .pet-sterilization-title {
    color: #292524;
    font-family: "ubuntu";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px; }
  .ultima .pet-profile-wrapper .pet-breed-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding: 0 0 32px 0; }
    .ultima .pet-profile-wrapper .pet-breed-wrapper .breed-buttons-wrapper {
      display: flex;
      flex-direction: row;
      column-gap: 12px;
      width: 100%;
      margin-bottom: 8px; }
      .ultima .pet-profile-wrapper .pet-breed-wrapper .breed-buttons-wrapper .choose-text {
        font-family: "ubuntu";
        font-size: 16px; }
      .ultima .pet-profile-wrapper .pet-breed-wrapper .breed-buttons-wrapper .btn-brand {
        background-color: #fff;
        border: 1px solid #E7E5E4;
        display: flex;
        align-items: center;
        color: #292524;
        max-width: 100%; }
        .ultima .pet-profile-wrapper .pet-breed-wrapper .breed-buttons-wrapper .btn-brand.cat-alternative.clicked {
          background-color: #EBF5EF;
          border: 2px solid #4a773c !important; }
        .ultima .pet-profile-wrapper .pet-breed-wrapper .breed-buttons-wrapper .btn-brand.cat-alternative:hover {
          background-color: #EBF5EF;
          border: 2px solid #4a773c; }
        .ultima .pet-profile-wrapper .pet-breed-wrapper .breed-buttons-wrapper .btn-brand.clicked {
          background-color: #F8F4EE;
          border: 2px solid #936031;
          color: #292524; }
        .ultima .pet-profile-wrapper .pet-breed-wrapper .breed-buttons-wrapper .btn-brand:hover {
          background-color: #F8F4EE;
          border: 2px solid #936031;
          color: #292524; }
  .ultima .pet-profile-wrapper .pet-size-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding: 0 0 32px 0; }
    .ultima .pet-profile-wrapper .pet-size-wrapper .size-buttons-wrapper {
      display: flex;
      flex-direction: row;
      column-gap: 12px; }
    .ultima .pet-profile-wrapper .pet-size-wrapper .size-dog {
      color: #44403c;
      font-weight: 300;
      font-size: 14px;
      line-height: 20px; }
  .ultima .pet-profile-wrapper .pet-sex-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px; }
    .ultima .pet-profile-wrapper .pet-sex-wrapper .sex-buttons-wrapper {
      display: flex;
      flex-direction: row;
      column-gap: 12px; }
  .ultima .pet-profile-wrapper .pet-sex-sterilization-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 0; }
  .ultima .pet-profile-wrapper .pet-sterilization-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 16px; }
  .ultima .pet-profile-wrapper .sterilization-buttons-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 16px; }
  .ultima .pet-profile-wrapper .pet-profile-btn {
    background-color: #ffffff;
    border: 1px solid #E7E5E4;
    border-radius: 12px;
    box-shadow: 0px 4px 16px rgba(23, 20, 18, 0.08);
    padding: 12px;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: 48px;
    font-weight: 500;
    box-sizing: border-box;
    overflow: hidden; }
    .ultima .pet-profile-wrapper .pet-profile-btn.cat-alternative.clicked {
      background-color: #EBF5EF;
      border: 2px solid #4a773c !important; }
    .ultima .pet-profile-wrapper .pet-profile-btn.cat-alternative:hover {
      background-color: #EBF5EF;
      border: 2px solid #4a773c; }
    .ultima .pet-profile-wrapper .pet-profile-btn.clicked {
      background-color: #F8F4EE;
      border: 2px solid #936031; }
      .ultima .pet-profile-wrapper .pet-profile-btn.clicked .icon-linear {
        display: none; }
      .ultima .pet-profile-wrapper .pet-profile-btn.clicked .icon-filled {
        display: flex; }
    .ultima .pet-profile-wrapper .pet-profile-btn.with-icon {
      padding: 27px 5px;
      max-height: 180px; }
    .ultima .pet-profile-wrapper .pet-profile-btn.btn-gender {
      padding: 33px; }
    .ultima .pet-profile-wrapper .pet-profile-btn:hover {
      background-color: #F8F4EE;
      border: 2px solid #936031; }
      .ultima .pet-profile-wrapper .pet-profile-btn:hover .icon-linear {
        display: none; }
      .ultima .pet-profile-wrapper .pet-profile-btn:hover .icon-filled {
        display: flex; }
    .ultima .pet-profile-wrapper .pet-profile-btn .icon-linear {
      margin-bottom: 10px;
      display: flex; }
    .ultima .pet-profile-wrapper .pet-profile-btn .icon-filled {
      margin-bottom: 10px;
      display: none; }

.ultima .pet-profile-buttons {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
  margin: 0; }
  .ultima .pet-profile-buttons .btn {
    margin: 0; }
  .ultima .pet-profile-buttons .save-pet-profile-btn,
  .ultima .pet-profile-buttons .cancel-pet-profile-btn {
    max-width: 100%;
    height: 44px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "ubuntu";
    font-weight: 500; }
  .ultima .pet-profile-buttons .save-pet-profile-btn {
    background-color: #936031;
    border: 1px solid #936031;
    color: #fff; }
    .ultima .pet-profile-buttons .save-pet-profile-btn:hover {
      background-color: #F8F4EE;
      border: 2px solid #936031;
      color: #936031; }
    .ultima .pet-profile-buttons .save-pet-profile-btn.cat-alternative {
      background-color: #4a773c;
      border: 1px solid #4a773c; }
      .ultima .pet-profile-buttons .save-pet-profile-btn.cat-alternative:hover {
        background-color: #EBF5EF;
        border: 2px solid #4a773c;
        color: #4a773c; }
  .ultima .pet-profile-buttons .cancel-pet-profile-btn {
    background-color: #F8F4EE;
    border: 1px solid #F8F4EE;
    color: #936031; }
    .ultima .pet-profile-buttons .cancel-pet-profile-btn:hover {
      background-color: #F8F4EE;
      border: 2px solid #936031;
      color: #936031; }
    .ultima .pet-profile-buttons .cancel-pet-profile-btn.cat-alternative {
      background-color: #EBF5EF;
      border: 1px solid #EBF5EF;
      color: #4a773c; }
      .ultima .pet-profile-buttons .cancel-pet-profile-btn.cat-alternative:hover {
        background-color: #EBF5EF;
        border: 2px solid #4a773c;
        color: #4a773c; }

.ultima .pet-profile-other-actions-wrapper {
  padding: 7px 20px 0 20px;
  margin: 0; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-other-actions-title {
    color: #1C1917;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-other-actions-description,
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-subtitle {
    color: #1C1917;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-title {
    color: #1C1917;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button {
    background: #936031;
    border: 1px solid #936031;
    padding: 12px 20px;
    color: #ffffff;
    font-family: "ubuntu";
    font-weight: 500;
    line-height: 20px;
    max-width: 100%;
    width: 100%; }
    .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button.button-alternative {
      background: #4a773c;
      border: 1px solid #4a773c; }
      .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button.button-alternative:hover {
        background: #ffffff;
        border: 1px solid #4a773c;
        color: #4a773c; }
        .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button.button-alternative:hover path {
          fill: #4a773c; }
    .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button:hover {
      background: #ffffff;
      border: 1px solid #936031;
      color: #936031; }
      .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button:hover path {
        fill: #936031; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-wrapper {
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0px 4px 9px -2px rgba(16, 24, 40, 0.02), 0px 12px 22px -4px rgba(16, 24, 40, 0.05);
    padding: 16px; }
    .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-wrapper.add-family-member-modal-choice {
      padding: 16px;
      border: 1px solid #E7E5E4; }
      .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-wrapper.add-family-member-modal-choice.active {
        border: 2px solid #936031;
        background: #F8F4EE; }
      .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-wrapper.add-family-member-modal-choice.button-alternative.active {
        border: 2px solid #4a773c;
        background: #EBF5EF; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal-choice-link {
    color: #4a773c;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: underline; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-name {
    color: #1C1917;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-pets {
    color: #1C1917;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 14px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-not-completed {
    border-radius: 16px;
    border: 1.5px solid #B54708;
    padding: 2px 10px;
    max-width: 205px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-not-completed-text {
    color: #B54708;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 6px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal-choice-checkbox {
    border-radius: 6px;
    border: 1px solid #936031;
    width: 20px;
    height: 20px; }
    .ultima .pet-profile-other-actions-wrapper .add-family-member-modal-choice-checkbox path {
      fill: #936031 !important; }
    .ultima .pet-profile-other-actions-wrapper .add-family-member-modal-choice-checkbox.button-alternative {
      border: 1px solid #4a773c; }
      .ultima .pet-profile-other-actions-wrapper .add-family-member-modal-choice-checkbox.button-alternative path {
        fill: #4a773c !important; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-completed-text {
    color: #4a773c;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 6px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-completed {
    border-radius: 16px;
    border: 1.5px solid #4a773c;
    padding: 2px 10px;
    max-width: 145px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-pending {
    border-radius: 16px;
    border: 1.5px solid #292524;
    padding: 2px 10px;
    max-width: 190px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-pending-text {
    color: #292524;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 6px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-active {
    border-radius: 16px;
    border: 1.5px solid #215732;
    padding: 2px 10px;
    max-width: 190px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-pending-active {
    color: #215732;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 6px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member {
    width: 47px;
    height: 47px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-member-container {
    padding-left: 14px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-members-wrapper {
    padding-right: 0px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-dialog {
    max-width: 400px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-content {
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08); }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-body {
    padding: 20px 16px 16px 16px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-body-alt {
    padding: 20px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-button-cancel {
    border-radius: 50px;
    border: 1px solid #936031;
    padding: 12px 20px;
    color: #936031;
    font-family: "ubuntu";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 12px; }
    .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-button-cancel.button-alternative {
      border: 1px solid #4a773c;
      color: #4a773c; }
      .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-button-cancel.button-alternative:hover {
        background: #4a773c;
        color: #ffffff; }
    .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-button-cancel:hover {
      background: #936031;
      color: #ffffff; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-title {
    color: #1C1917;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-title-alt {
    color: #1C1917;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-subtitle {
    color: #79716B;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px; }
  .ultima .pet-profile-other-actions-wrapper .add-family-member-modal .add-family-member-modal-label {
    color: #292524;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px; }
  .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button-wrap {
    white-space: break-spaces; }

@media (min-width: 1024px) {
  .ultima .pet-profile-container {
    padding-bottom: 40px; }
  .ultima .pet-profile-image {
    width: 180px;
    height: 180px; }
  .ultima .display-pet-edit-profile {
    margin: 0 auto 60px auto; }
  .ultima .pet-profile-details-wrapper {
    padding-left: 60px;
    padding-top: 0; }
  .ultima .pet-profile-column-name {
    padding: 0 32px 20px 0; }
  .ultima .pet-profile-wrapper {
    padding: 32px; }
    .ultima .pet-profile-wrapper .form-group .form-control:disabled {
      min-width: auto; }
    .ultima .pet-profile-wrapper .pet-profile-btn.with-icon {
      padding: 12px 18px;
      width: 120px;
      height: 180px; }
    .ultima .pet-profile-wrapper .pet-profile-btn.btn-gender {
      padding: 12px 18px; }
    .ultima .pet-profile-wrapper .pet-sex-sterilization-wrapper {
      display: flex;
      flex-direction: row;
      column-gap: 32px; }
    .ultima .pet-profile-wrapper .sterilization-buttons-wrapper {
      width: 228px;
      row-gap: 12px; }
    .ultima .pet-profile-wrapper .birth-sex-radio-button {
      padding: 0 0 20px 32px; }
    .ultima .pet-profile-wrapper .pet-breed-wrapper {
      padding: 20px 32px 20px 0; }
    .ultima .pet-profile-wrapper .pet-size-wrapper {
      padding: 20px 0 20px 32px; }
    .ultima .pet-profile-wrapper .pet-sex-sterilization-wrapper {
      padding: 20px 32px 20px 0; }
      .ultima .pet-profile-wrapper .pet-sex-sterilization-wrapper.cat-alternative {
        padding: 20px 0 20px 32px; }
    .ultima .pet-profile-wrapper .birth-sex-radio-button .datepicker {
      padding-right: 38px; }
  .ultima .pet-profile-buttons {
    flex-direction: row-reverse;
    column-gap: 8px;
    width: 100%;
    margin: 0;
    justify-content: end; }
    .ultima .pet-profile-buttons .save-pet-profile-btn,
    .ultima .pet-profile-buttons .cancel-pet-profile-btn {
      min-width: 173px; }
  .ultima .pet-profile-other-actions-wrapper {
    padding: 42px 0 20px 0;
    max-width: 1240px;
    margin: 0 auto; }
    .ultima .pet-profile-other-actions-wrapper .pet-profile-family-members-wrapper {
      padding-right: 40px; }
    .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-wrapper {
      padding: 32px 16px; }
      .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-wrapper.add-family-member-modal-choice {
        padding: 16px; }
    .ultima .pet-profile-other-actions-wrapper .pet-profile-family-new-members-button {
      max-width: 260px;
      width: auto; } }

.pet-profile-header-wrapper {
  background: #934D11;
  opacity: 0.9;
  max-width: 1440px;
  margin: auto; }
  .pet-profile-header-wrapper.alternative {
    background: #4a773c;
    opacity: 1; }
  .pet-profile-header-wrapper .pet-profile-header {
    padding: 20px; }
    .pet-profile-header-wrapper .pet-profile-header .pet-profile-header-breadcrumbs {
      color: #ffffff;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      margin-bottom: 0; }
      .pet-profile-header-wrapper .pet-profile-header .pet-profile-header-breadcrumbs .bold {
        font-weight: 700; }
      .pet-profile-header-wrapper .pet-profile-header .pet-profile-header-breadcrumbs .pet-profile-header-breadcrumbs-link {
        color: #ffffff;
        text-decoration: none; }

.pet-profile-body-wrapper {
  background: linear-gradient(to bottom, rgba(147, 77, 17, 0.9) 20px, transparent 0%);
  max-width: 1440px;
  margin: -0.5px auto 0 auto; }
  .pet-profile-body-wrapper.alternative {
    background: linear-gradient(to bottom, #4a773c 20px, transparent 0%); }

@media (min-width: 1024px) {
  .pet-profile-header-wrapper .pet-profile-header {
    padding: 0 0 40px 0;
    gap: 32px;
    max-width: 1240px;
    margin: 0 auto 0 auto; }
  .pet-profile-body-wrapper {
    margin-top: -0.5px;
    background: linear-gradient(to bottom, rgba(147, 77, 17, 0.9) 50px, transparent 0%); }
    .pet-profile-body-wrapper.alternative {
      background: linear-gradient(to bottom, #4a773c 50px, transparent 0%); }
    .pet-profile-body-wrapper .content {
      max-width: 1240px;
      margin: 0 auto; } }

.cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content {
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  max-width: 343px; }
  .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body {
    padding: 20px; }
    .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body .cancel-pet-profile-changes-modal-title {
      color: #171412;
      font-size: 20px;
      font-weight: 700; }
    .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body .cancel-pet-profile-changes-modal-text {
      color: #79716B;
      font-size: 12px;
      font-weight: 400; }
    .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body .cancel-pet-profile-changes-modal-button-confirm {
      border-radius: 50px;
      border: 1px solid #d92d20;
      background: #d92d20;
      color: #ffffff;
      font-family: "ubuntu";
      font-weight: 500;
      font-size: 14px;
      font-style: normal;
      line-height: 20px;
      margin: 0 0 12px 0;
      padding: 12px 20px 12px 20px; }
    .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body .cancel-pet-profile-changes-modal-button-confirm-alt {
      border-radius: 50px;
      border: 1px solid #936031;
      background: #936031;
      color: #ffffff;
      font-family: "ubuntu";
      font-weight: 500;
      font-size: 14px;
      font-style: normal;
      line-height: 20px;
      margin: 0 0 12px 0;
      padding: 12px 20px 12px 20px;
      text-decoration: none; }
      .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body .cancel-pet-profile-changes-modal-button-confirm-alt.button-alternative {
        border: 1px solid #4a773c;
        background: #4a773c; }
    .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body .cancel-pet-profile-changes-modal-button-cancel {
      border-radius: 50px;
      border: 1px solid #936031;
      background: #ffffff;
      color: #936031;
      font-family: "ubuntu";
      font-weight: 500;
      font-size: 14px;
      font-style: normal;
      line-height: 20px;
      margin: 0;
      padding: 12px 20px 12px 20px; }
      .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content .cancel-pet-profile-changes-modal-body .cancel-pet-profile-changes-modal-button-cancel.button-alternative {
        border: 1px solid #4a773c;
        color: #4a773c; }

@media (min-width: 1024px) {
  .cancel-pet-profile-changes-modal .cancel-pet-profile-changes-modal-content {
    max-width: 400px; } }

.lightpick {
  position: absolute;
  z-index: 99999;
  padding: 4px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  color: #000;
  font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.125em; }

.lightpick--inlined {
  position: relative;
  display: inline-block; }

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

.lightpick.is-hidden {
  display: none; }

.lightpick__months {
  display: grid;
  background-color: #EEE;
  grid-template-columns: auto;
  grid-gap: 1px; }

.lightpick--2-columns .lightpick__months {
  grid-template-columns: auto auto; }

.lightpick--3-columns .lightpick__months {
  grid-template-columns: auto auto auto; }

.lightpick--4-columns .lightpick__months {
  grid-template-columns: auto auto auto auto; }

.lightpick--5-columns .lightpick__months {
  grid-template-columns: auto auto auto auto auto; }

.lightpick__month {
  padding: 4px;
  width: 288px;
  background-color: #FFF; }

.lightpick__month-title-bar {
  display: flex;
  margin-bottom: 4px;
  justify-content: space-between;
  align-items: center; }

.lightpick__month-title {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  cursor: default;
  padding: 0 4px;
  border-radius: 4px; }

.lightpick__month-title > .lightpick__select {
  border: none;
  background-color: transparent;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #000000; }

.lightpick__month-title > .lightpick__select:disabled {
  color: #333; }

.lightpick__month-title > .lightpick__select-months {
  text-transform: capitalize;
  font-weight: bold;
  font-size: 1em;
  margin-right: .5em; }

.lightpick__toolbar {
  display: flex;
  text-align: right;
  justify-content: flex-end; }

.lightpick__previous-action,
.lightpick__next-action,
.lightpick__close-action {
  display: flex;
  margin-left: 6px;
  width: 32px;
  height: 32px;
  outline: none;
  border: none;
  border-radius: 50%;
  background-color: #DDD;
  justify-content: center;
  align-items: center; }

.lightpick__previous-action,
.lightpick__next-action {
  color: #000000;
  font-size: 12px; }

.lightpick__close-action {
  font-size: 18px; }

.lightpick__previous-action:active,
.lightpick__next-action:active,
.lightpick__close-action:active {
  color: inherit; }

.lightpick__days-of-the-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr); }

.lightpick__day-of-the-week {
  display: flex;
  font-size: 11px;
  font-weight: bold;
  justify-content: center;
  align-items: center; }

.lightpick__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr); }

.lightpick__day {
  display: flex;
  height: 40px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  cursor: default; }

.lightpick__day.is-today {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23936031' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  background-size: 18.8% auto;
  background-position: center bottom;
  color: #DC322F; }

.lightpick__day:not(.is-disabled):hover {
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23936031' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  color: #ffffff; }

.lightpick__day.is-disabled {
  opacity: 0.38;
  pointer-events: none; }

.lightpick__day.disabled-tooltip {
  pointer-events: auto; }

.lightpick__day.is-disabled.is-forward-selected {
  opacity: 1; }

.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
  background-color: rgba(38, 139, 210, 0.1);
  background-image: none; }

.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {
  opacity: 0.38; }

.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
  opacity: 1; }

.lightpick__day.is-in-range {
  border-radius: 0;
  background-color: rgba(38, 139, 210, 0.1);
  background-image: none; }

.lightpick__day.is-in-range:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
  border-top-left-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 50%;
  background-color: #268BD2;
  background-image: none; }

.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
  border-top-left-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
  background-color: #268BD2;
  background-image: none; }

.lightpick__day.is-start-date.is-end-date {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.lightpick__day.is-start-date,
.lightpick__day.is-end-date,
.lightpick__day.is-start-date:hover,
.lightpick__day.is-end-date:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23936031' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  background-size: auto;
  background-position: center;
  color: #ffffff;
  font-weight: bold; }

.is-cat .lightpick__day.is-today {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%234A773C' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.is-cat .lightpick__day:not(.is-disabled):hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%234A773C' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.is-cat .lightpick__day.is-start-date,
.is-cat .lightpick__day.is-end-date,
.is-cat .lightpick__day.is-start-date:hover,
.is-cat .lightpick__day.is-end-date:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%234A773C' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.lightpick__tooltip {
  position: absolute;
  margin-top: -4px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  font-size: 11px;
  pointer-events: none; }

.lightpick__tooltip::before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  border-top: 5px solid rgba(0, 0, 0, 0.12);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: ""; }

.lightpick__tooltip::after {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  border-top: 4px solid #FFF;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

.lightpick__footer {
  display: flex;
  justify-content: space-between; }

.lightpick__reset-action,
.lightpick__apply-action {
  border-radius: 5px;
  font-size: 12px;
  border: none; }

.lightpick__reset-action {
  color: #fff;
  background-color: #aeacad; }

.lightpick__apply-action {
  color: #fff;
  background-color: #2495f3; }

body[data-action|="Account-EditProfile"] .form-group select {
  display: inline;
  width: auto;
  padding: 0; }

html[lang="fr"] .is-dog .lightpick__day:not(.is-disabled):hover,
html[lang="it"] .is-dog .lightpick__day:not(.is-disabled):hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23936031' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

html[lang="fr"] .is-dog .lightpick__day.is-today,
html[lang="it"] .is-dog .lightpick__day.is-today {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23936031' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

html[lang="fr"] .is-dog .lightpick__day.is-start-date,
html[lang="fr"] .is-dog .lightpick__day.is-end-date,
html[lang="fr"] .is-dog .lightpick__day.is-start-date:hover,
html[lang="fr"] .is-dog .lightpick__day.is-end-date:hover,
html[lang="it"] .is-dog .lightpick__day.is-start-date,
html[lang="it"] .is-dog .lightpick__day.is-end-date,
html[lang="it"] .is-dog .lightpick__day.is-start-date:hover,
html[lang="it"] .is-dog .lightpick__day.is-end-date:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23936031' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

html[lang="fr"] body[data-action|="Account-EditProfile"] .lightpick__day.is-today,
html[lang="it"] body[data-action|="Account-EditProfile"] .lightpick__day.is-today {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%234A773C' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

html[lang="fr"] body[data-action|="Account-EditProfile"] .lightpick__day:not(.is-disabled):hover,
html[lang="it"] body[data-action|="Account-EditProfile"] .lightpick__day:not(.is-disabled):hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%234A773C' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

html[lang="fr"] body[data-action|="Account-EditProfile"] .lightpick__day.is-start-date,
html[lang="fr"] body[data-action|="Account-EditProfile"] .lightpick__day.is-end-date,
html[lang="fr"] body[data-action|="Account-EditProfile"] .lightpick__day.is-start-date:hover,
html[lang="fr"] body[data-action|="Account-EditProfile"] .lightpick__day.is-end-date:hover,
html[lang="it"] body[data-action|="Account-EditProfile"] .lightpick__day.is-start-date,
html[lang="it"] body[data-action|="Account-EditProfile"] .lightpick__day.is-end-date,
html[lang="it"] body[data-action|="Account-EditProfile"] .lightpick__day.is-start-date:hover,
html[lang="it"] body[data-action|="Account-EditProfile"] .lightpick__day.is-end-date:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%234A773C' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.modal.fade.step0 {
  display: flex !important;
  justify-content: space-evenly;
  align-items: center; }
  .modal.fade.step0 .modal-dialog.step0 {
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .modal.fade.step0 .modal-dialog.step0 .modal-content.step0 {
      width: 343px;
      height: 270.15px;
      border-radius: 16px; }
      .modal.fade.step0 .modal-dialog.step0 .modal-content.step0 .modal-logo-ultima {
        width: 89.96px;
        height: 48.15px;
        align-self: center;
        margin-top: 19px; }
      .modal.fade.step0 .modal-dialog.step0 .modal-content.step0 .modal-highlighted-success {
        align-self: center;
        margin-top: 19px; }
      .modal.fade.step0 .modal-dialog.step0 .modal-content.step0 .modal-header.step0 {
        border-bottom: none;
        line-height: 30px;
        font-weight: 700;
        font-size: 20px;
        justify-content: center;
        color: #171412; }
      .modal.fade.step0 .modal-dialog.step0 .modal-content.step0 .modal-body.step0 .modal-description.step0 {
        margin: -26px 0 0 0;
        padding: 0 10px 0 10px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
        font-size: 14px;
        color: #79716B; }
      .modal.fade.step0 .modal-dialog.step0 .modal-content.step0 .modal-body.step0 .orange.large {
        width: 100%;
        margin: 20px 0 0 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        border-radius: 50px;
        padding: 11px 24px;
        text-transform: uppercase;
        color: #ffffff;
        background-color: var(--generic);
        border: 1px solid var(--generic); }

.modal.fade.step1 {
  display: flex !important;
  justify-content: space-evenly;
  align-items: center; }
  .modal.fade.step1 .modal-dialog.step1 {
    width: 343px;
    height: 642px;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 {
      border-radius: 16px; }
      .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-header.step1 {
        border-bottom: none;
        line-height: 30px;
        font-weight: 700;
        font-size: 20px;
        justify-content: left;
        color: #171412;
        margin: 0 117px -27px 0; }
      .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .title-steps {
        margin: 0px 0px 9px 0px;
        padding: 0 0 0 14px;
        border-bottom: none;
        line-height: 30px;
        font-weight: 700;
        font-size: 20px;
        justify-content: center;
        color: #171412; }
      .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 {
        margin: 0px 0px 0px 0px; }
        .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 label {
          font-weight: bolder;
          font-size: 14px;
          line-height: 20px;
          top: 0;
          padding: 0 11px;
          color: #292524; }
        .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 input {
          padding: 7px 12px;
          border: 1px solid #D7D3D0;
          border-radius: 8px; }
        .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .col-sm-12.col-md-12 {
          margin: 0 0 16px 0; }
          .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .col-sm-12.col-md-12 .form-group {
            margin-bottom: 0;
            padding: 0 0 0 0; }
        .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .form-group-steps .title-steps {
          margin: 20px 0px 25px 0px;
          padding: 0 0 0 0; }
        .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .form-group-steps .row {
          display: flex;
          justify-content: space-around;
          height: 180px; }
          .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .form-group-steps .row .col-5 {
            display: flex;
            justify-content: space-around;
            align-items: center;
            border: 2px #E7E5E4;
            box-shadow: 0 4px 16px #E7E5E4;
            border-radius: 12px; }
            .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .form-group-steps .row .col-5.is-invalid {
              box-shadow: none;
              border: 1px solid #e71b17; }
          .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .form-group-steps .row span {
            margin: 10px 0px 0 0px;
            text-align: center;
            display: flex;
            justify-content: center;
            white-space: nowrap;
            font-weight: 500;
            font-size: 16px;
            color: #292524;
            line-height: 24px; }
        .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .orange.large {
          width: 100%;
          margin: 20px 0 0 0;
          font-weight: 500;
          font-size: 14px;
          line-height: 20px;
          border-radius: 50px;
          padding: 11px 24px;
          text-transform: uppercase;
          color: #ffffff;
          background-color: var(--generic);
          border: 1px solid var(--generic); }
          .modal.fade.step1 .modal-dialog.step1 .modal-content.step1 .modal-body.step1 .orange.large img {
            padding: 0px 0px 2px 9px; }

.modal.fade.step2 {
  display: flex !important;
  justify-content: space-evenly;
  align-items: center; }
  .modal.fade.step2 .modal-dialog.step2 {
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 {
      width: 343px;
      height: 692px;
      border-radius: 16px; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-header.step2 {
        border-bottom: none;
        line-height: 30px;
        font-weight: 700;
        font-size: 20px;
        justify-content: left;
        color: #171412;
        margin: 0 117px -27px 0;
        z-index: 10; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .title-steps {
        margin: 0px 0px 9px 0px;
        padding: 0 0 0 14px;
        border-bottom: none;
        line-height: 30px;
        font-weight: 700;
        font-size: 20px;
        justify-content: center;
        color: #171412; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .label-steps {
        line-height: 30px;
        font-weight: 700;
        font-size: 16px;
        justify-content: center;
        color: #171412; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .description-steps {
        padding: 0 15px 0 15px;
        line-height: 18px;
        font-weight: 400;
        text-align: center;
        font-size: 12px;
        color: #79716B;
        text-align: justify; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .col-sm-12.col-md-12 {
        margin: -12px 0 16px 0; }
        .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .col-sm-12.col-md-12 .form-group {
          margin-bottom: 0;
          padding: 0 0 0 0; }
          .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .col-sm-12.col-md-12 .form-group label {
            font-weight: bolder;
            font-size: 14px;
            line-height: 20px;
            color: #292524; }
          .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .col-sm-12.col-md-12 .form-group .invalid-feedback {
            margin: 0 0 -14px 0; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .pet-adopted-wrapper {
        display: flex;
        flex-direction: row;
        column-gap: 8px;
        margin-bottom: 4px; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .radio-wrapper {
        display: flex;
        flex-direction: row;
        column-gap: 8px;
        width: 70px; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 label[for=petTypeSelect],
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 label[for=petAdopted] {
        padding: 0 0px 0 0;
        margin: 0 0 16px 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 input[type=radio] {
        accent-color: var(--generic);
        width: 20px;
        height: 20px;
        cursor: pointer; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .pet-adopted-value {
        display: flex;
        padding: 0;
        margin: 0;
        max-height: 20px; }
        .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .pet-adopted-value label {
          padding: 0;
          margin: 0; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .radio-input {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 20px;
        min-width: 20px;
        padding: 0; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .radio-input.is-invalid + .pet-adopted-value {
        color: #e71b17; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .row.selector {
        display: flex;
        justify-content: space-around;
        height: 180px;
        margin-bottom: 24px; }
        .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .row.selector .col-5 {
          width: 148px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 2px #E7E5E4;
          box-shadow: 0 4px 16px #E7E5E4;
          border-radius: 12px; }
          .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .row.selector .col-5.is-invalid {
            box-shadow: none;
            border: 1px solid #e71b17; }
        .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .row.selector span {
          margin: 10px 0px 0 0px;
          text-align: center;
          display: flex;
          justify-content: center;
          white-space: nowrap;
          font-weight: 500;
          font-size: 16px;
          color: #292524; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 label {
        font-weight: bolder;
        font-size: 14px;
        line-height: 20px;
        top: 0;
        padding: 0 11px; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 input {
        padding: 7px 12px;
        border: 1px solid #D7D3D0;
        border-radius: 8px; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .btn-secondary-onboarding:hover {
        background-color: #F8F4EE; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .btn-secondary-onboarding:focus {
        border: 2px solid var(--generic) !important;
        background-color: #F8F4EE; }
      .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .orange.large {
        width: 100%;
        margin: 20px 0 0 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        border-radius: 50px;
        border: 1px solid;
        padding: 11px 24px;
        text-transform: uppercase;
        color: #ffffff;
        background-color: var(--generic);
        border: 1px solid var(--generic); }
        .modal.fade.step2 .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .orange.large img {
          padding: 0px 0px 2px 9px; }

.modal.fade.steplast {
  display: flex !important;
  justify-content: space-evenly;
  align-items: center;
  padding-left: 0px; }
  .modal.fade.steplast .modal-dialog.steplast {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 343px;
    height: 696px; }
    .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast {
      border-radius: 16px; }
      .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-header.steplast {
        border-bottom: none;
        line-height: 30px;
        font-weight: 700;
        font-size: 20px;
        justify-content: left;
        color: #171412;
        margin: 0 117px -16px 0;
        z-index: 10; }
      .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .title-steps {
        margin: 6px 0px 9px 0px;
        border-bottom: none;
        line-height: 30px;
        font-weight: 700;
        font-size: 20px;
        justify-content: center;
        color: #171412; }
      .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .label-steps {
        line-height: 30px;
        font-weight: 700;
        font-size: 16px;
        justify-content: center;
        color: #171412; }
      .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast {
        margin: -35px 0 0 0; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .col-sm-12.col-md-12 {
          display: flex;
          flex-direction: column; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .col-sm-12.col-md-12.is-invalid .petSterilized-selector {
            box-shadow: none;
            border: 1px solid #e71b17; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .description-steps {
          line-height: 18px;
          font-weight: 400;
          text-align: center;
          font-size: 12px;
          color: #79716B;
          text-align: justify; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row.selector {
          width: 280px;
          height: 180px;
          display: flex;
          justify-content: center;
          margin: auto;
          gap: 10px;
          flex-wrap: initial; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row.selector .col-4 {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px #E7E5E4;
            box-shadow: 0 4px 16px #E7E5E4;
            border-radius: 12px; }
            .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row.selector .col-4 .size-dog {
              white-space: nowrap;
              color: #44403C;
              font-weight: 300;
              font-size: 14px;
              line-height: 20px; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .title-steps-2 {
          margin: 38px 0px 0px 0px;
          border-bottom: none;
          line-height: 30px;
          font-weight: 700;
          font-size: 20px;
          justify-content: center;
          color: #171412; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row {
          display: flex;
          justify-content: flex-start; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .form-group {
            margin-bottom: 0px !important;
            padding: 0 0 0 0 !important; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row input[type=radio] {
            margin: 19px -14px 0 0;
            accent-color: var(--generic);
            transform: scale(1.5); }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .radio-input {
            display: flex !important;
            align-items: center;
            justify-content: center; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .radio-input-2 {
            display: flex !important;
            align-items: center;
            justify-content: center;
            margin: 18px 0 0 0; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .col-sm-1.col-md-1 .input-cat {
            accent-color: #4A773C; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .col-sm-1.col-md-1 .input-dog {
            accent-color: #936031; }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .col-5 {
            margin: 16px 0 0 0; }
            .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .row .col-5 input {
              width: 129.5px; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast label {
          font-weight: bolder;
          font-size: 14px;
          line-height: 20px;
          top: 0;
          padding: 0 11px; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast input {
          padding: 7px 12px;
          border: 1px solid #D7D3D0;
          border-radius: 8px; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast #petYears {
          width: 129.5px; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast #petMonths {
          width: 129.5px; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast #registration-form-pBirthdate {
          width: 271px; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .calendar-icon {
          color: #80817C;
          position: absolute;
          width: 20px;
          height: 20px;
          top: 33px;
          right: 14px;
          padding: 0 0px 0px 16px;
          cursor: pointer; }
        .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .orange.large {
          width: 100%;
          margin: 20px 0 0 0;
          font-weight: 500;
          font-size: 14px;
          line-height: 20px;
          border-radius: 50px;
          border: 1px solid;
          padding: 11px 24px;
          text-transform: uppercase;
          color: #ffffff;
          background-color: var(--generic);
          border: 1px solid var(--generic); }
          .modal.fade.steplast .modal-dialog.steplast .modal-content.steplast .modal-body.steplast .orange.large img {
            padding: 0px 0px 2px 9px; }

.modal-dialog {
  font-family: "ubuntu"; }
  .modal-dialog ::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #79716B; }

.show-steps {
  font-size: 12px;
  padding: 2px 0px 0px 10px; }
  .show-steps span {
    font-weight: lighter; }

.btn-secondary-onboarding {
  border: 1px #E7E5E4;
  box-shadow: 0 4px 16px #E7E5E4;
  background-color: #FFFFFF;
  width: 100%;
  margin: 20px 0 0 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
  border: 1px #E7E5E4;
  padding: 11px 24px;
  color: #292524; }

.clicked {
  border: 2px solid #936031 !important;
  background-color: #F8F4EE; }
  .clicked.generic {
    border: 2px solid var(--generic) !important; }

.cat-clicked {
  border: 2px solid #4A773C !important;
  background-color: #EBF5EF; }

.unclicked {
  border-radius: none;
  border: none;
  background-color: #ffffff; }

.invalid-feedback {
  position: static !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400; }

.checkbox-img-select {
  display: inline-block;
  vertical-align: top; }
  .checkbox-img-select input[type=radio] + label {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    word-break: break-word;
    margin-bottom: 20px; }
  .checkbox-img-select input[type=radio] + label > img,
  .checkbox-img-select input[type=radio] + label .label-container > img {
    display: inline-block;
    margin: 0 auto;
    max-width: 80px;
    max-height: 100%; }
    .checkbox-img-select input[type=radio] + label > img:first-of-type,
    .checkbox-img-select input[type=radio] + label .label-container > img:first-of-type {
      display: block; }
    .checkbox-img-select input[type=radio] + label > img:nth-of-type(2),
    .checkbox-img-select input[type=radio] + label .label-container > img:nth-of-type(2) {
      display: none; }
  .checkbox-img-select input[type=radio]:checked + label > img:first-of-type,
  .checkbox-img-select input[type=radio] + label:hover > img:first-of-type,
  .checkbox-img-select input[type=radio]:checked + label .label-container > img:first-of-type,
  .checkbox-img-select input[type=radio] + label:hover .label-container > img:first-of-type {
    display: none; }
  .checkbox-img-select input[type=radio]:checked + label > img:nth-of-type(2),
  .checkbox-img-select input[type=radio] + label:hover > img:nth-of-type(2),
  .checkbox-img-select input[type=radio]:checked + label .label-container > img:nth-of-type(2),
  .checkbox-img-select input[type=radio] + label:hover .label-container > img:nth-of-type(2) {
    display: block; }

@media (min-width: 376px) {
  .modal-dialog.step0 .modal-content.step0 {
    width: 400px !important;
    height: 250.15px !important; }
  .modal-dialog.step2 .modal-content.step2 {
    width: 400px !important; }
  .modal-dialog.steplast #registration-form-pBirthdate {
    width: 321px !important; }
  .modal-dialog.steplast #registration-form-pYears {
    width: 158px !important; }
  .modal-dialog.steplast #registration-form-pMonths {
    width: 158px !important; }
  .modal-dialog.steplast .row.selector {
    width: 343px !important; } }

html[lang="it"] .modal-dialog.step1 .form-group-steps span {
  white-space: normal !important; }

@media (max-width: 375px) {
  html[lang="fr"] .modal-dialog.step2 .modal-content.step2 .modal-body.step2 {
    margin: -10px 0 0 0 !important; }
    html[lang="fr"] .modal-dialog.step2 .modal-content.step2 .modal-body.step2 label[for=petTypeSelect] {
      margin: 0 0 11px 0 !important; }
    html[lang="fr"] .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .btn-secondary-onboarding {
      margin: 11px 0 0 0 !important; }
    html[lang="fr"] .modal-dialog.step2 .modal-content.step2 .modal-body.step2 .orange.large {
      margin: 10px 0 0 0 !important; } }

.onboarding__pet-radio-background {
  top: 10px;
  left: 5px;
  z-index: 0; }
  @media (min-width: 768px) {
    .onboarding__pet-radio-background {
      top: 5px;
      left: 0; } }
  .onboarding__pet-radio-background--none {
    background-color: #7e7367; }

.onboarding__pet-radio-image {
  z-index: 1;
  height: 64px;
  width: 64px;
  top: 5px; }
  @media (min-width: 768px) {
    .onboarding__pet-radio-image {
      height: 80px;
      width: 80px;
      top: 0; } }

.onboarding__pet-label {
  z-index: 1; }

.onboarding__pet-button-wrapper {
  top: 10px; }
  @media (min-width: 768px) {
    .onboarding__pet-button-wrapper {
      top: 5px; } }

.onboarding__pet-button-wrapper, .onboarding__pet-radio-background--none {
  height: 56px;
  width: 56px; }
  @media (min-width: 768px) {
    .onboarding__pet-button-wrapper, .onboarding__pet-radio-background--none {
      height: 72px;
      width: 72px; } }

.onboarding__pet-button-svg {
  z-index: 1;
  height: 24px;
  width: 24px; }
  @media (min-width: 768px) {
    .onboarding__pet-button-svg {
      height: 32px;
      width: 32px; } }

.onboarding__pet-name {
  color: #464039;
  font-size: 14px;
  font-weight: 500;
  line-height: 136%; }

.onboarding__pet-radio-btn {
  border-radius: 8px;
  width: 32%; }
  .onboarding__pet-radio-btn--dog {
    border: 1px solid #936031;
    background: #fbf7f4; }
    .onboarding__pet-radio-btn--dog.onboarding__pet-radio-btn--selected, .onboarding__pet-radio-btn--dog.clicked {
      background-color: #936031; }
      .onboarding__pet-radio-btn--dog.onboarding__pet-radio-btn--selected .onboarding__weight-text-block > span, .onboarding__pet-radio-btn--dog.clicked .onboarding__weight-text-block > span {
        color: #fff; }
  .onboarding__pet-radio-btn--cat {
    border: 1px solid #4a773c;
    background: #f6faf5; }
    .onboarding__pet-radio-btn--cat.onboarding__pet-radio-btn--selected {
      background-color: #4a773c; }
  .onboarding__pet-radio-btn--none {
    border: 1px solid #7e7367;
    background: #f8f7f7; }
    .onboarding__pet-radio-btn--none.onboarding__pet-radio-btn--selected {
      background-color: #7e7367; }
      .onboarding__pet-radio-btn--none.onboarding__pet-radio-btn--selected .onboarding__pet-radio-background--none {
        background-color: #d8d4cf;
        opacity: 0.4; }
  .onboarding__pet-radio-btn--selected .onboarding__pet-name,
  .onboarding__pet-radio-btn--selected .onboarding__weight-text-block {
    color: #fff; }
  .onboarding__pet-radio-btn--selected circle {
    fill: #d8d4cf;
    opacity: 0.4; }
  .onboarding__pet-radio-btn--dog-step {
    max-width: 32%; }

.onboarding__toast {
  border-radius: 8px;
  background-color: #f3f9fc; }

.onboarding__toast-text {
  width: calc(100% - 20px);
  color: #464039;
  font-size: 14px;
  line-height: 136%; }

.onboarding__radio-btn:checked + .onboarding__radio-label .onboarding__radio-unchecked {
  display: none; }

.onboarding__radio-btn:checked + .onboarding__radio-label .onboarding__radio-checked {
  display: block; }

.onboarding__radio-checked {
  display: none; }

.onboarding__label-text {
  color: #464039;
  font-size: 14px;
  font-style: normal;
  line-height: 136%; }

.onboarding__pet-images {
  height: 56px;
  width: 56px; }
  @media (min-width: 768px) {
    .onboarding__pet-images {
      height: 72px;
      width: 72px; } }

.onboarding__pet-size, .onboarding__pet-weight {
  color: #464039;
  font-size: 14px;
  font-weight: 500;
  line-height: 136%; }

.onboarding__pet-weight {
  color: #7e7367;
  font-weight: 400; }

.onboarding__pet-selector {
  padding-bottom: 40px; }

.onboarding__radio-label-dog--check .onboarding__radio-unchecked {
  display: none; }

.onboarding__radio-label-dog--check .onboarding__radio-checked {
  display: block; }

.onboarding__age-layer {
  z-index: 100; }

.filters {
  display: none;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e4dedc;
  overflow-y: auto;
  z-index: 11;
  width: 100%; }
  .filters .grid-header {
    position: relative; }
    .filters .grid-header .refinement-bar {
      margin-left: 0px; }
  .filters.active {
    display: block; }
  .filters ul {
    list-style: none;
    padding-inline-start: 25px; }
  .filters .refinement {
    padding: 0; }
    .filters .refinement .filter-name {
      padding-top: 25px; }
    .filters .refinement .filter-content {
      padding-bottom: 25px; }
  .filters .filters-header {
    margin: 20px auto; }
    .filters .filters-header a {
      font-size: 0.875rem;
      text-decoration: none; }
    .filters .filters-header .filter-buttons {
      position: relative;
      margin-bottom: 20px;
      text-align: right;
      font-size: 0.875rem;
      color: #dd4814; }
      .filters .filters-header .filter-buttons a {
        color: #969696; }
        .filters .filters-header .filter-buttons a.disabled {
          opacity: .3;
          filter: alpha(opacity=30); }
      .filters .filters-header .filter-buttons .icon {
        color: #dd4814;
        position: absolute;
        right: -17px;
        top: 27px; }
        .filters .filters-header .filter-buttons .icon:before {
          font-size: 36px; }
      .filters .filters-header .filter-buttons .cancelFilter {
        font-size: 1rem;
        position: relative; }
      .filters .filters-header .filter-buttons .clearFilter {
        font-size: 14px;
        font-weight: 500;
        font-family: "ubuntumedium";
        line-height: 16px;
        letter-spacing: 0; }
    .filters .filters-header .filters-title {
      text-align: center;
      font-size: 20px;
      color: #000;
      font-family: "merriweatherlight";
      padding-bottom: 4px;
      border-width: 48px;
      padding-top: 85px; }
    .filters .filters-header hr {
      background-color: #dd4814;
      height: 1px;
      width: 48px;
      border-top: none; }
    .filters .filters-header .filters-subtitle {
      text-align: center;
      font-size: 14px;
      color: #000;
      font-family: "ubuntulight";
      margin-bottom: 13px;
      font-weight: 300; }
  .filters .filters-content {
    overflow: visible;
    max-width: 660px;
    margin: auto;
    padding: 0px 25px 20px 25px;
    height: calc(100vh - 60px); }
    .filters .filters-content .custom-control {
      padding-left: 0;
      margin-top: 18px; }
    .filters .filters-content .filter-name {
      color: #000;
      font-family: "ubuntumedium";
      font-size: 1rem;
      line-height: 24px;
      text-transform: uppercase;
      text-align: center; }
    .filters .filters-content .refinement a {
      cursor: pointer; }
      .filters .filters-content .refinement a label,
      .filters .filters-content .refinement a span {
        cursor: pointer; }
      .filters .filters-content .refinement a.active {
        cursor: auto; }
        .filters .filters-content .refinement a.active label,
        .filters .filters-content .refinement a.active span {
          cursor: auto; }
      .filters .filters-content .refinement a.disabled {
        opacity: .3;
        filter: alpha(opacity=30); }
        .filters .filters-content .refinement a.disabled label,
        .filters .filters-content .refinement a.disabled span {
          cursor: not-allowed; }
    .filters .filters-content .refinement-type {
      text-align: center; }
      .filters .filters-content .refinement-type li {
        display: inline-block;
        margin: 10px; }
        .filters .filters-content .refinement-type li a {
          font-size: 0.875rem;
          padding: 14px 25px;
          font-family: "merriweatherlight";
          color: #393939;
          border: 1px solid #969696;
          text-decoration: none;
          border-radius: 5px; }
          .filters .filters-content .refinement-type li a span {
            font-size: 1.6rem;
            vertical-align: middle;
            margin-right: 5px; }
          .filters .filters-content .refinement-type li a.active {
            background-color: #dd4814;
            color: #fff; }
    .filters .filters-content .refinement-pet-type {
      text-align: center; }
      .filters .filters-content .refinement-pet-type li {
        display: inline-block;
        margin: 10px; }
        .filters .filters-content .refinement-pet-type li a {
          font-size: .875rem;
          padding: 14px 25px;
          font-family: "merriweatherlight";
          color: #152935;
          border: 1px solid #9da5aa;
          text-decoration: none;
          border-radius: 5px; }
          .filters .filters-content .refinement-pet-type li a span {
            font-size: 1.6rem;
            vertical-align: middle;
            margin-right: 5px; }
          .filters .filters-content .refinement-pet-type li a.active {
            background-color: #dd4814;
            color: #fff; }
    .filters .filters-content .clear-filter-content {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 100%;
      margin-top: 47px;
      margin-bottom: 33px; }
      .filters .filters-content .clear-filter-content .clearFilter {
        font-family: "ubuntu";
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0;
        color: #000; }
        .filters .filters-content .clear-filter-content .clearFilter .icon-trash-2 {
          color: #dd4814; }
          .filters .filters-content .clear-filter-content .clearFilter .icon-trash-2:before {
            font-size: 25px;
            padding-left: 9px;
            top: 4px;
            position: relative;
            font-weight: 600; }
  .filters .view-prods {
    position: relative;
    display: block;
    bottom: unset;
    left: unset;
    right: unset;
    height: 70px;
    padding-top: 25px; }
    .filters .view-prods a.btn {
      background-color: transparent;
      color: #dd4814;
      text-transform: uppercase;
      width: 334px;
      max-width: 334px;
      margin: 0;
      font-family: "ubuntumedium";
      font-size: 12px;
      line-height: 12px;
      letter-spacing: 1px;
      padding: 14px 0;
      margin-bottom: 40px; }
      .filters .view-prods a.btn.disabled {
        opacity: .3;
        filter: alpha(opacity=30); }
  .filters .checkbox-img .custom-control-label {
    font-family: "ubuntulight";
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #000;
    word-break: normal; }
    .filters .checkbox-img .custom-control-label::before, .filters .checkbox-img .custom-control-label::after {
      display: none; }
    .filters .checkbox-img .custom-control-label .inactive-image {
      display: block; }
    .filters .checkbox-img .custom-control-label .active-image {
      display: none; }
    .filters .checkbox-img .custom-control-label img {
      margin: 0 auto; }
    .filters .checkbox-img .custom-control-label.active .inactive-image {
      display: none; }
    .filters .checkbox-img .custom-control-label.active .active-image {
      display: block; }
    .filters .checkbox-img .custom-control-label .category-filter {
      font-size: 14px;
      line-height: 20px;
      color: #000;
      font-family: "ubuntu";
      font-weight: 300;
      padding-top: 8px; }
    .filters .checkbox-img .custom-control-label .label-category-filter {
      font-size: 14px;
      line-height: 20px;
      color: #6d7278;
      font-family: "ubuntu";
      font-weight: 300; }
  .filters .checkbox-img input[type=checkbox]:checked + label .inactive-image {
    display: none; }
  .filters .checkbox-img input[type=checkbox]:checked + label .active-image {
    display: block; }

.dog_filters .refinement-bar .show-more .text-center .pill-btn.btn.btn-invert.btn-selected,
.dog_filters .refinement-bar .show-more .text-center a.btn.btn-invert.btn-selected {
  background: #934D11;
  color: #ffffff; }

.cat_filters .refinement-bar .show-more .text-center .pill-btn.btn.btn-invert.btn-selected,
.cat_filters .refinement-bar .show-more .text-center a.btn.btn-invert.btn-selected {
  background: #4a773c;
  color: #ffffff; }

.dog_area .filters .refinement-bar .show-more .text-center .pill-btn.btn.btn-invert.btn-selected,
.dog_area .filters .refinement-bar .show-more .text-center a.btn.btn-invert.btn-selected {
  background: #934D11;
  color: #ffffff; }

.cat_area .filters .refinement-bar .show-more .text-center .pill-btn.btn.btn-invert.btn-selected,
.cat_area .filters .refinement-bar .show-more .text-center a.btn.btn-invert.btn-selected {
  background: #4a773c;
  color: #ffffff; }

.search-results .refinement-bar .filter-container #selected-refinements, .category-results .refinement-bar .filter-container #selected-refinements {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px; }
  .search-results .refinement-bar .filter-container #selected-refinements li, .category-results .refinement-bar .filter-container #selected-refinements li {
    list-style: none;
    border: 1px solid #e4dedc;
    margin: 0 4px 7px;
    border-radius: 13px;
    cursor: pointer; }
    .search-results .refinement-bar .filter-container #selected-refinements li:first-child, .category-results .refinement-bar .filter-container #selected-refinements li:first-child {
      border: none;
      margin: 0;
      margin-bottom: 4px;
      padding: 0 4px 7px; }
    .search-results .refinement-bar .filter-container #selected-refinements li:hover, .category-results .refinement-bar .filter-container #selected-refinements li:hover {
      border-color: #dd4814; }
      .search-results .refinement-bar .filter-container #selected-refinements li:hover .name-filter, .category-results .refinement-bar .filter-container #selected-refinements li:hover .name-filter {
        color: #dd4814; }
        .search-results .refinement-bar .filter-container #selected-refinements li:hover .name-filter .close-filter, .category-results .refinement-bar .filter-container #selected-refinements li:hover .name-filter .close-filter {
          border-color: #dd4814;
          color: #dd4814; }
    .search-results .refinement-bar .filter-container #selected-refinements li .name-filter, .category-results .refinement-bar .filter-container #selected-refinements li .name-filter {
      font-size: 14px;
      font-family: "ubuntulight";
      font-weight: 300;
      color: #b8afac;
      padding: 5px 7px 5px 13px; }
      .search-results .refinement-bar .filter-container #selected-refinements li .name-filter .close-filter, .category-results .refinement-bar .filter-container #selected-refinements li .name-filter .close-filter {
        border: 1px solid #e4dedc;
        border-radius: 40px;
        padding: 1px 3px;
        font-family: "ubuntulight";
        font-weight: 300;
        font-size: 10px;
        position: relative;
        top: -2px; }

.search-results .refinement-bar button.btn-brand.btn-selected.show-filters, .category-results .refinement-bar button.btn-brand.btn-selected.show-filters {
  background: transparent;
  color: #dd4814;
  border-color: #dd4814; }
  .search-results .refinement-bar button.btn-brand.btn-selected.show-filters:hover, .category-results .refinement-bar button.btn-brand.btn-selected.show-filters:hover {
    background: #dd4814;
    color: #ffffff;
    border-color: #ffffff; }
  .search-results .refinement-bar button.btn-brand.btn-selected.show-filters.active, .category-results .refinement-bar button.btn-brand.btn-selected.show-filters.active {
    background: #dd4814;
    color: #ffffff;
    border-color: #ffffff; }
    .search-results .refinement-bar button.btn-brand.btn-selected.show-filters.active:hover, .category-results .refinement-bar button.btn-brand.btn-selected.show-filters.active:hover {
      background: transparent;
      color: #dd4814;
      border-color: #dd4814; }

.dog_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters, .dog_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters {
  background: transparent;
  border-color: #934D11;
  color: #934D11; }
  .dog_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters:hover, .dog_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters:hover {
    background: #934D11;
    color: #ffffff;
    border-color: #934D11; }
  .dog_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters.active, .dog_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters.active {
    background: #934D11;
    color: #ffffff;
    border-color: #ffffff; }
    .dog_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters.active:hover, .dog_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters.active:hover {
      background: transparent;
      color: #934D11;
      border-color: #934D11; }

.filters .refinement .custom-control-label {
  width: 75px; }
  .filters .refinement .custom-control-label .pet-icons img {
    width: 75px;
    padding-bottom: 6px; }

.cat_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters, .cat_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters {
  background: transparent;
  border-color: #4a773c;
  color: #4a773c; }
  .cat_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters:hover, .cat_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters:hover {
    background: #4a773c;
    color: #ffffff;
    border-color: #4a773c; }
  .cat_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters.active, .cat_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters.active {
    background: #4a773c;
    color: #ffffff;
    border-color: #ffffff; }
    .cat_area .search-results .refinement-bar button.btn-brand.btn-selected.show-filters.active:hover, .cat_area .category-results .refinement-bar button.btn-brand.btn-selected.show-filters.active:hover {
      background: transparent;
      color: #4a773c;
      border-color: #4a773c; }

@media (min-width: 320px) and (max-width: 330px) {
  .filters .refinement .filter-content {
    margin: 0px -25px; } }

@media (min-width: 1024px) {
  .filters {
    top: 120px; }
    .filters .filters-content {
      max-width: 660px;
      height: calc(100vh - 120px); }
    .filters ul {
      padding-inline-start: 40px; } }

@media (min-width: 1280px) {
  .filters .view-prods {
    position: relative;
    margin: 30px auto;
    bottom: auto;
    left: auto;
    right: auto; } }

@media (min-width: 768px) {
  .filters .filters-header .filters-title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0; }
  .filters .filters-header .filter-buttons .icon {
    right: -180px; }
  .filters .filters-content {
    margin: 0 auto; }
    .filters .filters-content .grid-header {
      max-width: 327px;
      width: 100%;
      margin: 0 auto; }
    .filters .filters-content .clear-filter-content .clearFilter {
      font-size: 16px;
      line-height: 20px; }
  .dog-lifestage-buttons-list a {
    width: 270px; }
  .search-content .category-results .container .custom-tab-container .grid-header .refinement-bar {
    padding-left: 10px; } }

@media (min-width: 1024px) {
  .filters {
    z-index: 152;
    top: -20px; } }

nav {
  font-family: "ubuntulight"; }
  nav .logoHeading {
    font-size: 0;
    margin: 0;
    padding: 0; }
  nav .top-navigation {
    height: 56px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 11;
    background-color: rgba(147, 77, 17, 0.9); }
    nav .top-navigation .ultima-logo {
      margin: 6px 10px;
      text-align: center; }
      nav .top-navigation .ultima-logo img {
        margin-top: 6;
        width: 82px;
        height: auto; }
    nav .top-navigation .top-nav-buttons {
      display: flex;
      position: absolute;
      right: 0;
      top: 0;
      max-height: 100%;
      margin-right: 6px; }
      nav .top-navigation .top-nav-buttons li {
        float: right; }
        nav .top-navigation .top-nav-buttons li.menu-locator {
          padding: 16px 10px;
          position: relative; }
          nav .top-navigation .top-nav-buttons li.menu-locator:hover .dropdown-content {
            display: block; }
          nav .top-navigation .top-nav-buttons li.menu-locator .dropbtn {
            color: #fff; }
            nav .top-navigation .top-nav-buttons li.menu-locator .dropbtn span {
              font-size: 1.5rem; }
          nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content {
            display: none;
            position: absolute;
            top: 55px;
            right: -50px;
            background-color: #fff;
            width: 100vw;
            min-height: 50px;
            z-index: 11111;
            border-left: 1px solid #E4DEDC;
            border-right: 1px solid #E4DEDC; }
            nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link {
              height: 50px;
              color: #000;
              width: 100%;
              padding: 0 16px;
              display: flex;
              align-items: center;
              border-bottom: 1px solid #eee;
              position: relative; }
              nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link .icon-pin, nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link .icon-online, nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link .nav-text {
                color: #000; }
              nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link .icon-pin, nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link .icon-online {
                font-size: 24px; }
              nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link .nav-text {
                margin-left: 16px;
                font-size: 16px; }
              nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link .icon-arrow-menu {
                position: absolute;
                right: 16px;
                font-size: 18px;
                color: #dc4405; }
              nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content .subcat-link:hover {
                background-color: #e4dedc; }
        nav .top-navigation .top-nav-buttons li.menu-search {
          padding: 16px 10px; }
          nav .top-navigation .top-nav-buttons li.menu-search .top-search {
            color: #fff; }
            nav .top-navigation .top-nav-buttons li.menu-search .top-search span {
              font-size: 1.5rem; }
        nav .top-navigation .top-nav-buttons li .user-dropdown {
          height: 56px; }
          nav .top-navigation .top-nav-buttons li .user-dropdown span {
            color: #fff; }
          nav .top-navigation .top-nav-buttons li .user-dropdown .icon-user {
            font-size: 24px; }
          nav .top-navigation .top-nav-buttons li .user-dropdown .account-text {
            display: none !important; }
          nav .top-navigation .top-nav-buttons li .user-dropdown .icon-arrow-down {
            display: none !important; }
          nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown {
            width: 100%;
            top: 56px;
            display: none;
            position: fixed;
            right: 0;
            padding: 20px;
            background-color: #fff;
            z-index: 11111;
            border-radius: 0;
            border-left: 1px solid #E4DEDC;
            border-right: 1px solid #E4DEDC; }
            nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link {
              height: 100%;
              color: #44403c;
              width: 100%;
              padding: 0 12px;
              display: flex;
              align-items: center;
              position: relative;
              column-gap: 12px; }
              nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link:hover {
                background-color: #e4dedc; }
              nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link span {
                color: #44403c; }
              nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link .icon-unlock, nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link .icon-add-account {
                font-size: 24px; }
              nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link .nav-text {
                color: #44403c;
                font-size: 16px;
                letter-spacing: 0;
                line-height: 28px;
                font-family: "ubuntulight"; }
                nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link .nav-text.name {
                  font-size: 18px;
                  font-weight: 700 !important;
                  font-family: "klavikaregular"; }
              nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link .icon-arrow-menu {
                color: #ac7c50;
                position: absolute;
                right: 0; }
              nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .subcat-link .profile-user {
                height: 40px;
                display: flex;
                align-items: end; }
            nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .separator {
              width: 100%;
              margin-top: 16px;
              border-top: 1px solid #E7E5E4;
              padding-top: 16px; }
            nav .top-navigation .top-nav-buttons li .user-dropdown .account-dropdown .profile-user .rounded-circle {
              width: 40px;
              height: 40px; }
          nav .top-navigation .top-nav-buttons li .user-dropdown:hover .account-dropdown {
            display: flex;
            flex-direction: column;
            row-gap: 16px; }
        nav .top-navigation .top-nav-buttons li.menu-account {
          margin: 16px 10px;
          padding: 0; }
          nav .top-navigation .top-nav-buttons li.menu-account .subcategories {
            display: none !important; }
    nav .top-navigation .cat-dog {
      text-align: center;
      padding-top: 12px; }
      nav .top-navigation .cat-dog .dog-selector,
      nav .top-navigation .cat-dog .cat-selector {
        display: inline-block;
        margin: 3px 25px 0;
        vertical-align: bottom;
        position: relative;
        font-family: "ubuntumedium"; }
        nav .top-navigation .cat-dog .dog-selector a,
        nav .top-navigation .cat-dog .cat-selector a {
          display: block; }
          nav .top-navigation .cat-dog .dog-selector a img,
          nav .top-navigation .cat-dog .cat-selector a img {
            height: 45px;
            width: auto; }
          nav .top-navigation .cat-dog .dog-selector a .selector-name,
          nav .top-navigation .cat-dog .cat-selector a .selector-name {
            font-size: 0.625rem;
            letter-spacing: 1px;
            color: #fff;
            position: absolute;
            right: -38px;
            top: 10px; }
          nav .top-navigation .cat-dog .dog-selector a.inactive,
          nav .top-navigation .cat-dog .cat-selector a.inactive {
            opacity: .5;
            filter: alpha(opacity=50); }
            nav .top-navigation .cat-dog .dog-selector a.inactive:hover,
            nav .top-navigation .cat-dog .cat-selector a.inactive:hover {
              opacity: 1;
              filter: alpha(opacity=100); }
      nav .top-navigation .cat-dog .inactive {
        opacity: .6; }
    nav .top-navigation .toggle-menu {
      position: absolute;
      left: 0;
      top: 0;
      padding: 17px;
      z-index: 1111; }
      nav .top-navigation .toggle-menu span {
        color: #fff;
        font-size: 24px; }
      nav .top-navigation .toggle-menu .icon-toggle-menu:before {
        content: "\e948"; }
      nav .top-navigation .toggle-menu.open .icon-toggle-menu:before {
        content: "\e971"; }
  nav .bottom-navigation-wrapper {
    background-color: #fff;
    padding: 0;
    font-family: "ubuntumedium";
    top: 56px;
    left: 0;
    right: 0;
    z-index: 151;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    height: 100%; }
    nav .bottom-navigation-wrapper .search_input {
      font-family: "ubuntulight"; }
    nav .bottom-navigation-wrapper .floating-menu {
      justify-content: center;
      align-items: flex-end;
      width: 100%;
      min-height: 142px;
      margin-bottom: 56px; }
      nav .bottom-navigation-wrapper .floating-menu .icon:before {
        font-size: 45px; }
      nav .bottom-navigation-wrapper .floating-menu .icon-facebook-circle {
        color: #3b5998; }
      nav .bottom-navigation-wrapper .floating-menu .icon-instagram-circle {
        color: #7d508d; }
      nav .bottom-navigation-wrapper .floating-menu .icon-phone-circle {
        color: #dd4814; }
      nav .bottom-navigation-wrapper .floating-menu .icon-youtube-circle {
        color: #cd5529; }
    nav .bottom-navigation-wrapper .inactive {
      opacity: .6; }
    nav .bottom-navigation-wrapper .cat-dog .name-heading {
      margin: 0;
      padding: 0;
      font-size: 10px;
      display: inline; }
    nav .bottom-navigation-wrapper .cat-dog .name-heading, nav .bottom-navigation-wrapper .cat-dog .selector-name {
      color: #934D11; }
    nav .bottom-navigation-wrapper .bottom-navigation {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: start;
      font-size: 0.75rem;
      line-height: 1.5rem;
      letter-spacing: 2.57px;
      align-items: stretch;
      margin-bottom: 55px; }
      nav .bottom-navigation-wrapper .bottom-navigation .subcategories {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 10px; }
        nav .bottom-navigation-wrapper .bottom-navigation .subcategories .subcat-link {
          line-height: 20px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
      nav .bottom-navigation-wrapper .bottom-navigation a {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 14px;
        color: #000;
        font-family: "ubuntulight";
        position: relative;
        align-items: center; }
      nav .bottom-navigation-wrapper .bottom-navigation .subcat-main {
        display: flex;
        flex-direction: row;
        column-gap: 13px;
        flex-wrap: nowrap; }
        nav .bottom-navigation-wrapper .bottom-navigation .subcat-main .subcat-main-text {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: end; }
          nav .bottom-navigation-wrapper .bottom-navigation .subcat-main .subcat-main-text .name {
            font-weight: 700;
            line-height: 20px; }
          nav .bottom-navigation-wrapper .bottom-navigation .subcat-main .subcat-main-text .description {
            font-weight: 400; }
        nav .bottom-navigation-wrapper .bottom-navigation .subcat-main:hover > div .name, nav .bottom-navigation-wrapper .bottom-navigation .subcat-main:hover > div .description {
          color: #dc4405; }
        nav .bottom-navigation-wrapper .bottom-navigation .subcat-main img {
          width: 45px;
          float: left;
          margin-left: 0;
          margin-right: 14px; }
      nav .bottom-navigation-wrapper .bottom-navigation .name {
        font-family: "ubuntu";
        color: #1C1917;
        letter-spacing: normal;
        font-size: 16px; }
      nav .bottom-navigation-wrapper .bottom-navigation .description {
        line-height: 20px;
        color: #44403c;
        letter-spacing: normal; }
      nav .bottom-navigation-wrapper .bottom-navigation .nav-text, nav .bottom-navigation-wrapper .bottom-navigation .description {
        text-align: left;
        font-size: 14px;
        color: #1C1917;
        font-family: "ubuntu";
        letter-spacing: normal;
        font-weight: 600; }
      nav .bottom-navigation-wrapper .bottom-navigation .icon-arrow-menu, nav .bottom-navigation-wrapper .bottom-navigation .icon-arrow-down {
        font-size: 20px;
        line-height: 0.6;
        color: #ac7c50; }
      nav .bottom-navigation-wrapper .bottom-navigation .icon-arrow-down {
        font-size: 22px;
        color: #ac7c50;
        transition: all .3s ease-in; }
        nav .bottom-navigation-wrapper .bottom-navigation .icon-arrow-down.open {
          transform: rotate(180deg); }
      nav .bottom-navigation-wrapper .bottom-navigation .dropdown,
      nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown {
        display: flex;
        flex-direction: column;
        padding: 16px 20px 20px;
        row-gap: 20px;
        height: 100%; }
        nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropbtn,
        nav .bottom-navigation-wrapper .bottom-navigation .dropdown .no-dropbtn,
        nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropbtn,
        nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .no-dropbtn {
          letter-spacing: 2.57px;
          position: relative;
          font-size: 0.75rem;
          padding: 16px;
          width: 100%; }
          nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropbtn span,
          nav .bottom-navigation-wrapper .bottom-navigation .dropdown .no-dropbtn span,
          nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropbtn span,
          nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .no-dropbtn span {
            font-size: 0.7rem;
            margin-top: 3px;
            margin-left: 3px; }
        nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content,
        nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content {
          display: none;
          background-color: #f9f9f9;
          min-width: 160px;
          box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
          z-index: 1;
          font-family: "ubuntulight"; }
          nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a,
          nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a {
            float: none;
            color: #969696;
            padding: 12px 16px;
            text-decoration: none;
            border-bottom: solid 1px #f5f6f7;
            display: flex;
            flex-direction: row;
            text-align: left;
            align-items: center;
            justify-content: center;
            font-size: 0.6875rem; }
            nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link,
            nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link {
              padding: 12px 0;
              display: block;
              text-align: center;
              position: relative; }
              nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link span,
              nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link span {
                line-height: initial; }
              nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link img,
              nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link img {
                position: static;
                height: auto;
                width: auto;
                transform: none; }
        nav .bottom-navigation-wrapper .bottom-navigation .dropdown.open .dropdown-content,
        nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown.open .dropdown-content {
          display: block; }
        nav .bottom-navigation-wrapper .bottom-navigation .dropdown.menu-search-big,
        nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown.menu-search-big {
          display: none; }
      nav .bottom-navigation-wrapper .bottom-navigation .dropdown {
        padding: 0; }
      nav .bottom-navigation-wrapper .bottom-navigation .dropdown:hover .dropbtn {
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
      nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        background-color: #ECE5D9;
        padding: 32px 20px;
        font-family: "ubuntu";
        color: #1C1917;
        letter-spacing: 0; }
        nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-title {
          font-size: 18px;
          font-weight: 500; }
        nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper {
          display: flex;
          flex-direction: column;
          row-gap: 10px; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper.not-logged {
            flex-direction: row;
            column-gap: 12px; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .nav-links {
            display: flex;
            flex-direction: column;
            row-gap: 10px;
            padding: 0 8px; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .btn {
            background-color: #936031;
            text-align: center;
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 8px;
            border-color: #936031; }
            nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .btn .nav-text {
              font-family: "ubuntu";
              font-weight: 500;
              text-transform: uppercase;
              color: #ffffff; }
            nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .btn:hover {
              background-color: #432619;
              border-color: #432619; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .svg-icon-profile .icon-profile,
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .svg-icon-my-family .icon-my-family,
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .svg-icon-profile-settings .icon-profile-settings {
            width: 20px;
            height: 20px; }
        nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .data-dropdown-wrapper {
          background-color: transparent;
          border-radius: 4px;
          padding: 8px; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .data-dropdown-wrapper .subcat-link-dropdown {
            cursor: pointer;
            display: flex;
            align-items: center; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .data-dropdown-wrapper:hover, nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .data-dropdown-wrapper.open {
            background-color: #d8c0aa; }
        nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .data-dropdown {
          display: none;
          padding: 5px 0 0 24px; }
        nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .show-dropdown {
          display: flex;
          flex-direction: column;
          row-gap: 10px;
          margin-top: 5px;
          border-top: 1px solid #c7a280; }
        nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .subcat-link {
          display: flex;
          flex-direction: row;
          column-gap: 12px; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .subcat-link .nav-text {
            width: 100%; }
    nav .bottom-navigation-wrapper .bottom-navigation > div:not(:last-child) {
      border-right: unset;
      border-bottom: 1px solid #E7E5E4; }
    nav .bottom-navigation-wrapper .icon-links {
      position: relative;
      margin: 0; }
      nav .bottom-navigation-wrapper .icon-links .wrapper-icons .categories-menu {
        min-height: 75px; }
        nav .bottom-navigation-wrapper .icon-links .wrapper-icons .categories-menu a.account-menu, nav .bottom-navigation-wrapper .icon-links .wrapper-icons .categories-menu .d-flex {
          min-height: 75px; }
      nav .bottom-navigation-wrapper .icon-links .wrapper-icons .categories-menu:last-child .icon-arrow-menu {
        right: -9px; }
      nav .bottom-navigation-wrapper .icon-links .icon-unlock, nav .bottom-navigation-wrapper .icon-links .icon-add-account {
        font-size: 24px; }
      nav .bottom-navigation-wrapper .icon-links .icon-unlock {
        margin-left: 17px; }
      nav .bottom-navigation-wrapper .icon-links .icon-add-account {
        margin-left: 20px; }
      nav .bottom-navigation-wrapper .icon-links .icon-user, nav .bottom-navigation-wrapper .icon-links .icon-pin {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin-right: 14px;
        margin-left: 14px;
        color: #dd4814; }
      nav .bottom-navigation-wrapper .icon-links .icon-arrow-down {
        margin-right: 32px !important; }
      nav .bottom-navigation-wrapper .icon-links .account-dropdown {
        display: none; }
      nav .bottom-navigation-wrapper .icon-links .subcategories {
        width: 100%;
        position: initial;
        display: none; }
        nav .bottom-navigation-wrapper .icon-links .subcategories .subcat-link {
          background-color: #FBFBFA;
          padding: 8px 16px;
          height: 50px;
          border-bottom: 1px solid #E0E0E0; }
          nav .bottom-navigation-wrapper .icon-links .subcategories .subcat-link .icon-arrow-menu {
            display: block;
            margin-right: 20px;
            top: 20px; }
      nav .bottom-navigation-wrapper .icon-links a {
        display: flex;
        align-items: center;
        width: 100%;
        text-align: left;
        font-size: 14px;
        color: #000;
        font-family: "ubuntulight";
        padding: 8px;
        position: relative;
        border-bottom: 1px solid #E0E0E0; }
      nav .bottom-navigation-wrapper .icon-links .name {
        font-family: "ubuntumedium";
        color: #000;
        letter-spacing: 0;
        font-weight: 600; }
      nav .bottom-navigation-wrapper .icon-links .description {
        margin-top: 4px;
        width: 100%;
        letter-spacing: 0;
        font-weight: 600; }
      nav .bottom-navigation-wrapper .icon-links .nav-text, nav .bottom-navigation-wrapper .icon-links .description {
        text-align: left;
        font-size: 14px;
        color: #000;
        font-family: "ubuntulight"; }
      nav .bottom-navigation-wrapper .icon-links .icon-arrow-menu, nav .bottom-navigation-wrapper .icon-links .icon-arrow-down {
        float: right;
        font-size: 20px;
        line-height: 0.6;
        position: absolute;
        right: -13px;
        color: #dd4814;
        top: 14px; }
      nav .bottom-navigation-wrapper .icon-links .icon-arrow-down {
        line-height: 1.5;
        font-size: 28px;
        color: #dd4814;
        margin-right: 16px;
        transition: all .4s ease-in; }
        nav .bottom-navigation-wrapper .icon-links .icon-arrow-down.open {
          transform: rotate(180deg); }
      nav .bottom-navigation-wrapper .icon-links .wrapper-icons {
        padding-top: 0px; }
        nav .bottom-navigation-wrapper .icon-links .wrapper-icons .categories-menu .d-inline {
          width: 70%; }
      nav .bottom-navigation-wrapper .icon-links .mobile-search {
        position: relative;
        background-color: #f6f6f5;
        height: 60px;
        opacity: 1;
        top: -16px; }
        nav .bottom-navigation-wrapper .icon-links .mobile-search .search_input {
          border: none;
          color: #393939;
          text-align: left;
          width: 100%;
          padding-right: 40px;
          position: relative;
          height: 44px;
          z-index: 5; }
        nav .bottom-navigation-wrapper .icon-links .mobile-search .close-btn {
          position: relative;
          bottom: 23px;
          color: #934D11;
          font-size: 1rem;
          float: right;
          z-index: 10; }
      nav .bottom-navigation-wrapper .icon-links .top-search {
        bottom: 3px; }
    nav .bottom-navigation-wrapper .about-you {
      color: #969696;
      font-size: 1rem;
      margin: 20px;
      font-family: "ubuntulight"; }
  nav .menu-account {
    position: static; }
    nav .menu-account .profile-user .rounded-circle {
      width: 32px;
      height: 32px;
      margin-top: -6px; }
    nav .menu-account .dropdown {
      position: static; }
      nav .menu-account .dropdown .dropbtn {
        position: relative;
        font-size: 1.5rem;
        padding: 0;
        width: 100%; }
        nav .menu-account .dropdown .dropbtn .username {
          display: none; }
      nav .menu-account .dropdown .dropdown-content {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        text-align: center; }
        nav .menu-account .dropdown .dropdown-content a {
          display: block;
          padding: 10px 0;
          margin: 5px 0;
          text-transform: uppercase;
          font-size: 14px; }
        nav .menu-account .dropdown .dropdown-content .about-you {
          color: #969696;
          font-size: 1rem;
          margin: 20px auto; }
        nav .menu-account .dropdown .dropdown-content .btn-register {
          margin: 30px auto 0 auto; }
        nav .menu-account .dropdown .dropdown-content.not-logged {
          display: none; }
      nav .menu-account .dropdown.open .dropdown-content {
        display: block; }
  nav .search_form_big {
    display: block; }
  nav .search_form {
    display: block;
    width: 100%;
    background: #F6F6F5;
    height: 56px;
    font-size: 14rem;
    transition: .5s;
    position: relative;
    border-bottom: 1px solid #E9E9E8; }
    nav .search_form input {
      border: none;
      border-bottom: 1px solid #E9E9E8;
      color: #1a1a1a;
      text-align: right;
      background: none;
      text-align: left;
      font-size: 18px;
      position: absolute;
      top: 0;
      left: 16px;
      height: 100%;
      width: 100%; }
      nav .search_form input::placeholder {
        color: #b8afac;
        border-bottom: #E9E9E8;
        text-align: left;
        margin-bottom: 30px;
        font-size: 1rem; }
    nav .search_form .icon-zoom {
      color: #dd4814; }
  nav .icon-zoom.search-box {
    position: absolute;
    right: 22px;
    top: 16px;
    height: 15px;
    width: 15px; }
    nav .icon-zoom.search-box:before {
      top: 0;
      left: 0;
      position: absolute;
      font-size: 21px; }
  nav .name {
    text-align: left; }

.dog_area nav .top-navigation {
  background-color: #934D11; }

.dog_area nav .bottom-navigation-wrapper .bottom-navigation .dropdown,
.dog_area nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown {
  color: #934D11; }
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropbtn,
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .dropdown .no-dropbtn,
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropbtn,
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .no-dropbtn {
    color: #934D11; }
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .dropdown a,
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown a {
    color: #934D11; }
    .dog_area nav .bottom-navigation-wrapper .bottom-navigation .dropdown a.btn.btn-invert:hover,
    .dog_area nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown a.btn.btn-invert:hover {
      color: #ffffff; }

.dog_area nav .bottom-navigation-wrapper .icon-links .mobile-search .close-btn {
  color: #934D11; }

.dog_area nav .bottom-navigation-wrapper .cat-dog .name-heading, .dog_area nav .bottom-navigation-wrapper .cat-dog .selector-name {
  color: #934D11; }

.dog_area nav .menu-account .dropdown .dropbtn .profile-user img {
  border: 2px solid #934D11; }

.dog_area nav .menu-account .dropdown .dropdown-content a {
  color: #934D11; }
  .dog_area nav .menu-account .dropdown .dropdown-content a.btn.btn-invert:hover {
    color: #ffffff; }

.cat_area nav .top-navigation {
  background-color: #4a773c; }

.cat_area nav .bottom-navigation-wrapper .icon-links .mobile-search .close-btn {
  color: #4a773c; }

.cat_area nav .bottom-navigation-wrapper .floating-menu {
  color: #4a773c; }
  .cat_area nav .bottom-navigation-wrapper .floating-menu .language-selector .custom-select {
    color: #4a773c; }

.cat_area nav .bottom-navigation-wrapper .cat-dog .name-heading, .cat_area nav .bottom-navigation-wrapper .cat-dog .selector-name {
  color: #4a773c; }

.cat_area nav .menu-account .dropdown .dropbtn .profile-user img {
  border: 2px solid #4a773c; }

.cat_area nav .menu-account .dropdown .dropdown-content a {
  color: #4a773c; }
  .cat_area nav .menu-account .dropdown .dropdown-content a.btn.btn-invert:hover {
    color: #ffffff; }

body.Ultima-fr nav .top-navigation, body.Ultima-it nav .top-navigation {
  background-color: #4a773c; }

body.Ultima-fr nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .btn, body.Ultima-it nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper .btn {
  background-color: #4a773c;
  border-color: #4a773c; }

body.Ultima-fr.dog_area nav .top-navigation, body.Ultima-it.dog_area nav .top-navigation {
  background-color: #934D11; }

@media (min-width: 320px) and (max-width: 767px) {
  nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link,
  nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link {
    padding: 43px 0;
    display: flex; }
  nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link img,
  nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link img {
    position: absolute;
    right: 20px; }
  nav .menu-account .dropdown .dropdown-content .btn-register {
    margin: 30px auto 35px auto; } }

@media (min-width: 768px) {
  nav .top-navigation .cat-dog {
    padding-top: 2px; }
    nav .top-navigation .cat-dog .dog-selector,
    nav .top-navigation .cat-dog .cat-selector {
      margin: 13px 25px 0; }
      nav .top-navigation .cat-dog .dog-selector img,
      nav .top-navigation .cat-dog .cat-selector img {
        height: 55px; }
      nav .top-navigation .cat-dog .dog-selector .selector-name,
      nav .top-navigation .cat-dog .cat-selector .selector-name {
        right: -35px;
        top: 15px; }
  nav .bottom-navigation-wrapper .bottom-navigation .description {
    line-height: 20px; }
  nav .bottom-navigation-wrapper .bottom-navigation .subcat-main-text .icon-arrow-menu {
    margin-bottom: 2px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link img,
  nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link img {
    right: 150px; }
  nav .mobile-search .search_form {
    width: 100% !important; }
  nav .bottom-navigation-wrapper {
    width: 350px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18); }
    nav .bottom-navigation-wrapper .col-md-3 {
      flex: none;
      max-width: 100%; } }

@media (min-width: 1024px) {
  nav {
    position: relative; }
    nav .top-navigation {
      z-index: 151; }
      nav .top-navigation .ultima-logo {
        text-align: center;
        position: relative; }
        nav .top-navigation .ultima-logo img {
          margin-top: -1px;
          width: 100px;
          height: auto; }
      nav .top-navigation .top-nav-buttons {
        margin-right: 4px; }
        nav .top-navigation .top-nav-buttons li.menu-account {
          display: flex;
          margin: 12px 4px 15px 11px;
          padding: 3px 7px 3px;
          border-radius: 4px;
          height: 30px; }
          nav .top-navigation .top-nav-buttons li.menu-account.not-logged {
            margin-right: 10px; }
          nav .top-navigation .top-nav-buttons li.menu-account:hover {
            background-color: rgba(255, 255, 255, 0.2); }
        nav .top-navigation .top-nav-buttons li.menu-locator {
          padding: 14px 16px 15px 16px; }
          nav .top-navigation .top-nav-buttons li.menu-locator:hover {
            background-color: rgba(0, 0, 0, 0.1); }
          nav .top-navigation .top-nav-buttons li.menu-locator a {
            color: #fff; }
            nav .top-navigation .top-nav-buttons li.menu-locator a span {
              color: #fff; }
          nav .top-navigation .top-nav-buttons li.menu-locator .dropdown-content {
            width: 275px;
            top: 56px;
            right: -110px; }
        nav .top-navigation .top-nav-buttons li.menu-search {
          padding: 14px 16px 15px 16px; }
          nav .top-navigation .top-nav-buttons li.menu-search:hover {
            background-color: rgba(0, 0, 0, 0.1); }
          nav .top-navigation .top-nav-buttons li.menu-search .top-search span {
            color: #fff; }
        nav .top-navigation .top-nav-buttons li .account-dropdown {
          position: absolute !important;
          right: 4px !important;
          width: 265px !important;
          top: 50px !important;
          border-radius: 5px !important; }
        nav .top-navigation .top-nav-buttons li .user-dropdown .user-name {
          display: flex;
          align-items: center;
          font-size: 16px;
          line-height: 24px;
          padding: 0 5px 0 8px;
          color: #fff; }
    nav .bottom-navigation-wrapper {
      height: auto;
      padding: 0;
      overflow: visible;
      display: none;
      box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
      transition: all .4s ease-in;
      position: fixed;
      top: -479px; }
      nav .bottom-navigation-wrapper.open {
        top: 56px;
        transition: all .4s ease-in; }
      nav .bottom-navigation-wrapper .bottom-navigation {
        flex-direction: row;
        height: 100%;
        margin: 0; }
        nav .bottom-navigation-wrapper .bottom-navigation .icon-arrow-menu {
          display: block;
          margin-right: 0 !important;
          top: 8px; }
        nav .bottom-navigation-wrapper .bottom-navigation a {
          border: none; }
        nav .bottom-navigation-wrapper .bottom-navigation .subcat-main {
          flex-wrap: wrap;
          row-gap: 13px; }
        nav .bottom-navigation-wrapper .bottom-navigation .subcategories .subcat-link:hover .nav-text {
          color: #dc4405; }
        nav .bottom-navigation-wrapper .bottom-navigation .dropdown,
        nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown {
          display: flex;
          align-items: center;
          row-gap: 20px;
          flex-flow: column;
          line-height: 15px;
          padding: 32px 20px 32px 32px;
          width: 100%;
          height: unset; }
          nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropbtn,
          nav .bottom-navigation-wrapper .bottom-navigation .dropdown .no-dropbtn,
          nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropbtn,
          nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .no-dropbtn {
            letter-spacing: 2.57px;
            position: relative;
            font-size: 0.75rem;
            padding: 5px;
            margin: 0;
            line-height: 1.5; }
            nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropbtn span,
            nav .bottom-navigation-wrapper .bottom-navigation .dropdown .no-dropbtn span,
            nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropbtn span,
            nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .no-dropbtn span {
              right: 0;
              top: 40%;
              position: absolute;
              display: none; }
          nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content,
          nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content {
            display: none;
            background-color: #fff;
            box-shadow: none; }
            nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a,
            nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a {
              float: none;
              color: #969696;
              text-decoration: none;
              display: block;
              border-bottom: solid 1px #f5f6f7;
              border-left: 4px solid #fff;
              text-align: left;
              overflow: auto;
              line-height: 1.5rem; }
              nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link,
              nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link {
                padding: 12px 16px 0;
                height: auto;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                position: static; }
              nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a:hover,
              nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a:hover {
                border-left: 4px solid #dd4814; }
              nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a br,
              nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a br {
                display: block; }
          nav .bottom-navigation-wrapper .bottom-navigation .dropdown:hover .dropdown-content,
          nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown:hover .dropdown-content {
            position: fixed;
            top: 120px;
            width: 18%;
            display: block; }
        nav .bottom-navigation-wrapper .bottom-navigation .dropdown:hover .dropbtn {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper {
          display: flex;
          flex-direction: column;
          row-gap: 10px; }
          nav .bottom-navigation-wrapper .bottom-navigation .navigation-profile-area .nav-links-wrapper.not-logged {
            flex-direction: column;
            row-gap: 10px; }
      nav .bottom-navigation-wrapper .bottom-navigation > div:not(:last-child) {
        border-right: 1px solid #E7E5E4;
        border-bottom: unset; }
    nav .menu-account .profile-user .rounded-circle {
      width: 24px;
      height: 24px;
      margin-top: -5px; }
    nav .menu-account .dropdown .dropbtn {
      margin: 2px 0 0 0;
      padding: 10px 20px 10px 15px; }
      nav .menu-account .dropdown .dropbtn .username {
        display: inline-block;
        vertical-align: top;
        font-family: "ubuntumedium";
        font-size: 12px;
        text-transform: uppercase;
        text-align: right;
        color: #ffffff; }
      nav .menu-account .dropdown .dropbtn .profile-user img {
        border: 2px solid #ffffff;
        margin-top: -5px; }
    nav .menu-account .dropdown .dropdown-content {
      background: #fff;
      min-width: 240px;
      left: auto;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
      nav .menu-account .dropdown .dropdown-content .about-you {
        padding: 26px 0 0; }
      nav .menu-account .dropdown .dropdown-content .btn-register {
        margin: 30px auto 15px; }
      nav .menu-account .dropdown .dropdown-content.not-logged, nav .menu-account .dropdown .dropdown-content.open {
        display: none; }
      nav .menu-account .dropdown .dropdown-content.not-logged {
        min-width: 340px; }
    nav .menu-account .dropdown a.btn.btn-invert:hover {
      color: #ffffff; }
    nav .menu-account .dropdown:hover .dropdown-content {
      display: block; }
    nav .icon-multiply {
      position: absolute;
      top: -10px;
      right: 0; }
      nav .icon-multiply:before {
        top: 25px;
        color: #fff; }
    nav .search_form {
      top: 0;
      border-bottom: #fff;
      color: #152935;
      right: 250px;
      background: none; }
      nav .search_form input {
        color: white;
        margin-top: 10px;
        font-family: "ubuntulight"; }
        nav .search_form input::placeholder {
          color: #fff; }
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .dropdown .dropdown-content a.img-link,
  .dog_area nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown .dropdown-content a.img-link {
    padding: 12px 16px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden; } }

@media (min-width: 1280px) {
  nav .top-navigation, nav .bottom-navigation-wrapper {
    margin: 0 auto;
    max-width: 1440px;
    width: 100%; }
  nav .bottom-navigation-wrapper .bottom-navigation .dropdown:hover .dropdown-content,
  nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown:hover .dropdown-content {
    width: 248px;
    display: block; } }

@media (min-width: 1440px) {
  nav .bottom-navigation-wrapper .bottom-navigation .dropdown:hover .dropdown-content,
  nav .bottom-navigation-wrapper .bottom-navigation .no-dropdown:hover .dropdown-content {
    width: 288px;
    display: block; } }

@media (min-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bottom-navigation-wrapper .categories-menu .dropdown-content {
    margin-left: -18%; } }

@media (min-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bottom-navigation-wrapper .categories-menu .dropdown-content {
    margin-left: -290px; } }

.ultima .cases-list .form-inline .custom-select {
  font-family: "ubuntulight";
  font-size: 1.5rem; }
  .ultima .cases-list .form-inline .custom-select option {
    font-size: 1.5rem; }

.ultima .cases-list .case-list-table table tbody tr {
  border-bottom: 1px solid #d6dce0; }
  .ultima .cases-list .case-list-table table tbody tr td {
    font-size: 1.25rem; }
    .ultima .cases-list .case-list-table table tbody tr td:nth-of-type(2) {
      font-family: "ubuntumedium"; }

.ultima .cases-list .case-list-table table tbody td:first-child {
  color: #909A9E; }

.ultima .cases-list .case-list-table a {
  border-bottom: 1px solid;
  border-color: #dd4814;
  font-size: 0.875rem;
  font-family: "merriweatherlight"; }

.ultima .cases-list-bottom ul li {
  color: #909A9E;
  font-family: "ubuntulight";
  font-size: 1.125rem; }
  .ultima .cases-list-bottom ul li a {
    border-bottom: 1px solid;
    border-color: #dd4814;
    font-family: "ubuntulight";
    font-size: 1.188rem; }

.embeddedServiceHelpButton .helpButton {
  width: auto !important; }

.embeddedServiceHelpButton .helpButton .uiButton {
  font-family: "ubuntulight" !important;
  background-color: #dd4814 !important;
  text-decoration: none !important;
  border: none !important;
  font-size: 15px !important; }
  .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled {
    display: none; }

.chatHeaderBranding .sidebarHeader {
  background-color: #dd4814 !important; }

.embeddedServiceSidebar * {
  font-family: "ubuntulight" !important; }

.embeddedServiceSidebar .helpButton.embeddedServiceSidebarMinimizedDefaultUI {
  font-family: "ubuntulight" !important;
  background-color: #dd4814 !important;
  text-decoration: none !important;
  border: none !important;
  font-size: 15px !important; }

.embeddedServiceSidebar .embeddedServiceHelpButton .helpButton .uiButton:hover,
.embeddedServiceSidebar .helpButton.embeddedServiceSidebarMinimizedDefaultUI:hover,
.embeddedServiceSidebar .embeddedServiceHelpButton .helpButton .uiButton:focus,
.embeddedServiceSidebar .helpButton.embeddedServiceSidebarMinimizedDefaultUI:focus {
  background-color: #dd4814;
  text-decoration: none; }

.embeddedServiceSidebar .embeddedServiceSidebarButton.uiButton--inverse .label {
  color: white !important; }

.embeddedServiceSidebar .helpButtonEnabled:focus .helpButtonLabel {
  text-decoration: none; }

.embeddedServiceSidebar svg {
  margin-left: 0 !important; }

.embeddedServiceSidebar button:focus {
  outline: none !important; }

.embeddedServiceSidebar [embeddedservice-chatheader_chatheader-host],
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent,
.embeddedServiceSidebar .embeddedServiceSidebarButton {
  background-color: #dd4814 !important; }

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .chasitorText.textAreaIsFocused {
  border-color: #dd4814 !important; }

.embeddedServiceSidebar .showDockableContainer {
  color: #000; }

.embeddedServiceSidebar [c-lwcD2CPrechatForm_lwcD2CPrechatForm],
.embeddedServiceSidebar .embeddedServiceSidebarState div,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .messageArea:focus {
  border: none !important; }

.embeddedServiceSidebar a {
  font-weight: 700;
  color: #000 !important; }

.embeddedServiceSidebar .slds-form-element__help {
  color: red; }

.ultima .footer-content .social-icons .icon:before, .ultima section .social-icons .icon:before {
  font-size: 45px; }

.ultima .footer-content .social-icons .icon-facebook-circle, .ultima section .social-icons .icon-facebook-circle {
  color: #5f93cd; }

.ultima .footer-content .social-icons .icon-instagram-circle, .ultima section .social-icons .icon-instagram-circle {
  color: #844d91; }

.ultima .footer-content .social-icons .icon-youtube-circle, .ultima section .social-icons .icon-youtube-circle {
  color: #dd4814; }

.ultima .btn {
  padding: 0.36rem 0.1rem; }

.ultima .social-buttons-ul {
  list-style: none; }
  .ultima .social-buttons-ul li {
    margin-top: 0; }

.ultima .footer-content {
  font-family: "ubuntulight"; }
  .ultima .footer-content .footer-collapse {
    display: block;
    border-top: none;
    border-bottom: 1px solid #e4dedc; }
    .ultima .footer-content .footer-collapse .footer-content-collapse {
      padding: 0 40px;
      padding-top: 64px;
      padding-bottom: 32px; }
    .ultima .footer-content .footer-collapse ul {
      width: 100%;
      font-size: 0;
      margin-bottom: 0px; }
    .ultima .footer-content .footer-collapse a {
      color: #dd4814; }
    .ultima .footer-content .footer-collapse .links-title-footer {
      font-size: 16px;
      font-family: ubuntu;
      line-height: 1.25;
      text-align: center;
      color: #000000; }
    .ultima .footer-content .footer-collapse .footer-dropdown {
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: left; }
      .ultima .footer-content .footer-collapse .footer-dropdown .choose-category {
        font-size: 14px;
        font-weight: bold;
        color: #dd4814;
        text-transform: capitalize;
        font-family: "ubuntumedium"; }
      .ultima .footer-content .footer-collapse .footer-dropdown .card li a::after {
        content: " >"; }
    .ultima .footer-content .footer-collapse .footer-column {
      display: block;
      width: 100%; }
      .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .choose-language-dropdown, .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .choose-site-dropdown {
        color: #dd4814;
        text-transform: uppercase; }
      .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .collapse-language {
        clear: both; }
        .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .collapse-language .ul-dropdown-language .li-language a {
          color: #dd4814;
          text-transform: uppercase !important; }
        .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .collapse-language .card-body .ul-dropdown-site {
          margin-right: 0; }
          .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .collapse-language .card-body .ul-dropdown-site .li-site {
            text-align: left;
            display: block; }
            .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .collapse-language .card-body .ul-dropdown-site .li-site a {
              color: #969696;
              background-color: red; }
    .ultima .footer-content .footer-collapse .collapse:not(.collapse-language) {
      display: block !important; }
  .ultima .footer-content .social-buttons {
    padding-top: 32px;
    text-align: center; }
    .ultima .footer-content .social-buttons #social-buttons-line1 {
      font-family: Ubuntu;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.5;
      text-align: center;
      color: #000000; }
    .ultima .footer-content .social-buttons #social-buttons-line2 {
      font-family: "ubuntumedium"; }
  .ultima .footer-content .social-buttons-ul {
    margin: 30px 0 33px 0; }
  .ultima .footer-content.empty-footer {
    margin-top: 20px; }
  .ultima .footer-content .bottom-footer .content-copyright-footer {
    border-top: none;
    margin-bottom: 40px; }
    .ultima .footer-content .bottom-footer .content-copyright-footer .copyright-footer {
      width: 100%;
      padding: 0 0 63px 0;
      font-size: 14px;
      font-weight: normal; }
      .ultima .footer-content .bottom-footer .content-copyright-footer .copyright-footer #logo-footer {
        width: 75px; }
      .ultima .footer-content .bottom-footer .content-copyright-footer .copyright-footer p {
        padding-top: 31px;
        font-size: 14px;
        margin-bottom: 15px;
        color: #b8afac;
        font-weight: normal; }
      .ultima .footer-content .bottom-footer .content-copyright-footer .copyright-footer .btn a {
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        color: #b8afac; }
      .ultima .footer-content .bottom-footer .content-copyright-footer .copyright-footer .btn a:hover {
        color: #dc4405;
        text-decoration: none; }
  .ultima .footer-content .bottom-footer ul {
    padding: 0;
    text-align: left; }
  .ultima .footer-content .label-txt {
    font-size: 1.125rem;
    color: #393939; }
  .ultima .footer-content .line {
    background: #8BC34A; }
  .ultima .footer-content .form-group input {
    font-family: 1.125rem;
    border-bottom: 1px solid #d6dce0; }
  .ultima .footer-content #buttonFooterDropdown {
    color: #dd4814; }
  .ultima .footer-content .choose-category {
    padding-top: 0;
    color: #a1350f;
    text-transform: uppercase; }
    .ultima .footer-content .choose-category .button-icon-arrow-right {
      color: #dd4814; }
  .ultima .footer-content #buttonFooterDropdown:hover {
    color: #dd4814; }
  .ultima .footer-content ul li {
    color: #515151; }
  .ultima .footer-content .bottom-footer {
    border: 0; }
    .ultima .footer-content .bottom-footer ul {
      background: #ffffff;
      font-family: "ubuntulight";
      text-align: right;
      margin-left: 0; }
      .ultima .footer-content .bottom-footer ul li {
        margin-top: 11px;
        margin-left: 0;
        text-transform: uppercase; }
        .ultima .footer-content .bottom-footer ul li a {
          font-size: 0.9375rem;
          color: #c6c6c6; }
    .ultima .footer-content .bottom-footer .ul-dropdown-site {
      margin-right: 0; }
      .ultima .footer-content .bottom-footer .ul-dropdown-site li a {
        width: 72px;
        height: 106px;
        font-family: Ubuntu;
        font-size: 14px;
        font-weight: normal;
        color: #000000; }
      .ultima .footer-content .bottom-footer .ul-dropdown-site li a:hover {
        color: #dc4405;
        text-decoration: none; }
    .ultima .footer-content .bottom-footer .content-copyright-footer .copyright-footer {
      color: #c6c6c6;
      font-family: "ubuntulight";
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      max-width: none;
      text-align: center; }
  .ultima .footer-content .button-icon-chat {
    background: #dd4814; }
  .ultima .footer-content .ul-dropdown {
    color: #b19460; }
    .ultima .footer-content .ul-dropdown li {
      max-width: 360px; }
      .ultima .footer-content .ul-dropdown li a {
        color: #dd4814; }
  .ultima .footer-content .ul-dropdown-site {
    display: contents; }
  .ultima .footer-content .choose-dog-cat a {
    color: #969696;
    font-size: 1.125rem; }
    .ultima .footer-content .choose-dog-cat a.active {
      color: #b19460; }
    .ultima .footer-content .choose-dog-cat a .choose-dog,
    .ultima .footer-content .choose-dog-cat a .choose-cat {
      font-size: 1.6rem; }
      .ultima .footer-content .choose-dog-cat a .choose-dog a,
      .ultima .footer-content .choose-dog-cat a .choose-cat a {
        font-family: "ubuntulight"; }
  .ultima .footer-content .choose-dog {
    padding: 0; }
    .ultima .footer-content .choose-dog div {
      border-right: 1px solid;
      border-color: #b19460; }
  .ultima .footer-content .sidebarHeader .minimizedContainer .embeddedServiceSidebarMinimizedDefaultUI {
    background: #dd4814 !important; }
  .ultima .footer-content .bottom-navigation-wrapper .floating-menu .language-selector .custom-select {
    margin-right: -4px; }
  .ultima .footer-content .footer-selector {
    display: inline-table; }
    .ultima .footer-content .footer-selector .collapsed .choose-category-site .choose-site-dropdown, .ultima .footer-content .footer-selector .collapsed .choose-category-site .choose-language-dropdown, .ultima .footer-content .footer-selector .collapsed .choose-category-language .choose-site-dropdown, .ultima .footer-content .footer-selector .collapsed .choose-category-language .choose-language-dropdown {
      font-size: 14px;
      text-transform: uppercase;
      color: #b8afac;
      text-align: left;
      display: inline-flex; }
      .ultima .footer-content .footer-selector .collapsed .choose-category-site .choose-site-dropdown .arrow, .ultima .footer-content .footer-selector .collapsed .choose-category-site .choose-language-dropdown .arrow, .ultima .footer-content .footer-selector .collapsed .choose-category-language .choose-site-dropdown .arrow, .ultima .footer-content .footer-selector .collapsed .choose-category-language .choose-language-dropdown .arrow {
        transform: rotateX(180deg); }
    .ultima .footer-content .footer-selector .collapsed .choose-category-site .choose-site-dropdown:hover, .ultima .footer-content .footer-selector .collapsed .choose-category-site .choose-language-dropdown:hover, .ultima .footer-content .footer-selector .collapsed .choose-category-language .choose-site-dropdown:hover, .ultima .footer-content .footer-selector .collapsed .choose-category-language .choose-language-dropdown:hover {
      color: #dd4814; }
    .ultima .footer-content .footer-selector .choose-language-dropdown, .ultima .footer-content .footer-selector .choose-site-dropdown {
      font-size: 14px;
      text-transform: uppercase;
      width: auto;
      text-align: left;
      display: inline-flex;
      margin-top: 1px; }
      .ultima .footer-content .footer-selector .choose-language-dropdown .arrow, .ultima .footer-content .footer-selector .choose-site-dropdown .arrow {
        padding-left: 6px; }

.ultima .sidebarHeader.embeddedServiceSidebarExtendedHeader.embeddedServiceLiveAgentStateChatHeader {
  background: #dd4814; }

.ultima button.sidebarHeader.minimizedContainer.embeddedServiceSidebarMinimizedDefaultUI {
  background: #dd4814; }

.ultima.ultima-cat .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown div {
  color: #4a773c; }

.ultima.ultima-cat .footer-content .line {
  background: #4a773c; }

.ultima.ultima-cat .footer-content #buttonFooterDropdown {
  color: #4a773c; }

.ultima.ultima-cat .footer-content .choose-category {
  color: #4a773c; }
  .ultima.ultima-cat .footer-content .choose-category .button-icon-arrow-down {
    color: #4a773c; }

.ultima.ultima-cat .footer-content #buttonFooterDropdown:hover {
  color: #4a773c; }

.ultima.ultima-cat .footer-content ul li {
  color: #515151; }

.ultima.ultima-cat .footer-content .button-icon-chat {
  background: #4a773c; }

.ultima.ultima-cat .footer-content .ul-dropdown {
  color: #4a773c; }

.ultima.ultima-cat .footer-content .choose-dog-cat a.active {
  color: #4a773c; }

.ultima.ultima-cat .footer-content .choose-dog div {
  border-color: #4a773c; }

.ultima.ultima-cat .footer-content .sidebarHeader .minimizedContainer .embeddedServiceSidebarMinimizedDefaultUI {
  background: #4a773c !important; }

.ultima.ultima-cat .sidebarHeader.embeddedServiceSidebarExtendedHeader.embeddedServiceLiveAgentStateChatHeader {
  background: #4a773c; }

.ultima.ultima-cat button.sidebarHeader.minimizedContainer.embeddedServiceSidebarMinimizedDefaultUI {
  background: #4a773c; }

.ultima.ultima-dog .footer-content .footer-collapse .footer-dropdown .choose-language-dropdown div {
  color: #934D11; }

.ultima.ultima-dog .footer-content .line {
  background: #934D11; }

.ultima.ultima-dog .footer-content #buttonFooterDropdown {
  color: #934D11; }

.ultima.ultima-dog .footer-content .choose-category {
  color: #934D11; }
  .ultima.ultima-dog .footer-content .choose-category .button-icon-arrow-down {
    color: #934D11; }

.ultima.ultima-dog .footer-content #buttonFooterDropdown:hover {
  color: #934D11; }

.ultima.ultima-dog .footer-content ul li {
  color: #515151; }

.ultima.ultima-dog .footer-content .button-icon-chat {
  background: #934D11; }

.ultima.ultima-dog .footer-content .ul-dropdown {
  color: #934D11; }

.ultima.ultima-dog .footer-content .choose-dog-cat a.active {
  color: #934D11; }

.ultima.ultima-dog .footer-content .choose-dog div {
  border-color: #934D11; }

.ultima.ultima-dog .footer-content .sidebarHeader .minimizedContainer .embeddedServiceSidebarMinimizedDefaultUI {
  background: #934D11 !important; }

.ultima.ultima-dog .sidebarHeader.embeddedServiceSidebarExtendedHeader.embeddedServiceLiveAgentStateChatHeader {
  background: #934D11; }

.ultima.ultima-dog button.sidebarHeader.minimizedContainer.embeddedServiceSidebarMinimizedDefaultUI {
  background: #934D11; }

.ultima .petmoji-sticky {
  background-color: rgba(221, 72, 20, 0.9);
  height: 90px;
  opacity: 0.95;
  position: fixed;
  bottom: 0;
  max-width: 1440px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  z-index: 150; }
  .ultima .petmoji-sticky .moji-icon {
    width: 73px; }
    .ultima .petmoji-sticky .moji-icon .moji-circle {
      background-color: #ffffff;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin: 7px;
      width: 64px;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .ultima .petmoji-sticky .moji-icon img {
      width: 43px;
      margin-left: -3px; }
  .ultima .petmoji-sticky .moji-text {
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: start;
    width: 70%;
    line-height: 1.14; }
    .ultima .petmoji-sticky .moji-text .moji-title {
      font-size: 16px;
      font-weight: 500;
      font-family: "ubuntumedium";
      color: #ffffff; }
    .ultima .petmoji-sticky .moji-text .moji-link {
      display: block;
      font-size: 16px;
      font-weight: 300;
      font-family: "ubuntulight";
      color: #ffffff;
      padding-top: 3px;
      line-height: 1.43; }
      .ultima .petmoji-sticky .moji-text .moji-link a {
        font-family: "ubuntulight";
        color: #ffffff;
        text-decoration: none; }
      .ultima .petmoji-sticky .moji-text .moji-link a:hover {
        text-decoration: underline; }
  .ultima .petmoji-sticky .moji-close {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row;
    font-family: "ubuntulight"; }
    .ultima .petmoji-sticky .moji-close a {
      color: #ffffff; }
    .ultima .petmoji-sticky .moji-close .icon-moji-close:before {
      content: "\e971";
      font-size: 23px; }

@media (min-width: 768px) {
  .ultima .btn {
    padding: 0.375rem 0.75rem; }
  .ultima .footer-content .footer-collapse {
    max-width: none;
    padding-bottom: 0px; }
    .ultima .footer-content .footer-collapse > ul {
      max-width: 65%;
      margin: 0 auto; }
    .ultima .footer-content .footer-collapse .footer-content-collapse {
      padding-right: 50px;
      padding-left: 50px; }
    .ultima .footer-content .footer-collapse .footer-column {
      display: inline-block;
      vertical-align: top;
      width: 40%; }
      .ultima .footer-content .footer-collapse .footer-column.footer-left-menu, .ultima .footer-content .footer-collapse .footer-column.footer-right-menu {
        width: 60%; }
      .ultima .footer-content .footer-collapse .footer-column.footer-right-menu, .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu {
        margin-top: 55px; }
  .ultima .footer-content .bottom-footer .content-copyright-footer {
    margin-bottom: 0; }
  .ultima .footer-content .bottom-footer .ul-dropdown-site .li-site a {
    padding: 0px 10px; }
  .ultima .footer-content .social-buttons #social-buttons-line2 {
    display: inherit; }
  .ultima .footer-content .footer-selector .choose-language-dropdown, .ultima .footer-content .ultima .footer-content .footer-selector .choose-site-dropdown {
    width: 103px; }
  .ultima .petmoji-sticky {
    height: 56px; }
    .ultima .petmoji-sticky .moji-icon {
      padding-left: 20px; }
      .ultima .petmoji-sticky .moji-icon .moji-circle {
        width: 43px;
        height: 43px;
        margin-top: 8px; }
        .ultima .petmoji-sticky .moji-icon .moji-circle img {
          width: 32px;
          margin-left: -3px; }
    .ultima .petmoji-sticky .moji-text {
      width: 100%;
      display: flow-root;
      padding-left: 15px; }
      .ultima .petmoji-sticky .moji-text .moji-link {
        padding-left: 10px;
        font-family: "ubuntulight";
        display: initial; }
    .ultima .petmoji-sticky .moji-close {
      justify-content: center; } }

@media (min-width: 1024px) {
  .ultima .footer-content .footer-collapse {
    justify-content: center;
    max-width: none;
    padding-left: 159px;
    padding-right: 160px; }
    .ultima .footer-content .footer-collapse .footer-content-collapse > ul {
      display: flex;
      max-width: 100%;
      padding: 64px 0 66px 0; }
    .ultima .footer-content .footer-collapse .footer-column {
      display: inline-flex;
      flex: 0 0 33%;
      width: 33%; }
      .ultima .footer-content .footer-collapse .footer-column.footer-left-menu, .ultima .footer-content .footer-collapse .footer-column.footer-right-menu, .ultima .footer-content .footer-collapse .footer-column.footer-center-menu {
        width: 33%;
        margin-top: 0; }
      .ultima .footer-content .footer-collapse .footer-column.footer-right-menu, .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu {
        margin-top: 0; }
      .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .choose-category {
        text-align: right; }
      .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .choose-language-dropdown {
        float: right;
        clear: both; }
      .ultima .footer-content .footer-collapse .footer-column.footer-extra-menu .collapse-language .ul-dropdown-language .li-language {
        text-align: right;
        display: block; }
  .ultima .footer-content .footer-collapse .footer-column .collapse-language .ul-dropdown-site .li-site {
    text-align: right !important; } }

@media (min-width: 1280px) {
  .ultima .footer-content .footer-collapse {
    margin: 0; }
  .ultima .footer-content .float-chat-button-desktop .chat-desktop div {
    background: #dd4814; }
  .ultima .footer-content .container {
    max-width: none; }
  .ultima.ultima-cat .footer-content .float-chat-button-desktop .chat-desktop div {
    background: #4a773c; }
  .ultima.ultima-dog .footer-content .float-chat-button-desktop .chat-desktop div {
    background: #934D11; }
  .ultima .collapse-site .card-body .ul-dropdown-site .li-site {
    display: block; } }

@media (min-width: 1440px) {
  .footer-content .social-buttons .list-group-horizontal {
    position: relative; } }

.ultima footer .footer-collapse ul .content-asset .btn .choose-category {
  right: 0; }

.ultima footer .footer-collapse ul .content-asset .btn .collapse .card {
  right: 0; }

@media (min-width: 890px) {
  .bottom-footer .footer-links .collapse-language .ul-dropdown-site li.li-site {
    right: 0;
    padding-left: 13px; }
  .bottom-footer .footer-links .card .li-site a {
    padding: 0; } }

.bottom-footer .footer-links .collapse-language .card {
  right: 0; }

.bottom-footer .footer-links .collapse-language .ul-dropdown-site li.li-site {
  right: 0;
  padding-left: 13px; }

.bottom-footer .footer-links .collapse-language .card .li-site a {
  padding: 0; }

.footer-content .social-buttons .list-group-horizontal {
  position: relative; }

.ultima footer .footer-collapse ul .content-asset .btn .choose-category {
  right: 0; }

.ultima footer .footer-collapse ul .content-asset .btn .collapse .card {
  right: 0; }
  .ultima footer .footer-collapse ul .content-asset .btn .collapse .card a {
    font-family: "ubuntulight";
    font-size: 14px; }

.page-share {
  position: initial;
  box-shadow: none;
  border: none;
  background: transparent;
  margin-bottom: 24px; }
  .page-share .page-share-label {
    font-family: "ubuntu";
    font-size: 14px;
    color: #b8afac;
    font-weight: 300;
    margin-right: 12px;
    margin-top: -10px; }
  .page-share .page-share-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff; }
    .page-share .page-share-inner .page-sharer {
      border-radius: 0;
      vertical-align: initial;
      border: none;
      color: #dd4814;
      margin: 5px; }
      .page-share .page-share-inner .page-sharer span {
        display: flex;
        height: 37px;
        width: 37px;
        padding: 15px;
        justify-content: center;
        align-items: center;
        font-size: 20px; }

body.cat_area .page-share .page-share-inner .page-sharer {
  border: none;
  color: #dd4814; }

body.dog_area .page-share .page-share-inner .page-sharer {
  border: none;
  color: #dd4814; }

@media (min-width: 1024px) {
  .page-share {
    display: block; } }

@media (min-width: 768px) {
  .page-share {
    display: block; }
    .page-share .page-share-label {
      font-size: 16px; } }

.ultima .form-group input, .ultima .form-group select, .ultima .form-group textarea {
  font-size: 18px;
  font-family: "ubuntulight"; }
  .ultima .form-group input.is-invalid, .ultima .form-group select.is-invalid, .ultima .form-group textarea.is-invalid {
    border-bottom: 1px solid #e71b17; }

.ultima .form-group label {
  color: #1a1a1a;
  font-family: "ubuntulight";
  font-size: 1.25rem; }
  .ultima .form-group label.as-placeholder.as-focused-input {
    font-size: 1rem;
    color: #dd4814; }

.ultima .form-group.error .input-icon {
  background: #e71b17; }

.ultima .form-group.correct input {
  border-bottom: 1px solid #1BD760; }

.ultima .form-group.correct .input-icon {
  background: #dd4814; }

.ultima.dog-area .form-group label.as-placeholder.as-focused-input {
  color: #934D11; }

.ultima.dog-area .form-group.correct input {
  border-bottom: 1px solid #934D11; }

.ultima.cat-area .form-group label.as-placeholder.as-focused-input {
  color: #4a773c; }

.pill-btn.btn, a.btn, a.btn:visited {
  border: 1px solid;
  border-color: #dd4814;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: "ubuntulight";
  box-shadow: none;
  color: #dd4814;
  padding: 7px 24px; }
  .pill-btn.btn.thin, a.btn.thin, a.btn:visited.thin {
    padding: 4px 24px !important; }
  .pill-btn.btn:disabled, a.btn:disabled, a.btn:visited:disabled {
    border: 1px solid #d6dce0; }
  .pill-btn.btn:hover, a.btn:hover, a.btn:visited:hover {
    border: 1px solid;
    border-color: #ffffff;
    background-color: #dd4814;
    color: #ffffff; }
  .pill-btn.btn.btn-brand, a.btn.btn-brand, a.btn:visited.btn-brand {
    background-color: #dd4814;
    color: #ffffff;
    border: 1px solid #dd4814; }
    .pill-btn.btn.btn-brand:hover, a.btn.btn-brand:hover, a.btn:visited.btn-brand:hover {
      border: 1px solid;
      border-color: #dd4814;
      background-color: transparent;
      color: #dd4814; }
    .pill-btn.btn.btn-brand:disabled, a.btn.btn-brand:disabled, a.btn:visited.btn-brand:disabled {
      background-color: 1px solid #d6dce0; }
  .pill-btn.btn.btn-invert, a.btn.btn-invert, a.btn:visited.btn-invert {
    background-color: transparent;
    color: #dd4814;
    border-color: #dd4814; }
    .pill-btn.btn.btn-invert:hover, a.btn.btn-invert:hover, a.btn:visited.btn-invert:hover {
      background-color: #dd4814;
      color: #ffffff; }
    .pill-btn.btn.btn-invert:disabled, a.btn.btn-invert:disabled, a.btn:visited.btn-invert:disabled {
      color: 1px solid #d6dce0; }
  .pill-btn.btn.btn-invert-brand, a.btn.btn-invert-brand, a.btn:visited.btn-invert-brand {
    background-color: transparent;
    color: #dd4814;
    border-color: #dd4814; }
    .pill-btn.btn.btn-invert-brand:hover, a.btn.btn-invert-brand:hover, a.btn:visited.btn-invert-brand:hover {
      background-color: #dd4814;
      color: #ffffff; }
    .pill-btn.btn.btn-invert-brand:disabled, a.btn.btn-invert-brand:disabled, a.btn:visited.btn-invert-brand:disabled {
      color: 1px solid #d6dce0; }
  .pill-btn.btn.btn-selected, a.btn.btn-selected, a.btn:visited.btn-selected {
    background-color: #934D11;
    color: #ffffff; }
    .pill-btn.btn.btn-selected:hover, a.btn.btn-selected:hover, a.btn:visited.btn-selected:hover {
      color: #934D11;
      background-color: #ffffff;
      border-color: #934D11; }
    .pill-btn.btn.btn-selected:disabled, a.btn.btn-selected:disabled, a.btn:visited.btn-selected:disabled {
      color: #d6dce0; }
  .pill-btn.btn.btn-social.btn-facebook img, .pill-btn.btn.btn-social.btn-google img, a.btn.btn-social.btn-facebook img, a.btn.btn-social.btn-google img, a.btn:visited.btn-social.btn-facebook img, a.btn:visited.btn-social.btn-google img {
    margin-top: 2px; }
  .pill-btn.btn.btn-social.btn-google a:hover, a.btn.btn-social.btn-google a:hover, a.btn:visited.btn-social.btn-google a:hover {
    color: #fff; }
  .pill-btn.btn.btn-social.btn-apple, a.btn.btn-social.btn-apple, a.btn:visited.btn-social.btn-apple {
    color: #fff; }
    .pill-btn.btn.btn-social.btn-apple a, a.btn.btn-social.btn-apple a, a.btn:visited.btn-social.btn-apple a {
      color: #fff; }
  .pill-btn.btn.btn-social:hover, a.btn.btn-social:hover, a.btn:visited.btn-social:hover {
    color: #ffffff; }

.cat_area .pill-btn.btn.btn-invert, .cat_area a.btn.btn-invert {
  background-color: transparent;
  color: #dd4814;
  border-color: #dd4814; }
  .cat_area .pill-btn.btn.btn-invert:hover, .cat_area a.btn.btn-invert:hover {
    background-color: #dd4814;
    color: #ffffff;
    border-color: #ffffff; }

.cat_area .pill-btn.btn.btn-selected, .cat_area a.btn.btn-selected {
  background-color: #4a773c;
  color: #ffffff; }
  .cat_area .pill-btn.btn.btn-selected:hover, .cat_area a.btn.btn-selected:hover {
    color: #4a773c;
    background-color: #ffffff;
    border-color: #4a773c; }

.dog_area .pill-btn.btn.btn-invert, .dog_area a.btn.btn-invert {
  background-color: transparent;
  color: #dd4814;
  border-color: #dd4814; }
  .dog_area .pill-btn.btn.btn-invert:hover, .dog_area a.btn.btn-invert:hover {
    background-color: #dd4814;
    color: #ffffff;
    border-color: #ffffff; }

.dog_area .pill-btn.btn.btn-selected, .dog_area a.btn.btn-selected {
  background-color: #934D11;
  color: #ffffff; }
  .dog_area .pill-btn.btn.btn-selected:hover, .dog_area a.btn.btn-selected:hover {
    color: #934D11;
    background-color: #ffffff;
    border-color: #934D11; }

.back-skip-button {
  margin-top: 15px; }
  .back-skip-button a {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-family: "ubuntulight" !important; }

.backTo {
  position: relative;
  top: 15px;
  left: 0;
  z-index: 9;
  display: block;
  color: #969696; }

.btn.btn-max-width {
  width: 300px; }

.oauth__btn {
  padding: 12px;
  border: 1px solid #7e7367; }

.oauth__link-text, .oauth__separator-text {
  color: #7e7367;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 136%; }

.search_form .suggestions-wrapper {
  font-family: "ubuntumedium";
  z-index: 5;
  top: 66px; }
  .search_form .suggestions-wrapper .header {
    font-size: 0.875em;
    padding-top: 8px; }
    .search_form .suggestions-wrapper .header .do-you-mean {
      color: #dd4814;
      text-align: left; }
  .search_form .suggestions-wrapper .suggestions .items {
    padding: 8px 0;
    min-height: 100px;
    width: 80%;
    gap: 16px; }
    .search_form .suggestions-wrapper .suggestions .items .term {
      padding: 5px 15px;
      height: 24px; }
      .search_form .suggestions-wrapper .suggestions .items .term a {
        margin-left: 15px;
        font-size: 16px;
        position: absolute; }
    .search_form .suggestions-wrapper .suggestions .items .item {
      display: flex;
      padding-left: 15px; }
      .search_form .suggestions-wrapper .suggestions .items .item a {
        position: absolute; }
      .search_form .suggestions-wrapper .suggestions .items .item .name {
        margin-top: 0.313em;
        margin-left: 5px;
        color: #152935;
        font-size: 16px;
        margin-left: 44px; }
        .search_form .suggestions-wrapper .suggestions .items .item .name a {
          font-size: 16px;
          color: #152935;
          padding: 0;
          padding-left: 45px;
          white-space: normal; }
  .search_form .suggestions-wrapper .suggestions-products-title {
    color: #152935; }

.search_form .suggestions {
  background: #fff;
  max-width: none; }
  .search_form .suggestions .swatch-circle {
    position: absolute;
    width: 90px; }
  .search_form .suggestions .term {
    color: #152935; }
    .search_form .suggestions .term a {
      margin-left: 15px; }

.search_form .filters-suggestions span {
  background-repeat: no-repeat;
  background-position: left 10px top 9px;
  padding-left: 30px; }

.search_form .filters-suggestions .tags-Dog {
  color: #936031;
  border-color: #936031;
  background-color: #FBF7F4;
  background-image: url(../../img/tags-category/tag-dog.svg); }

.search_form .filters-suggestions .tags-Cat {
  color: #4A773C;
  border-color: #4A773C;
  background-color: #F6FAF5;
  background-image: url(../../img/tags-category/tag-cat.svg); }

.search_form .filters-suggestions .tags-Adoption {
  color: #D97C27;
  border-color: #D97C27;
  background-color: #FCF6F1;
  background-image: url(../../img/tags-category/tag-adoption.svg); }

nav .top-nav-buttons .mobile-search {
  display: none; }

@media (min-width: 500px) and (max-width: 767px) {
  nav .bottom-navigation-wrapper .icon-links .mobile-search {
    margin: 0 80px !important; } }

@media (min-width: 1440px) {
  nav .mobile-search {
    width: 1440px !important; } }

@media (min-width: 991px) {
  nav .mobile-search {
    background-color: #f6f6f5;
    width: 100vw;
    margin-top: 55px;
    margin-left: -1265px;
    height: 60px;
    position: absolute;
    opacity: 1;
    top: 0; }
    nav .mobile-search.hasusername {
      margin-left: -1215px; }
    nav .mobile-search .icon-zoom {
      right: 90px; }
      nav .mobile-search .icon-zoom::before {
        top: 3px; }
    nav .mobile-search .icon-multiply {
      color: #dd4814;
      border-left: 1px solid #E4DEDC;
      position: absolute;
      top: -10px;
      right: 0;
      width: 56px;
      top: 0;
      height: 60px; }
      nav .mobile-search .icon-multiply:before {
        top: 18px;
        right: 16px;
        color: #dd4814;
        font-size: 24px;
        position: absolute; }
    nav .mobile-search .search_form {
      width: 100%;
      height: 100%;
      right: 0; }
      nav .mobile-search .search_form input {
        margin: 0 auto;
        border: 0;
        color: #1a1a1a;
        left: 16px;
        padding-left: 16px; }
        nav .mobile-search .search_form input::placeholder {
          color: #464039; }
      nav .mobile-search .search_form .suggestions-wrapper {
        margin: 0; }
        nav .mobile-search .search_form .suggestions-wrapper .suggestions .name p {
          max-width: 300px; } }

.custom-select:focus {
  border-color: #dd4814; }

.custom-checkbox .custom-control-label::before {
  border-color: #dd4814 !important; }

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #dd4814; }

.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #dd4814; }

.custom-checkbox label {
  font-family: "ubuntulight"; }

.custom-checkbox input:focus ~ label, .custom-checkbox input:valid ~ label {
  color: #393939; }

.birth-sex-radio-button .sex-choice .sex-choice-radio-group label {
  font-size: 1rem;
  color: #dd4814; }
  .birth-sex-radio-button .sex-choice .sex-choice-radio-group label .choose-male,
  .birth-sex-radio-button .sex-choice .sex-choice-radio-group label .choose-female {
    font-size: 1rem; }

.birth-sex-radio-button .sex-choice .sex-choice-radio-group input:checked + label {
  background: #dd4814; }

.sex-choice .sex-choice-radio-group {
  display: inline-flex; }
  .sex-choice .sex-choice-radio-group label {
    font-size: 0.875rem;
    color: #dd4814; }
    .sex-choice .sex-choice-radio-group label:first-of-type {
      border-radius: 50px 0 0 50px;
      border-right: none; }
    .sex-choice .sex-choice-radio-group label:last-child {
      border-radius: 0 50px 50px 0; }
    .sex-choice .sex-choice-radio-group label .choose-male,
    .sex-choice .sex-choice-radio-group label .choose-female {
      font-size: 0.875rem;
      padding: 5px; }
  .sex-choice .sex-choice-radio-group input:checked + label {
    background: #dd4814;
    color: #fff; }

@media (min-width: 475px) {
  .birth-sex-radio-button {
    display: inline-flex;
    width: 100%; }
    .birth-sex-radio-button .sex-choice {
      margin: 0;
      text-align: right;
      padding: 0; }
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group {
        margin-top: 0; } }

.nav-pills.animals .nav-link {
  border: 1px solid #dd4814;
  color: #dd4814;
  font-family: "ubuntumedium"; }
  .nav-pills.animals .nav-link.dog.active {
    background-color: #dd4814; }
  .nav-pills.animals .nav-link.cat.active {
    background-color: #dd4814; }

.catdog input[type=radio] ~ label {
  font-family: "ubuntulight"; }

.catdog input[type=radio]:checked ~ label, .catdog input[type=radio]:checked ~ label span {
  color: #dd4814; }

/* SF tabs ============== */
a.custom-tab {
  font-family: "ubuntumedium"; }
  a.custom-tab.selected {
    color: #dd4814;
    border-bottom: 2px solid #dd4814; }
  a.custom-tab:visited {
    color: #393939; }

.checkbox-img input[type=checkbox]:checked + label {
  color: #dd4814; }

.checkbox-img input[type=checkbox] + label > img,
.checkbox-img input[type=checkbox] + label .label-container > img {
  background-color: #d6dce0;
  display: inline-block;
  margin: 0 auto;
  max-width: 100px;
  max-height: 100%; }
  .checkbox-img input[type=checkbox] + label > img:first-of-type,
  .checkbox-img input[type=checkbox] + label .label-container > img:first-of-type {
    display: block; }
  .checkbox-img input[type=checkbox] + label > img:nth-of-type(2),
  .checkbox-img input[type=checkbox] + label .label-container > img:nth-of-type(2) {
    display: none; }

body[data-action|="Account"].ultima .page-wrapper .content .checkbox-img input[type=checkbox] + label > img,
body[data-action|="Account"].ultima .page-wrapper .content .checkbox-img input[type=checkbox] + label .label-container > img, body[data-action|="Register"].ultima .page-wrapper .content .checkbox-img input[type=checkbox] + label > img,
body[data-action|="Register"].ultima .page-wrapper .content .checkbox-img input[type=checkbox] + label .label-container > img, body[data-action|="Family"].ultima .page-wrapper .content .checkbox-img input[type=checkbox] + label > img,
body[data-action|="Family"].ultima .page-wrapper .content .checkbox-img input[type=checkbox] + label .label-container > img {
  max-width: 80px; }

.registration .catdog input[type=radio]:checked ~ label, .registration .catdog input[type=radio]:checked ~ label span {
  color: #dd4814; }

.checkbox-span input[type=checkbox]:checked + label {
  color: #dd4814; }

.checkbox-span input[type=checkbox]:checked + label > span {
  border: 2px solid #dd4814; }

.dog_area .checkbox-img input[type=checkbox]:checked + label {
  color: #934D11; }

.dog_area .checkbox-span input[type=checkbox]:checked + label {
  color: #934D11; }

.dog_area .checkbox-span input[type=checkbox]:checked + label > span {
  border: 2px solid #934D11; }

.cat_area .checkbox-img input[type=checkbox]:checked + label {
  color: #4a773c; }

.cat_area .checkbox-span input[type=checkbox]:checked + label {
  color: #4a773c; }

.cat_area .checkbox-span input[type=checkbox]:checked + label > span {
  border: 2px solid #4a773c; }

.modal-picture {
  font-family: "ubuntumedium"; }
  .modal-picture .modal-title {
    color: #393939; }
  .modal-picture .modal-option {
    color: #dd4814; }
    .modal-picture .modal-option.cancel {
      font-family: "ubuntulight";
      color: #393939; }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container, .carousel-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification, .carousel-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  margin: auto;
  font-size: 26px;
  text-align: center;
  z-index: 5;
  width: 25px;
  height: 28px;
  background-size: 25px;
  background-color: transparent;
  display: none; }

.swiper-button-prev {
  left: 5px; }

.swiper-button-next {
  right: 5px; }

.swiper-container-vertical .swiper-button-prev,
.swiper-container-vertical .swiper-button-next {
  width: 100%;
  padding: 0;
  left: 0;
  height: 20px;
  background: #fff; }

.swiper-container-vertical .swiper-button-prev {
  top: -5px; }

.swiper-container-vertical .swiper-button-next {
  bottom: 0;
  top: auto; }

.swiper-container-horizontal .swiper-button-prev,
.swiper-container-horizontal .swiper-button-next {
  background-color: transparent;
  height: 48px;
  top: 0;
  bottom: 0; }

.swiper-container-horizontal .swiper-button-prev {
  left: 25px; }

.swiper-container-horizontal .swiper-button-next {
  right: 25px; }

.swiper-button-prev.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b19460'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b19460'%2F%3E%3C%2Fsvg%3E"); }

#home-banner .swiper-button-prev.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

#home-banner .swiper-button-next.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

body.cat_area .swiper-button-prev.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2349773B'%2F%3E%3C%2Fsvg%3E"); }

body.cat_area .swiper-button-next.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2349773B'%2F%3E%3C%2Fsvg%3E"); }

body.dog_area .swiper-button-prev.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b06533'%2F%3E%3C%2Fsvg%3E"); }

body.dog_area .swiper-button-next.swiper-button-brandcolor {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b06533'%2F%3E%3C%2Fsvg%3E"); }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  border: none; }

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: transparent;
  opacity: 1;
  border-radius: 25px;
  border: 1px solid #e4dedc !important;
  z-index: 3; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: none !important; }

.swiper-pagination.swiper-below-pagination {
  position: relative;
  z-index: 4; }
  .swiper-pagination.swiper-below-pagination .swiper-pagination-bullet {
    margin: 20px 8px; }

.swatch-slider .swiper-slide {
  width: 50px; }

.thumbs-slider {
  padding: 20px 0;
  height: 160px; }

.swiper-pagination-bullet:only-child {
  display: none; }

.carousel-container {
  position: relative;
  overflow: hidden;
  visibility: hidden;
  height: 483px; }
  .carousel-container.active {
    visibility: visible; }

.product-carousel, .content-carousel {
  position: relative;
  padding: 0 3%; }

body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet body[data-action="Search-Show"].ultima.cat_area .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet, body[data-action="Search-Show"].ultima.ultima.cat_area .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet {
  border: 1px solid #4a773c;
  background: #fff; }
  body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active, body[data-action="Search-Show"].ultima .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet body[data-action="Search-Show"].ultima.cat_area .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active, body[data-action="Search-Show"].ultima.ultima.cat_area .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: none;
    background: #4a773c; }

body[data-action="Search-Show"].ultima.dog_area .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet, body[data-action="Search-Show"].ultima.dog_area .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet {
  border: 1px solid #934D11;
  background: #fff; }
  body[data-action="Search-Show"].ultima.dog_area .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active, body[data-action="Search-Show"].ultima.dog_area .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: none;
    background: #934D11; }

@media (min-width: 320px) and (max-width: 767px) {
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px 20px; }
  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
    border-radius: 25px;
    border: none; }
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #dd4814;
      border: none; } }

@media (min-width: 1024px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: block; }
    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
      display: none; }
  .swiper-below-pagination {
    display: none; } }

.product {
  max-width: 320px; }
  .product .product-tile {
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e4dedc;
    box-shadow: 0 10px 20px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 10px 20px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 10px 20px 0 rgba(255, 255, 255, 0.1); }
    .product .product-tile:hover {
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
    .product .product-tile:active {
      background-color: #f4f2f1; }
  .product .product-content {
    position: relative; }
    .product .product-content .product-fav {
      position: relative; }
      .product .product-content .product-fav .button-like {
        font-size: 1.8rem;
        color: #dd4814; }
    .product .product-content .product-desc {
      font-size: 1.25rem;
      color: #393939;
      font-family: "ubuntulight"; }
    .product .product-content .product-title.tile-title {
      max-width: 100%;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 110px;
      text-align: center;
      margin-bottom: 0px; }
      .product .product-content .product-title.tile-title .product-desc {
        font-family: "ubuntulight";
        font-size: 12px;
        font-weight: 300;
        line-height: 20px;
        color: #000000; }
    .product .product-content .product-title a {
      font-family: "ubuntumedium";
      font-size: 16px;
      font-weight: 500;
      line-height: 1.25;
      color: #000000;
      display: flex;
      justify-content: center; }
  .product .tile-body .tile-body-footer {
    text-align: right; }
    .product .tile-body .tile-body-footer a {
      text-decoration: none; }
    .product .tile-body .tile-body-footer .bio-tile-button {
      display: none !important; }
  .product .image-container {
    height: auto; }
    .product .image-container a {
      display: flex;
      justify-content: center;
      text-align: center;
      height: 100%; }
  .product .product-tile .image-container img {
    width: auto;
    height: 224px; }

.bio .bio-tile {
  max-width: 200px; }
  .bio .bio-tile .product-tile {
    border: 0;
    background-color: transparent; }
    .bio .bio-tile .product-tile .product-title {
      display: none !important; }
    .bio .bio-tile .product-tile .tile-body-footer {
      display: flex;
      justify-content: center; }
      .bio .bio-tile .product-tile .tile-body-footer .bio-tile-button {
        margin-bottom: 16px;
        margin-top: 12px !important;
        width: 120px !important;
        display: block !important; }
      .bio .bio-tile .product-tile .tile-body-footer .product-tile-button {
        display: none; }

body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list {
  font-size: 14px;
  line-height: 1.14;
  font-family: "ubuntumedium";
  font-weight: 600; }
  body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:after {
    content: '\e915';
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    position: relative;
    top: 5px; }

body[data-action="Search-Show"] .product .product-tile .product-title {
  text-align: center; }
  body[data-action="Search-Show"] .product .product-tile .product-title .link {
    font-size: 14px;
    line-height: 14px;
    font-family: "ubuntumedium";
    margin-bottom: 4px; }
  body[data-action="Search-Show"] .product .product-tile .product-title .product-desc {
    font-size: 12px;
    line-height: 20px;
    font-family: "ubuntulight"; }
  body[data-action="Search-Show"] .product .product-tile .product-title.tile-title {
    height: auto; }

body[data-action="Search-Show"] .product .product-tile .tile-body-footer .link-product .icon-arrow-menu {
  font-size: 25px; }

html[lang="es"] body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="en"] body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="ca"] body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="pt"] body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="it"] body[data-action="Search-Show"].dog_area .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="fr"] body[data-action="Search-Show"].dog_area .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover {
  color: #936031; }

html[lang="es"] body[data-action="Search-Show"].cat_area .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="en"] body[data-action="Search-Show"].cat_area .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="ca"] body[data-action="Search-Show"].cat_area .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="pt"] body[data-action="Search-Show"].cat_area .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="it"] body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover,
html[lang="fr"] body[data-action="Search-Show"] .category-results .container div[data-type="product-search"] .refinement-bar .filter-list:hover {
  color: #4a773c; }

@media (min-width: 768px) {
  .product {
    max-width: 360px; } }

@media (min-width: 1024px) {
  body[data-action="Search-Show"] .product-tile .product-title {
    text-align: center; }
    body[data-action="Search-Show"] .product-tile .product-title .product-desc {
      font-size: 12px;
      line-height: 20px;
      font-family: "ubuntulight"; }
    body[data-action="Search-Show"] .product-tile .product-title.tile-title {
      height: auto; }
  body[data-action="Search-Show"] .bio .product.bio-tile .tile-body-footer .bio-tile-button {
    width: 150px !important; } }

@media (min-width: 576px) {
  body[data-action="Search-Show"] .product {
    margin: 12px auto !important; }
    body[data-action="Search-Show"] .product .product-content {
      padding: 0 10px; }
    body[data-action="Search-Show"] .product .product-tile {
      padding-bottom: 10px; }
      body[data-action="Search-Show"] .product .product-tile .product-title.tile-title {
        height: auto; }
        body[data-action="Search-Show"] .product .product-tile .product-title.tile-title .link {
          font-size: 16px;
          line-height: 20px;
          font-family: "ubuntumedium";
          margin-bottom: 4px; } }

body[data-action="Search-Show"] .product {
  margin: 0px; }
  body[data-action="Search-Show"] .product .product-tile {
    padding: 0 10px; }
    body[data-action="Search-Show"] .product .product-tile .product-title.tile-title {
      min-height: 87px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      body[data-action="Search-Show"] .product .product-tile .product-title.tile-title .product-desc {
        height: auto; }

@media (min-width: 768px) and (max-width: 991px) {
  body[data-action="Search-Show"] .product {
    margin: 0px auto !important; }
    body[data-action="Search-Show"] .product .product-tile .product-title.tile-title {
      min-height: 57px; }
      body[data-action="Search-Show"] .product .product-tile .product-title.tile-title .link {
        font-size: 16px; } }

.lazyload {
  display: none; }

.privacy-policy {
  font-family: "ubuntulight"; }
  .privacy-policy .privacy-content-title {
    font-family: "ubuntumedium"; }
  .privacy-policy .privacy-table-title {
    background: #dd4814; }

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #dd4814;
  border-color: #dd4814; }

.datepicker .datepicker-switch {
  color: #dd4814; }

.datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
  background: #dd4814; }

.breadcrumb-wrapper .breadcrumb .breadcrumb-item.selected {
  color: #dd4814; }

.mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn button.sc-btn-ec {
  font-family: "ubuntulight";
  text-transform: uppercase;
  background: none !important;
  border: 0;
  color: #dd4814; }
  .mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn button.sc-btn-ec:after {
    display: none; }
  .mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn button.sc-btn-ec:hover {
    background-color: #F4F2F1 !important; }

.mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn div.zip-container input {
  border-style: none none none dotted;
  border-left-color: #989c9d;
  background-color: transparent;
  width: 64%;
  max-width: 100px;
  outline: none;
  font-size: 12px;
  font-weight: bolder;
  margin: 6px;
  text-align: center; }

.mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn div.zip-container i {
  position: relative !important; }
  .mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn div.zip-container i span {
    top: 1px;
    right: 28px; }
    .mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn div.zip-container i span::after {
      content: " ";
      position: absolute;
      left: 106px;
      top: 5px;
      transform: rotate(180deg);
      border-width: 5px;
      border-style: solid;
      border-color: transparent black transparent transparent; }

div[data-sc-type="SmartButton"] .sc-btn-retailer-wrapper {
  position: left;
  bottom: 53px;
  align-items: 0;
  min-width: initial !important; }

div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
  font-family: "ubuntulight";
  text-transform: uppercase;
  border: 0 !important;
  color: #dd4814;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: center; }
  div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec:hover {
    background-color: #F4F2F1 !important; }
  div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec::before {
    margin-left: 8px;
    font-size: 20px; }

.dog_area div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec,
.cat_area div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
  background: none !important; }

.modal-picture .cr-slider-wrap .cr-slider {
  background: #9da5aa;
  padding: 0; }

.cookie-overlay {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999;
  background-color: rgba(0, 0, 0, 0.5); }
  .cookie-overlay .cookie-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    min-height: 480px;
    background-color: white;
    padding: 41px 25px;
    border-radius: 6px; }
    .cookie-overlay .cookie-dialog img {
      position: relative; }
    .cookie-overlay .cookie-dialog .cookie-dialog-title {
      position: relative;
      color: #2f2f2f;
      font-size: 14px;
      font-family: "ubuntumedium";
      line-height: 21px;
      letter-spacing: 0;
      font-weight: 600;
      margin-top: 20px;
      margin-bottom: 20px; }
      .cookie-overlay .cookie-dialog .cookie-dialog-title::before {
        position: absolute;
        content: " ";
        height: 1px;
        width: 87px;
        left: 50%;
        top: -20px;
        transform: translateX(-50%);
        background-color: #b8b3b0; }
    .cookie-overlay .cookie-dialog .cookie-dialog-desc {
      font-size: 12px;
      font-family: "ubuntulight";
      text-align: left;
      padding: 0px 0px !important;
      padding-bottom: 20px !important;
      line-height: 16px;
      letter-spacing: 0;
      font-weight: 300; }
    .cookie-overlay .cookie-dialog .cookie-buttons {
      height: auto;
      padding-bottom: 46px; }
      .cookie-overlay .cookie-dialog .cookie-buttons a {
        width: 150px;
        height: 40px;
        margin: 0;
        font-family: "ubuntulight";
        font-weight: 900;
        letter-spacing: 2px; }

@media (min-width: 768px) {
  .cookie-dialog {
    top: 20% !important;
    transform: translate(-50%, -20%) !important;
    width: 650px !important;
    height: 480px !important;
    padding: 36px 53px !important; }
    .cookie-dialog img {
      width: 50% !important; }
    .cookie-dialog .cookie-dialog-title {
      font-size: 16px !important; }
      .cookie-dialog .cookie-dialog-title::before {
        width: 103px !important; }
    .cookie-dialog .cookie-dialog-desc {
      line-height: 21px !important;
      font-size: 15px !important; }
    .cookie-dialog .cookie-buttons a {
      width: 182px !important;
      height: 45px !important;
      font-size: 14px !important; } }

.modal-select-pet {
  border-radius: 16px;
  font-family: "ubuntu"; }
  .modal-select-pet__card {
    max-width: 390px;
    border-radius: 16px; }
  .modal-select-pet__close {
    padding: 12px;
    background-color: #f8f7f7;
    z-index: 10; }
    .modal-select-pet__close:hover {
      cursor: pointer; }
  .modal-select-pet__title {
    color: #464039;
    font-weight: 500;
    font-size: 18px;
    line-height: 24.48px;
    text-align: center; }
  .modal-select-pet__subtitle {
    color: #7e7367;
    font-size: 14px;
    line-height: 19.04px; }
  .modal-select-pet__link {
    color: #464039 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.04px; }
    .modal-select-pet__link:hover {
      text-decoration: underline; }
  .modal-select-pet__button-cancel {
    font-weight: 500;
    font-size: 14px;
    line-height: 19.04px;
    border-radius: 8px;
    height: 44px;
    padding: 12px 24px;
    border-color: #7e7367;
    color: #7e7367; }
    .modal-select-pet__button-cancel:hover {
      cursor: pointer; }
  .modal-select-pet__button-primary {
    font-weight: 500;
    font-size: 14px;
    line-height: 19.04px;
    padding: 12px 24px;
    border-radius: 8px;
    height: 44px;
    background-color: #7e7367; }
    .modal-select-pet__button-primary:hover {
      cursor: pointer; }
    .modal-select-pet__button-primary:disabled {
      cursor: not-allowed; }
  .modal-select-pet__close-icon {
    fill: #d3d3d3; }
  .modal-select-pet__arrow-icon {
    height: 14px; }
  .modal-select-pet__card-pet-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 19.04px; }

.pet-container, .pet-container-3 {
  flex: 1 1 100%;
  padding: 16px;
  border-radius: 8px;
  max-height: 131px; }

.pet-container:nth-child(2n+1), .pet-container:nth-child(2n+2) {
  flex: 1 1 calc(49%);
  max-width: calc(49%); }

.pet-container-3:nth-child(3n+1), .pet-container-3:nth-child(3n+2), .pet-container-3:nth-child(3n+3) {
  flex: 1 1 calc(32%);
  max-width: calc(32%); }

.unselected-pet-dog {
  background-color: #fbf7f4;
  border: 1px solid #936031; }

.unselected-pet-cat {
  background-color: #f6faf5;
  border: 1px solid #4a773c; }

.selected-pet-dog {
  background-color: #936031 !important; }

.selected-pet-cat {
  background-color: #4a773c !important; }

#vetSelectPet {
  top: 20px;
  z-index: 1050; }
  #vetSelectPet .modal-dialog {
    display: flex;
    justify-content: center; }

.modal-login-register {
  font-family: "ubuntu";
  z-index: 999;
  top: 0;
  left: 0; }
  .modal-login-register__card {
    height: 100vh;
    border-radius: 16px;
    padding: 24px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden; }
    .modal-login-register__card::-webkit-scrollbar {
      display: none; }
    @media (min-width: 786px) {
      .modal-login-register__card {
        padding: 24px 40px 40px 40px;
        height: fit-content; } }
  .modal-login-register__header-section {
    padding-bottom: 20px; }
    @media (min-width: 786px) {
      .modal-login-register__header-section {
        padding-bottom: 40px; } }
    @media (min-width: 786px) {
      .modal-login-register__header-section header {
        margin-top: 36px; } }
    .modal-login-register__header-section header img {
      width: 112px; }
  .modal-login-register__close {
    padding: 12px;
    background-color: #f8f7f7;
    z-index: 10; }
    .modal-login-register__close:hover {
      cursor: pointer; }
  .modal-login-register__title {
    color: #464039;
    font-size: 28px;
    letter-spacing: -1.12px;
    line-height: 128%; }
    @media (min-width: 786px) {
      .modal-login-register__title {
        max-width: 366px;
        letter-spacing: -1.28px;
        font-size: 32px;
        line-height: 120%; } }
  @media (min-width: 786px) {
    .modal-login-register__main {
      max-width: 366px; } }
  .modal-login-register__svg-header {
    top: 0;
    left: 0;
    z-index: 0; }
  .modal-login-register__svg-footer {
    top: 100%;
    bottom: 0;
    right: 0;
    z-index: 0; }
    .modal-login-register__svg-footer--responsive {
      bottom: -32px;
      right: -24px; }
    .modal-login-register__svg-footer--desktop, .modal-login-register__svg-footer--login {
      bottom: 0;
      right: 0; }
  .modal-login-register__svg-bottom {
    right: -24px;
    bottom: -24px; }
    @media (min-width: 786px) {
      .modal-login-register__svg-bottom {
        right: -40px;
        bottom: -40px; } }
  .modal-login-register .btn.pill-btn.btn-google, .modal-login-register .btn.pill-btn.btn-facebook {
    border-color: #7e7367;
    max-width: unset;
    color: #7e7367; }
    .modal-login-register .btn.pill-btn.btn-google:hover, .modal-login-register .btn.pill-btn.btn-facebook:hover {
      background-color: transparent; }
      .modal-login-register .btn.pill-btn.btn-google:hover .oauth-google,
      .modal-login-register .btn.pill-btn.btn-google:hover .oauth-facebook, .modal-login-register .btn.pill-btn.btn-facebook:hover .oauth-google,
      .modal-login-register .btn.pill-btn.btn-facebook:hover .oauth-facebook {
        color: #7e7367; }
    .modal-login-register .btn.pill-btn.btn-google img, .modal-login-register .btn.pill-btn.btn-facebook img {
      margin-left: auto;
      margin-right: 10px; }
    .modal-login-register .btn.pill-btn.btn-google .oauth-google,
    .modal-login-register .btn.pill-btn.btn-google .oauth-facebook, .modal-login-register .btn.pill-btn.btn-facebook .oauth-google,
    .modal-login-register .btn.pill-btn.btn-facebook .oauth-facebook {
      color: #292524; }
  .modal-login-register .btn.pill-btn.btn-apple {
    max-width: unset; }
  .modal-login-register__top-img {
    top: 0;
    left: 0; }
  .modal-login-register__bottom-img {
    bottom: 0;
    right: 0; }

.modal-steps .modal {
  top: 56px;
  z-index: 99; }
  .modal-steps .modal .modal-dialog {
    max-width: 1440px; }
    .modal-steps .modal .modal-dialog .modal-content {
      width: 366px;
      border: unset; }

/* COLORS */
/* FONTS */
#loginModal .modal-dialog,
#registerModal .modal-dialog,
#passwordResetModal .modal-dialog,
#setNewPasswordModal .modal-dialog,
#saveNewPasswordModal .modal-dialog {
  min-height: 100%;
  font-family: "ubuntulight"; }
  #loginModal .modal-dialog:has(.login-modal), #loginModal .modal-dialog:has(.register-modal),
  #registerModal .modal-dialog:has(.login-modal),
  #registerModal .modal-dialog:has(.register-modal),
  #passwordResetModal .modal-dialog:has(.login-modal),
  #passwordResetModal .modal-dialog:has(.register-modal),
  #setNewPasswordModal .modal-dialog:has(.login-modal),
  #setNewPasswordModal .modal-dialog:has(.register-modal),
  #saveNewPasswordModal .modal-dialog:has(.login-modal),
  #saveNewPasswordModal .modal-dialog:has(.register-modal) {
    max-width: none; }
  @media (min-width: 768px) {
    #loginModal .modal-dialog:has(.login-modal), #loginModal .modal-dialog:has(.register-modal),
    #registerModal .modal-dialog:has(.login-modal),
    #registerModal .modal-dialog:has(.register-modal),
    #passwordResetModal .modal-dialog:has(.login-modal),
    #passwordResetModal .modal-dialog:has(.register-modal),
    #setNewPasswordModal .modal-dialog:has(.login-modal),
    #setNewPasswordModal .modal-dialog:has(.register-modal),
    #saveNewPasswordModal .modal-dialog:has(.login-modal),
    #saveNewPasswordModal .modal-dialog:has(.register-modal) {
      max-width: 692px; } }
  #loginModal .modal-dialog .modal-content:has(> .login-modal), #loginModal .modal-dialog .modal-content:has(> .register-modal),
  #registerModal .modal-dialog .modal-content:has(> .login-modal),
  #registerModal .modal-dialog .modal-content:has(> .register-modal),
  #passwordResetModal .modal-dialog .modal-content:has(> .login-modal),
  #passwordResetModal .modal-dialog .modal-content:has(> .register-modal),
  #setNewPasswordModal .modal-dialog .modal-content:has(> .login-modal),
  #setNewPasswordModal .modal-dialog .modal-content:has(> .register-modal),
  #saveNewPasswordModal .modal-dialog .modal-content:has(> .login-modal),
  #saveNewPasswordModal .modal-dialog .modal-content:has(> .register-modal) {
    border-radius: 0; }
  #loginModal .modal-dialog .modal-content:not(:has(> .login-modal)):not(:has(> .register-modal)),
  #registerModal .modal-dialog .modal-content:not(:has(> .login-modal)):not(:has(> .register-modal)),
  #passwordResetModal .modal-dialog .modal-content:not(:has(> .login-modal)):not(:has(> .register-modal)),
  #setNewPasswordModal .modal-dialog .modal-content:not(:has(> .login-modal)):not(:has(> .register-modal)),
  #saveNewPasswordModal .modal-dialog .modal-content:not(:has(> .login-modal)):not(:has(> .register-modal)) {
    border-radius: 16px; }
  @media (min-width: 768px) {
    #loginModal .modal-dialog .modal-content,
    #registerModal .modal-dialog .modal-content,
    #passwordResetModal .modal-dialog .modal-content,
    #setNewPasswordModal .modal-dialog .modal-content,
    #saveNewPasswordModal .modal-dialog .modal-content {
      height: fit-content; }
      #loginModal .modal-dialog .modal-content:has(> .login-modal), #loginModal .modal-dialog .modal-content:has(> .register-modal),
      #registerModal .modal-dialog .modal-content:has(> .login-modal),
      #registerModal .modal-dialog .modal-content:has(> .register-modal),
      #passwordResetModal .modal-dialog .modal-content:has(> .login-modal),
      #passwordResetModal .modal-dialog .modal-content:has(> .register-modal),
      #setNewPasswordModal .modal-dialog .modal-content:has(> .login-modal),
      #setNewPasswordModal .modal-dialog .modal-content:has(> .register-modal),
      #saveNewPasswordModal .modal-dialog .modal-content:has(> .login-modal),
      #saveNewPasswordModal .modal-dialog .modal-content:has(> .register-modal) {
        border-radius: 16px; } }
  #loginModal .modal-dialog .modal-content .modal__close,
  #registerModal .modal-dialog .modal-content .modal__close,
  #passwordResetModal .modal-dialog .modal-content .modal__close,
  #setNewPasswordModal .modal-dialog .modal-content .modal__close,
  #saveNewPasswordModal .modal-dialog .modal-content .modal__close {
    background-color: #f8f7f7;
    padding: 12px;
    z-index: 1; }
  #loginModal .modal-dialog .modal-content .login-modal,
  #loginModal .modal-dialog .modal-content .register-modal,
  #loginModal .modal-dialog .modal-content .new-password-modal,
  #registerModal .modal-dialog .modal-content .login-modal,
  #registerModal .modal-dialog .modal-content .register-modal,
  #registerModal .modal-dialog .modal-content .new-password-modal,
  #passwordResetModal .modal-dialog .modal-content .login-modal,
  #passwordResetModal .modal-dialog .modal-content .register-modal,
  #passwordResetModal .modal-dialog .modal-content .new-password-modal,
  #setNewPasswordModal .modal-dialog .modal-content .login-modal,
  #setNewPasswordModal .modal-dialog .modal-content .register-modal,
  #setNewPasswordModal .modal-dialog .modal-content .new-password-modal,
  #saveNewPasswordModal .modal-dialog .modal-content .login-modal,
  #saveNewPasswordModal .modal-dialog .modal-content .register-modal,
  #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal {
    min-height: 100vh;
    padding: 24px;
    gap: 24px; }
    @media (min-width: 768px) {
      #loginModal .modal-dialog .modal-content .login-modal,
      #loginModal .modal-dialog .modal-content .register-modal,
      #loginModal .modal-dialog .modal-content .new-password-modal,
      #registerModal .modal-dialog .modal-content .login-modal,
      #registerModal .modal-dialog .modal-content .register-modal,
      #registerModal .modal-dialog .modal-content .new-password-modal,
      #passwordResetModal .modal-dialog .modal-content .login-modal,
      #passwordResetModal .modal-dialog .modal-content .register-modal,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal {
        min-height: unset;
        padding: 24px 40px 40px; } }
    #loginModal .modal-dialog .modal-content .login-modal__content,
    #loginModal .modal-dialog .modal-content .register-modal__content,
    #loginModal .modal-dialog .modal-content .new-password-modal__content,
    #registerModal .modal-dialog .modal-content .login-modal__content,
    #registerModal .modal-dialog .modal-content .register-modal__content,
    #registerModal .modal-dialog .modal-content .new-password-modal__content,
    #passwordResetModal .modal-dialog .modal-content .login-modal__content,
    #passwordResetModal .modal-dialog .modal-content .register-modal__content,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__content,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__content,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__content,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__content,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__content,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__content,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__content {
      max-width: 366px;
      gap: 40px; }
      #loginModal .modal-dialog .modal-content .login-modal__content header,
      #loginModal .modal-dialog .modal-content .register-modal__content header,
      #loginModal .modal-dialog .modal-content .new-password-modal__content header,
      #registerModal .modal-dialog .modal-content .login-modal__content header,
      #registerModal .modal-dialog .modal-content .register-modal__content header,
      #registerModal .modal-dialog .modal-content .new-password-modal__content header,
      #passwordResetModal .modal-dialog .modal-content .login-modal__content header,
      #passwordResetModal .modal-dialog .modal-content .register-modal__content header,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__content header,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__content header,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__content header,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__content header,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__content header,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__content header,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__content header {
        gap: 16px; }
    #loginModal .modal-dialog .modal-content .login-modal__external-login,
    #loginModal .modal-dialog .modal-content .register-modal__external-login,
    #loginModal .modal-dialog .modal-content .new-password-modal__external-login,
    #registerModal .modal-dialog .modal-content .login-modal__external-login,
    #registerModal .modal-dialog .modal-content .register-modal__external-login,
    #registerModal .modal-dialog .modal-content .new-password-modal__external-login,
    #passwordResetModal .modal-dialog .modal-content .login-modal__external-login,
    #passwordResetModal .modal-dialog .modal-content .register-modal__external-login,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__external-login,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__external-login,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__external-login,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__external-login,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__external-login,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__external-login,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__external-login {
      gap: 16px; }
    #loginModal .modal-dialog .modal-content .login-modal__image img,
    #loginModal .modal-dialog .modal-content .register-modal__image img,
    #loginModal .modal-dialog .modal-content .new-password-modal__image img,
    #registerModal .modal-dialog .modal-content .login-modal__image img,
    #registerModal .modal-dialog .modal-content .register-modal__image img,
    #registerModal .modal-dialog .modal-content .new-password-modal__image img,
    #passwordResetModal .modal-dialog .modal-content .login-modal__image img,
    #passwordResetModal .modal-dialog .modal-content .register-modal__image img,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__image img,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__image img,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__image img,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__image img,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__image img,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__image img,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__image img {
      max-width: 112px; }
    #loginModal .modal-dialog .modal-content .login-modal__title,
    #loginModal .modal-dialog .modal-content .register-modal__title,
    #loginModal .modal-dialog .modal-content .new-password-modal__title,
    #registerModal .modal-dialog .modal-content .login-modal__title,
    #registerModal .modal-dialog .modal-content .register-modal__title,
    #registerModal .modal-dialog .modal-content .new-password-modal__title,
    #passwordResetModal .modal-dialog .modal-content .login-modal__title,
    #passwordResetModal .modal-dialog .modal-content .register-modal__title,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__title,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__title,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__title,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__title,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__title,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__title,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__title {
      color: #464039;
      font-size: 28px;
      line-height: 128%;
      letter-spacing: -1.12px; }
      @media (min-width: 768px) {
        #loginModal .modal-dialog .modal-content .login-modal__title,
        #loginModal .modal-dialog .modal-content .register-modal__title,
        #loginModal .modal-dialog .modal-content .new-password-modal__title,
        #registerModal .modal-dialog .modal-content .login-modal__title,
        #registerModal .modal-dialog .modal-content .register-modal__title,
        #registerModal .modal-dialog .modal-content .new-password-modal__title,
        #passwordResetModal .modal-dialog .modal-content .login-modal__title,
        #passwordResetModal .modal-dialog .modal-content .register-modal__title,
        #passwordResetModal .modal-dialog .modal-content .new-password-modal__title,
        #setNewPasswordModal .modal-dialog .modal-content .login-modal__title,
        #setNewPasswordModal .modal-dialog .modal-content .register-modal__title,
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__title,
        #saveNewPasswordModal .modal-dialog .modal-content .login-modal__title,
        #saveNewPasswordModal .modal-dialog .modal-content .register-modal__title,
        #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__title {
          font-size: 32px;
          line-height: 120%;
          letter-spacing: -1.28px; } }
    #loginModal .modal-dialog .modal-content .login-modal__form,
    #loginModal .modal-dialog .modal-content .register-modal__form,
    #loginModal .modal-dialog .modal-content .new-password-modal__form,
    #registerModal .modal-dialog .modal-content .login-modal__form,
    #registerModal .modal-dialog .modal-content .register-modal__form,
    #registerModal .modal-dialog .modal-content .new-password-modal__form,
    #passwordResetModal .modal-dialog .modal-content .login-modal__form,
    #passwordResetModal .modal-dialog .modal-content .register-modal__form,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__form,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__form,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__form,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__form,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__form,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__form,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__form {
      gap: 24px; }
      #loginModal .modal-dialog .modal-content .login-modal__form-fields,
      #loginModal .modal-dialog .modal-content .register-modal__form-fields,
      #loginModal .modal-dialog .modal-content .new-password-modal__form-fields,
      #registerModal .modal-dialog .modal-content .login-modal__form-fields,
      #registerModal .modal-dialog .modal-content .register-modal__form-fields,
      #registerModal .modal-dialog .modal-content .new-password-modal__form-fields,
      #passwordResetModal .modal-dialog .modal-content .login-modal__form-fields,
      #passwordResetModal .modal-dialog .modal-content .register-modal__form-fields,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__form-fields,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__form-fields,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__form-fields,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__form-fields,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__form-fields,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__form-fields,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__form-fields {
        gap: 16px; }
      #loginModal .modal-dialog .modal-content .login-modal__form-footer,
      #loginModal .modal-dialog .modal-content .register-modal__form-footer,
      #loginModal .modal-dialog .modal-content .new-password-modal__form-footer,
      #registerModal .modal-dialog .modal-content .login-modal__form-footer,
      #registerModal .modal-dialog .modal-content .register-modal__form-footer,
      #registerModal .modal-dialog .modal-content .new-password-modal__form-footer,
      #passwordResetModal .modal-dialog .modal-content .login-modal__form-footer,
      #passwordResetModal .modal-dialog .modal-content .register-modal__form-footer,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__form-footer,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__form-footer,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__form-footer,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__form-footer,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__form-footer,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__form-footer,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__form-footer {
        gap: 16px; }
    #loginModal .modal-dialog .modal-content .login-modal__input,
    #loginModal .modal-dialog .modal-content .register-modal__input,
    #loginModal .modal-dialog .modal-content .new-password-modal__input,
    #registerModal .modal-dialog .modal-content .login-modal__input,
    #registerModal .modal-dialog .modal-content .register-modal__input,
    #registerModal .modal-dialog .modal-content .new-password-modal__input,
    #passwordResetModal .modal-dialog .modal-content .login-modal__input,
    #passwordResetModal .modal-dialog .modal-content .register-modal__input,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__input,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__input,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__input,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__input,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__input,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__input {
      border: 1px solid #7e7367;
      height: 44px;
      color: #7e7367;
      font-size: 14px;
      line-height: 136%;
      background-color: #ffffff; }
      #loginModal .modal-dialog .modal-content .login-modal__input[type="text"][disabled],
      #loginModal .modal-dialog .modal-content .register-modal__input[type="text"][disabled],
      #loginModal .modal-dialog .modal-content .new-password-modal__input[type="text"][disabled],
      #registerModal .modal-dialog .modal-content .login-modal__input[type="text"][disabled],
      #registerModal .modal-dialog .modal-content .register-modal__input[type="text"][disabled],
      #registerModal .modal-dialog .modal-content .new-password-modal__input[type="text"][disabled],
      #passwordResetModal .modal-dialog .modal-content .login-modal__input[type="text"][disabled],
      #passwordResetModal .modal-dialog .modal-content .register-modal__input[type="text"][disabled],
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__input[type="text"][disabled],
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__input[type="text"][disabled],
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__input[type="text"][disabled],
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input[type="text"][disabled],
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__input[type="text"][disabled],
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__input[type="text"][disabled],
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__input[type="text"][disabled] {
        border-color: #d8d4cf;
        background-color: #f8f7f7; }
      #loginModal .modal-dialog .modal-content .login-modal__input.is-invalid,
      #loginModal .modal-dialog .modal-content .register-modal__input.is-invalid,
      #loginModal .modal-dialog .modal-content .new-password-modal__input.is-invalid,
      #registerModal .modal-dialog .modal-content .login-modal__input.is-invalid,
      #registerModal .modal-dialog .modal-content .register-modal__input.is-invalid,
      #registerModal .modal-dialog .modal-content .new-password-modal__input.is-invalid,
      #passwordResetModal .modal-dialog .modal-content .login-modal__input.is-invalid,
      #passwordResetModal .modal-dialog .modal-content .register-modal__input.is-invalid,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__input.is-invalid,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__input.is-invalid,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__input.is-invalid,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input.is-invalid,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__input.is-invalid,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__input.is-invalid,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__input.is-invalid {
        border-color: #AC395C;
        background-color: #f8f7f7 !important;
        color: #464039; }
        #loginModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback,
        #loginModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback,
        #loginModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback,
        #registerModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback,
        #registerModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback,
        #registerModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback,
        #passwordResetModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback,
        #passwordResetModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback,
        #passwordResetModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback,
        #setNewPasswordModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback,
        #setNewPasswordModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback,
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback,
        #saveNewPasswordModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback,
        #saveNewPasswordModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback,
        #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback {
          color: #AC395C;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 136%;
          display: flex;
          align-items: center;
          margin: 4px 16px 0; }
          #loginModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback::before,
          #loginModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback::before,
          #loginModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback::before,
          #registerModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback::before,
          #registerModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback::before,
          #registerModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback::before,
          #passwordResetModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback::before,
          #passwordResetModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback::before,
          #passwordResetModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback::before,
          #setNewPasswordModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback::before,
          #setNewPasswordModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback::before,
          #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback::before,
          #saveNewPasswordModal .modal-dialog .modal-content .login-modal__input.is-invalid ~ .invalid-feedback::before,
          #saveNewPasswordModal .modal-dialog .modal-content .register-modal__input.is-invalid ~ .invalid-feedback::before,
          #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__input.is-invalid ~ .invalid-feedback::before {
            content: '';
            background-image: url("../img/dismiss-circle.svg");
            height: 12px;
            width: 12px;
            display: block;
            margin-right: 4px;
            padding-right: 12px; }
    #loginModal .modal-dialog .modal-content .login-modal__label, #loginModal .modal-dialog .modal-content .login-modal__label.as-focused-input,
    #loginModal .modal-dialog .modal-content .register-modal__label,
    #loginModal .modal-dialog .modal-content .register-modal__label.as-focused-input,
    #loginModal .modal-dialog .modal-content .new-password-modal__label,
    #loginModal .modal-dialog .modal-content .new-password-modal__label.as-focused-input,
    #registerModal .modal-dialog .modal-content .login-modal__label,
    #registerModal .modal-dialog .modal-content .login-modal__label.as-focused-input,
    #registerModal .modal-dialog .modal-content .register-modal__label,
    #registerModal .modal-dialog .modal-content .register-modal__label.as-focused-input,
    #registerModal .modal-dialog .modal-content .new-password-modal__label,
    #registerModal .modal-dialog .modal-content .new-password-modal__label.as-focused-input,
    #passwordResetModal .modal-dialog .modal-content .login-modal__label,
    #passwordResetModal .modal-dialog .modal-content .login-modal__label.as-focused-input,
    #passwordResetModal .modal-dialog .modal-content .register-modal__label,
    #passwordResetModal .modal-dialog .modal-content .register-modal__label.as-focused-input,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__label,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__label.as-focused-input,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__label,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__label.as-focused-input,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__label,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__label.as-focused-input,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__label,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__label.as-focused-input,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__label,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__label.as-focused-input,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__label,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__label.as-focused-input,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__label,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__label.as-focused-input {
      color: #464039;
      font-family: "ubuntulight";
      font-size: 14px;
      line-height: 136%; }
    #loginModal .modal-dialog .modal-content .login-modal__password-reset-link, #loginModal .modal-dialog .modal-content .login-modal__password-reset-link:active, #loginModal .modal-dialog .modal-content .login-modal__password-reset-link:visited,
    #loginModal .modal-dialog .modal-content .register-modal__password-reset-link,
    #loginModal .modal-dialog .modal-content .register-modal__password-reset-link:active,
    #loginModal .modal-dialog .modal-content .register-modal__password-reset-link:visited,
    #loginModal .modal-dialog .modal-content .new-password-modal__password-reset-link,
    #loginModal .modal-dialog .modal-content .new-password-modal__password-reset-link:active,
    #loginModal .modal-dialog .modal-content .new-password-modal__password-reset-link:visited,
    #registerModal .modal-dialog .modal-content .login-modal__password-reset-link,
    #registerModal .modal-dialog .modal-content .login-modal__password-reset-link:active,
    #registerModal .modal-dialog .modal-content .login-modal__password-reset-link:visited,
    #registerModal .modal-dialog .modal-content .register-modal__password-reset-link,
    #registerModal .modal-dialog .modal-content .register-modal__password-reset-link:active,
    #registerModal .modal-dialog .modal-content .register-modal__password-reset-link:visited,
    #registerModal .modal-dialog .modal-content .new-password-modal__password-reset-link,
    #registerModal .modal-dialog .modal-content .new-password-modal__password-reset-link:active,
    #registerModal .modal-dialog .modal-content .new-password-modal__password-reset-link:visited,
    #passwordResetModal .modal-dialog .modal-content .login-modal__password-reset-link,
    #passwordResetModal .modal-dialog .modal-content .login-modal__password-reset-link:active,
    #passwordResetModal .modal-dialog .modal-content .login-modal__password-reset-link:visited,
    #passwordResetModal .modal-dialog .modal-content .register-modal__password-reset-link,
    #passwordResetModal .modal-dialog .modal-content .register-modal__password-reset-link:active,
    #passwordResetModal .modal-dialog .modal-content .register-modal__password-reset-link:visited,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__password-reset-link,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__password-reset-link:active,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__password-reset-link:visited,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__password-reset-link,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__password-reset-link:active,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__password-reset-link:visited,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__password-reset-link,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__password-reset-link:active,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__password-reset-link:visited,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__password-reset-link,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__password-reset-link:active,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__password-reset-link:visited,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__password-reset-link,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__password-reset-link:active,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__password-reset-link:visited,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__password-reset-link,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__password-reset-link:active,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__password-reset-link:visited,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__password-reset-link,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__password-reset-link:active,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__password-reset-link:visited {
      color: #7e7367;
      font-size: 14px;
      line-height: 136%; }
    #loginModal .modal-dialog .modal-content .login-modal__view-password,
    #loginModal .modal-dialog .modal-content .register-modal__view-password,
    #loginModal .modal-dialog .modal-content .new-password-modal__view-password,
    #registerModal .modal-dialog .modal-content .login-modal__view-password,
    #registerModal .modal-dialog .modal-content .register-modal__view-password,
    #registerModal .modal-dialog .modal-content .new-password-modal__view-password,
    #passwordResetModal .modal-dialog .modal-content .login-modal__view-password,
    #passwordResetModal .modal-dialog .modal-content .register-modal__view-password,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__view-password,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__view-password,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__view-password,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__view-password,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__view-password,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password {
      top: 42px;
      right: 16px; }
      #loginModal .modal-dialog .modal-content .login-modal__view-password::before,
      #loginModal .modal-dialog .modal-content .register-modal__view-password::before,
      #loginModal .modal-dialog .modal-content .new-password-modal__view-password::before,
      #registerModal .modal-dialog .modal-content .login-modal__view-password::before,
      #registerModal .modal-dialog .modal-content .register-modal__view-password::before,
      #registerModal .modal-dialog .modal-content .new-password-modal__view-password::before,
      #passwordResetModal .modal-dialog .modal-content .login-modal__view-password::before,
      #passwordResetModal .modal-dialog .modal-content .register-modal__view-password::before,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__view-password::before,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__view-password::before,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__view-password::before,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password::before,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__view-password::before,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__view-password::before,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password::before {
        content: ''; }
      #loginModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__view-password,
      #loginModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__view-password,
      #loginModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__view-password,
      #registerModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__view-password,
      #registerModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__view-password,
      #registerModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__view-password,
      #passwordResetModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__view-password,
      #passwordResetModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__view-password,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__view-password,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__view-password,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__view-password,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__view-password,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__view-password,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__view-password,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__view-password {
        display: none; }
      #loginModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__hide-password,
      #loginModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__hide-password,
      #loginModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__hide-password,
      #registerModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__hide-password,
      #registerModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__hide-password,
      #registerModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__hide-password,
      #passwordResetModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__hide-password,
      #passwordResetModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__hide-password,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__hide-password,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__hide-password,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__hide-password,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__hide-password,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye_disabled .registration__hide-password,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye_disabled .registration__hide-password,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye_disabled .registration__hide-password {
        display: block; }
      #loginModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__view-password,
      #loginModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__view-password,
      #loginModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__view-password,
      #registerModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__view-password,
      #registerModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__view-password,
      #registerModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__view-password,
      #passwordResetModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__view-password,
      #passwordResetModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__view-password,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__view-password,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__view-password,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__view-password,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__view-password,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__view-password,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__view-password,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__view-password {
        display: block; }
      #loginModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__hide-password,
      #loginModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__hide-password,
      #loginModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__hide-password,
      #registerModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__hide-password,
      #registerModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__hide-password,
      #registerModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__hide-password,
      #passwordResetModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__hide-password,
      #passwordResetModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__hide-password,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__hide-password,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__hide-password,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__hide-password,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__hide-password,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__view-password.icon-eye .registration__hide-password,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__view-password.icon-eye .registration__hide-password,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__view-password.icon-eye .registration__hide-password {
        display: none; }
    #loginModal .modal-dialog .modal-content .login-modal__label-checkbox,
    #loginModal .modal-dialog .modal-content .register-modal__label-checkbox,
    #loginModal .modal-dialog .modal-content .new-password-modal__label-checkbox,
    #registerModal .modal-dialog .modal-content .login-modal__label-checkbox,
    #registerModal .modal-dialog .modal-content .register-modal__label-checkbox,
    #registerModal .modal-dialog .modal-content .new-password-modal__label-checkbox,
    #passwordResetModal .modal-dialog .modal-content .login-modal__label-checkbox,
    #passwordResetModal .modal-dialog .modal-content .register-modal__label-checkbox,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__label-checkbox,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox {
      color: #464039;
      font-size: 14px;
      line-height: 136%; }
      #loginModal .modal-dialog .modal-content .login-modal__label-checkbox a,
      #loginModal .modal-dialog .modal-content .register-modal__label-checkbox a,
      #loginModal .modal-dialog .modal-content .new-password-modal__label-checkbox a,
      #registerModal .modal-dialog .modal-content .login-modal__label-checkbox a,
      #registerModal .modal-dialog .modal-content .register-modal__label-checkbox a,
      #registerModal .modal-dialog .modal-content .new-password-modal__label-checkbox a,
      #passwordResetModal .modal-dialog .modal-content .login-modal__label-checkbox a,
      #passwordResetModal .modal-dialog .modal-content .register-modal__label-checkbox a,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__label-checkbox a,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox a,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox a,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox a,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox a,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox a,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox a {
        color: #464039;
        font-weight: 700;
        line-height: 136%;
        text-decoration-line: underline; }
      #loginModal .modal-dialog .modal-content .login-modal__label-checkbox::before,
      #loginModal .modal-dialog .modal-content .register-modal__label-checkbox::before,
      #loginModal .modal-dialog .modal-content .new-password-modal__label-checkbox::before,
      #registerModal .modal-dialog .modal-content .login-modal__label-checkbox::before,
      #registerModal .modal-dialog .modal-content .register-modal__label-checkbox::before,
      #registerModal .modal-dialog .modal-content .new-password-modal__label-checkbox::before,
      #passwordResetModal .modal-dialog .modal-content .login-modal__label-checkbox::before,
      #passwordResetModal .modal-dialog .modal-content .register-modal__label-checkbox::before,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__label-checkbox::before,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox::before,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox::before,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox::before,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox::before,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox::before,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox::before {
        top: 50%;
        transform: translateY(-50%);
        border-color: #7e7367 !important;
        border-radius: 4px; }
      #loginModal .modal-dialog .modal-content .login-modal__label-checkbox::after,
      #loginModal .modal-dialog .modal-content .register-modal__label-checkbox::after,
      #loginModal .modal-dialog .modal-content .new-password-modal__label-checkbox::after,
      #registerModal .modal-dialog .modal-content .login-modal__label-checkbox::after,
      #registerModal .modal-dialog .modal-content .register-modal__label-checkbox::after,
      #registerModal .modal-dialog .modal-content .new-password-modal__label-checkbox::after,
      #passwordResetModal .modal-dialog .modal-content .login-modal__label-checkbox::after,
      #passwordResetModal .modal-dialog .modal-content .register-modal__label-checkbox::after,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__label-checkbox::after,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox::after,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox::after,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox::after,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__label-checkbox::after,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__label-checkbox::after,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__label-checkbox::after {
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        left: -1.5rem; }
    #loginModal .modal-dialog .modal-content .login-modal__submit-btn,
    #loginModal .modal-dialog .modal-content .register-modal__submit-btn,
    #loginModal .modal-dialog .modal-content .new-password-modal__submit-btn,
    #registerModal .modal-dialog .modal-content .login-modal__submit-btn,
    #registerModal .modal-dialog .modal-content .register-modal__submit-btn,
    #registerModal .modal-dialog .modal-content .new-password-modal__submit-btn,
    #passwordResetModal .modal-dialog .modal-content .login-modal__submit-btn,
    #passwordResetModal .modal-dialog .modal-content .register-modal__submit-btn,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__submit-btn,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__submit-btn,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__submit-btn,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__submit-btn,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__submit-btn,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__submit-btn,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__submit-btn {
      font-size: 14px;
      font-weight: 500;
      line-height: 136%;
      background-color: #7e7367;
      padding: 12px; }
    #loginModal .modal-dialog .modal-content .login-modal__footer,
    #loginModal .modal-dialog .modal-content .register-modal__footer,
    #loginModal .modal-dialog .modal-content .new-password-modal__footer,
    #registerModal .modal-dialog .modal-content .login-modal__footer,
    #registerModal .modal-dialog .modal-content .register-modal__footer,
    #registerModal .modal-dialog .modal-content .new-password-modal__footer,
    #passwordResetModal .modal-dialog .modal-content .login-modal__footer,
    #passwordResetModal .modal-dialog .modal-content .register-modal__footer,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__footer,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__footer,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__footer,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__footer,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__footer,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__footer,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__footer {
      color: #7e7367;
      font-size: 14px;
      line-height: 136%;
      gap: 16px; }
    #loginModal .modal-dialog .modal-content .login-modal__register-modal-link,
    #loginModal .modal-dialog .modal-content .register-modal__register-modal-link,
    #loginModal .modal-dialog .modal-content .new-password-modal__register-modal-link,
    #registerModal .modal-dialog .modal-content .login-modal__register-modal-link,
    #registerModal .modal-dialog .modal-content .register-modal__register-modal-link,
    #registerModal .modal-dialog .modal-content .new-password-modal__register-modal-link,
    #passwordResetModal .modal-dialog .modal-content .login-modal__register-modal-link,
    #passwordResetModal .modal-dialog .modal-content .register-modal__register-modal-link,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__register-modal-link,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__register-modal-link,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__register-modal-link,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__register-modal-link,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__register-modal-link,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__register-modal-link,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__register-modal-link {
      color: #7e7367; }
      #loginModal .modal-dialog .modal-content .login-modal__register-modal-link:visited,
      #loginModal .modal-dialog .modal-content .register-modal__register-modal-link:visited,
      #loginModal .modal-dialog .modal-content .new-password-modal__register-modal-link:visited,
      #registerModal .modal-dialog .modal-content .login-modal__register-modal-link:visited,
      #registerModal .modal-dialog .modal-content .register-modal__register-modal-link:visited,
      #registerModal .modal-dialog .modal-content .new-password-modal__register-modal-link:visited,
      #passwordResetModal .modal-dialog .modal-content .login-modal__register-modal-link:visited,
      #passwordResetModal .modal-dialog .modal-content .register-modal__register-modal-link:visited,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal__register-modal-link:visited,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal__register-modal-link:visited,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal__register-modal-link:visited,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__register-modal-link:visited,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal__register-modal-link:visited,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal__register-modal-link:visited,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__register-modal-link:visited {
        color: #7e7367; }
    #loginModal .modal-dialog .modal-content .login-modal__separator-text,
    #loginModal .modal-dialog .modal-content .register-modal__separator-text,
    #loginModal .modal-dialog .modal-content .new-password-modal__separator-text,
    #registerModal .modal-dialog .modal-content .login-modal__separator-text,
    #registerModal .modal-dialog .modal-content .register-modal__separator-text,
    #registerModal .modal-dialog .modal-content .new-password-modal__separator-text,
    #passwordResetModal .modal-dialog .modal-content .login-modal__separator-text,
    #passwordResetModal .modal-dialog .modal-content .register-modal__separator-text,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal__separator-text,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal__separator-text,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal__separator-text,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__separator-text,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal__separator-text,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal__separator-text,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal__separator-text {
      color: #7e7367;
      font-family: "ubuntulight";
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 136%; }
    #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google, #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook,
    #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google,
    #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook,
    #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google,
    #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook,
    #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google,
    #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook,
    #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google,
    #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook,
    #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google,
    #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook,
    #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google,
    #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook,
    #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google,
    #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook {
      border-color: #7e7367;
      max-width: unset;
      color: #7e7367; }
      #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover, #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover {
        background-color: transparent; }
        #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-facebook, #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook,
        #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-google,
        #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google:hover .oauth-facebook,
        #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-google,
        #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook:hover .oauth-facebook {
          color: #7e7367; }
      #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google img, #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook img,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google img,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook img,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google img,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook img,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google img,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook img,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google img,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook img,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google img,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook img,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google img,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook img,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google img,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook img,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google img,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook img,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google img,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook img,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google img,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook img,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google img,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook img,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google img,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook img,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google img,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook img,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google img,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook img {
        margin-left: auto;
        margin-right: 10px; }
      #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-google,
      #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-facebook, #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-google,
      #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-google,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-facebook,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-google,
      #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-google,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-facebook,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-google,
      #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-google,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-facebook,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-google,
      #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-google,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-facebook,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-google,
      #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-google,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-facebook,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-google,
      #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-google,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-facebook,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-google,
      #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-google,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-facebook,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-google,
      #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-google,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-facebook,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-google,
      #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-google,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-facebook,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-google,
      #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-google,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-facebook,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-google,
      #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-google,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-facebook,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-google,
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-google,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-google .oauth-facebook,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-google,
      #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-google,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-google .oauth-facebook,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-google,
      #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-facebook .oauth-facebook,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-google,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-google .oauth-facebook,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-google,
      #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-facebook .oauth-facebook {
        color: #292524; }
    #loginModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-apple,
    #loginModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-apple,
    #loginModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-apple,
    #registerModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-apple,
    #registerModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-apple,
    #registerModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-apple,
    #passwordResetModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-apple,
    #passwordResetModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-apple,
    #passwordResetModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-apple,
    #setNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-apple,
    #setNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-apple,
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-apple,
    #saveNewPasswordModal .modal-dialog .modal-content .login-modal .btn.pill-btn.btn-apple,
    #saveNewPasswordModal .modal-dialog .modal-content .register-modal .btn.pill-btn.btn-apple,
    #saveNewPasswordModal .modal-dialog .modal-content .new-password-modal .btn.pill-btn.btn-apple {
      max-width: unset; }

#loginModal .form-group.custom-input,
#registerModal .form-group.custom-input,
#passwordResetModal .form-group.custom-input,
#setNewPasswordModal .form-group.custom-input,
#saveNewPasswordModal .form-group.custom-input {
  margin-top: 0; }

#loginModal .form-group .form-control-label,
#registerModal .form-group .form-control-label,
#passwordResetModal .form-group .form-control-label,
#setNewPasswordModal .form-group .form-control-label,
#saveNewPasswordModal .form-group .form-control-label {
  position: static;
  font-family: "ubuntu";
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 6px;
  font-weight: 500;
  color: #292524; }

#loginModal .form-group .form-control,
#registerModal .form-group .form-control,
#passwordResetModal .form-group .form-control,
#setNewPasswordModal .form-group .form-control,
#saveNewPasswordModal .form-group .form-control {
  padding: 7px 12px;
  border: 1px solid #D7D3D0;
  font-family: "ubuntu";
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #79716B; }
  #loginModal .form-group .form-control.is-invalid,
  #registerModal .form-group .form-control.is-invalid,
  #passwordResetModal .form-group .form-control.is-invalid,
  #setNewPasswordModal .form-group .form-control.is-invalid,
  #saveNewPasswordModal .form-group .form-control.is-invalid {
    background-image: none;
    border: 1px solid #FDA29B; }

#loginModal .form-group .invalid-feedback,
#loginModal .custom-checkbox .invalid-feedback,
#registerModal .form-group .invalid-feedback,
#registerModal .custom-checkbox .invalid-feedback,
#passwordResetModal .form-group .invalid-feedback,
#passwordResetModal .custom-checkbox .invalid-feedback,
#setNewPasswordModal .form-group .invalid-feedback,
#setNewPasswordModal .custom-checkbox .invalid-feedback,
#saveNewPasswordModal .form-group .invalid-feedback,
#saveNewPasswordModal .custom-checkbox .invalid-feedback {
  position: static;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400; }

#loginModal .form-group .custom-control-label,
#loginModal .custom-checkbox .custom-control-label,
#registerModal .form-group .custom-control-label,
#registerModal .custom-checkbox .custom-control-label,
#passwordResetModal .form-group .custom-control-label,
#passwordResetModal .custom-checkbox .custom-control-label,
#setNewPasswordModal .form-group .custom-control-label,
#setNewPasswordModal .custom-checkbox .custom-control-label,
#saveNewPasswordModal .form-group .custom-control-label,
#saveNewPasswordModal .custom-checkbox .custom-control-label {
  color: #292524; }

#loginModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#registerModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#passwordResetModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#setNewPasswordModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
#saveNewPasswordModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path stroke="%23936031" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.667 1.65 4.25 8.067 1.333 5.15"/></svg>'); }

#loginModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#registerModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#passwordResetModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#setNewPasswordModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#saveNewPasswordModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #F8F4EE;
  border-color: var(--generic) !important; }

#loginModal .custom-checkbox .custom-control-label::before,
#registerModal .custom-checkbox .custom-control-label::before,
#passwordResetModal .custom-checkbox .custom-control-label::before,
#setNewPasswordModal .custom-checkbox .custom-control-label::before,
#saveNewPasswordModal .custom-checkbox .custom-control-label::before {
  width: 20px;
  height: 20px;
  border-radius: 6px; }

#loginModal .custom-checkbox .custom-control-label,
#loginModal .custom-checkbox.custom-control .custom-control-label,
#registerModal .custom-checkbox .custom-control-label,
#registerModal .custom-checkbox.custom-control .custom-control-label,
#passwordResetModal .custom-checkbox .custom-control-label,
#passwordResetModal .custom-checkbox.custom-control .custom-control-label,
#setNewPasswordModal .custom-checkbox .custom-control-label,
#setNewPasswordModal .custom-checkbox.custom-control .custom-control-label,
#saveNewPasswordModal .custom-checkbox .custom-control-label,
#saveNewPasswordModal .custom-checkbox.custom-control .custom-control-label {
  padding-left: 8px;
  font-size: 16px;
  line-height: 24px;
  font-family: "ubuntu";
  font-weight: 500; }

#loginModal .custom-checkbox-small.custom-control .custom-control-label,
#registerModal .custom-checkbox-small.custom-control .custom-control-label,
#passwordResetModal .custom-checkbox-small.custom-control .custom-control-label,
#setNewPasswordModal .custom-checkbox-small.custom-control .custom-control-label,
#saveNewPasswordModal .custom-checkbox-small.custom-control .custom-control-label {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600; }

#loginModal .custom-control-label::before,
#registerModal .custom-control-label::before,
#passwordResetModal .custom-control-label::before,
#setNewPasswordModal .custom-control-label::before,
#saveNewPasswordModal .custom-control-label::before {
  top: 2px; }

#loginModal .custom-checkbox-small .custom-control-label::before,
#loginModal .custom-checkbox-small .custom-control-label::after,
#registerModal .custom-checkbox-small .custom-control-label::before,
#registerModal .custom-checkbox-small .custom-control-label::after,
#passwordResetModal .custom-checkbox-small .custom-control-label::before,
#passwordResetModal .custom-checkbox-small .custom-control-label::after,
#setNewPasswordModal .custom-checkbox-small .custom-control-label::before,
#setNewPasswordModal .custom-checkbox-small .custom-control-label::after,
#saveNewPasswordModal .custom-checkbox-small .custom-control-label::before,
#saveNewPasswordModal .custom-checkbox-small .custom-control-label::after {
  top: -2px; }

#loginModal .custom-control-label::after,
#registerModal .custom-control-label::after,
#passwordResetModal .custom-control-label::after,
#setNewPasswordModal .custom-control-label::after,
#saveNewPasswordModal .custom-control-label::after {
  position: absolute;
  top: 2px;
  left: -26px;
  width: 23px;
  height: 19px; }

body.Ultima-fr #loginModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body.Ultima-fr #registerModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body.Ultima-fr #passwordResetModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, body.Ultima-it #loginModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body.Ultima-it #registerModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
body.Ultima-it #passwordResetModal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path stroke="%234A773C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.667 1.65 4.25 8.067 1.333 5.15"/></svg>'); }

/* COLORS */
/* FONTS */
#passwordResetModal .modal-dialog {
  max-width: 692px; }
  #passwordResetModal .modal-dialog .password-reset-modal {
    font-family: "Ubuntu", sans-serif;
    padding: 24px;
    gap: 24px; }
    @media (min-width: 768px) {
      #passwordResetModal .modal-dialog .password-reset-modal {
        padding: 24px 40px 40px; } }
    #passwordResetModal .modal-dialog .password-reset-modal__left-arrow {
      background-color: #f8f7f7;
      padding: 12px; }
    #passwordResetModal .modal-dialog .password-reset-modal__content {
      padding: 24px 0;
      gap: 24px; }
      @media (min-width: 768px) {
        #passwordResetModal .modal-dialog .password-reset-modal__content {
          padding: 40px 0;
          gap: 40px; } }
    #passwordResetModal .modal-dialog .password-reset-modal__header {
      gap: 16px; }
    #passwordResetModal .modal-dialog .password-reset-modal__back-to-text {
      color: #464039;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .password-reset-modal__back-to {
      gap: 16px; }
    #passwordResetModal .modal-dialog .password-reset-modal__title {
      color: #464039;
      font-family: "ubuntulight";
      font-size: 28px;
      line-height: 128%;
      letter-spacing: -1.12px; }
    #passwordResetModal .modal-dialog .password-reset-modal__subtitle {
      color: #7e7367;
      font-family: "ubuntulight";
      font-size: 14px;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .password-reset-modal__btn-submit, #passwordResetModal .modal-dialog .password-reset-modal__btn-init {
      background: #7e7367;
      padding: 12px;
      font-size: 14px;
      font-weight: 500;
      line-height: 136%; }
      #passwordResetModal .modal-dialog .password-reset-modal__btn-submit:disabled, #passwordResetModal .modal-dialog .password-reset-modal__btn-init:disabled {
        background-color: #f8f7f7;
        color: #d8d4cf; }
    #passwordResetModal .modal-dialog .password-reset-modal__container {
      max-width: 366px; }
    #passwordResetModal .modal-dialog .password-reset-modal__label {
      color: #464039;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .password-reset-modal__input {
      border: 1px solid #7e7367;
      color: #7e7367;
      font-size: 14px;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .password-reset-modal__form {
      max-width: 366px;
      gap: 24px; }
    #passwordResetModal .modal-dialog .password-reset-modal__icon-ok {
      background-color: #fafaef;
      width: 64px;
      height: 64px; }
    #passwordResetModal .modal-dialog .password-reset-modal__title-ok {
      color: #464039;
      font-size: 18px;
      font-weight: 500;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .password-reset-modal__subtitle-ok {
      color: #7e7367;
      font-size: 14px;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .password-reset-modal__btn-init {
      width: 100%; }
      @media (min-width: 768px) {
        #passwordResetModal .modal-dialog .password-reset-modal__btn-init {
          max-width: 274px; } }
    #passwordResetModal .modal-dialog .password-reset-modal .invalid-feedback {
      color: #AC395C;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 136%;
      align-items: center;
      margin: 4px 16px 0; }
      #passwordResetModal .modal-dialog .password-reset-modal .invalid-feedback::before {
        content: '';
        background-image: url(../img/dismiss-circle.svg);
        height: 12px;
        width: 12px;
        display: block;
        margin-right: 4px;
        padding-right: 12px; }
  #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal {
    font-family: "Ubuntu", sans-serif;
    padding: 24px;
    gap: 24px; }
    @media (min-width: 768px) {
      #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal {
        padding: 24px 40px 40px; } }
    #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal__content {
      gap: 24px; }
      @media (min-width: 768px) {
        #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal__content {
          gap: 40px; } }
    #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal__text {
      gap: 16px; }
    #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal__icon {
      background-color: #fafaef;
      padding: 18px; }
    #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal__title {
      color: #464039;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal__subtitle {
      color: #7e7367;
      font-size: 14px;
      font-style: normal;
      line-height: 136%; }
    #passwordResetModal .modal-dialog .request-password-reset-confirmation-modal__button {
      background-color: #7e7367;
      padding: 12px;
      max-width: 302px;
      gap: 8px; }

input[type="email"].password-reset__input:focus {
  border-bottom: 1px solid #7e7367; }

#setNewPasswordModal .modal-dialog {
  max-width: calc(366px + 48px); }
  @media (min-width: 768px) {
    #setNewPasswordModal .modal-dialog {
      max-width: calc(366px + 80px); } }
  #setNewPasswordModal .modal-dialog .modal-content .modal__close {
    background-color: #f8f7f7;
    padding: 12px;
    z-index: 1; }
  #setNewPasswordModal .modal-dialog .modal-content .new-password-modal {
    padding: 24px;
    gap: 24px; }
    @media (min-width: 768px) {
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal {
        padding: 24px 40px 40px; } }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__header {
      gap: 16px; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__title {
      color: #464039;
      font-family: "ubuntulight";
      font-size: 28px;
      font-style: normal;
      line-height: 128%;
      letter-spacing: -1.12px; }
      @media (min-width: 768px) {
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__title {
          font-size: 32px;
          line-height: 120%;
          letter-spacing: -1.28px; } }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__subtitle {
      color: #7e7367;
      font-family: "ubuntulight";
      font-size: 14px;
      font-style: normal;
      line-height: 136%; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__form-label {
      color: #464039;
      font-family: "ubuntumedium";
      font-size: 14px;
      font-style: normal;
      line-height: 136%; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__form-content {
      gap: 24px; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__form-inputs {
      gap: 16px; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-container {
      height: 44px; }
      #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-container .new-password-modal__view-password {
        top: calc(44px / 2 - 20px / 2);
        /* Half input size minus half icon size */
        right: 16px; }
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-container .new-password-modal__view-password::before {
          content: ''; }
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-container .new-password-modal__view-password.icon-eye_disabled .registration__view-password {
          display: none; }
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-container .new-password-modal__view-password.icon-eye_disabled .registration__hide-password {
          display: block; }
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-container .new-password-modal__view-password.icon-eye .registration__view-password {
          display: block; }
        #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-container .new-password-modal__view-password.icon-eye .registration__hide-password {
          display: none; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-password {
      border: 1px solid #7e7367 !important; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__input-icon {
      font-size: 20px;
      top: 12px;
      right: 16px; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__password-requirements {
      color: #9F9389;
      font-family: "ubuntulight";
      font-size: 12px;
      font-style: normal;
      line-height: 136%; }
    #setNewPasswordModal .modal-dialog .modal-content .new-password-modal__submit-button {
      background: #7e7367;
      padding: 12px 16px;
      font-family: "ubuntulight";
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 136%; }

#saveNewPasswordModal .modal-dialog {
  max-width: calc(612px + 48px); }
  @media (min-width: 768px) {
    #saveNewPasswordModal .modal-dialog {
      max-width: calc(612px + 80px); } }
  #saveNewPasswordModal .modal-dialog .password-reset-confirmation {
    padding: 24px;
    gap: 24px; }
    @media (min-width: 768px) {
      #saveNewPasswordModal .modal-dialog .password-reset-confirmation {
        padding: 24px 40px 40px; } }
    #saveNewPasswordModal .modal-dialog .password-reset-confirmation__icon-container {
      width: 64px;
      height: 64px;
      background-color: #fafaef; }
    #saveNewPasswordModal .modal-dialog .password-reset-confirmation__body {
      gap: 16px; }
    #saveNewPasswordModal .modal-dialog .password-reset-confirmation__title {
      color: #464039;
      font-family: "ubuntulight";
      font-size: 28px;
      font-style: normal;
      line-height: 128%;
      letter-spacing: -1.12px; }
      @media (min-width: 768px) {
        #saveNewPasswordModal .modal-dialog .password-reset-confirmation__title {
          font-size: 32px;
          line-height: 120%;
          letter-spacing: -1.28px; } }
    #saveNewPasswordModal .modal-dialog .password-reset-confirmation__content {
      color: #7e7367;
      font-family: "ubuntulight";
      font-size: 16px;
      font-style: normal;
      line-height: 136%; }
    #saveNewPasswordModal .modal-dialog .password-reset-confirmation__button {
      background: #7e7367;
      padding: 12px 12px 12px 16px;
      gap: 8px; }
      #saveNewPasswordModal .modal-dialog .password-reset-confirmation__button:hover {
        text-decoration: none; }
      #saveNewPasswordModal .modal-dialog .password-reset-confirmation__button-text {
        font-family: "ubuntulight";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 136%; }

.modal-backdrop.show {
  opacity: 40%; }

/*@import './components/site-specific-customization';*/

/*# sourceMappingURL=main.css.map*/