@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);@import url(https://fonts.cdnfonts.com/css/darwin-pro);/*!
 * 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}/*!
 * 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:'↻'}:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

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

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

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

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

[tabindex="-1"]:focus {
  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; }

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

.container-fluid {
  width: 100%;
  padding-right: 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: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control: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: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.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: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group,
.btn-group-vertical {
  position: relative;
  display: 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: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .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: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .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: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .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; }

.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; }

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

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

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

.alert-heading {
  color: inherit; }

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

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    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; }

.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: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.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: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.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: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.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; }

.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: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

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

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

.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: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-warning {
  color: #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; } }

.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: 576px) {
    .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: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-top,
          .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-bottom,
          .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-top,
          .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-bottom,
          .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0; } }

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

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

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

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
/* 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; }

/* 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; }

.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;
  padding: 0; }

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

.custom-select option[selected] {
  background-color: #0c2340;
  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; }

::selection {
  background-color: #0c2340;
  color: #fff; }

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 10px 20px 0 rgba(0, 45, 22, 0.2) !important; }

label a {
  text-decoration: underline; }

.form-control[readonly] {
  background-color: transparent !important; }

@font-face {
  font-family: "Klavika-Regular";
  src: url("../fonts/KlavikaRegular-Plain.woff2") format("woff2"), url("../fonts/KlavikaRegular-Plain.woff") format("woff"), url("../fonts/KlavikaRegular-Plain.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: "Klavika-Light";
  src: url("../fonts/KlavikaLight-Plain.woff2") format("woff2"), url("../fonts/KlavikaLight-Plain.woff") format("woff"), url("../fonts/KlavikaLight-Plain.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: "Klavika-Bold";
  src: url("../fonts/KlavikaBoldBold.woff2") format("woff2"), url("../fonts/KlavikaBoldBold.woff") format("woff"), url("../fonts/KlavikaBoldBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

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; }

html, body {
  background-color: #fff;
  color: #152935;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

body .noscroll {
  overflow: hidden; }

body a,
body a:visited {
  color: #0c2340; }
  body a:hover,
  body a:visited:hover {
    color: #0c2340; }

body .pill-btn.btn-brand a {
  color: white;
  text-decoration: none !important; }

body .pill-btn.btn-brand:hover a {
  color: #0c2340; }

body .form-control {
  border-bottom: 1px solid #0c2340; }

body .page-wrapper {
  margin: 140px auto 0; }
  @media (min-width: 1280px) {
    body .page-wrapper.static {
      width: 1280px; } }
  @media (min-width: 1450px) {
    body .page-wrapper.static {
      width: 1440px; } }
  body .page-wrapper .gradient-container {
    height: 172px;
    background: url("../img/gradient/mobile-gradient.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      body .page-wrapper .gradient-container {
        background-image: url(../img/gradient/gradient-tablet.png); } }
    @media (min-width: 1280px) {
      body .page-wrapper .gradient-container {
        background-image: url(../img/gradient/gradient-desktop.png); } }
  body .page-wrapper .content {
    padding: 10px 20px; }
    body .page-wrapper .content .pet-profile-pic a,
    body .page-wrapper .content .pet-profile-pic a:visited {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 1.125rem;
      color: #152935; }
    body .page-wrapper .content .my-pet a {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    body .page-wrapper .content.full-width .content {
      background-color: transparent; }
  body .page-wrapper.full-width {
    margin: 140px auto 0; }
  body .page-wrapper section header .page-title,
  body .page-wrapper section header .section-title,
  body .page-wrapper section header .margin-title {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase; }
  body .page-wrapper section header .page-desc, body .page-wrapper section header .section-desc {
    opacity: 1;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 22px;
    line-height: 30px; }

body .margin-title {
  padding-top: 40px; }

/*
* Exception for homepage section
* All sections have different constrain class rules
*/
.page-wrapper.full-width section.constrain {
  width: 100%; }

body[data-action="Search-Show"] .page-wrapper header.category-results,
body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results,
body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results {
  display: flex;
  justify-content: center; }
  body[data-action="Search-Show"] .page-wrapper header.category-results .section-desc,
  body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results .section-desc,
  body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results .section-desc {
    font-size: 25px;
    font-weight: normal;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif" !important;
    text-align: center;
    width: 300px; }
    body[data-action="Search-Show"] .page-wrapper header.category-results .section-desc b,
    body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results .section-desc b,
    body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results .section-desc b {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700; }

body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch,
body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch,
body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 30px 0 0 !important; }
  body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch .section-desc,
  body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch .section-desc,
  body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch .section-desc {
    margin: auto;
    text-align: center;
    text-transform: uppercase; }
    body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch .section-desc-subtitle,
    body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch .section-desc-subtitle,
    body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch .section-desc-subtitle {
      color: #0c2340;
      text-align: center;
      font-size: 18px;
      margin: 4px 0 20px; }
    body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch .section-desc-bottom,
    body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch .section-desc-bottom,
    body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch .section-desc-bottom {
      color: #0c2340;
      text-align: center;
      font-size: 14.5px;
      margin-bottom: 14px; }
      body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch .section-desc-bottom b,
      body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch .section-desc-bottom b,
      body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch .section-desc-bottom b {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        color: #63cfe3; }

/*
* Exception for PLP
*/
body[data-action="Search-Show"] .page-wrapper .search-content {
  overflow: visible; }

/*
* Exception for account section
* All sections have different page-wrapper sizes
* and different page backgrounds
*/
@media (min-width: 768px) {
  body .page-wrapper {
    width: 100%;
    margin: 140px auto 0; }
    body .page-wrapper.full-width {
      width: 100%;
      margin: 140px auto 0; }
    body .page-wrapper .content {
      background-color: #fff;
      border-radius: 0;
      box-shadow: none; }
  body[data-action|="Login"] .page-wrapper .content,
  body[data-action|="Register"] .page-wrapper .content,
  body[data-action|="Account"] .page-wrapper .content,
  body[data-action|="Family"] .page-wrapper .content,
  body[data-action|="Wishlist"] .page-wrapper .content,
  body[data-action|="Case"] .page-wrapper .content {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
    -moz-box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
    box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
    padding: 45px 25px; }
  body[data-action="Search-Show"] .page-wrapper header.category-results .section-desc,
  body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results .section-desc,
  body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results .section-desc {
    font-size: 30px;
    width: 400px; }
  body[data-action="Account-Show"] .page-wrapper main {
    width: 768px; }
  body[data-action="Search-Show"] .footer-content,
  body[data-action="Search-ShowResultsDog"] .footer-content,
  body[data-action="Search-ShowResultsCat"] .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 {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.09); }
  body[data-action="Family-Show"] .page-wrapper .content.small-cont,
  body[data-action="Account-PasswordReset"] .page-wrapper .content.small-cont {
    margin: 0 auto 50px; } }

@media (min-width: 1280px) {
  body .page-wrapper {
    width: Min(1280px, 100%);
    margin: 53px auto 0; }
  body .full-width {
    width: Min(1280px, 100%) !important;
    margin: 80px auto 0 !important; }
  body[data-action="Search-Show"] .page-wrapper header.category-results,
  body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results,
  body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results {
    justify-content: left;
    max-width: calc(90% - 139px);
    margin: 0 auto;
    padding: 50px 0; }
    body[data-action="Search-Show"] .page-wrapper header.category-results .section-desc,
    body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results .section-desc,
    body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results .section-desc {
      width: 550px;
      text-align: left;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif" !important;
      font-weight: 300; }
  body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch,
  body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch,
  body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch {
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 75px 0 0 !important; }
    body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch .section-desc,
    body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch .section-desc,
    body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch .section-desc {
      margin: auto;
      text-align: center;
      width: 500px; }
      body[data-action="Search-Show"] .page-wrapper header.category-results-relaunch .section-desc-subtitle,
      body[data-action="Search-ShowResultsDog"] .page-wrapper header.category-results-relaunch .section-desc-subtitle,
      body[data-action="Search-ShowResultsCat"] .page-wrapper header.category-results-relaunch .section-desc-subtitle {
        color: #0c2340;
        text-align: center;
        font-size: 18px;
        margin: 8px 0 65px; }
  body[data-action="Account-Show"] .page-wrapper .pageTop {
    max-width: 1280px; } }

@media (min-width: 1450px) {
  body .page-wrapper {
    width: 1440px; } }

/* BACK TO */
.backTo .back-btn .icon-arrow-left {
  font-size: 30px;
  font-weight: bold; }

.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: '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"; }

@font-face {
  font-family: 'iconspa';
  src: url("../fonts/iconspa.ttf") format("truetype"), url("../fonts/iconspa.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

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

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

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

.icon-eye::before {
  content: "\e927";
  font-weight: bold; }

.icon-eye_disabled::before {
  content: "\e926";
  color: #ff8300;
  font-weight: bold; }

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

.icon-icon_mini::before {
  content: "\e90d";
  font-size: 35px; }

.icon-icon_medium::before {
  content: "\e90c";
  font-size: 40px; }

.icon-icon_max::before {
  content: "\e90b";
  font-size: 50px; }

.icon-icon_sterilized::before {
  content: "\e930"; }

.icon-icon_notsterilized::before {
  content: "\e92f"; }

.icon-icon_cat::before {
  content: "\e92f";
  font-size: 36px; }

.icon-icon_dog::before {
  font-family: 'iconspa';
  content: "\c901";
  font-size: 36px; }

.icon-icon_breed::before {
  font-family: 'iconspa';
  content: "\c900";
  font-size: 35px; }

.icon-icon_halfbreed::before {
  font-family: 'iconspa';
  content: "\c903";
  font-size: 26px; }

.icon-icon_male::before {
  font-family: 'iconspa';
  content: "\c904";
  font-size: 36px; }

.icon-icon_female::before {
  font-family: 'iconspa';
  content: "\c902";
  font-size: 36px; }

.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; } }

#private-area-dashboard-container {
  margin-top: 20px; }
  @media (min-width: 768px) {
    #private-area-dashboard-container {
      margin-top: 80px; } }

body[data-action="Account-Show"].advance .dashboard {
  padding-top: 0 !important; }
  body[data-action="Account-Show"].advance .dashboard .dashboard-link:hover {
    color: #0c2340; }
  body[data-action="Account-Show"].advance .dashboard .dashboard-link .dash-label {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    color: #0c2340;
    font-size: 15px; }
  body[data-action="Account-Show"].advance .dashboard .dashboard-link .icon:hover {
    color: #0c2340; }

body[data-action="Account-Show"].advance .sections-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 1280px) {
    body[data-action="Account-Show"].advance .sections-row {
      flex-direction: row;
      margin-bottom: 30px; } }

body[data-action="Account-Show"].advance .logout-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-end;
  justify-content: center; }
  @media (min-width: 1280px) {
    body[data-action="Account-Show"].advance .logout-row {
      justify-content: flex-end; } }

body[data-action="Family-Show"] .page-wrapper .content .pet-space-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column; }

body[data-action="Family-PetProfile"] .petRegistration .nav-pills.animals {
  width: 100%; }

.row.personal-data {
  padding: 2%;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  margin: 16px 0 75px 0; }
  @media (max-width: 768px) {
    .row.personal-data {
      margin: 16px 0 50px 0; } }

.row.pet-data {
  padding: 50px;
  background: white;
  border-radius: 5px;
  justify-content: center;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  margin: 0; }
  @media (max-width: 768px) {
    .row.pet-data {
      padding: 16px;
      margin-bottom: 52px; } }
  .row.pet-data .col {
    padding: 0; }

.icon-circle-pet-profile {
  display: inline-block;
  border-radius: 60px;
  width: 125px;
  height: 125px;
  background-color: #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 32px auto; }

.no-pet-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px; }
  .no-pet-title .total-points {
    margin-left: 8px; }

.title-pet-data-form {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #0C2340;
  margin-bottom: 0; }

.subtitle-pet-data-form {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0C2340;
  margin-bottom: 32px; }

.row.extra-information {
  padding: 40px 25px;
  margin: 0%;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5); }
  @media (max-width: 768px) {
    .row.extra-information {
      padding: 16px 0; } }

.content {
  background-color: white;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); }

.bt-addpetdataform {
  margin: 0 auto;
  width: 100%;
  max-width: 400px; }

.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; } }

.tile-body-compare {
  display: flex;
  justify-content: center;
  margin-bottom: 16px; }
  .tile-body-compare.disabled input {
    pointer-events: none; }
  .tile-body-compare.disabled label {
    color: #979797 !important;
    pointer-events: none;
    cursor: not-allowed; }
  .tile-body-compare input:checked ~ label::before {
    background-color: #ff8300 !important;
    border-color: #ff8300 !important; }
  .tile-body-compare label::after {
    width: 2rem;
    height: 1.7rem;
    top: 0;
    left: -1.1rem; }
  .tile-body-compare label::before {
    border: 2px solid #979797;
    width: 20px;
    height: 20px;
    border-radius: 0 6px;
    top: 0.2rem;
    left: -0.8rem; }

.weight-dialog {
  min-width: 200px; }
  .weight-dialog .w-dialog-title {
    font-size: 0.875rem;
    color: #9DA5AA; }
  .weight-dialog .w-dialog-container:hover {
    color: #0c2340; }
    .weight-dialog .w-dialog-container:hover .w-dialog-sizeLabel {
      color: #0c2340; }
  .weight-dialog .w-dialog-container .w-dialog-sizeLabel {
    font-size: 1.125rem;
    color: #1a1a1a;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

.product-grid .pagination ol li a:hover {
  color: #0c2340; }

.product-grid .pagination ol li.selected a {
  color: #0c2340;
  border: 1px solid #0c2340; }

body .page-wrapper .content {
  padding: 0; }
  body .page-wrapper .content.search-content {
    background-color: transparent; }
    body .page-wrapper .content.search-content .category-results {
      padding: 55px 0 45px 0;
      margin-bottom: 0; }
      body .page-wrapper .content.search-content .category-results > div.container {
        max-width: none;
        padding: 0; }
      body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-content: space-around;
        flex-wrap: wrap; }
        body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form .input-container {
          display: flex;
          justify-content: center;
          border-bottom: solid 1px #0c2340; }
          body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form .input-container .icon-icn-search {
            color: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            width: 26px;
            height: 30px;
            font-size: 20px;
            font-weight: bolder;
            padding-top: 4px; }
          body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form .input-container .search_input {
            position: relative;
            background-color: transparent;
            border: none;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 15px;
            width: 40%;
            color: #0c2340;
            padding: 0 5px 2px 0;
            margin: 0; }
        body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form .suggestions-wrapper {
          top: 0; }
        body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .input-container {
          width: calc(100% - 40px);
          justify-content: flex-start; }
          body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .input-container .search_input {
            width: 100%; }
        body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .suggestions-wrapper {
          width: calc(100% - 40px); }
    body .page-wrapper .content.search-content .search-results > div.search-container {
      padding-bottom: 2em;
      padding-left: 40px;
      padding-right: 40px; }
      body .page-wrapper .content.search-content .search-results > div.search-container .search-title {
        color: #152935;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-weight: bold;
        font-size: 1.75rem;
        line-height: 1.5;
        border-bottom: solid 1px #0c2340; }
      body .page-wrapper .content.search-content .search-results > div.search-container .product-grid .product-cell .product {
        height: auto; }
        body .page-wrapper .content.search-content .search-results > div.search-container .product-grid .product-cell .product .product-tile .product-content .product-title {
          height: auto; }
    body .page-wrapper .content.search-content .search-results .result-count {
      font-size: 14px;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: normal;
      line-height: 14px;
      color: #0c2340;
      text-align: center; }
      body .page-wrapper .content.search-content .search-results .result-count span {
        display: inline-block;
        margin: 0 auto; }
        body .page-wrapper .content.search-content .search-results .result-count span .search-tips {
          text-align: center; }
          body .page-wrapper .content.search-content .search-results .result-count span .search-tips h5,
          body .page-wrapper .content.search-content .search-results .result-count span .search-tips ul {
            text-align: left; }
  body .page-wrapper .content.filter-content {
    background-color: #fff;
    text-align: center; }
    body .page-wrapper .content.filter-content-relaunch {
      background-color: #0c2340;
      padding: 2rem; }
    body .page-wrapper .content.filter-content .show-filters {
      font-size: 18px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: normal;
      line-height: 22px;
      margin: 30px 0;
      color: #0c2340;
      box-shadow: none !important; }
      body .page-wrapper .content.filter-content .show-filters .icon-arrow-up {
        display: inline-block;
        margin: 0 0 5px 10px;
        font-size: 12px;
        line-height: 12px;
        vertical-align: bottom;
        color: #0c2340;
        -moz-transition: transform 0.4s linear;
        -webkit-transition: transform 0.4s linear;
        transition: transform 0.4s linear;
        transform: rotate(0); }
      body .page-wrapper .content.filter-content .show-filters.collapsed .icon-arrow-up {
        transform: rotate(180deg); }
    body .page-wrapper .content.filter-content .filter-value input {
      display: none; }
    body .page-wrapper .content.filter-content .filter-value .custom-control-label {
      cursor: pointer;
      font-size: 15px;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: normal;
      line-height: 22px;
      color: #0c2340;
      border: 1px solid transparent;
      border-radius: 4px;
      width: 100px;
      padding: 10px;
      margin: 0 25px 25px 25px; }
      body .page-wrapper .content.filter-content .filter-value .custom-control-label::before, body .page-wrapper .content.filter-content .filter-value .custom-control-label::after {
        display: none; }
      body .page-wrapper .content.filter-content .filter-value .custom-control-label .icon {
        display: block;
        font-size: 80px;
        line-height: 80px; }
        body .page-wrapper .content.filter-content .filter-value .custom-control-label .icon.icon-icon_notsterilized {
          margin: -6px 0 6px -14px;
          font-size: 110px; }
    body .page-wrapper .content.filter-content .filter-value input[type=checkbox]:checked + .custom-control-label {
      background-color: #0c2340;
      color: #ffffff; }
      body .page-wrapper .content.filter-content .filter-value input[type=checkbox]:checked + .custom-control-label .icon {
        color: #e1dece; }

.recommendation-constrain .gradient-container {
  margin-top: 0 !important;
  border-top: 2px solid #eaeaea; }

.recommendation-constrain header {
  margin-top: -90px;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  .recommendation-constrain header b {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

.category-results {
  position: relative; }
  .category-results .compare-dialog {
    display: flex;
    text-align: center;
    opacity: 1;
    transform: scale(0);
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 111111; }
    .category-results .compare-dialog.active {
      position: fixed;
      transform: scale(1);
      background-image: radial-gradient(circle at 50% 50%, rgba(12, 35, 64, 0.7), #0c2340);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .category-results .compare-dialog .btn-close {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 20px;
      opacity: 1;
      cursor: pointer;
      right: 20px; }
      .category-results .compare-dialog .btn-close span {
        color: white;
        font-size: 30px; }
      .category-results .compare-dialog .btn-close:hover {
        text-decoration: none;
        color: #000;
        opacity: 0.5; }
    .category-results .compare-dialog .switch {
      display: flex;
      flex-direction: row;
      position: absolute;
      top: 26px;
      left: 50%;
      transform: translateX(-50%); }
      .category-results .compare-dialog .switch p {
        font-size: 15px;
        line-height: 12px;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        color: white;
        margin: 3px 5px 0; }
      .category-results .compare-dialog .switch span {
        display: inline-block;
        vertical-align: middle;
        width: 50px;
        height: 20px;
        border: 2px solid #fff;
        border-radius: 60px;
        position: relative;
        cursor: pointer; }
        .category-results .compare-dialog .switch span::before {
          position: absolute;
          content: "";
          display: block;
          width: 30px;
          height: 30px;
          left: -4px;
          background-color: #fff;
          border-radius: 50%;
          top: -7px;
          -moz-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .category-results .compare-dialog .switch.active span::before {
        left: 19px; }
    .category-results .compare-dialog .comparer-carousel {
      position: absolute;
      left: 50%;
      top: 56%;
      transform: translate(-50%, -50%);
      max-width: 840px;
      width: 100%;
      overflow-x: auto;
      display: flex;
      flex-direction: column; }
      .category-results .compare-dialog .comparer-carousel .compare-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        vertical-align: top;
        max-width: 100%;
        width: 100%;
        padding-right: 20px;
        background-color: #fff;
        height: 145px;
        border-bottom: 1px solid #979797; }
        .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-image {
          text-align: center;
          position: relative;
          z-index: 1;
          display: inline-block;
          vertical-align: middle;
          margin: 28px 0; }
          .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-image img {
            display: inline-block;
            width: 100px; }
        .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info {
          background-color: transparent;
          border-radius: 0;
          margin-top: 0;
          height: auto;
          padding: 0 20px;
          position: relative;
          display: inline-block;
          vertical-align: middle;
          width: 100%; }
          .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info h3 {
            display: block;
            text-align: left;
            font-size: 20px;
            font-weight: bold;
            line-height: normal;
            color: #0c2340;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            margin-top: 10px;
            margin-bottom: 5px;
            text-transform: uppercase;
            max-width: 150px; }
          .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list {
            display: none; }
            .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list ul {
              margin: 0;
              padding: 0;
              list-style: none;
              overflow-y: auto;
              max-height: 120px; }
              .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list ul li {
                font-size: 12px;
                margin-bottom: 2px;
                line-height: 14px;
                color: #0c2340; }
                .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list ul li::before {
                  content: "";
                  float: left;
                  display: block;
                  border-radius: 50px;
                  width: 4px;
                  height: 4px;
                  background-color: #0c2340;
                  margin-right: 5px;
                  margin-top: 5px; }
          .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info.show-info h3 {
            display: none; }
          .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info.show-info .benefits-list {
            display: block; }
        .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-image-ingredient {
          width: 100%;
          position: relative;
          top: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: row;
          margin: 0 auto;
          max-width: 100px; }
          .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-image-ingredient .compare-picto-image {
            width: 100%; }
  .category-results .refinement-bar {
    text-align: center;
    margin-right: 26%; }
  .category-results .gradient-container {
    display: none; }
  .category-results .banner-test-desktop {
    display: none; }
  .category-results .banner-test-mobile {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
    background-image: url(../img/hexagono-productos.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 366px;
    width: 320px;
    margin: 0 auto; }
    .category-results .banner-test-mobile .banner-test-title {
      font-size: 24px;
      text-align: center;
      text-transform: uppercase;
      line-height: normal;
      position: relative;
      top: 68px;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
      .category-results .banner-test-mobile .banner-test-title b {
        font-size: 30px;
        color: #0c2340;
        display: block;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
    .category-results .banner-test-mobile .banner-test-button {
      height: 60px;
      width: 279px;
      padding: 0;
      border-top-right-radius: 20px;
      border-bottom-left-radius: 20px;
      position: relative;
      top: 26px;
      box-shadow: 0 10px 20px 0 rgba(12, 35, 64, 0.3); }
      .category-results .banner-test-mobile .banner-test-button .button-two {
        font-size: 30px; }
  .category-results .banner-compare {
    position: fixed;
    bottom: -200px;
    left: 0;
    width: 100%;
    z-index: 1111;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: #0c2340;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .category-results .banner-compare.active {
      bottom: 0; }
    .category-results .banner-compare .btn-close {
      position: absolute;
      top: 8px;
      left: 8px;
      font-size: 20px;
      color: #fff; }
    .category-results .banner-compare .banner-compare-counter {
      font-size: 50px;
      color: #fff;
      margin: 0;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
    .category-results .banner-compare .banner-compare-title {
      width: 130px;
      color: #fff;
      line-height: normal;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      margin: 0;
      margin-left: 16px; }
    .category-results .banner-compare .banner-compare-button {
      width: 120px;
      height: 40px;
      background-color: #fff;
      padding: 0; }
      .category-results .banner-compare .banner-compare-button a {
        font-size: 16px;
        width: 120px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0c2340; }

@media (min-width: 768px) {
  body .page-wrapper .category-results .compare-dialog .switch {
    top: 200px; }
  body .page-wrapper .tile-body-compare label::after {
    width: 1.5rem;
    height: 1.2rem;
    top: 3px;
    left: -0.8rem; }
  body .page-wrapper .tile-body-compare label::before {
    width: 12px;
    height: 12px;
    border-radius: 0 3px;
    top: 0.45rem;
    left: -0.4rem; }
  body .page-wrapper .content {
    padding: 0; }
    body .page-wrapper .content.search-content .category-results .comparer-carousel {
      width: 600px; }
    body .page-wrapper .content.search-content .category-results > div.container {
      max-width: calc(90% - 115px); } }

@media (min-width: 1280px) {
  body .page-wrapper .recommendation-constrain {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    body .page-wrapper .recommendation-constrain .gradient-container {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      border-top: 2px solid rgba(151, 151, 151, 0.4);
      z-index: 0;
      transform: rotate(180deg); }
    body .page-wrapper .recommendation-constrain header {
      margin-top: 3rem;
      width: 400px;
      margin-left: auto;
      margin-right: auto; }
  body .page-wrapper .content.search-content .search-results .compare-dialog,
  body .page-wrapper .content.search-content .category-results .compare-dialog {
    display: flex;
    text-align: center;
    opacity: 1;
    transform: scale(0);
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 111111; }
    body .page-wrapper .content.search-content .search-results .compare-dialog.active,
    body .page-wrapper .content.search-content .category-results .compare-dialog.active {
      position: fixed;
      transform: scale(1);
      background-image: radial-gradient(circle at 50% 50%, rgba(12, 35, 64, 0.7), #0c2340);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    body .page-wrapper .content.search-content .search-results .compare-dialog .btn-close,
    body .page-wrapper .content.search-content .category-results .compare-dialog .btn-close {
      width: 12px;
      height: 12px;
      position: absolute;
      top: 20px;
      opacity: 1;
      cursor: pointer;
      right: calc(50% - 480px); }
      body .page-wrapper .content.search-content .search-results .compare-dialog .btn-close span,
      body .page-wrapper .content.search-content .category-results .compare-dialog .btn-close span {
        color: white; }
      body .page-wrapper .content.search-content .search-results .compare-dialog .btn-close:hover,
      body .page-wrapper .content.search-content .category-results .compare-dialog .btn-close:hover {
        text-decoration: none;
        color: #000;
        opacity: 0.5; }
    body .page-wrapper .content.search-content .search-results .compare-dialog .switch,
    body .page-wrapper .content.search-content .category-results .compare-dialog .switch {
      display: none; }
    body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel,
    body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: 840px;
      width: 100%;
      flex-direction: row !important; }
      body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box,
      body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box {
        max-width: 280px;
        display: inline-block;
        padding: 0 5px;
        text-align: left;
        width: 100%;
        vertical-align: top;
        height: 100%;
        border: 0;
        min-width: auto;
        background-color: transparent; }
        body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-image,
        body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-image {
          text-align: center;
          position: relative;
          z-index: 1;
          margin: 0;
          display: block; }
          body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-image img,
          body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-image img {
            display: inline-block;
            width: auto;
            max-height: 200px; }
        body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-info,
        body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info {
          background-color: #fff;
          border-radius: 0 15px 0 15px;
          margin-top: -100px;
          height: 600px;
          padding: 100px 25px 0 25px;
          position: relative;
          width: auto;
          vertical-align: middle;
          display: block; }
          body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-info h3,
          body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info h3 {
            display: block;
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            line-height: normal;
            color: #0c2340;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            margin-top: 10px;
            text-transform: uppercase;
            max-width: 100%;
            margin-bottom: 15px;
            min-height: 40px; }
          body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list,
          body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list {
            display: block; }
            body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list ul,
            body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list ul {
              max-height: 350px; }
              body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list ul li,
              body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-info .benefits-list ul li {
                margin-bottom: 10px;
                font-size: 13px; }
        body .page-wrapper .content.search-content .search-results .compare-dialog .comparer-carousel .compare-box .compare-product-image-ingredient,
        body .page-wrapper .content.search-content .category-results .compare-dialog .comparer-carousel .compare-box .compare-product-image-ingredient {
          top: -55px;
          padding-right: 0;
          max-width: 110px; }
  body .page-wrapper .content.search-content .search-results .banner-test-mobile,
  body .page-wrapper .content.search-content .category-results .banner-test-mobile {
    display: none; }
  body .page-wrapper .content.search-content .search-results .banner-compare,
  body .page-wrapper .content.search-content .category-results .banner-compare {
    z-index: 111;
    position: fixed;
    right: -140px;
    top: 50%;
    left: auto;
    background-color: #0c2340;
    width: 140px;
    height: 160px;
    border-bottom-left-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 50px 0 rgba(12, 35, 64, 0.2); }
    body .page-wrapper .content.search-content .search-results .banner-compare.active,
    body .page-wrapper .content.search-content .category-results .banner-compare.active {
      right: 0; }
    body .page-wrapper .content.search-content .search-results .banner-compare .btn-close,
    body .page-wrapper .content.search-content .category-results .banner-compare .btn-close {
      color: #fff;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 26px;
      cursor: pointer;
      text-decoration: none !important;
      height: 38px;
      width: 38px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
      body .page-wrapper .content.search-content .search-results .banner-compare .btn-close:hover,
      body .page-wrapper .content.search-content .category-results .banner-compare .btn-close:hover {
        opacity: 0.6; }
    body .page-wrapper .content.search-content .search-results .banner-compare .banner-compare-counter,
    body .page-wrapper .content.search-content .category-results .banner-compare .banner-compare-counter {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      color: #fff;
      font-size: 35px;
      text-align: center;
      pointer-events: none; }
    body .page-wrapper .content.search-content .search-results .banner-compare .banner-compare-title,
    body .page-wrapper .content.search-content .category-results .banner-compare .banner-compare-title {
      color: #fff;
      text-align: center;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 15px;
      margin-bottom: 10px;
      margin-left: 0;
      pointer-events: none; }
    body .page-wrapper .content.search-content .search-results .banner-compare .button-one-content,
    body .page-wrapper .content.search-content .category-results .banner-compare .button-one-content {
      padding: 0;
      width: 112px;
      border-radius: 0 15px;
      background-color: white;
      margin-bottom: 8px;
      height: 30px; }
      body .page-wrapper .content.search-content .search-results .banner-compare .button-one-content a,
      body .page-wrapper .content.search-content .category-results .banner-compare .button-one-content a {
        color: #0c2340;
        font-size: 15px;
        text-transform: uppercase; }
  body .page-wrapper .content.search-content .search-results .banner-test-desktop,
  body .page-wrapper .content.search-content .category-results .banner-test-desktop {
    left: -250px;
    z-index: 1111;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-image: url("../img/hexagono-productos.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 194px;
    width: 183px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    body .page-wrapper .content.search-content .search-results .banner-test-desktop .banner-test-title,
    body .page-wrapper .content.search-content .category-results .banner-test-desktop .banner-test-title {
      font-size: 12px;
      text-align: center;
      text-transform: uppercase;
      line-height: normal;
      position: relative;
      top: 18px;
      margin: 0 34px; }
      body .page-wrapper .content.search-content .search-results .banner-test-desktop .banner-test-title b,
      body .page-wrapper .content.search-content .category-results .banner-test-desktop .banner-test-title b {
        font-size: 16px;
        color: #0c2340;
        display: block;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
    body .page-wrapper .content.search-content .search-results .banner-test-desktop .banner-test-button,
    body .page-wrapper .content.search-content .category-results .banner-test-desktop .banner-test-button {
      height: 20px;
      width: 100px;
      padding: 0;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 7px;
      position: relative;
      top: -6px; }
      body .page-wrapper .content.search-content .search-results .banner-test-desktop .banner-test-button .button-two,
      body .page-wrapper .content.search-content .category-results .banner-test-desktop .banner-test-button .button-two {
        font-size: 12px; }
    body .page-wrapper .content.search-content .search-results .banner-test-desktop.showBanner,
    body .page-wrapper .content.search-content .category-results .banner-test-desktop.showBanner {
      left: 0; }
  body.Advance-fr .page-wrapper .content.search-content .category-results .banner-test-desktop .banner-test-button {
    width: 120px; } }

@media (min-width: 768px) {
  body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .input-container,
  body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .suggestions-wrapper {
    width: 50%; }
    body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .input-container .suggestions,
    body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .suggestions-wrapper .suggestions {
      width: 100%;
      max-width: none; } }

@media (max-width: 767.98px) {
  body .page-wrapper .content.search-content .category-results {
    padding: 25px 0; }
    body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form .suggestions-wrapper .suggestions {
      position: relative; } }

.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; } }

.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: 768px) {
  .petRegistration .petRegistration .row-inverted-buttons {
    flex-direction: column-reverse; } }

.edit-profile-form input#birthday {
  padding: 0 14px; }

.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; } }

.tabs-title {
  text-align: center;
  font-size: 22px; }

body[data-action="Stores-Find"] .page-wrapper .selection-buttons-content {
  width: auto;
  margin: 50px 36px 0; }

body[data-action="Stores-Find"] .page-wrapper .title-banner-content .title-banner-light {
  padding-left: 89px;
  padding-top: 64px; }

body[data-action="Stores-Find"] .title-one-content {
  margin-bottom: 27px; }
  body[data-action="Stores-Find"] .title-one-content .title-one-light {
    text-align: left;
    max-width: 278px;
    font-size: 30px;
    margin-top: 50px;
    line-height: 30px;
    margin-left: 30px; }
    @media (min-width: 768px) {
      body[data-action="Stores-Find"] .title-one-content .title-one-light {
        margin-left: 0; } }
  body[data-action="Stores-Find"] .title-one-content .title-one-bold {
    font-size: 30px;
    line-height: 30px; }

.banner-title-store {
  background-color: #0c2340; }
  @media (min-width: 768px) {
    .banner-title-store {
      background-image: url("../img/header-tienda-mobile.png");
      background-size: cover;
      background-position: left; } }
  @media (min-width: 1280px) {
    .banner-title-store {
      background-image: url("../img/header-tienda.png");
      height: 380px; } }
  .banner-title-store .title-banner-light {
    padding: 46px; }
    @media (min-width: 544px) {
      .banner-title-store .title-banner-light {
        width: 50%;
        text-align: left !important; } }
    @media (min-width: 768px) {
      .banner-title-store .title-banner-light {
        width: 30%; } }

.tab-section.selection-buttons-content {
  margin-top: 50px; }
  .tab-section.selection-buttons-content .label-selection-button {
    margin: 0;
    padding: 0 35px !important; }
    @media (min-width: 544px) {
      .tab-section.selection-buttons-content .label-selection-button {
        max-width: 359px;
        padding: 0 40px; } }
    .tab-section.selection-buttons-content .label-selection-button.active {
      background-color: #0c2340;
      color: #fff; }
      .tab-section.selection-buttons-content .label-selection-button.active .row .text-label-button {
        color: #fff; }
      .tab-section.selection-buttons-content .label-selection-button.active .row .icon {
        color: #fff; }
    .tab-section.selection-buttons-content .label-selection-button .row {
      align-items: center;
      display: flex; }
      .tab-section.selection-buttons-content .label-selection-button .row .text-label-button {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 15px;
        line-height: 17px;
        text-transform: none;
        color: #0c2340; }
      .tab-section.selection-buttons-content .label-selection-button .row .icon {
        color: #0c2340;
        padding: 16px 13px; }

.eTailers {
  display: none;
  padding: 0; }
  .eTailers.active {
    display: block; }
  .eTailers .etailer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .eTailers .etailer-row .etailer-col {
      display: flex;
      align-items: center;
      flex: 1 0 20%;
      justify-content: center;
      margin-bottom: 40px; }
      .eTailers .etailer-row .etailer-col .etailer-container {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 0;
        border-radius: 0 20px;
        background-color: #ffffff;
        text-align: center;
        overflow: hidden;
        box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, 0.25);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
        .eTailers .etailer-row .etailer-col .etailer-container img {
          width: 90%;
          height: auto; }
        .eTailers .etailer-row .etailer-col .etailer-container .store-label {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          color: #0c2340;
          font-size: 18px;
          line-height: 24px;
          text-transform: uppercase; }

.store-locator {
  display: none;
  width: 100%;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  border: none; }
  .store-locator.active {
    display: block; }
    @media (min-width: 768px) {
      .store-locator.active {
        padding-left: 51px; } }
    @media (min-width: 1280px) {
      .store-locator.active {
        padding-left: 232px; } }
  .store-locator .body-result {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%; }
    @media (min-width: 768px) {
      .store-locator .body-result {
        flex-direction: row; } }
    .store-locator .body-result .google-map {
      width: 100%; }
      @media (min-width: 1280px) {
        .store-locator .body-result .google-map {
          width: 55%; } }
      .store-locator .body-result .google-map .single-store-info .store-info {
        display: none; }
    @media (min-width: 544px) {
      .store-locator .body-result .result-list-stores {
        padding-left: 51px; } }
    @media (min-width: 768px) {
      .store-locator .body-result .result-list-stores {
        padding-left: 0; } }
    .store-locator .body-result .search-stores-name {
      display: none; }
  .store-locator #custom-search-input {
    width: auto; }
  .store-locator .store-info,
  .store-locator .result-list-stores {
    background: #fff;
    position: relative;
    padding: 0; }
    @media (min-width: 768px) {
      .store-locator .store-info,
      .store-locator .result-list-stores {
        padding: 20px 28px; } }
    .store-locator .store-info .info-store-name .info-store-distance,
    .store-locator .result-list-stores .info-store-name .info-store-distance {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      color: #9DA5AA;
      color: #ff8300; }
    .store-locator .store-info .info-store-name .name-store,
    .store-locator .result-list-stores .info-store-name .name-store {
      font-size: 15px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      color: #0c2340; }
    .store-locator .store-info .address-store,
    .store-locator .result-list-stores .address-store {
      color: #0c2340;
      font-size: 15px;
      margin: 1px !important; }
    .store-locator .store-info ul li,
    .store-locator .result-list-stores ul li {
      padding: 16px 0;
      display: flex;
      flex-direction: row;
      align-items: flex-start; }
    .store-locator .store-info ul .active,
    .store-locator .result-list-stores ul .active {
      background-color: #f2f2f2; }
    .store-locator .store-info .info-store,
    .store-locator .result-list-stores .info-store {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%; }
    .store-locator .store-info .buttons-store-info,
    .store-locator .result-list-stores .buttons-store-info {
      display: flex;
      justify-content: flex-start; }
      .store-locator .store-info .buttons-store-info .call-store a,
      .store-locator .result-list-stores .buttons-store-info .call-store a {
        color: #fff; }
        .store-locator .store-info .buttons-store-info .call-store a:visited,
        .store-locator .result-list-stores .buttons-store-info .call-store a:visited {
          color: #fff; }
      .store-locator .store-info .buttons-store-info .how-to-arrive .btn,
      .store-locator .result-list-stores .buttons-store-info .how-to-arrive .btn {
        letter-spacing: 0.93px; }
  .store-locator .search-store {
    background: #fff;
    position: relative;
    border-bottom: none;
    border-right: none;
    box-shadow: none;
    padding: 0 10px 10px 30px; }
    @media (min-width: 768px) {
      .store-locator .search-store {
        padding: 0; } }
    .store-locator .search-store .search-button {
      padding: 20px 5px;
      margin: 0 -13px; }
    .store-locator .search-store .search-store-locator .arrow-left-button .icon {
      color: #0c2340; }
    .store-locator .search-store #custom-search-input .store-locator-form {
      margin-top: 0; }
      .store-locator .search-store #custom-search-input .store-locator-form .form-group {
        border: 1px solid #0c2340;
        border-radius: 3px;
        border-right: none;
        padding: 8px;
        width: 249px; }
        .store-locator .search-store #custom-search-input .store-locator-form .form-group input:-webkit-autofill,
        .store-locator .search-store #custom-search-input .store-locator-form .form-group input:-webkit-autofill:hover,
        .store-locator .search-store #custom-search-input .store-locator-form .form-group input:-webkit-autofill:focus,
        .store-locator .search-store #custom-search-input .store-locator-form .form-group input:-webkit-autofill:active {
          transition: background-color 5000s ease-in-out 0s;
          -webkit-box-shadow: 0 0 0 50px #fff inset !important;
          box-shadow: inset 0 0 0 50px #fff;
          width: 210px; }
        .store-locator .search-store #custom-search-input .store-locator-form .form-group .search-query {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-size: 15px;
          border: none;
          color: #0c2340;
          padding-left: 10px; }
          .store-locator .search-store #custom-search-input .store-locator-form .form-group .search-query::placeholder {
            color: #0c2340; }
          .store-locator .search-store #custom-search-input .store-locator-form .form-group .search-query:focus {
            background-color: none !important; }
    .store-locator .search-store .button-two-content {
      border-radius: 0 9px; }
      .store-locator .search-store .button-two-content .button-two .icon-icn-search {
        color: #fff;
        font-size: 25px; }
  .store-locator .google-map {
    background: #fff; }
    .store-locator .google-map .google-map-stores {
      padding: 0 28px 46px;
      border: none;
      /* Google maps popover */ }
      .store-locator .google-map .google-map-stores .wrapper-google-button .list-stores {
        background: #fff;
        display: none; }
      .store-locator .google-map .google-map-stores .result-list-stores {
        background: #fff;
        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: #0c2340;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          margin: 0 43px; }
      .store-locator .google-map .google-map-stores .gm-style-iw-d div .info-store-name {
        padding-bottom: 25px; }
      .store-locator .google-map .google-map-stores .gm-style-iw-d div .buttons-store-info {
        padding: 10px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center; }
        .store-locator .google-map .google-map-stores .gm-style-iw-d div .buttons-store-info .button-two-content {
          height: 40px; }
        .store-locator .google-map .google-map-stores .gm-style-iw-d div .buttons-store-info .call-store {
          text-transform: uppercase;
          margin: 0 10px; }
          .store-locator .google-map .google-map-stores .gm-style-iw-d div .buttons-store-info .call-store a {
            color: #fff; }
            .store-locator .google-map .google-map-stores .gm-style-iw-d div .buttons-store-info .call-store a:visited {
              color: #fff; }
          .store-locator .google-map .google-map-stores .gm-style-iw-d div .buttons-store-info .call-store:hover {
            text-decoration: none; }
        .store-locator .google-map .google-map-stores .gm-style-iw-d div .buttons-store-info .how-to-arrive {
          min-width: 70px; }
  .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: #979797; }
  .store-locator .result-list-stores {
    border-bottom: none;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: none;
    margin-left: 35px;
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .store-locator .result-list-stores {
        margin-left: 0;
        margin-bottom: 0; } }
    .store-locator .result-list-stores .js-number-stores {
      text-align: left; }
    .store-locator .result-list-stores ul.active {
      background: #fff; }
    .store-locator .result-list-stores ul li {
      border-bottom: 1px solid #0c23404d; }
      .store-locator .result-list-stores ul li:last-child {
        border-bottom: 1px solid transparent; }
      .store-locator .result-list-stores ul li .info-store-distance {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 1rem;
        color: #9DA5AA;
        color: #0c2340; }
      .store-locator .result-list-stores ul li .button-two-content {
        margin: 24px 12px 24px 0; }
        .store-locator .result-list-stores ul li .button-two-content .button-two {
          text-transform: none; }
      .store-locator .result-list-stores ul li .icon-icn-loc-2 {
        font-size: 20px;
        position: relative; }
  .store-locator .geolocalization-user span::before {
    color: #0c2340; }
  .store-locator .icon-pin {
    color: #0c2340; }
  .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; }

@media (min-width: 768px) {
  .eTailers .etailer-row {
    margin-bottom: 70px; }
    .eTailers .etailer-row .etailer-col .etailer-container {
      width: 202px;
      height: 202px; }
    .eTailers .etailer-row.length-2 .etailer-col {
      flex: 0 0 33%; }
  .store-locator .title-one-content .title-one-light {
    margin-left: 0; }
  .store-locator .products-st-locator {
    background: #f9f9f9; }
  .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 {
    padding: 32px 0 59px; }
    .store-locator .result-list-stores ul {
      margin-top: 0; } }

.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; } }

.req-notice {
  color: #152935;
  font-size: 0.875rem; }

.login {
  padding: 5%; }
  .login .login-password-reset {
    text-align: end;
    font-family: 'Klavika-Bold'; }
  .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 .buttons-login .btn-social img {
    width: 15px; }

body[data-action="Login-Show"].advance .page-wrapper main .login-content {
  margin-bottom: 5%; }
  body[data-action="Login-Show"].advance .page-wrapper main .login-content .form-group .floatized.form-control {
    font-size: 1em;
    line-height: 20px; }
  body[data-action="Login-Show"].advance .page-wrapper main .login-content .form-group label .as-placeholder {
    font-size: 22px;
    line-height: 20px; }
  body[data-action="Login-Show"].advance .page-wrapper main .login-content .custom-checkbox .custom-control-label::before {
    border-radius: 0 4px; }
  body[data-action="Login-Show"].advance .page-wrapper main .login-content .button-two-content {
    justify-content: center;
    height: 3em; }
    body[data-action="Login-Show"].advance .page-wrapper main .login-content .button-two-content .button-two {
      color: #fff;
      text-transform: none; }

body[data-action="Login-Show"].advance .page-wrapper main .centered-buttons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%; }
  body[data-action="Login-Show"].advance .page-wrapper main .centered-buttons .pill-btn.btn.btn-social.btn-facebook,
  body[data-action="Login-Show"].advance .page-wrapper main .centered-buttons .pill-btn.btn.btn-social.btn-google {
    max-width: 227px; }

.form-control.is-invalid + .toggle-password-icon {
  display: none; }

.toggle-password-group {
  position: relative; }
  .toggle-password-group .toggle-password-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-60%);
    line-height: 1;
    cursor: pointer; }

.login-register-link {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  gap: 8px;
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #0C2340; }
  .login-register-link b {
    font-family: 'Klavika-Bold';
    font-weight: 700; }
  @media (max-width: 768px) {
    .login-register-link {
      margin-top: 20px; } }

@media (min-width: 768px) {
  .content.small-cont.login-content {
    padding: 25px 10px; }
  .buttons-group {
    width: unset; }
  .content-buttons-group {
    width: 100%;
    margin: auto;
    text-align: center; } }

.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-action="Product-Show"] .page-wrapper {
  width: 100%;
  max-width: 1280px;
  margin-bottom: 0; }
  body[data-action="Product-Show"] .page-wrapper .content {
    background-color: transparent;
    padding: 0; }
    body[data-action="Product-Show"] .page-wrapper .content .product-detail {
      max-width: none;
      padding: 0;
      position: relative; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail > div {
        position: relative; }
      @media (min-width: 1200px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .col-xl-8 {
          flex: 0 0 66.66667%;
          max-width: 66.66667%; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 143px;
        background-image: url("../../img/gradient/mobile-gradient.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content::before {
            background-image: url("../../img/gradient/gradient-tablet.png"); } }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content::before {
            display: none; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .title-with-line-content {
        width: 342px;
        margin: 0 0 40px 50px;
        padding-top: 46px; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .title-with-line-content {
            margin-left: 200px; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-result-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-result-content {
            justify-content: flex-start;
            margin-left: 200px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-result-content .text-result {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          color: #0c2340;
          font-size: 22px;
          line-height: 24px;
          text-align: center; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-result-content .text-result {
              text-align: left; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-result-content .text-result.product-name {
            text-transform: lowercase; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-result-content .text-result.product-name::first-letter {
              text-transform: uppercase; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-min-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: -50px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .text-min-content .text-min {
          font-size: 12px;
          line-height: 14px;
          text-align: center;
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content {
            max-width: 580px;
            padding-left: 50px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          width: 100%; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            z-index: 3; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result #wrapper {
              position: relative;
              top: 80px;
              width: 404px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .center {
              left: 50%;
              -webkit-transform: translate(-50%);
              -ms-transform: translate(-50%);
              transform: translate(-50%); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle {
              width: 120px;
              height: 160px; }
              @media (min-width: 768px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle {
                  width: 150px; } }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle {
                  width: 200px;
                  height: 200px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .img-circle {
                x: 0;
                y: 0;
                width: 75px;
                height: 75px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle path.track {
                fill: #fff; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .track {
                stroke: #979797; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .fill {
                stroke: white;
                stroke-dasharray: 219.99078369140625;
                stroke-dashoffset: -219.99078369140625;
                transition: stroke-dashoffset 1s; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .track,
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .fill {
                fill: none;
                stroke-width: 4;
                transform: rotate(90deg) translate(0, -80px); }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .value,
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .text {
                font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
                fill: #0c2340;
                text-anchor: middle; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .progress-circle .text {
                font-size: 15px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .noselect {
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              cursor: default; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .circle-result .icon-icn-sugerencias {
              color: #0c2340; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .square-result {
            text-align: left;
            text-transform: uppercase;
            background-image: linear-gradient(to right, #e7e8e7, #97999c);
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            border-radius: 30px 0;
            font-size: 15px;
            line-height: 17px;
            width: 100px;
            margin: 0 auto;
            min-height: 190px;
            z-index: 1;
            position: relative;
            top: -100px;
            padding: 90px 6px 0; }
            @media (min-width: 768px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .square-result {
                width: 130px; } }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content .element-result-content .element-real-result .square-result {
                width: 150px;
                padding: 105px 10px 0; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets::before {
        background-image: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container {
        justify-content: center;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        margin-bottom: 79px;
        padding-inline: 21px;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .text-result-content .img-beneficios {
          margin-bottom: 33px;
          height: 223px;
          width: 223px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .text-result-content .text-result {
          display: flex;
          flex-direction: column;
          text-align: center;
          text-transform: uppercase;
          color: #182D4D;
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-size: 18px;
          line-height: 120%; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .text-result-content .text-result .text-result {
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content {
          justify-content: center; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content .element-real-result {
            display: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .results-mobile {
          width: 293px;
          position: relative;
          z-index: 1;
          display: block; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .results-mobile .carousel-container .swiper-slide {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            padding: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .results-mobile .carousel-container .swiper-slide .img-circle {
              width: 131px;
              height: 131px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .results-mobile .carousel-container .swiper-slide .results-content {
              text-transform: uppercase;
              text-align: center;
              max-width: 228px;
              margin-top: 31px;
              color: #182D4D;
              font-size: 20px;
              font-style: normal;
              font-weight: 400;
              line-height: 25px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .results-mobile .swiper-carousel .swiper-button {
            height: 32px;
            width: 16px;
            top: 130px;
            background-size: 16px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .results-mobile .swiper-carousel .rigth-arrow {
            background-image: url("../../img/icons/arrow-right.svg") !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .results-mobile .swiper-carousel .left-arrow {
            background-image: url("../../img/icons/arrow-left.svg") !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-icon {
          width: fit-content;
          display: flex;
          align-items: center;
          margin: 34px auto; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-icon span::after {
            display: block;
            content: "";
            border-style: solid;
            border-width: 0 18.5px 29px 18.5px;
            transform: rotate(180deg);
            height: 14px;
            width: 14px; }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          margin-bottom: 79px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .text-result-content {
            width: 418px;
            margin: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .text-result-content .img-beneficios {
              height: 327px;
              width: 327px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .text-result-content .text-result {
              font-size: 22px;
              line-height: 23px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-icon {
            width: fit-content;
            margin-inline: 74px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-icon span::after {
              display: block;
              content: "";
              border-style: solid;
              border-width: 0 34.5px 56px 34.5px;
              transform: rotate(90deg); }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 400px;
            padding: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content .element-real-result {
              display: flex;
              flex-direction: row;
              align-items: center;
              margin-block: 15px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content .element-real-result .img-circle {
                width: 131px;
                height: 131px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content .element-real-result .square-result {
                background-image: none;
                width: 100%;
                min-height: 0;
                position: inherit;
                padding: 0;
                min-width: 237px;
                margin-left: 31px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content .element-real-result .square-result .text-square-result {
                  color: #182D4D;
                  font-size: 20px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 25px;
                  text-transform: uppercase; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content .results-mobile {
              display: none; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .real-result-content.diets .real-results-container .element-result-content .results-mobile .swiper-slide .swiper-carousel .swiper-button {
                bottom: 150px; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .title-with-line-content {
        margin: 40px 0 70px; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .title-with-line-content {
            padding-top: 10px; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-detail-row-relaunch {
        padding-bottom: 20px; }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .desktop-pic {
          background-image: url("../../img/pdp/dk-producto-bg-gris.png"); } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .desktop-pic .swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fff; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .desktop-pic .swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
        border: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .desktop-pic-background {
        background: #0c2340 !important;
        border: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .icon {
        font-size: 30px;
        color: #979797;
        position: relative; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product::before {
        background-image: url("../../img/pdp/mb-producto-bg-gris.png"); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product::before {
            background-image: url("../../img/pdp/tb-producto-bg-gris.png"); } }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product::before {
            display: none; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product::after {
        background: #182D4D !important;
        border: none !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .product-content .product-title {
        color: #0c2340; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .product-content .product-desc {
        color: #0c2340; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .product-content .pic-ing-content {
        display: flex; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .product-content .pic-ing-content .clinic-approved.mobile {
          width: 168px;
          display: flex; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .product-content .pic-ing-content .clinic-approved.mobile {
              display: none; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .product-content .pic-ing-content .clinic-approved.desktop {
          margin-left: 78px;
          width: 148px !important;
          display: flex; }
          @media (max-width: 1279.98px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .product-content .pic-ing-content .clinic-approved.desktop {
              display: none; } }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product .pdp-description {
          padding: 0; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product-details-images-container .detail-carousel .swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #0c2340; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product-details-images-container .detail-carousel .swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
        border: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product-buttons {
        flex-direction: column; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-info .product-buttons {
            flex-direction: row; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .product-detail-row-relaunch {
        padding-bottom: 0; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .product-detail-row-relaunch {
            padding: 0 0 100px 0; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .product-detail-row-relaunch .product-info .product::after, body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets.product-detail-relaunch .product-detail-row-relaunch .product-info .product::after {
        background: #0c2340 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .product-detail-row-relaunch .product-info .product-content .product-title, body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets.product-detail-relaunch .product-detail-row-relaunch .product-info .product-content .product-title {
        color: white !important; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .product-detail-row-relaunch .product-info .product-content .product-title, body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets.product-detail-relaunch .product-detail-row-relaunch .product-info .product-content .product-title {
            color: #0c2340 !important; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .product-detail-row-relaunch .product-info .product-content .product-desc, body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets.product-detail-relaunch .product-detail-row-relaunch .product-info .product-content .product-desc {
        color: white !important; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .product-detail-row-relaunch .product-info .product-content .product-desc, body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets.product-detail-relaunch .product-detail-row-relaunch .product-info .product-content .product-desc {
            color: #0c2340 !important; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .icon, body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets.product-detail-relaunch .icon {
        font-size: 26px;
        color: #0c2340; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.snacks .desktop-pic-background, body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets.product-detail-relaunch .desktop-pic-background {
        background: #0c2340 !important; }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row::after {
          content: " ";
          position: absolute;
          background: url("../../img/gradient/gradient-invested-desktop.png");
          background-position: bottom center;
          background-repeat: no-repeat;
          background-size: contain;
          width: 100%;
          height: 180px;
          bottom: 24px;
          z-index: 0; } }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch {
          padding-bottom: 100px; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch::after {
        display: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic {
        background: transparent; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic .desktop-pic-background {
          display: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic .swiper-carousel {
          position: relative;
          top: 100px;
          left: 40px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic .swiper-carousel .swiper-button .icon {
            color: #0c2340;
            font-size: 25px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic .swiper-carousel .swiper-pagination {
            margin-top: 5px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic .swiper-carousel .swiper-pagination .swiper-pagination-bullet {
              background-color: #d6d6d6 !important;
              border: none; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic .swiper-carousel .swiper-pagination .swiper-pagination-bullet-active {
                background-color: #0c2340 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-info .product {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-info .product::after {
          content: " ";
          width: 600px;
          height: 600px;
          background: #63cfe3;
          border: 15px solid #0c2340;
          border-radius: 50%;
          position: absolute;
          top: -250px;
          outline: 140px solid white; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-info .product-content {
          z-index: 1; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-info .product-content .product-title {
            max-width: 550px;
            font-size: 45px !important;
            color: #0c2340 !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-info .product-content .product-desc {
            color: #0c2340 !important;
            max-width: 450px; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-details-images-container {
        height: auto !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-details-images-container .detail-carousel {
          top: auto !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-details-images-container .swiper-pagination {
          top: auto !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .pdp-description {
        padding-bottom: 15px;
        font-size: 16px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .pdp-description .js-show-view-more {
          display: flex !important;
          flex-direction: row;
          align-items: center;
          margin-top: 20px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .pdp-description .js-show-view-more .icon {
            padding: 0 10px 0 0 !important;
            color: #63cfe3;
            font-size: 18px;
            font-weight: bold; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .pdp-description .js-show-view-more .js-view-more-text {
            font-size: 16px; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons {
        border: transparent !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content {
          display: flex;
          flex-direction: column; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .p-weight-text {
            margin: 30px 0 0 !important;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            text-align: center; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .product-weights {
            width: auto !important;
            margin: 0 !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .product-weights-variations {
              display: flex;
              flex-direction: row;
              max-width: 275px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .product-weights .p-weight-button {
              margin: 0 !important;
              text-transform: lowercase !important; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .product-weights .p-weight-button::before, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .product-weights .p-weight-button::after {
                display: none !important; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .product-weights .p-weight-button.active {
                color: #63cfe3 !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .buy-buttons {
          padding: 0 8px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .buy-buttons .carritus-container {
            padding: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .buy-buttons .carritus-container .carritus-bottom {
              padding: 0 15px;
              margin: 0; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .buy-buttons .storelocator .text-shop {
            font-size: 16px;
            width: auto; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .sc-btn-ec::before,
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .icon-icn-shop {
        color: #63cfe3 !important;
        margin-right: 5px; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .sc-btn-ec,
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .text-shop {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif" !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .cart-and-ipay > div {
        padding: 0; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .icon-icn-shop {
        font-size: initial; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .icon-icn-shop::before {
          font-size: 50px; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .icon-icn-shop::before {
              font-size: 30px; } }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-info .product::after {
          display: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .detail-carousel {
          top: 90px !important;
          left: 40px !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .desktop-pic .desktop-pic-background {
          background: #63cfe3;
          border: 18px solid #0c2340;
          border-radius: 50%;
          width: 520px;
          height: 520px;
          transform: translate(-110px, -40%);
          position: absolute;
          display: block; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-content {
          flex-direction: row !important;
          margin-top: 90px !important;
          padding: 0 57px !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-content-text {
            display: flex;
            flex-direction: column; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-content .product-title {
            margin-top: 0 !important;
            font-size: 45px !important;
            justify-content: left !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-content .product-desc {
            max-width: none;
            text-align: left !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-content .pic-ing-content {
            position: relative !important;
            width: auto !important;
            margin-left: 20px !important;
            top: 0 !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-content .pic-ing-content img {
              width: 240px !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .pdp-description {
          padding: 40px 37px 30px 0;
          margin-left: 57px !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .pdp-description .js-show-view-more {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-top: 20px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .pdp-description .js-show-view-more .icon {
              padding: 0 10px 0 0 !important;
              font-size: 18px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .product-weights-content .p-weight-text {
          margin: 0 14px 0 0 !important;
          text-align: left; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-buttons .buy-buttons {
          padding: 0; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .sc-btn-ec::before,
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .icon-icn-shop {
          margin-right: 5px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .sc-btn-ec::before {
          top: 17px !important;
          font-size: 32px !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-row-relaunch .product-sell-content .buy-buttons .icon-icn-shop::before {
          font-size: 30px !important; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .detail-carousel {
        top: 100px; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .detail-carousel {
            top: 20px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .detail-carousel .swiper-wrapper .swiper-slide .product-image .img-fluid {
          max-height: 300px !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic {
        display: none; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic {
            display: block;
            background: url("../../img/pdp/dk-producto-bg-azul.png");
            background-repeat: no-repeat;
            background-size: 800px;
            background-position: right top; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-carousel {
          display: flex;
          flex-direction: row;
          justify-content: center; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-carousel .swiper-button-prev,
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-carousel .swiper-button-next {
            position: initial;
            margin: 6px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .icon {
          font-size: 30px;
          color: #fff;
          position: relative; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-button {
          background-image: none;
          display: none; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-button {
              display: block; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-pagination {
          display: flex;
          align-items: center; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-pagination.pdp-pagination {
            position: relative; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-pagination.pdp-pagination .swiper-pagination-bullet {
              margin: 10px 8px;
              width: 8px !important;
              height: 8px !important;
              background-color: #979797; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .desktop-pic .swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #fff;
          border: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info {
        max-width: 100%;
        padding: 0;
        z-index: 1; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product {
          position: relative; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product::before {
            content: " ";
            position: absolute;
            width: 100%;
            height: 452px;
            background-image: url("../../img/pdp/mb-producto-bg-azul.png");
            background-position: top center;
            background-repeat: no-repeat;
            background-size: contain;
            left: 0; }
            @media (min-width: 768px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product::before {
                background-image: url("../../img/pdp/tb-producto-bg-azul.png"); } }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product::before {
                display: none; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content {
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%; }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content {
                justify-content: flex-start;
                align-items: flex-start;
                padding-left: 70px; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .product-content-text {
              padding: 0 10px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .product-desc {
              font-size: 24px;
              color: #fff;
              text-align: center;
              font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
              padding: 0;
              height: auto;
              min-height: 70px;
              margin: 0 auto; }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .product-desc {
                  color: #0c2340;
                  margin: 0; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .product-title {
              font-size: 40px;
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              margin: 34px 8px auto 0;
              text-transform: uppercase;
              display: flex;
              justify-content: center;
              color: #0c2340;
              text-align: center; }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .product-title {
                  color: #0c2340;
                  max-width: 595px;
                  text-align: left; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-ing-content,
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-clinic-content {
              display: none; }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-ing-content,
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-clinic-content {
                  display: flex;
                  flex-direction: row;
                  justify-content: flex-end;
                  align-items: flex-end;
                  width: 100%;
                  max-width: 730px;
                  position: absolute;
                  top: 20px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-ing-content .pic-ing,
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-ing-content .pic-clinic,
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-clinic-content .pic-ing,
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-clinic-content .pic-clinic {
                width: 105px; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-ing-content .pic-ing,
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-ing-content .pic-clinic,
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-clinic-content .pic-ing,
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product .product-content .pic-clinic-content .pic-clinic {
                    width: 110px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container {
          height: 390px;
          margin: 0 auto;
          position: relative;
          display: block; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container {
              display: none; } }
          @media (min-width: 768px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .swiper-button {
              display: none; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .swiper-pagination.pdp-pagination {
            position: relative;
            top: 70px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .swiper-pagination.pdp-pagination .swiper-pagination-bullet {
              margin: 10px 8px;
              width: 8px !important;
              height: 8px !important;
              background-color: #979797; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .swiper-pagination.pdp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #0c2340;
            border: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .pic-ing-content,
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .pic-clinic-content {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-end;
            width: 100%;
            max-width: 580px;
            position: absolute;
            top: 90px;
            left: -100px;
            z-index: 2; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .pic-ing-content .pic-ing,
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .pic-ing-content .pic-clinic,
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .pic-clinic-content .pic-ing,
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-details-images-container .pic-clinic-content .pic-clinic {
              width: 103px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .pdp-description {
          font-size: 15px;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          text-align: left;
          color: #0c2340;
          margin: 0 auto;
          max-width: 340px;
          padding: 40px 37px 30px 0; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .pdp-description {
              max-width: 580px;
              margin: 0  0  0 70px; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .pdp-description .js-view-more .js-show-view-more {
            display: block;
            text-align: left;
            cursor: pointer; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .pdp-description .js-view-more .js-show-view-more .icon-icn-arrow-down {
              font-weight: bold;
              font-size: 20px;
              padding: 19px 13px 0 0;
              cursor: pointer; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .pdp-description .js-view-more .js-show-view-more .js-view-more-text {
              font-size: 12px;
              cursor: pointer;
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights {
          text-align: center;
          margin: 10px 0 20px; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights {
              width: 30%;
              text-align: left; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights .p-weight-button {
            border: none;
            min-width: 60px;
            height: 34px;
            margin: 10px 8px;
            padding: 5px;
            font-size: 15px;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            background-color: transparent;
            color: #0c2340;
            vertical-align: middle;
            text-transform: capitalize;
            position: relative; }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights .p-weight-button {
                padding: 4px; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights .p-weight-button::after, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights .p-weight-button::before {
              content: " ";
              display: block;
              width: 50%;
              height: 5px;
              border: 2px solid #979797;
              position: absolute; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights .p-weight-button::before {
              left: 0;
              top: 0;
              border-bottom: 0;
              border-right: 0;
              border-radius: 5px 0 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights .p-weight-button::after {
              right: 0;
              bottom: 0;
              border-top: 0;
              border-left: 0;
              border-radius: 0 0 5px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-weights .p-weight-button:hover {
              text-decoration: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons {
          justify-content: space-between;
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 100%;
          padding: 0 37px;
          border-bottom: 1px solid #979797; }
          @media (min-width: 768px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons {
              max-width: 414px;
              margin: 0 auto;
              padding: 0; } }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons {
              border-bottom: none;
              justify-content: flex-start;
              margin: 0 0 0 57px;
              max-width: none; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons.weight-desktop {
                z-index: 3;
                flex-direction: row; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .product-sell-content {
            flex-direction: row;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%; }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .product-sell-content {
                justify-content: flex-start;
                width: 60%; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons {
            flex-direction: column; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons:last-of-type {
              z-index: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .storelocator {
              margin: 20px auto !important;
              padding: 12px 16px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .storelocator .text-shop {
                font-size: 15px;
                width: 120px;
                text-align: center;
                white-space: normal; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .storelocator .text-shop {
                    width: 100%; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons a.btn.btn-brand {
              border: 2px solid #0c2340 !important;
              background-color: #0c2340 !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .btn {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: auto;
              text-transform: none; }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .btn {
                  flex-direction: row;
                  width: auto;
                  padding: 5px 20px 8px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .btn span {
                font-size: 50px; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .btn span {
                    font-size: 25px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .btn .oos-zip-container span {
                font-size: 11px;
                white-space: normal; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container {
              margin: 0 auto;
              width: 100%; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container .sc-btn-ec {
                width: 100%;
                text-transform: none !important;
                border-radius: 0 15px;
                line-height: 15px;
                font-size: 15px;
                max-width: 300px;
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                min-width: auto;
                position: relative;
                margin: 15px auto !important;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 12px 16px;
                height: 106px; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container .sc-btn-ec {
                    margin: 9px auto !important;
                    flex-direction: row;
                    height: auto;
                    padding: 5px 20px 8px; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container .sc-btn-ec:hover {
                  background-color: #0c2340 !important;
                  color: #fff;
                  transform: scale(1.05); }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container .sc-btn-ec::first-letter {
                  text-transform: uppercase; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container .sc-btn-ec::before {
                  content: "\e91c";
                  position: relative;
                  top: 20%;
                  left: 0;
                  transform: translateY(-50%);
                  color: #fff;
                  z-index: 1;
                  font-size: 50px;
                  pointer-events: none;
                  font-family: "icons" !important;
                  /* stylelint-disable-line */
                  font-style: normal;
                  font-weight: normal;
                  font-variant: normal;
                  text-transform: none;
                  line-height: 1; }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container .sc-btn-ec::before {
                      top: 12px;
                      font-size: 25px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container ul .zip-container .fa span {
                font-size: 16px; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .carritus-container ul .zip-container .fa span {
                    font-size: 16px; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info {
        z-index: 1;
        position: relative; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .title-with-line-content {
          width: fit-content;
          margin: 0 auto;
          padding-top: 50px;
          padding-bottom: 59px; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .title-with-line-content {
              margin: 0 200px auto;
              padding-bottom: 0; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content {
          position: relative; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square {
            display: flex;
            flex-direction: row;
            justify-content: center;
            width: 100%;
            flex-wrap: wrap;
            max-width: 500px;
            margin: 0 auto; }
            @media (min-width: 768px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square {
                max-width: none; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 {
              background-size: 300px;
              background-repeat: no-repeat;
              background-position: center;
              padding: 130px 0; }
              @media (min-width: 768px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 {
                  background-size: 380px;
                  max-width: 800px;
                  padding: 160px 0; } }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 {
                  max-width: 1040px; } }
              @media (min-width: 768px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit {
                  align-items: center; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:first-child {
                justify-content: flex-start;
                top: -40px;
                left: 8px; }
                @media (min-width: 768px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:first-child {
                    justify-content: center;
                    top: -60px;
                    left: 16px; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:first-child .benefit-text {
                  top: -140px;
                  right: -100px; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:first-child .benefit-text {
                      right: -295px;
                      top: -140px; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:first-child .benefit-text {
                      top: 0;
                      left: 0;
                      align-items: flex-end; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(2) {
                justify-content: flex-end;
                top: -40px;
                right: 8px; }
                @media (min-width: 768px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(2) {
                    justify-content: center;
                    top: -60px;
                    right: 16px; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(2) .benefit-text {
                  top: -140px;
                  right: 90px; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(2) .benefit-text {
                      top: -140px; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(2) .benefit-text {
                      top: 0;
                      right: 0;
                      align-items: flex-start; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(3) {
                justify-content: flex-start;
                align-items: center;
                top: 40px;
                left: 8px; }
                @media (min-width: 768px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(3) {
                    justify-content: center;
                    top: 60px;
                    left: 16px; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(3) .benefit-text {
                  top: -300px;
                  right: -100px; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(3) .benefit-text {
                      right: -295px;
                      top: -300px; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(3) .benefit-text {
                      top: 0;
                      left: 0;
                      align-items: flex-end; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:last-child {
                justify-content: flex-end;
                align-items: center;
                top: 40px;
                right: 8px; }
                @media (min-width: 768px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:last-child {
                    justify-content: center;
                    top: 60px;
                    right: 16px; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:last-child .benefit-text {
                  top: -300px;
                  right: 90px; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:last-child .benefit-text {
                      top: -300px; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:last-child .benefit-text {
                      top: 0;
                      right: 0;
                      align-items: flex-start; } }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:first-child, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(3) {
                  flex-direction: row-reverse;
                  justify-content: flex-start;
                  align-items: center;
                  padding-right: 150px; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:first-child .benefit-text .benefit-description, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(3) .benefit-text .benefit-description {
                    text-align: right; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(2), body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:last-child {
                  justify-content: center;
                  align-items: center;
                  padding-left: 150px; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:nth-child(2) .benefit-text .benefit-description, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-4 .benefit:last-child .benefit-text .benefit-description {
                    text-align: left; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 {
              background-size: 300px;
              background-repeat: no-repeat;
              background-position: center;
              padding: 130px 0; }
              @media (min-width: 768px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 {
                  background-size: 380px;
                  max-width: 800px;
                  padding: 150px 0; } }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 {
                  max-width: 1040px;
                  margin-bottom: -36px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                width: 100%;
                flex-direction: column;
                top: -120px; }
                @media (min-width: 768px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit {
                    top: -140px; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit .benefit-text {
                  width: 50%; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit .benefit-text::before {
                    content: " ";
                    position: relative;
                    display: flex;
                    width: 200px;
                    height: 200px;
                    top: 90px;
                    background-color: #fff;
                    z-index: -1;
                    opacity: 0.8; }
                    @media (min-width: 768px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit .benefit-text::before {
                        top: 120px;
                        right: -90px; } }
                    @media (min-width: 1280px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit .benefit-text::before {
                        display: none; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit .benefit-description {
                  top: 130px;
                  position: absolute;
                  text-align: center; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit .benefit-description {
                      top: 160px;
                      right: 110px; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.first-benefit .benefit-description {
                      right: -65%;
                      text-align: left;
                      position: relative;
                      top: -80px;
                      width: 50%; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit {
                display: flex;
                align-items: flex-start;
                justify-content: center;
                width: 100%;
                top: 50px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit .benefit-description {
                  position: absolute; }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit .benefit-description {
                      position: relative;
                      top: 10px; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) {
                  flex-direction: row-reverse;
                  right: 40px; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) {
                      right: 0; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) {
                      right: 120px; } }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) .benefit-description {
                    text-align: center;
                    left: 140px;
                    top: -90px; }
                    @media (min-width: 768px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) .benefit-description {
                        left: 280px;
                        top: -120px; } }
                    @media (min-width: 1280px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) .benefit-description {
                        text-align: right;
                        left: 0;
                        top: 30px; } }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) .benefit-text::before {
                    content: " ";
                    position: relative;
                    display: flex;
                    width: 200px;
                    height: 200px;
                    top: -160px;
                    right: -190px;
                    background-color: #fff;
                    z-index: -1;
                    opacity: 0.8; }
                    @media (min-width: 768px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) .benefit-text::before {
                        top: -150px;
                        right: -270px; } }
                    @media (min-width: 1280px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:nth-child(2) .benefit-text::before {
                        display: none; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child {
                  flex-direction: row;
                  right: -40px; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child {
                      right: 0; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child {
                      right: -120px; } }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child .benefit-description {
                    text-align: center;
                    right: 145px;
                    top: -120px; }
                    @media (min-width: 768px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child .benefit-description {
                        right: 295px; } }
                    @media (min-width: 1280px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child .benefit-description {
                        text-align: left;
                        right: 0;
                        top: 30px; } }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child .benefit-text::before {
                    content: " ";
                    position: relative;
                    display: flex;
                    width: 200px;
                    height: 200px;
                    top: -150px;
                    right: 140px;
                    background-color: #fff;
                    z-index: -1;
                    opacity: 0.8; }
                    @media (min-width: 768px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child .benefit-text::before {
                        top: -150px;
                        right: 100px; } }
                    @media (min-width: 1280px) {
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3 .benefit.half-benefit:last-child .benefit-text::before {
                        display: none; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit {
              display: flex;
              flex-direction: row;
              justify-content: center;
              width: 100%;
              align-items: center;
              margin: 0;
              z-index: 2; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-img {
                max-width: 80px; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-img {
                    max-width: 100px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-text {
                display: none;
                position: absolute;
                width: 100%; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-text {
                    display: flex;
                    padding: 0 20px;
                    position: relative; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-text::before {
                  content: " ";
                  position: relative;
                  display: flex;
                  width: 200px;
                  height: 200px;
                  top: 150px;
                  background-color: #fff;
                  z-index: -1;
                  opacity: 0.8; }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-text::before {
                      display: none; } }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-text .benefit-description {
                  font-size: 22px;
                  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
                  color: #0c2340;
                  line-height: 24px;
                  text-transform: uppercase;
                  width: 100%; }
                  @media (min-width: 768px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-text .benefit-description {
                      width: 50%;
                      font-size: 20px; } }
                  @media (min-width: 1280px) {
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square .benefit .benefit-text .benefit-description {
                      width: 100%;
                      font-size: 16px;
                      line-height: 18px; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage {
              margin-top: 60px; }
              @media (min-width: 768px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage {
                  margin-top: 70px;
                  margin-bottom: -60px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage .nopic-benefit, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage .nopic-benefit {
                flex-direction: column;
                margin-bottom: 60px;
                justify-content: flex-start; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage .nopic-benefit.first-benefit .benefit-text, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage .nopic-benefit.first-benefit .benefit-text {
                  width: 30%; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage .nopic-benefit .benefit-img, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage .nopic-benefit .benefit-img {
                  max-width: 140px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage .nopic-benefit .benefit-text, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage .nopic-benefit .benefit-text {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 60%;
                  position: relative;
                  flex-direction: column;
                  margin-top: 25px; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage .nopic-benefit .benefit-text::before, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage .nopic-benefit .benefit-text::before {
                    display: none; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-2-noimage .nopic-benefit .benefit-text .benefit-description, body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-detail-info .benefits-content .benefit-square.benefit-3-noimage .nopic-benefit .benefit-text .benefit-description {
                    font-size: 16px;
                    line-height: 20px;
                    text-transform: none;
                    text-align: center; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch {
        z-index: 0;
        position: relative;
        margin-bottom: 125px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content {
          position: relative;
          margin: auto;
          width: 18rem;
          height: auto;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-circle {
            position: relative;
            width: 18rem;
            height: 18rem;
            border: 5px solid #000;
            border-radius: 50%;
            top: 80px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-circle-x2 {
              top: 120px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-circle-x3 {
              top: 100px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-crop-circle {
            position: absolute;
            width: 18rem;
            height: 18rem;
            background: white;
            bottom: initial;
            top: 260px;
            padding: 3rem; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-img {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: auto;
            height: 18rem;
            top: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-img-over {
              position: absolute;
              z-index: 1;
              width: 120px;
              height: 120px;
              bottom: 200px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit {
            position: absolute;
            display: flex;
            flex-direction: row;
            text-align: start;
            align-items: start;
            width: auto;
            gap: 10px;
            max-width: 400px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit::after {
              content: " ";
              background: white;
              position: absolute;
              top: 0;
              left: 0;
              height: 70px;
              width: 70px;
              border-radius: 50%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7::after {
              height: 62px;
              width: 62px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-text {
              display: none; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-img {
              background-color: white;
              border-radius: 50%;
              height: 70px;
              width: auto;
              z-index: 1; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-img-blur {
                opacity: 0.4; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x2.benefit-unit-1 {
              top: 13rem;
              left: -2rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x2.benefit-unit-2 {
              top: 13rem;
              right: -2rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x3.benefit-unit-1 {
              top: 13rem;
              left: -2rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x3.benefit-unit-2 {
              top: 7rem;
              right: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x3.benefit-unit-3 {
              top: 13rem;
              right: -2rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-1 {
              top: 13rem;
              left: -2rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-2 {
              top: 6rem;
              left: 0;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-3 {
              top: 6rem;
              right: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-4 {
              top: 13rem;
              right: -2rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-1 {
              top: 15rem;
              left: -1.5rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-2 {
              top: 9rem;
              left: -2rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-3 {
              top: 5.5rem;
              right: 0.5rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-4 {
              top: 10rem;
              right: -2rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-5 {
              top: 15rem;
              right: -1.5rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-1 {
              top: 15rem;
              left: -1.5rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-2 {
              top: 10rem;
              left: -2rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-3 {
              top: 5.55rem;
              left: 0.5rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-4 {
              top: 5.5rem;
              right: 0.5rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-5 {
              top: 10rem;
              right: -2rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-6 {
              top: 15rem;
              right: -1.5rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-1 {
              top: 15rem;
              left: -1rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-2 {
              top: 10rem;
              left: -2rem;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-3 {
              top: 5.55rem;
              left: 0;
              flex-direction: row-reverse;
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-4 {
              top: 4rem;
              right: 2.5rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-5 {
              top: 7rem;
              right: -0.5rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-6 {
              top: 11rem;
              right: -2rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-7 {
              top: 15rem;
              right: -1rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7 .benefit-unit-img {
              background-color: white;
              height: 62px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile {
          position: relative;
          z-index: 1;
          display: block;
          height: auto;
          width: 100%;
          margin: 40px 0 20px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .detail-carousel {
            top: 0; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-slide {
            display: flex;
            flex-direction: row;
            gap: 18px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-slide .benefits-icon {
              height: 58px;
              width: auto; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-slide .benefits-content {
              display: flex;
              flex-direction: column;
              align-items: start;
              text-align: start;
              gap: 3px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-slide .benefits-content-title {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                font-size: 18px;
                line-height: 18px;
                text-transform: uppercase;
                margin-bottom: 3px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-slide .benefits-content-description {
                font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
                font-size: 16px;
                line-height: 13.5px;
                text-transform: uppercase; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-carousel {
            position: absolute;
            width: 100%;
            top: 20%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-carousel .swiper-button-prev,
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-carousel .swiper-button-next {
              background-image: none; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-carousel .swiper-button-prev {
              left: -40px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile .swiper-carousel .swiper-button-next {
              right: -40px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          position: relative;
          z-index: 1;
          margin: 0 20px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-title {
            width: 75%;
            border-radius: 0 0 30px 30px;
            background-color: #0c2340;
            padding: 17px 20px;
            margin: 0;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 22px;
            text-align: center;
            color: white; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-title b {
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              font-weight: normal; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-ingredients {
            position: relative;
            display: grid;
            grid-template-columns: 1fr;
            text-align: center;
            width: 100%;
            margin: 19px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-ingredients span {
              position: relative;
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              font-size: 16px;
              line-height: 17px;
              text-transform: uppercase;
              color: black;
              margin: 4px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-ingredients span:first-child::before {
                content: "";
                display: block;
                position: absolute;
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-top: 10px solid black;
                top: -25px;
                left: 50%;
                transform: translateX(-50%);
                z-index: -1; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          position: relative;
          max-width: 75%;
          margin: auto;
          z-index: 1; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-title {
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            font-size: 21.5px;
            text-transform: uppercase;
            color: #0c2340; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content {
            position: relative;
            display: flex;
            flex-direction: column; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl {
              display: flex;
              flex-direction: column;
              align-items: center;
              text-align: center;
              position: relative;
              height: 325px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl_svg {
                position: absolute;
                width: auto;
                height: 58px;
                z-index: 2; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl::after {
                content: " ";
                background: white;
                position: absolute;
                width: 72px;
                height: 72px;
                border-radius: 50%; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl_text {
                font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
                font-size: 16px;
                line-height: 15px;
                display: block;
                max-width: 170px;
                position: absolute;
                top: 70px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl_text b {
                  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                  font-weight: normal; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl_img {
                z-index: 1;
                position: absolute;
                width: 380px;
                bottom: -10px;
                filter: drop-shadow(0 -10px 0 white); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom {
              position: relative;
              bottom: 0;
              text-align: center; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_title {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                font-size: 22px;
                line-height: 24px;
                color: #0c2340; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_title b {
                  font-weight: normal; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_text {
                font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
                font-size: 16px;
                line-height: 18px;
                color: #0c2340;
                text-align: center; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_text b {
                  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                  font-weight: normal; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_slice {
                display: flex;
                flex-direction: row;
                align-items: center;
                text-align: start;
                gap: 10px;
                width: 80%;
                margin: auto;
                margin-bottom: 10px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_slice img {
                  width: 34px;
                  height: 34px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_slice span {
                  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
                  font-size: 16px;
                  line-height: 18px;
                  color: #0c2340;
                  width: fit-content; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_slice b {
                  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                  font-weight: normal; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .title-with-line-content {
            margin: 40px 200px !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content {
            width: 35rem;
            height: 25rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-circle {
              width: 25rem;
              height: 25rem;
              top: 60px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-circle-x2 {
                top: 100px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-circle-x3 {
                top: 80px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-crop-circle {
              width: 25rem;
              height: 25rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-img {
              width: auto;
              height: 25rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefits-img-over {
                width: 160px;
                height: 160px;
                bottom: 55px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit {
              width: 100%;
              max-width: 480px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit::after {
                display: none; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-text {
                display: block;
                margin: auto 0; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-title {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                font-size: 19px;
                color: #0c2340;
                margin: 0;
                text-transform: uppercase;
                line-height: 1.2; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-title.red_color {
                  white-space: unset; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-description {
                font-size: 16px;
                color: #0c2340;
                text-transform: uppercase; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-img {
                background-color: white;
                height: 78px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-img-blur {
                  opacity: 1; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x2.benefit-unit-1 {
                top: 16rem;
                left: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x2.benefit-unit-2 {
                top: 16rem;
                right: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x3.benefit-unit-1 {
                top: 16rem;
                left: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x3.benefit-unit-2 {
                top: 8rem;
                right: -20rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x3.benefit-unit-3 {
                top: 16rem;
                right: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-1 {
                top: 16rem;
                left: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-2 {
                top: 8rem;
                left: -21rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-3 {
                top: 8rem;
                right: -21rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x4.benefit-unit-4 {
                top: 16rem;
                right: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-1 {
                top: 16rem;
                left: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-2 {
                top: 8rem;
                left: -21rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-3 {
                top: 3rem;
                right: -17rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-4 {
                top: 9rem;
                right: -21rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x5.benefit-unit-5 {
                top: 16rem;
                right: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-1 {
                top: 16rem;
                left: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-2 {
                top: 10rem;
                left: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-3 {
                top: 4.5rem;
                left: -19rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-4 {
                top: 4.5rem;
                right: -19rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-5 {
                top: 10rem;
                right: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x6.benefit-unit-6 {
                top: 16rem;
                right: -22rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-1 {
                top: 16rem;
                left: -23rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-2 {
                top: 11rem;
                left: -22.5rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-3 {
                top: 6.5rem;
                left: -20rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-4 {
                top: 4rem;
                right: -17rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-5 {
                top: 7rem;
                right: -20.5rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-6 {
                top: 11.5rem;
                right: -22.5rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7.benefit-unit-7 {
                top: 16rem;
                right: -23rem; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7 .benefit-unit-img {
                background-color: white;
                height: 62px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-content .benefit-unit-x7 .benefit-unit-description {
                display: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .benefits-mobile {
            display: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content {
            padding: 0 160px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-title {
              width: 100%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-ingredients {
              grid-template-columns: repeat(7, 1fr); }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .ingredients-content .ingredients-ingredients span::before {
                content: "";
                display: block;
                position: absolute;
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-top: 10px solid black;
                top: -25px;
                left: 50%;
                transform: translateX(-50%);
                z-index: -1; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-title {
            font-size: 28px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content {
            flex-direction: row;
            align-items: center;
            margin: 0 0 50px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content_svg {
              height: 120px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content::after {
              width: 120px;
              height: 120px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl {
              height: 361px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl_svg {
                height: 90px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl::after {
                width: 100px;
                height: 100px;
                top: -5px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl svg {
                width: 400px;
                height: 361px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl_text {
                font-size: 21.5px;
                line-height: 23px;
                top: 130px;
                max-width: 265px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bowl_img {
                width: 500px;
                bottom: -115px;
                filter: drop-shadow(5px -5px 0 white) drop-shadow(-5px -5px 0 white); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom {
              bottom: 0;
              max-width: 400px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_title {
                font-size: 26px;
                line-height: 28px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_title b {
                  font-weight: normal; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_text {
                font-size: 16.5px;
                line-height: 21px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_slice img {
                width: 41px;
                height: 41px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch .knowWhat .knowWhat-content-bottom_slice span {
                font-size: 16.5px;
                line-height: 21px;
                width: calc(100% - 54px); } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks b {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: normal; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-block {
          display: flex;
          flex-direction: column;
          justify-content: start;
          align-items: center;
          width: 100%;
          padding: 0 40px;
          border-radius: 0 0 0 50px;
          color: white;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-block.yellow_background_benefits {
            color: #0c2340; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-block.purple_background_benefits .benefits-title h3 {
            color: #bab5d3; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-img {
          max-height: 420px;
          width: auto;
          max-width: 100%;
          position: relative;
          margin: auto; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title {
          display: flex;
          flex-direction: column;
          text-align: left;
          text-transform: uppercase;
          margin-bottom: 20px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title h3 {
            color: #0c2340;
            font-size: 24px;
            line-height: 24px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title span {
            color: white;
            font-size: 18.5px;
            line-height: 17px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title span b {
              font-size: 24.77px;
              line-height: 22.42px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile {
          position: relative;
          z-index: 1;
          display: block;
          height: auto;
          width: 100%;
          margin-bottom: 20px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-slide {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 24px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-slide .benefits-icon {
              height: 66px;
              width: auto;
              margin-left: 30px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-slide span.benefit-text {
              font-size: 16px;
              line-height: 13.5px;
              margin-right: 20px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-carousel {
            position: absolute;
            width: 100%;
            top: 20%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-carousel .swiper-button-prev,
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-carousel .swiper-button-next {
              background-image: none;
              color: #0c2340; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-carousel .swiper-button-prev {
              left: -25px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile .swiper-carousel .swiper-button-next {
              right: -25px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group {
          display: flex;
          flex-direction: column;
          width: 100%;
          gap: 30px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-snack {
            position: relative;
            width: 100%;
            max-width: 320px;
            margin: auto;
            display: flex;
            flex-direction: column;
            align-items: center; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-snack-text {
              font-size: 35.5px;
              line-height: 36px;
              letter-spacing: -0.7px;
              text-transform: uppercase; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-snack-composition {
              position: relative;
              margin: 15px 0 20px;
              width: 100%;
              height: 230px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-snack-composition-img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 1;
                width: 100%;
                height: auto; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-stick {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: end;
            margin: 0 auto;
            width: 50%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-stick-text {
              background-color: #0c2340;
              max-width: 120px;
              border-radius: 20px 0 0;
              padding: 14px;
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              color: white;
              font-size: 12.5px;
              line-height: 13.5px;
              letter-spacing: -0.25px;
              z-index: 1;
              position: absolute;
              top: 56px;
              left: calc(50% - 67px);
              transform: translateX(-50%); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-stick-arrow {
              position: absolute;
              top: 30px;
              left: calc(50% - 20px);
              transform: translateX(-50%);
              width: 99px;
              height: 36px;
              z-index: 2; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-stick-img {
              position: relative;
              width: auto;
              height: 100%;
              max-height: 240px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-list {
            display: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-detail {
          position: absolute;
          color: white;
          font-size: 13px;
          bottom: 16px;
          right: 16px;
          max-width: 110px; }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-block {
            padding: 40px 60px 0;
            align-items: start;
            margin-top: 45px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-img {
            display: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title {
            margin-bottom: 30px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title h3 {
              font-size: 30px;
              line-height: 27px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title span {
              color: white;
              font-size: 25px;
              line-height: 22.5px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-title span b {
                font-size: 33px;
                line-height: 30px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-list-mobile {
            display: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group {
            flex-direction: row-reverse;
            justify-content: space-around;
            margin: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-snack {
              max-width: 420px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-snack-text {
                font-size: 47px;
                line-height: 48px;
                letter-spacing: -0.94px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-snack-composition {
                margin-top: 25px;
                width: 100%;
                height: 310px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-stick-text {
              max-width: 185px;
              border-radius: 30px 0 0;
              padding: 20px;
              font-size: 20px;
              line-height: 21.6px;
              letter-spacing: -0.4px;
              top: 74px;
              left: calc(50% - 102px); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-stick-arrow {
              width: 151px;
              height: 54px;
              top: 33px;
              left: calc(50% - 30px); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-stick-img {
              max-height: 420px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-list {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: start;
              gap: 20px;
              max-width: 50%;
              margin-bottom: 60px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-list.benefits-list-snack {
                justify-content: space-between;
                margin-top: 30px;
                margin-bottom: 90px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-list .benefit-unit {
                display: flex;
                flex-direction: row;
                align-items: center;
                max-height: 90px;
                gap: 32px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-list .benefit-unit-img {
                  width: 81px;
                  height: 81px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-list .benefit-unit-text {
                  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
                  font-size: 20px;
                  line-height: 21.6px;
                  letter-spacing: 0; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-detail {
            position: absolute;
            bottom: 25px;
            left: 45px;
            max-width: unset;
            font-size: 17px;
            line-height: 18.5px; } }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-block {
            padding: 40px 95px 0;
            border-radius: 0 0 0 100px;
            margin: 0; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-img {
            display: block;
            position: absolute;
            right: -3%;
            bottom: 0;
            width: 35%;
            max-height: unset;
            margin-bottom: 10px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group {
            width: 75%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-group .benefits-list {
              margin-bottom: 90px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-benefits-relaunch.product-benefits-relaunch-snacks .benefits-detail {
            left: 95px; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-benefits-relaunch .benefit-unit-title {
        color: #0c2340 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .product-benefits-relaunch .benefits-content-title {
        color: #0c2340 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        margin: 97px 0; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-title {
          width: 100%;
          max-width: 300px;
          height: auto;
          margin: 0 38px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-text {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-size: 17px;
          line-height: 20px;
          color: #0c2340;
          margin: 17px 38px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-text b {
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            font-weight: normal; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-img {
          max-width: 190px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom {
          position: relative;
          display: flex;
          flex-direction: column;
          width: 100%;
          margin-top: 80px;
          gap: 80px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom .activeDefense-img {
            display: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right {
            position: relative;
            display: flex;
            flex-direction: column;
            min-height: 270px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-title, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-title {
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              font-size: 27px;
              line-height: 30px;
              color: #0c2340;
              position: absolute;
              top: -35px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-title span, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-title span {
                background: white; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-title b, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-title b {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                font-weight: normal; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice {
              position: relative;
              display: flex;
              flex-direction: row;
              align-items: center;
              width: auto;
              height: 80px;
              gap: 20px;
              margin-left: 20px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice span, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice span {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                font-size: 16px;
                line-height: 15px;
                color: #0c2340;
                text-transform: uppercase; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice img, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice img {
                height: 100%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-background, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-background {
              position: absolute;
              z-index: -1;
              height: 17rem; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left::after, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right::after {
              content: " ";
              width: 20rem;
              height: 20rem;
              border-radius: 50%;
              position: absolute;
              z-index: -1; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left {
            align-items: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-title {
              color: #f19f55;
              text-align: center;
              min-width: 300px;
              padding: 0 4px;
              margin: 0 50px 0 80px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice span {
              text-align: end; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice img {
              filter: drop-shadow(0 -5px 0 white) drop-shadow(0 5px 0 white) drop-shadow(5px 0 0 white) drop-shadow(-5px 0 0 white); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice.left_slice1 {
              margin-top: 45px;
              margin-right: 130px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice.left_slice2 {
              margin-right: 135px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice.left_slice3 {
              margin-right: 110px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-background {
              transform: translateX(50%); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left::after {
              border: 3.93px solid #f19f55;
              right: 0;
              transform: translate(50%, -8%); }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right {
            align-items: start; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-title {
              text-align: center;
              min-width: 300px;
              padding: 0 4px;
              margin: 0 80px 0 50px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice span {
              text-align: start; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice img {
              height: 80%;
              border-radius: 40%;
              background: white; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice.right_slice1 {
              margin-top: 45px;
              margin-left: 135px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice.right_slice2 {
              margin-left: 145px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice.right_slice3 {
              margin-left: 115px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-background {
              transform: translateX(-50%); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right::after {
              border: 3.93px solid #63cfe3;
              left: 0;
              transform: translate(-50%, -8%); }
      @media (min-width: 768px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content {
          margin: 70px 0 80px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-title {
            max-width: 460px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-text {
            font-size: 18px;
            line-height: 23px;
            text-align: center;
            max-width: 460px;
            margin: 29px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-img {
            display: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom {
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom .activeDefense-img {
              display: block;
              position: absolute;
              top: 65px;
              max-width: 140px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right {
              width: 50%; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-title, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-title {
                font-size: 31.5px;
                line-height: 35.5px;
                max-width: 350px;
                margin: 0 50px 0 50px;
                top: -60px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice span, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice span {
                font-size: 19px;
                line-height: 20.5px;
                max-width: 175px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left::after, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right::after {
                width: 10rem;
                border-radius: 0;
                transform: translate(0, -8%); }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left::after {
              right: 0;
              border-top-left-radius: 10rem !important;
              border-bottom-left-radius: 10rem !important;
              border-right: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right::after {
              left: 0;
              border-top-right-radius: 10rem !important;
              border-bottom-right-radius: 10rem !important;
              border-left: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-background {
              display: none; } }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom .activeDefense-img {
          top: 110px;
          max-width: 160px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice {
          height: 100px;
          gap: 25px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-background, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-background {
          width: 360px;
          height: auto; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left::after, body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right::after {
          height: 28rem;
          width: 14rem; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left-title {
          margin: 0 100px 0 80px;
          top: -35px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice img {
          height: 95%; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice.left_slice1 {
          margin-top: 75px;
          margin-right: 185px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice.left_slice2 {
          margin-right: 195px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left_slice.left_slice3 {
          margin-right: 155px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-left::after {
          border: 5px solid #f19f55;
          border-top-left-radius: 14rem !important;
          border-bottom-left-radius: 14rem !important;
          border-right: 0; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right-title {
          margin: 0 80px 0 100px;
          top: -35px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice.right_slice1 {
          margin-top: 75px;
          margin-left: 185px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice.right_slice2 {
          margin-left: 195px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right_slice.right_slice3 {
          margin-left: 155px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .activeDefense-content .activeDefense-bottom-right::after {
          border: 5px solid #63cfe3;
          border-top-right-radius: 14rem !important;
          border-bottom-right-radius: 14rem !important;
          border-left: 0; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-head {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 40px;
        line-height: 37px;
        text-align: center;
        margin: 0 38px 49px;
        max-width: 575px;
        color: #0c2340; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-head b {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: normal; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-img {
        max-width: 127px; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom {
        margin-top: 55px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-left {
          display: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-left::after {
            display: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right-title {
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          top: -10px;
          min-width: 250px;
          padding: 0 4px;
          margin: 0 0 0 70px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right-title span {
            outline: 4px solid white;
            padding: 1px 0; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right_slice {
          height: 70px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right_slice span {
            font-size: 14px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right_slice img {
            height: 83%;
            border: 8px solid white; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-3 .activeDefense-bottom-right_slice.right_slice1 {
          margin-top: 60px;
          margin-left: 130px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-3 .activeDefense-bottom-right_slice.right_slice2 {
          margin-left: 135px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-3 .activeDefense-bottom-right_slice.right_slice3 {
          margin-left: 105px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-2 .activeDefense-bottom-right_slice.right_slice1 {
          margin-top: 75px;
          margin-left: 135px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-2 .activeDefense-bottom-right_slice.right_slice2 {
          margin-left: 130px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-1 .activeDefense-bottom-right-title {
          top: 50px;
          min-width: 240px;
          padding: 0 7px;
          margin: 0 0 0 115px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-1 .activeDefense-bottom-right_slice.right_slice1 {
          margin-top: 125px;
          margin-left: 135px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right::after {
          border: 4px solid #63cfe3;
          border-radius: 100% !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right-background {
          height: 268px; }
      @media (min-width: 768px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-head {
          font-size: 45px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-img {
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          max-width: 211px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom {
          width: 100%;
          display: flex;
          justify-content: flex-end; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right {
            width: 50%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right-title {
              font-size: 28px;
              top: -20px;
              width: 100%;
              max-width: unset;
              min-width: unset;
              text-align: left;
              position: relative;
              padding: 0 50px 0 90px;
              margin: 0; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right-title span {
                outline: 5px solid white;
                padding: 4px 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right::after {
              border: 5px solid #63cfe3;
              top: 50%;
              transform: translate(-50%, -50%);
              width: 335px;
              height: 335px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right_slice span {
              font-size: 19px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right_slice img {
              height: 87%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-3 .activeDefense-bottom-right_slice.right_slice1 {
              margin-top: 0;
              margin-left: 135px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-3 .activeDefense-bottom-right_slice.right_slice2 {
              margin-left: 140px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-3 .activeDefense-bottom-right_slice.right_slice3 {
              margin-left: 115px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-2 .activeDefense-bottom-right-title {
              top: 0;
              padding: 0 50px 0 100px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-2 .activeDefense-bottom-right_slice.right_slice1 {
              margin-top: 35px;
              margin-left: 135px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-2 .activeDefense-bottom-right_slice.right_slice2 {
              margin-left: 130px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-1 .activeDefense-bottom-right-title {
              top: 75px;
              padding: 0 30px 0 135px;
              margin: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-right.nitems-1 .activeDefense-bottom-right_slice.right_slice1 {
              margin-top: 90px;
              margin-left: 135px; } }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-title {
          display: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-text {
          display: none; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-left {
          display: flex;
          justify-content: center;
          padding: 0 150px 0 0;
          max-width: 500px;
          top: 45px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-left .activeDefense-title {
            display: block;
            position: relative;
            right: -25px;
            margin: 0;
            padding: 18px 9px 9px;
            background-color: white; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .activeDefense-content .activeDefense-bottom-left .activeDefense-text {
            display: block; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) {
        background-image: linear-gradient(177deg, #e7e8e7 27%, #97999c 141%); }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) {
            background-image: linear-gradient(165deg, #e7e8e7 40%, #97999c 111%); } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch)::after {
          background-image: url("../../img/gradient/mb-trama-dietas.png"); }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch)::after {
              background-image: url("../../img/gradient/dk-trama-dietas.png"); } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) .title-with-line-content .title-with-line,
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) .title-with-line-content .title-with-line-bold {
          color: #0c2340; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) .row-composition .info-title .button-comp {
          color: #0c2340; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) .row-composition .info-text {
          color: #0c2340; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) .row-composition .composition-desktop .nav-pills .nav-link {
          color: #0c2340; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info:not(.nutritional-info-relaunch) .row-composition .composition-desktop .tab-content .tab-pane {
          color: #0c2340; }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail.diets .nutritional-info-relaunch .title-with-line-content {
          padding: 0;
          margin-top: 50px !important; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch {
        background-image: none !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch::after, body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch::before {
          display: none !important; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition {
          background: #0c2340;
          border-radius: 0 0 0 50px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition::after {
            display: none !important; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content {
            padding: 55px 35px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content .info-title {
              color: white;
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              font-size: 18px;
              line-height: 15.5px;
              letter-spacing: 1px;
              text-transform: uppercase;
              justify-content: start !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content .info-text {
              display: flex;
              flex-direction: column;
              max-width: none !important;
              padding: 0 !important;
              text-align: start;
              font-size: 16px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content .info-text.analytics-components {
                margin: 0 !important; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content .info-text.analytics-components .analytic-comp-wrapper {
                  margin: 0 !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content .info-title .button-comp {
              outline: none;
              font-size: 17px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content .info-title .button-comp:not(.collapsed) {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content .info-title .button-comp .icono-collapse {
                color: #63cfe3;
                padding-left: 10px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp1 img {
              max-height: 150px;
              margin: 0 auto 20px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp3 {
              max-height: 275px;
              overflow-y: auto;
              padding-right: 10px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp3::-webkit-scrollbar {
                -webkit-appearance: none; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp3::-webkit-scrollbar:vertical {
                width: 9px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp3::-webkit-scrollbar-button:increment {
                display: none; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp3::-webkit-scrollbar-button {
                display: none; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp3::-webkit-scrollbar-thumb {
                background-color: #63cfe3;
                border-radius: 5px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp3::-webkit-scrollbar-track {
                border-radius: 10px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp4 .analytic-comp-wrapper {
              padding: 0 25px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp4 .analytic-comp-wrapper .analyticComp {
                min-width: 65px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp4 .analytic-comp-wrapper .analyticComp .compPercent {
                  display: flex;
                  align-items: center;
                  border: 2px solid #63cfe3;
                  border-radius: 50%;
                  width: 55px;
                  height: 55px;
                  margin: auto; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp4 .analytic-comp-wrapper .analyticComp .compPercent span {
                    background: #0c2340;
                    border-radius: 6px;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    width: fit-content; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp4 .analytic-comp-wrapper .analyticComp .compPercent.kcal {
                    font-size: 20px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-accordion-content #comp4 .analytic-comp-wrapper .analyticComp .compName {
                  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
                  text-transform: capitalize;
                  text-align: center;
                  font-size: 16px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop {
            padding: 0 150px 0 200px !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .info-title {
              font-size: 20px;
              color: white;
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              padding: 20px;
              line-height: 15.5px;
              letter-spacing: 1.4px;
              text-transform: uppercase;
              justify-content: start !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop-row {
              width: 100%;
              padding: 0;
              margin: 30px 0 190px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content {
              max-width: none !important;
              width: 100%; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane {
                max-width: 100% !important;
                font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane img {
                  margin: 0 !important;
                  width: 250px !important; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane#ingredientesDestacados {
                  display: flex !important;
                  flex-direction: row;
                  align-items: center; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane#ingredientesDestacados span {
                    margin-left: 35px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales, body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane#ingredientes, body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane#componentesAnaliticos {
                  position: absolute; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos {
                  display: none !important; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos.show {
                    display: grid !important;
                    grid-template-columns: repeat(5, 1fr); }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos .analytic-comp-wrapper {
                    padding: 0 25px; }
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos .analytic-comp-wrapper .analyticComp {
                      min-width: 65px; }
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos .analytic-comp-wrapper .analyticComp .compPercent {
                        display: flex;
                        align-items: center;
                        border: 2px solid #63cfe3;
                        border-radius: 50%;
                        width: 55px;
                        height: 55px;
                        margin: 0 auto 10px; }
                        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos .analytic-comp-wrapper .analyticComp .compPercent span {
                          background: #0c2340;
                          padding: 4px 2px 2px;
                          border-radius: 10px;
                          position: absolute;
                          left: 50%;
                          transform: translateX(-50%);
                          width: fit-content; }
                        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos .analytic-comp-wrapper .analyticComp .compPercent.kcal {
                          font-size: 20px; }
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane.componentesAnaliticos#componentesAnaliticos .analytic-comp-wrapper .analyticComp .compName {
                        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
                        text-transform: capitalize;
                        text-align: center; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar-thumb {
                  background-color: #63cfe3 !important; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .composition-desktop-row .nav-pills {
              align-items: flex-start !important;
              height: 75%;
              position: relative;
              top: 50%;
              transform: translateY(-50%);
              min-height: 200px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .composition-desktop-row .nav-pills .nav-link {
                width: 100% !important;
                font-size: 20px !important;
                line-height: 20px !important;
                letter-spacing: 1.4px !important;
                margin-top: auto;
                margin-bottom: auto; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition .composition-desktop .composition-desktop-row .nav-pills .nav-link.active .icon {
                  right: 0 !important;
                  color: #63cfe3; }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info-relaunch .row-composition {
          border-radius: 0 0 0 100px; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info {
        background-image: radial-gradient(circle at 70% 73%, #4f596f, 29%, #0c2340 76%); }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info {
            padding: 0;
            min-height: 500px; } }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info::before {
            content: " ";
            position: absolute;
            background: url("../../img/pdp/benefits.png");
            background-position: right;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: 500px;
            right: 0;
            z-index: 3; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info::after {
          content: " ";
          position: absolute;
          background: url("../../img/gradient/mb-trama-mto.png");
          background-position: bottom center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 90px;
          bottom: 0; }
          @media (min-width: 768px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info::after {
              background-image: url("../../img/gradient/tb-trama-mto.png");
              height: 173px; } }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info::after {
              background-size: contain;
              background-image: url("../../img/gradient/dk-trama-mto.png");
              height: 172px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .collapse {
          margin: 15px 0; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .title-with-line-content {
          width: 195px;
          margin: 0 auto;
          padding-top: 50px;
          padding-bottom: 59px; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .title-with-line-content {
              margin: 0 200px auto;
              padding-bottom: 0; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition {
          margin-bottom: 50px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .no-padding {
            padding: 0; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .nav-benefits {
            margin-left: 176px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .title-with-line-content {
            width: fit-content; }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .title-with-line-content {
                margin: 70px 0 30px 200px; } }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .title-with-line-content .title-with-line {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                width: 100%; } }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .title-with-line-content .title-with-line-bold {
                margin: 0 15px; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition #comp3 .info-text {
            max-width: none; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-title {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-title .button-comp {
              font-size: 15px;
              line-height: 17px;
              font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
              text-align: center;
              color: #fff;
              text-transform: uppercase; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-title .button-comp .icono-collapse {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                font-size: 25px;
                color: #ff8300;
                padding-right: 10px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text {
            color: #fff;
            font-size: 15px;
            margin: 10px auto 40px !important;
            max-width: 400px;
            text-align: center;
            padding: 0 60px;
            font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text.analytics-components {
              display: flex;
              flex-direction: row;
              max-width: 1000px;
              flex-wrap: wrap;
              justify-content: space-around; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text.analytics-components .analytic-comp-wrapper {
                flex: 0 0 50px;
                margin: 0 0 25px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text.analytics-components .analytic-comp-wrapper .analyticComp {
                  width: auto;
                  margin: 0 10px 25px 10px; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text.analytics-components .analytic-comp-wrapper .analyticComp .compPercent {
                    display: block;
                    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                    font-size: 30px;
                    line-height: 2rem; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text.analytics-components .analytic-comp-wrapper .analyticComp .compName {
                    display: block;
                    font-size: 15px;
                    margin-top: 12px;
                    line-height: 17px;
                    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text:last-child {
              margin-bottom: 20px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text .content-nutriAdditive {
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 100%;
              padding: 10px 30px 10px 37px;
              border-top: 1px solid rgba(255, 255, 255, 0.3); }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text .content-nutriAdditive:last-child {
                border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text .content-nutriAdditive .value-nutriAdditive {
                text-align: left; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .info-text .content-nutriAdditive .value-nutriAdditive.value-aditive {
                  text-align: right; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-accordion-content {
            display: block; }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-accordion-content {
                display: none; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop {
            position: relative;
            z-index: 4;
            display: none; }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop {
                display: block;
                padding-left: 100px; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .col-3 {
              display: flex;
              justify-content: center;
              align-items: flex-start;
              padding: 0 40px; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .nav-pills {
              justify-content: flex-end;
              align-items: center; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .nav-pills .nav-link {
                font-size: 15px;
                line-height: 17px;
                color: #fff;
                background-color: transparent;
                text-transform: uppercase;
                font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;
                width: 50%; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .nav-pills .nav-link .text-tab {
                  width: 100%; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .nav-pills .nav-link.active {
                  background-color: transparent;
                  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .nav-pills .nav-link.active .icon {
                    display: flex;
                    position: relative;
                    right: -70px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .nav-pills .nav-link .icon {
                  display: none;
                  font-size: 30px;
                  color: #ff8300; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content {
              max-width: 440px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane {
                color: #fff;
                font-size: 15px;
                line-height: 22px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#componentesAnaliticos {
                  display: flex !important;
                  flex-direction: row;
                  align-items: flex-start;
                  justify-content: flex-start;
                  width: 100%;
                  flex-wrap: wrap; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#componentesAnaliticos .analytic-comp-wrapper {
                    display: flex;
                    flex-direction: row;
                    align-items: flex-start;
                    justify-content: flex-start; }
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#componentesAnaliticos .analytic-comp-wrapper .analyticComp {
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      justify-content: center;
                      width: 100%;
                      margin-bottom: 21px; }
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#componentesAnaliticos .analytic-comp-wrapper .analyticComp .compName {
                        text-align: center;
                        max-width: 64px; }
                      body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#componentesAnaliticos .analytic-comp-wrapper .analyticComp .compPercent {
                        margin-bottom: 10px;
                        font-size: 30px;
                        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane img {
                  width: 142px;
                  float: left;
                  margin: 20px 30px; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane .content-nutriAdditive {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  width: 100%;
                  padding: 10px 30px 10px 37px;
                  border-top: 1px solid rgba(255, 255, 255, 0.3); }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane .content-nutriAdditive:last-child {
                    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane .content-nutriAdditive .value-nutriAdditive {
                    text-align: left; }
                    body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane .content-nutriAdditive .value-nutriAdditive.value-aditive {
                      text-align: right; }
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales {
                  max-height: 345px;
                  overflow-y: scroll; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar {
                    -webkit-appearance: none; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar:vertical {
                    width: 10px; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar:horizontal {
                    width: 10px; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar-button:increment {
                    display: none; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar-button {
                    display: none; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar-thumb {
                    background-color: rgba(255, 255, 255, 0.3);
                    border-radius: 5px; }
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .nutritional-info .row-composition .composition-desktop .tab-content .tab-pane#aditivosNutricionales::-webkit-scrollbar-track {
                    border-radius: 10px; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .title-with-line-content {
        width: 342px;
        margin: 0 0 40px 50px;
        padding-top: 46px; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .title-with-line-content {
            margin-left: 200px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .title-with-line-content .title-with-line-bold {
          width: 100%;
          display: block;
          margin-left: 0; }
          @media (min-width: 768px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .title-with-line-content .title-with-line-bold {
              display: inline; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element {
        font-size: 15px;
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        color: #0c2340;
        font-weight: normal;
        margin: auto; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element {
            margin-left: 200px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element p strong {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          text-transform: uppercase; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element .table-title {
          margin-bottom: 25px; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table {
          width: 100% !important;
          height: auto !important;
          border: none;
          margin: 0 auto 35px;
          display: block;
          left: 0;
          overscroll-behavior: none;
          overflow-x: scroll;
          overflow-y: hidden;
          border-collapse: collapse; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table {
              overflow: visible; } }
          @media (min-width: 544px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table {
              display: table; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr {
            border-bottom: 1px solid #e4dedc;
            width: 100%; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr:first-child td {
              padding-inline: 5px;
              text-transform: uppercase; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr td {
              color: #0c2340;
              margin: 5px 0;
              text-align: right;
              min-width: 75px;
              border: none;
              padding-inline: 5px; }
              @media (min-width: 1280px) {
                body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr td {
                  min-width: 115px; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr td:first-child {
                text-align: left !important;
                width: 30% !important;
                position: sticky;
                left: 0;
                background-color: #fff;
                z-index: 0; }
                @media (min-width: 1280px) {
                  body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr td:first-child {
                    width: 40% !important; } }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr td p {
                color: #0c2340;
                margin: 0; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr .text-underline {
              position: relative; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr .text-underline::after {
                content: "";
                display: block;
                width: 85%;
                margin: 0 auto;
                border-bottom: 1px solid #e4dedc;
                position: absolute;
                right: 0; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .recommended-daily-content .recommended-daily-element table tr .text-underline.text-indent {
                text-indent: 30px; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.product-detail-relaunch .recommended-daily-content .title-with-line-content {
        margin-left: 0; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container {
        display: flex;
        flex-direction: column; }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .title-with-line-content {
          margin-bottom: 50px !important; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .title-with-line-content {
              margin-bottom: 32px !important; } }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-text,
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container {
            max-width: 986px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-text {
          color: #182D4D;
          font-size: 18px;
          font-weight: 400;
          line-height: 21px; }
          @media (max-width: 1279.98px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-text {
              padding: 0 60px 30px; } }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-text {
              margin-bottom: 38px; } }
        body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container {
          display: flex;
          flex-direction: column; }
          @media (min-width: 1280px) {
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container {
              margin-left: 200px; } }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .product-tile .tile-title {
            border-radius: 0 20px;
            height: fit-content; }
            @media (max-width: 1279.98px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .product-tile .tile-title {
                padding: 15px 12px;
                max-width: 222px;
                margin-top: 50px; } }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .product-tile .tile-title {
                padding: 8px 27px;
                max-width: 213px; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .product-tile .tile-title a {
              text-align: center;
              font-size: 20px;
              font-style: normal;
              font-weight: 700;
              line-height: 20px;
              text-transform: uppercase;
              color: #fff; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .product-tile .product-content {
            display: flex;
            flex-direction: column;
            align-items: center; }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .product-tile .product-content .image-container {
              margin: 0; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .product-tile .pdp.mix-feeding-text {
            padding-bottom: 38px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .pdp-mix-feeding-mobile {
            max-width: 350px;
            margin: auto;
            position: relative; }
            @media (min-width: 1280px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .pdp-mix-feeding-mobile {
                display: none; } }
            body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .pdp-mix-feeding-mobile .swiper-button {
              background-image: none;
              top: 50px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .pdp-mix-feeding-mobile .swiper-button.swiper-button-prev {
                left: 44px; }
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .pdp-mix-feeding-mobile .swiper-button.swiper-button-next {
                right: 44px; }
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .pdp-mix-feeding-desktop {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            column-gap: 106px; }
            @media (max-width: 1279.98px) {
              body[data-action="Product-Show"] .page-wrapper .content .product-detail .product-mix-feeding-slot-container .pdp-mix-feeding-container .pdp-mix-feeding-desktop {
                display: none; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.dog .pdp-mix-feeding-text-dog {
        display: block; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.dog .pdp-mix-feeding-text-cat {
        display: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.cat .pdp-mix-feeding-text-dog {
        display: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail.cat .pdp-mix-feeding-text-cat {
        display: block; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_color {
        color: #d69a61 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_b b {
        color: #d69a61 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_border {
        border-color: #d69a61 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_background {
        background-color: #d69a61 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #d69a61 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_background_benefits {
            background: #d69a61; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_triangle-icon::after {
        border-color: transparent transparent #d69a61 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .brown_filter {
        -webkit-filter: invert(60%) sepia(37%) saturate(531%) hue-rotate(348deg) brightness(102%) contrast(89%);
        -moz-filter: invert(60%) sepia(37%) saturate(531%) hue-rotate(348deg) brightness(102%) contrast(89%);
        filter: invert(60%) sepia(37%) saturate(531%) hue-rotate(348deg) brightness(102%) contrast(89%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_color {
        color: #8ab0d4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_b b {
        color: #8ab0d4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_border {
        border-color: #8ab0d4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_background {
        background-color: #8ab0d4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #8ab0d4 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_background_benefits {
            background: #8ab0d4; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_triangle-icon::after {
        border-color: transparent transparent #8ab0d4 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-light-blue_filter {
        -webkit-filter: invert(81%) sepia(4%) saturate(4773%) hue-rotate(181deg) brightness(89%) contrast(86%);
        -moz-filter: invert(81%) sepia(4%) saturate(4773%) hue-rotate(181deg) brightness(89%) contrast(86%);
        filter: invert(81%) sepia(4%) saturate(4773%) hue-rotate(181deg) brightness(89%) contrast(86%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_color {
        color: #ba9cc5 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_b b {
        color: #ba9cc5 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_border {
        border-color: #ba9cc5 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_background {
        background-color: #ba9cc5 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #ba9cc5 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_background_benefits {
            background: #ba9cc5; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_triangle-icon::after {
        border-color: transparent transparent #ba9cc5 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .lavender_filter {
        -webkit-filter: invert(70%) sepia(15%) saturate(568%) hue-rotate(239deg) brightness(94%) contrast(83%);
        -moz-filter: invert(70%) sepia(15%) saturate(568%) hue-rotate(239deg) brightness(94%) contrast(83%);
        filter: invert(70%) sepia(15%) saturate(568%) hue-rotate(239deg) brightness(94%) contrast(83%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_color {
        color: #f1c462 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_b b {
        color: #f1c462 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_border {
        border-color: #f1c462 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_background {
        background-color: #f1c462 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #f1c462 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_background_benefits {
            background: #f1c462; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_triangle-icon::after {
        border-color: transparent transparent #f1c462 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .yellow_filter {
        -webkit-filter: invert(74%) sepia(61%) saturate(372%) hue-rotate(357deg) brightness(98%) contrast(92%);
        -moz-filter: invert(74%) sepia(61%) saturate(372%) hue-rotate(357deg) brightness(98%) contrast(92%);
        filter: invert(74%) sepia(61%) saturate(372%) hue-rotate(357deg) brightness(98%) contrast(92%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_color {
        color: #3a913f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_b b {
        color: #3a913f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_border {
        border-color: #3a913f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_background {
        background-color: #3a913f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #3a913f 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_background_benefits {
            background: #3a913f; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_triangle-icon::after {
        border-color: transparent transparent #3a913f transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .stronger-green_filter {
        -webkit-filter: invert(50%) sepia(9%) saturate(3403%) hue-rotate(73deg) brightness(92%) contrast(77%);
        -moz-filter: invert(50%) sepia(9%) saturate(3403%) hue-rotate(73deg) brightness(92%) contrast(77%);
        filter: invert(50%) sepia(9%) saturate(3403%) hue-rotate(73deg) brightness(92%) contrast(77%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_color {
        color: #d50032 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_b b {
        color: #d50032 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_border {
        border-color: #d50032 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_background {
        background-color: #d50032 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #d50032 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_background_benefits {
            background: #d50032; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_triangle-icon::after {
        border-color: transparent transparent #d50032 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink-red_filter {
        -webkit-filter: invert(19%) sepia(98%) saturate(4854%) hue-rotate(336deg) brightness(78%) contrast(120%);
        -moz-filter: invert(19%) sepia(98%) saturate(4854%) hue-rotate(336deg) brightness(78%) contrast(120%);
        filter: invert(19%) sepia(98%) saturate(4854%) hue-rotate(336deg) brightness(78%) contrast(120%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_color {
        color: #e782a9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_b b {
        color: #e782a9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_border {
        border-color: #e782a9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_background {
        background-color: #e782a9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #e782a9 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_background_benefits {
            background: #e782a9; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_triangle-icon::after {
        border-color: transparent transparent #e782a9 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-pink_filter {
        -webkit-filter: invert(60%) sepia(59%) saturate(313%) hue-rotate(286deg) brightness(89%) contrast(103%);
        -moz-filter: invert(60%) sepia(59%) saturate(313%) hue-rotate(286deg) brightness(89%) contrast(103%);
        filter: invert(60%) sepia(59%) saturate(313%) hue-rotate(286deg) brightness(89%) contrast(103%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_color {
        color: #e24585 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_b b {
        color: #e24585 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_border {
        border-color: #e24585 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_background {
        background-color: #e24585 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #e24585 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_background_benefits {
            background: #e24585; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_triangle-icon::after {
        border-color: transparent transparent #e24585 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .pink_filter {
        -webkit-filter: invert(41%) sepia(49%) saturate(3082%) hue-rotate(311deg) brightness(93%) contrast(89%);
        -moz-filter: invert(41%) sepia(49%) saturate(3082%) hue-rotate(311deg) brightness(93%) contrast(89%);
        filter: invert(41%) sepia(49%) saturate(3082%) hue-rotate(311deg) brightness(93%) contrast(89%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_color {
        color: #71b2c9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_b b {
        color: #71b2c9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_border {
        border-color: #71b2c9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_background {
        background-color: #71b2c9 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #71b2c9 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_background_benefits {
            background: #71b2c9; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_triangle-icon::after {
        border-color: transparent transparent #71b2c9 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grayer-blue_filter {
        -webkit-filter: invert(71%) sepia(64%) saturate(250%) hue-rotate(152deg) brightness(83%) contrast(88%);
        -moz-filter: invert(71%) sepia(64%) saturate(250%) hue-rotate(152deg) brightness(83%) contrast(88%);
        filter: invert(71%) sepia(64%) saturate(250%) hue-rotate(152deg) brightness(83%) contrast(88%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_color {
        color: #7bafd4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_b b {
        color: #7bafd4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_border {
        border-color: #7bafd4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_background {
        background-color: #7bafd4 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #7bafd4 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_background_benefits {
            background: #7bafd4; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_triangle-icon::after {
        border-color: transparent transparent #7bafd4 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .palid-blue_filter {
        -webkit-filter: invert(68%) sepia(12%) saturate(1297%) hue-rotate(162deg) brightness(100%) contrast(78%);
        -moz-filter: invert(68%) sepia(12%) saturate(1297%) hue-rotate(162deg) brightness(100%) contrast(78%);
        filter: invert(68%) sepia(12%) saturate(1297%) hue-rotate(162deg) brightness(100%) contrast(78%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_color {
        color: #de7c00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_b b {
        color: #de7c00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_border {
        border-color: #de7c00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_background {
        background-color: #de7c00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #de7c00 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_background_benefits {
            background: #de7c00; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_triangle-icon::after {
        border-color: transparent transparent #de7c00 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .orange_filter {
        -webkit-filter: invert(51%) sepia(50%) saturate(3148%) hue-rotate(10deg) brightness(97%) contrast(101%);
        -moz-filter: invert(51%) sepia(50%) saturate(3148%) hue-rotate(10deg) brightness(97%) contrast(101%);
        filter: invert(51%) sepia(50%) saturate(3148%) hue-rotate(10deg) brightness(97%) contrast(101%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_color {
        color: #575195 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_b b {
        color: #575195 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_border {
        border-color: #575195 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_background {
        background-color: #575195 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #575195 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_background_benefits {
            background: #575195; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_triangle-icon::after {
        border-color: transparent transparent #575195 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .purple_filter {
        -webkit-filter: invert(34%) sepia(13%) saturate(1908%) hue-rotate(206deg) brightness(94%) contrast(95%);
        -moz-filter: invert(34%) sepia(13%) saturate(1908%) hue-rotate(206deg) brightness(94%) contrast(95%);
        filter: invert(34%) sepia(13%) saturate(1908%) hue-rotate(206deg) brightness(94%) contrast(95%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_color {
        color: #61a60e !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_b b {
        color: #61a60e !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_border {
        border-color: #61a60e !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_background {
        background-color: #61a60e !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #61a60e 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_background_benefits {
            background: #61a60e; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_triangle-icon::after {
        border-color: transparent transparent #61a60e transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .strong-green_filter {
        -webkit-filter: invert(76%) sepia(61%) saturate(5257%) hue-rotate(49deg) brightness(90%) contrast(89%);
        -moz-filter: invert(76%) sepia(61%) saturate(5257%) hue-rotate(49deg) brightness(90%) contrast(89%);
        filter: invert(76%) sepia(61%) saturate(5257%) hue-rotate(49deg) brightness(90%) contrast(89%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_color {
        color: #f2a900 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_b b {
        color: #f2a900 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_border {
        border-color: #f2a900 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_background {
        background-color: #f2a900 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #f2a900 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_background_benefits {
            background: #f2a900; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_triangle-icon::after {
        border-color: transparent transparent #f2a900 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-orange_filter {
        -webkit-filter: invert(65%) sepia(11%) saturate(6220%) hue-rotate(7deg) brightness(102%) contrast(102%);
        -moz-filter: invert(65%) sepia(11%) saturate(6220%) hue-rotate(7deg) brightness(102%) contrast(102%);
        filter: invert(65%) sepia(11%) saturate(6220%) hue-rotate(7deg) brightness(102%) contrast(102%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_color {
        color: #b5bd00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_b b {
        color: #b5bd00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_border {
        border-color: #b5bd00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_background {
        background-color: #b5bd00 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #b5bd00 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_background_benefits {
            background: #b5bd00; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_triangle-icon::after {
        border-color: transparent transparent #b5bd00 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-green_filter {
        -webkit-filter: invert(70%) sepia(27%) saturate(3716%) hue-rotate(23deg) brightness(98%) contrast(105%);
        -moz-filter: invert(70%) sepia(27%) saturate(3716%) hue-rotate(23deg) brightness(98%) contrast(105%);
        filter: invert(70%) sepia(27%) saturate(3716%) hue-rotate(23deg) brightness(98%) contrast(105%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_color {
        color: #00bed6 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_b b {
        color: #00bed6 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_border {
        border-color: #00bed6 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_background {
        background-color: #00bed6 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #00bed6 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_background_benefits {
            background: #00bed6; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_triangle-icon::after {
        border-color: transparent transparent #00bed6 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bright-blue_filter {
        -webkit-filter: invert(60%) sepia(20%) saturate(5243%) hue-rotate(145deg) brightness(95%) contrast(102%);
        -moz-filter: invert(60%) sepia(20%) saturate(5243%) hue-rotate(145deg) brightness(95%) contrast(102%);
        filter: invert(60%) sepia(20%) saturate(5243%) hue-rotate(145deg) brightness(95%) contrast(102%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_color {
        color: #5bc5f2 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_b b {
        color: #5bc5f2 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_border {
        border-color: #5bc5f2 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_background {
        background-color: #5bc5f2 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #5bc5f2 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_background_benefits {
            background: #5bc5f2; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_triangle-icon::after {
        border-color: transparent transparent #5bc5f2 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .light-blue_filter {
        -webkit-filter: invert(67%) sepia(22%) saturate(1041%) hue-rotate(156deg) brightness(103%) contrast(90%);
        -moz-filter: invert(67%) sepia(22%) saturate(1041%) hue-rotate(156deg) brightness(103%) contrast(90%);
        filter: invert(67%) sepia(22%) saturate(1041%) hue-rotate(156deg) brightness(103%) contrast(90%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_color {
        color: #0376aa !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_b b {
        color: #0376aa !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_border {
        border-color: #0376aa !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_background {
        background-color: #0376aa !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #0376aa 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_background_benefits {
            background: #0376aa; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_triangle-icon::after {
        border-color: transparent transparent #0376aa transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .blue_filter {
        -webkit-filter: invert(27%) sepia(84%) saturate(1452%) hue-rotate(173deg) brightness(98%) contrast(98%);
        -moz-filter: invert(27%) sepia(84%) saturate(1452%) hue-rotate(173deg) brightness(98%) contrast(98%);
        filter: invert(27%) sepia(84%) saturate(1452%) hue-rotate(173deg) brightness(98%) contrast(98%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_color {
        color: #9b4956 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_b b {
        color: #9b4956 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_border {
        border-color: #9b4956 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_background {
        background-color: #9b4956 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #9b4956 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_background_benefits {
            background: #9b4956; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_triangle-icon::after {
        border-color: transparent transparent #9b4956 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .red_filter {
        -webkit-filter: invert(35%) sepia(13%) saturate(2070%) hue-rotate(301deg) brightness(96%) contrast(92%);
        -moz-filter: invert(35%) sepia(13%) saturate(2070%) hue-rotate(301deg) brightness(96%) contrast(92%);
        filter: invert(35%) sepia(13%) saturate(2070%) hue-rotate(301deg) brightness(96%) contrast(92%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_color {
        color: #7e970f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_b b {
        color: #7e970f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_border {
        border-color: #7e970f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_background {
        background-color: #7e970f !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #7e970f 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_background_benefits {
            background: #7e970f; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_triangle-icon::after {
        border-color: transparent transparent #7e970f transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .green_filter {
        -webkit-filter: invert(51%) sepia(64%) saturate(1904%) hue-rotate(40deg) brightness(93%) contrast(88%);
        -moz-filter: invert(51%) sepia(64%) saturate(1904%) hue-rotate(40deg) brightness(93%) contrast(88%);
        filter: invert(51%) sepia(64%) saturate(1904%) hue-rotate(40deg) brightness(93%) contrast(88%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_color {
        color: #758592 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_b b {
        color: #758592 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_border {
        border-color: #758592 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_background {
        background-color: #758592 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #758592 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_background_benefits {
            background: #758592; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_triangle-icon::after {
        border-color: transparent transparent #758592 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .grey_filter {
        -webkit-filter: invert(53%) sepia(20%) saturate(334%) hue-rotate(165deg) brightness(93%) contrast(79%);
        -moz-filter: invert(53%) sepia(20%) saturate(334%) hue-rotate(165deg) brightness(93%) contrast(79%);
        filter: invert(53%) sepia(20%) saturate(334%) hue-rotate(165deg) brightness(93%) contrast(79%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_color {
        color: #e54884 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_b b {
        color: #e54884 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_border {
        border-color: #e54884 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_background {
        background-color: #e54884 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #e54884 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_background_benefits {
            background: #e54884; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_triangle-icon::after {
        border-color: transparent transparent #e54884 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .vibrant-pink_filter {
        -webkit-filter: invert(47%) sepia(24%) saturate(5241%) hue-rotate(309deg) brightness(92%) contrast(96%);
        -moz-filter: invert(47%) sepia(24%) saturate(5241%) hue-rotate(309deg) brightness(92%) contrast(96%);
        filter: invert(47%) sepia(24%) saturate(5241%) hue-rotate(309deg) brightness(92%) contrast(96%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_color {
        color: #71B790 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_b b {
        color: #71B790 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_border {
        border-color: #71B790 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_background {
        background-color: #71B790 !important; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_background_benefits {
        background-image: linear-gradient(to bottom, transparent 15%, #71B790 15%); }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_background_benefits {
            background: #71B790; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_triangle-icon::after {
        border-color: transparent transparent #71B790 transparent; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail .bay-leaf-green_filter {
        -webkit-filter: invert(69%) sepia(54%) saturate(251%) hue-rotate(94deg) brightness(87%) contrast(89%);
        -moz-filter: invert(69%) sepia(54%) saturate(251%) hue-rotate(94deg) brightness(87%) contrast(89%);
        filter: invert(69%) sepia(54%) saturate(251%) hue-rotate(94deg) brightness(87%) contrast(89%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
    body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch.diets .title-with-line-content h2 {
      border: none;
      min-width: 256px;
      max-width: 290px;
      font-size: 22px; }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch.diets .title-with-line-content h2 {
          min-width: fit-content; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch.diets .title-with-line-content h2 span {
        font-size: 22px;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch .title-with-line-content {
      margin-top: 90px;
      width: auto !important;
      padding-left: 0; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch .title-with-line-content::after {
        display: none; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch .title-with-line-content h2 {
        font-size: 25px;
        color: white;
        background: #0c2340;
        padding: 8px 45px;
        border-radius: 20px 0;
        border: 2px solid #63cfe3;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        display: block;
        width: fit-content; }
        @media (max-width: 1279.98px) {
          body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch .title-with-line-content h2 {
            margin-left: 0 !important;
            border-radius: 0 0 20px 0;
            border-left: none; } }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch .title-with-line-content .title-with-line-bold {
        color: white; }
      body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch .title-with-line-content span {
        font-size: 25px; }
    @media (min-width: 1280px) {
      body[data-action="Product-Show"] .page-wrapper .content .product-detail-relaunch .title-with-line-content {
        width: auto !important;
        margin: 65px 200px !important; } }
    body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations {
      position: relative; }
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .title-with-line-content {
        width: fit-content;
        padding-top: 70px;
        margin: 0 auto; }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .title-with-line-content {
            margin: 0 0 80px 200px; } }
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations::after {
        content: " ";
        position: absolute;
        background: url("../../img/gradient/mobile-invested-gradient.png");
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 180px;
        bottom: 100px;
        border-bottom: 1px solid #979797;
        bottom: 50px; }
        @media (min-width: 768px) {
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations::after {
            background-image: url("../../img/gradient/gradient-invested-tablet.png");
            height: 173px; } }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations::after {
            background-size: contain;
            background-image: url("../../img/gradient/gradient-invested-desktop.png");
            height: 177px; } }
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel {
        width: 100%; }
        body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .carousel-container .product-tile .tile-body {
          display: none; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .carousel-container {
            max-width: 920px;
            margin: 0 0 0 200px; } }
        body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .swiper-button-brandcolor {
          background: none;
          top: 100px; }
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .swiper-button-brandcolor.swiper-button-prev {
            margin-left: 15px; }
            @media (min-width: 768px) {
              body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .swiper-button-brandcolor.swiper-button-prev {
                left: 200px; } }
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .swiper-button-brandcolor.swiper-button-next {
            margin-right: 15px; }
            @media (min-width: 768px) {
              body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .swiper-button-brandcolor.swiper-button-next {
                right: 200px; } }
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations .slot-container .recommendation-constrain .recommendations-carousel .swiper-button-brandcolor .icon {
            color: #ff8300; }
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations #product-recommendations header h2.section-title {
        font-size: 18px;
        letter-spacing: 4px; }
    body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .title-with-line-content {
      font-size: 25px;
      background: #0c2340;
      padding: 8px 45px;
      width: fit-content;
      margin: 65px 200px 0 !important;
      border-radius: 20px 0;
      border: 2px solid #63cfe3;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .title-with-line-content h2 {
        color: white;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 23px;
        min-width: 256px;
        max-width: 290px; }
        @media (min-width: 1280px) {
          body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .title-with-line-content h2 {
            min-width: fit-content; } }
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .title-with-line-content::after {
        display: none !important; }
      @media (max-width: 1279.98px) {
        body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .title-with-line-content {
          margin-left: 0 !important;
          border-radius: 0 0 20px 0;
          border-left: none; } }
      @media (min-width: 1280px) {
        body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .title-with-line-content .swiper-slide {
          width: 33% !important; } }
    body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog::after {
      display: none !important; }
    @media (min-width: 768px) {
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .recommendations-carousel .swiper-button-prev,
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .recommendations-carousel .swiper-button-next {
        display: none !important; } }
    body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .recommendations-carousel .swiper-button-prev .icon,
    body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .recommendations-carousel .swiper-button-next .icon {
      color: #63cfe3 !important; }
    @media (min-width: 768px) {
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .recommendations-carousel .carousel-container .swiper-slide {
        width: 33.3% !important; } }
    body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .recommendations-carousel .carousel-container .swiper-slide .product {
      height: auto; }
      body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog .recommendations-carousel .carousel-container .swiper-slide .product-title {
        height: auto; }
    body[data-action="Product-Show"] .page-wrapper .content .slot-recommendations-dog-diets .title-with-line-content {
      border: none; }
    body[data-action="Product-Show"] .page-wrapper .content .row {
      position: relative;
      margin: 0; }
    body[data-action="Product-Show"] .page-wrapper .content .top-row {
      z-index: 3; }
    body[data-action="Product-Show"] .page-wrapper .content .title-with-line-content .title-with-line {
      width: 100%;
      display: block;
      margin-left: 0; }
      @media (min-width: 768px) {
        body[data-action="Product-Show"] .page-wrapper .content .title-with-line-content .title-with-line {
          display: inline; } }
    body[data-action="Product-Show"] .page-wrapper .content .title-with-line-content .title-with-line-bold {
      width: 100%;
      display: block;
      margin-left: 0; }
      @media (min-width: 768px) {
        body[data-action="Product-Show"] .page-wrapper .content .title-with-line-content .title-with-line-bold {
          display: inline; } }
    body[data-action="Product-Show"] .page-wrapper .content .title-with-line-content::after {
      width: 100%; }

body[data-action="Product-Show"] .white-background {
  background-color: #fff; }

body[data-action="Product-Show"].cat_area .page-wrapper .content .product-detail .nutritional-info::before {
  background-image: url("../img/pdp/cat-benefits.png") !important; }

body[data-action="Product-Show"].Advance-ca .page-wrapper .content .product-detail .product-info .product-buttons .buy-buttons .cart-and-ipay {
  display: none; }

.product-image__online {
  height: 80px;
  position: absolute;
  width: 80px; }
  @media (min-width: 769px) and (max-width: 1279px) {
    .product-image__online {
      right: 40vw; } }
  @media (min-width: 1280px) {
    .product-image__online {
      right: 100px; } }

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; } }

@font-face {
  font-family: 'iconsChat';
  src: url("../fonts/icons-chat.woff2") format("woff2"), url("../fonts/icons-chat.woff") format("woff"), url("../fonts/icons-chat.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: fallback; }

body[data-action="Home-Show"] #home-chosepet .home-chosepet-container > div,
body[data-action="Home-Show"] #home-chosepet .home-learning-container > div,
body[data-action="Home-Show"] #home-chosepet .home-product-container > div,
body[data-action="Home-Show"] #home-learning .home-chosepet-container > div,
body[data-action="Home-Show"] #home-learning .home-learning-container > div,
body[data-action="Home-Show"] #home-learning .home-product-container > div,
body[data-action="Home-Show"] #home-product .home-chosepet-container > div,
body[data-action="Home-Show"] #home-product .home-learning-container > div,
body[data-action="Home-Show"] #home-product .home-product-container > div {
  margin: 0 auto; }

body[data-action="Home-Show"] #home-chosepet .home-learning-container > div > div,
body[data-action="Home-Show"] #home-chosepet .home-product-container > div > div,
body[data-action="Home-Show"] #home-learning .home-learning-container > div > div,
body[data-action="Home-Show"] #home-learning .home-product-container > div > div,
body[data-action="Home-Show"] #home-product .home-learning-container > div > div,
body[data-action="Home-Show"] #home-product .home-product-container > div > div {
  margin: 0 auto; }

body[data-action="Home-Show"] #home-learning .home-learning-container {
  margin: 0 0 30px; }

body[data-action="Home-Show"] #home-product .home-product-container {
  margin-bottom: 25px; }

body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel, body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel {
  width: 100%;
  max-width: none; }
  body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel .product, body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel .product {
    max-width: 360px; }
  body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-slide > div, body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-slide > div {
    margin: 0 5px; }
  body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet, body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet {
    border: 1px solid #0c2340; }

body[data-action="Search-Show"] .page-wrapper.full-width .slot-recommendations.recommendations-subhome {
  padding-bottom: 20px !important; }
  body[data-action="Search-Show"] .page-wrapper.full-width .slot-recommendations.recommendations-subhome::after {
    content: " ";
    position: absolute;
    background: url("../../img/gradient/mobile-gradient.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 1280px;
    height: 180px;
    bottom: 94px;
    z-index: 0; }
    @media (min-width: 768px) {
      body[data-action="Search-Show"] .page-wrapper.full-width .slot-recommendations.recommendations-subhome::after {
        background-size: contain;
        background-image: url("../img/gradient/gradient-desktop.png");
        bottom: 254px; } }
  body[data-action="Search-Show"] .page-wrapper.full-width .slot-recommendations.recommendations-subhome .title-with-line-content {
    max-width: 261px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0; }
    @media (min-width: 768px) {
      body[data-action="Search-Show"] .page-wrapper.full-width .slot-recommendations.recommendations-subhome .title-with-line-content {
        max-width: 448px; } }

body[data-action="Search-Show"] #landing-product .root-category-button {
  margin-bottom: 0;
  padding-bottom: 50px; }
  body[data-action="Search-Show"] #landing-product .root-category-button .pill-btn.btn.btn-brand,
  body[data-action="Search-Show"] #landing-product .root-category-button a.btn.btn-brand {
    background-color: transparent !important;
    color: #0c2340 !important;
    border-color: #0c2340 !important; }
    body[data-action="Search-Show"] #landing-product .root-category-button .pill-btn.btn.btn-brand:hover,
    body[data-action="Search-Show"] #landing-product .root-category-button a.btn.btn-brand:hover {
      background-color: #0c2340 !important;
      border-color: #ffffff !important;
      color: #ffffff !important; }

body[data-action="Search-Show"] #landing-chosepet .landing-chosepet-container > div {
  margin: 0 auto; }

body[data-action="Search-Show"] #landing-chosepet .landing-chosepet-container > div > div {
  margin: 0 auto; }

body[data-action="Search-Show"] #landing-learning .landing-learning-container {
  margin: 0 0 30px; }

body[data-action="Search-Show"] #landing-learning .landing-learning-container > div {
  margin: 0 auto; }

body[data-action="Search-Show"] #landing-learning .landing-learning-container > div > div {
  margin: 0 auto; }

body[data-action="Search-Show"] #landing-favourite-articles {
  margin-bottom: 40px; }
  body[data-action="Search-Show"] #landing-favourite-articles .section-title {
    position: relative;
    color: #0c2340;
    padding-bottom: 23px;
    margin-bottom: 23px;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 4px; }
    body[data-action="Search-Show"] #landing-favourite-articles .section-title::after {
      content: " ";
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 55px;
      height: 4px;
      background-color: #0c2340; }

body[data-action="Search-Show"] .trustpilot-widget {
  padding: 2rem 0;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: none; }

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; }

body[data-action="Home-Show"] [data-slot] .section-desc,
body[data-action="Search-Show"] [data-slot] .section-desc {
  font-size: 1.125rem;
  margin-top: 35px;
  color: #0c2340;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  position: relative;
  text-align: center;
  margin-bottom: 56px;
  letter-spacing: 4px; }

body[data-action="Home-Show"] [data-slot] .has-line::after,
body[data-action="Search-Show"] [data-slot] .has-line::after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: -26px;
  transform: translateX(-50%);
  border-radius: 2px;
  width: 55px;
  height: 4px;
  background-color: #0c2340; }

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; }

@media (min-width: 768px) {
  body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel, body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel {
    width: 90%; }
    body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-slide > div, body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-slide > div {
      margin: 0 5px; } }

body.Advance-es #embeddedMessagingConversationButton,
body.Advance-es .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] {
  background: #0c2340;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  height: 50px;
  width: 200px; }
  body.Advance-es #embeddedMessagingConversationButton .embeddedMessagingIconContainer,
  body.Advance-es .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] .embeddedMessagingIconContainer {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center; }

body.Advance-es #embeddedMessagingIconChat path,
body.Advance-es #embeddedMessagingIconMinimize path,
body.Advance-es .minimizedButton:focus {
  fill: #ffffff !important; }

body.Advance-es .minimizedButtonIconContainer svg,
body.Advance-es .embeddedMessagingIconContainer svg {
  display: none; }

body.Advance-es .minimizedButtonIconContainer::after,
body.Advance-es .embeddedMessagingIconContainer::after {
  content: "Iniciar Chat";
  display: block;
  font-size: 16px;
  font-family: 'Klavika-Regular';
  color: #fff; }

body.Advance-es .minimizedButtonIconContainer::before,
body.Advance-es .embeddedMessagingIconContainer::before {
  border-radius: 50%;
  content: '\e949';
  display: inline-block;
  font-size: 20px;
  font-family: 'iconsChat';
  color: #fff; }

body.Advance-es .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
  bottom: 0 !important;
  height: 500px; }
  @media (max-height: 630px) {
    body.Advance-es .embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] {
      height: 480px;
      max-height: none; } }

html[lang="ca"] .embeddedMessagingConversationButton {
  display: none; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
body#card-steps-body {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 100vh;
  background-color: #E5E5E5;
  padding: 16px; }
  body#card-steps-body .square {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 156;
    padding: 24px; }
    @media (max-width: 768px) {
      body#card-steps-body .square {
        width: calc(100vw - 32px);
        padding: 16px; } }
  body#card-steps-body .background-image-desktop,
  body#card-steps-body .background-image-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1280px; }
  @media (min-width: 769px) {
    body#card-steps-body .background-image-desktop {
      display: block; } }
  @media (max-width: 768px) {
    body#card-steps-body .background-image-mobile {
      display: block; } }

.square-container p {
  display: flex;
  gap: 5px; }

.square-container strong {
  display: flex; }

.square {
  background-color: #fff;
  width: 100%;
  max-width: 400px;
  max-height: 95%;
  overflow-y: auto;
  border-radius: 0 30px 0 30px;
  padding: 30px 16px; }
  .square .custom-button-transparent {
    width: 100%;
    text-align: center;
    margin-top: 12px;
    color: #475467;
    font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    cursor: pointer; }
  .square button[type="submit"] {
    margin-top: 32px; }
    .square button[type="submit"].custom-button-transparent {
      margin-top: 12px; }
  .square .btn-1, .square .btn-2 {
    box-shadow: none;
    background: none;
    border: 2px solid #EAECF0;
    border-radius: 5px !important; }
    .square .btn-1 .bought-bt, .square .btn-2 .bought-bt {
      border-radius: 4px;
      box-shadow: none; }
      .square .btn-1 .bought-bt:focus, .square .btn-2 .bought-bt:focus {
        outline: none; }
    .square .btn-1.active, .square .btn-2.active {
      border: 2px solid #0C2340;
      border-radius: 5px !important; }
      .square .btn-1.active svg#shopping-cart, .square .btn-1.active svg#shopping-cart-bought, .square .btn-2.active svg#shopping-cart, .square .btn-2.active svg#shopping-cart-bought {
        width: 60%;
        height: 100%;
        stroke-width: 1; }
        .square .btn-1.active svg#shopping-cart path, .square .btn-1.active svg#shopping-cart circle, .square .btn-1.active svg#shopping-cart-bought path, .square .btn-1.active svg#shopping-cart-bought circle, .square .btn-2.active svg#shopping-cart path, .square .btn-2.active svg#shopping-cart circle, .square .btn-2.active svg#shopping-cart-bought path, .square .btn-2.active svg#shopping-cart-bought circle {
          stroke: #0C2340; }
  .square .has-pet-container {
    gap: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  .square .has-pet-yes, .square .has-pet-no {
    flex: 100%;
    margin-bottom: 0; }
    .square .has-pet-yes input, .square .has-pet-no input {
      position: absolute;
      opacity: 0; }
    .square .has-pet-yes .checkmark, .square .has-pet-no .checkmark {
      display: flex;
      flex-direction: column;
      text-align: left;
      border: 2px solid #EAECF0;
      border-radius: 5px;
      box-sizing: border-box;
      cursor: pointer;
      justify-content: center;
      align-items: center;
      padding: 20px;
      gap: 10px;
      margin-bottom: 16px; }
      .square .has-pet-yes .checkmark p, .square .has-pet-no .checkmark p {
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 14px;
        color: #32455E;
        line-height: 20px;
        margin: 0; }
    .square .has-pet-yes input:checked ~ .checkmark, .square .has-pet-no input:checked ~ .checkmark {
      border: 2px solid #0C2340; }

.advance-logo-steps {
  text-align: center; }

.advance-logo-steps img {
  height: 24px; }

.title-steps h3 {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #101828;
  margin-top: 20px; }

.title-steps p {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #667085;
  margin-top: 8px; }

.title-steps span {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #101828; }

.description-steps {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
  margin-top: 10px; }

.button-two-content.step-button {
  height: 44px;
  margin-top: 32px; }

button.button-two.steps-bt-text {
  text-transform: none; }

button.button-two.success {
  text-transform: none; }

.form-group-steps {
  padding: 10px 0; }
  .form-group-steps .form-steps span {
    font-family: 'Klavika-Regular';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #344054; }
  .form-group-steps .form-steps .form-steps-input {
    padding-top: 6px; }
    .form-group-steps .form-steps .form-steps-input input {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      padding: 10px 14px;
      height: 52px;
      border: 2px solid #EAECF0;
      border-radius: 5px;
      box-shadow: none;
      font-family: 'Klavika-Light';
      font-style: normal;
      font-size: 16px;
      color: #667085;
      background: none; }
      .form-group-steps .form-steps .form-steps-input input:focus {
        border: 2px solid #0c2340; }
      .form-group-steps .form-steps .form-steps-input input.is-invalid {
        border: 2px solid #e71b17; }

.form-steps-checkbox label {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.form-steps-checkbox input:focus ~ label,
.form-steps-checkbox input:valid ~ label {
  color: #0c2340; }

.form-steps-checkbox .custom-steps-label::before {
  border-color: #0c2340 !important;
  border-radius: 0 5px; }

.form-steps-checkbox .custom-steps-checkbox:checked ~ .custom-steps-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -3 11 14'%3e%3cpath fill='%2366321f' 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"); }

.form-steps-checkbox .custom-steps-checkbox:checked ~ .custom-steps-label::before,
.form-steps-checkbox .custom-steps-checkbox:focus ~ .custom-steps-label::before {
  border-color: #0c2340; }

.how-much {
  align-self: center; }
  .how-much span {
    font-weight: bold; }

.row-how-much {
  padding-bottom: 10%;
  display: flex; }

svg.feather.feather-minus-circle, svg.feather.feather-plus-circle {
  width: 20px;
  margin: 10px;
  cursor: pointer; }

input.steps-count-pets:disabled {
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #eaecf0; }

.steps-count-pets {
  width: 76px;
  height: 52px;
  text-align: center; }
  @media (max-width: 768px) {
    .steps-count-pets {
      padding-left: 2%; } }

.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding-left: 21px; }

.steps-form-title {
  font-weight: bold;
  padding-bottom: 10px; }

input.petName {
  width: 100%;
  height: 52px;
  border-radius: 5px;
  border: 2px solid #EAECF0;
  padding: 10px 14px; }
  input.petName:focus {
    border: 2px solid #0c2340; }

select#pets {
  height: 52px;
  border-radius: 5px;
  border: 2px solid #EAECF0;
  padding: 10px 14px;
  width: 100%; }

select:required:invalid {
  color: gray; }

option[value=""][disabled] {
  display: none; }

option {
  color: black; }

.newPet {
  margin-bottom: 4%; }

.delete-trash {
  align-self: center; }

svg#arrow-right {
  vertical-align: top;
  width: 20px; }

svg#arrow-left {
  vertical-align: top;
  width: 20px;
  margin-right: 10px; }

svg.feather.feather-trash.remove {
  width: 20px; }

.bought-bt {
  width: 130px;
  height: 136px;
  border-radius: 5px; }

.icon-circle {
  display: inline-block;
  border-radius: 60px;
  width: 70px;
  height: 70px;
  background-color: #ededed; }

.icon-circle-success {
  display: inline-block;
  border-radius: 28px;
  width: 48px;
  height: 48px;
  background-color: #D1FADF; }

svg#shopping-cart-bought, svg#shopping-cart-bought:before {
  background-image: url("/on/demandware.static/Sites-Advance-es-Site/-/default/dw402f573a/img/advance-logo.png");
  width: 60%;
  height: 100%;
  stroke-width: 1;
  background-repeat: no-repeat;
  background-size: 45%;
  background-position-y: 45%;
  background-position-x: 68%; }

svg#shopping-cart, svg#shopping-cart-bought {
  width: 60%;
  height: 100%;
  stroke-width: 1; }

svg#check-circle {
  width: 50%;
  height: 100%;
  stroke-width: 2px;
  color: #039855; }

.text-under-circle {
  margin-top: 10px;
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #32455E; }

.btn:active, .btn.active {
  border: 2px solid #0C2340;
  background-color: #fff; }
  .btn:active .text-under-circle, .btn.active .text-under-circle {
    color: #0C2340; }

.col.btn.btn-1 {
  margin-right: 2%; }

.col.btn.btn-2 {
  margin-left: 2%; }

.btn-group {
  width: 100%; }

.buttons-step3 .btn {
  color: #333333; }

.buttons-step3 .btn-cart {
  height: auto; }

.step.active {
  display: block;
  z-index: 2; }

.step {
  display: none; }

input[type="text"].invalid {
  border: 2px solid red; }

#charging-dog {
  text-align: center; }

select.pets {
  height: 52px;
  border-radius: 5px;
  border: 2px solid #EAECF0;
  padding: 10px 14px;
  width: 100%;
  box-shadow: none; }
  select.pets:focus {
    border: 2px solid #0c2340; }

select.pets.is-invalid {
  color: #e71b17;
  border: 2px solid #e71b17;
  padding-right: 10px;
  background: none; }
  select.pets.is-invalid:focus {
    box-shadow: none; }

input.petName.is-invalid {
  border: 2px solid #e71b17; }

div#private-area-landing-slot img {
  width: 100%; }

.pageHeaderPrivateArea {
  max-width: 1312px;
  margin: 0 auto;
  padding: 0px 16px; }
  .pageHeaderPrivateArea header {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 0 0;
    margin: 0 auto;
    max-width: 1240px; }
    .pageHeaderPrivateArea header .clubadvance-info-btn {
      display: flex;
      flex-direction: row;
      column-gap: 8px;
      width: 100%;
      max-width: 100%;
      max-height: 48px;
      margin-bottom: 22px; }
    .pageHeaderPrivateArea header .svg-icon-diamond {
      margin-bottom: 4px; }
  @media (min-width: 768px) {
    .pageHeaderPrivateArea {
      padding: 66px 0 3px 0; }
      .pageHeaderPrivateArea header {
        flex-direction: row;
        column-gap: 105px;
        padding: 0 15px;
        margin: 0 auto; }
        .pageHeaderPrivateArea header .clubadvance-info-btn {
          width: fit-content;
          max-width: fit-content;
          min-width: fit-content;
          margin: 0; } }
  @media (min-width: 1280px) {
    .pageHeaderPrivateArea header.title-private-area {
      margin: 0 auto; } }

.page-title-pa {
  text-align: initial;
  font-size: 48px;
  line-height: 60px;
  font-family: 'Klavika-Bold';
  letter-spacing: -0.02em;
  color: #0C2340;
  margin: 0; }
  @media (max-width: 768px) {
    .page-title-pa {
      font-size: 28px;
      line-height: 38px; } }

.dashboard-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 200px;
  grid-gap: 0.5rem; }
  .dashboard-elementsspan {
    background: #3A3A3A;
    text-align: center;
    color: #FFFFFF;
    line-height: 200px;
    font-size: xx-large; }

@media (max-width: 768px) {
  .swiper-container-horizontal {
    border-radius: 5px; }
  .card-pa {
    max-width: 100% !important;
    max-height: 100% !important; }
  .card-pa .row {
    display: contents; }
  .icon-circle {
    margin: 0 auto !important; }
  .card-pa .row .col-3 {
    margin: 0px auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .col div.button-card-dashb {
    margin: 12px 0; }
  .button-description-pa-cards {
    hyphens: auto;
    text-align: justify;
    padding: 0 !important; } }

@media (max-width: 400px) {
  .how-much span, .steps-form-title, select#pets, .petName {
    font-size: 90%; } }

@media (max-width: 378px) {
  .how-much span, .steps-form-title, select#pets, .petName {
    font-size: 85%; } }

: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: 544px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1450px;
  --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; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 544px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1450px) {
    .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: 544px) {
  .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: 1280px) {
  .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: 1450px) {
  .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: 543.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: 1279.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: 1449.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: none; }
  .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: 544px) {
    .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: 544px) {
  .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: 1280px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1450px) {
  .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: none; }
    .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: none; }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: none; }
    .custom-range:focus::-ms-thumb {
      box-shadow: none; }
  .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: 543.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 544px) {
  .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: 1279.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1280px) {
  .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: 1449.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1450px) {
  .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; }

.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; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem; }
  @media (min-width: 544px) {
    .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; }

.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: 544px) {
  .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: 1280px) {
  .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: 1450px) {
  .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; }

.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: 544px) {
  .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: 1280px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

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

.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 #EAECF0 !important; }

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

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

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

.border-left {
  border-left: 1px solid #EAECF0 !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: 544px) {
  .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: 1280px) {
  .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: 1450px) {
  .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: 544px) {
  .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: 1280px) {
  .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: 1450px) {
  .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: 544px) {
  .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: 1280px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1450px) {
  .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: 544px) {
  .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: 1280px) {
  .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: 1450px) {
  .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: 544px) {
  .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: 1280px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1450px) {
  .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 #79716B;
    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; } }

.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: 544px) {
    .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: 544px) {
    .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: 544px) {
  .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; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.elements {
  display: flex; }

.col.checks {
  display: table;
  margin: auto; }

svg.feather.feather-check.row {
  margin-right: 5%; }

.dashboard-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  row-gap: 100px;
  column-gap: 49px;
  padding-bottom: 40px; }
  @media (max-width: 768px) {
    .dashboard-elements {
      grid-template-columns: 1fr;
      row-gap: 52px; } }
  .dashboard-elements .club-advance {
    grid-row: 1 / 4; }

@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0; }
  100% {
    --pgPercentage: var(--value); } }

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0; }

div[role="progressbar"] {
  --size: 10rem;
  margin: 15%;
  --fg: $brand-color;
  --bg: #F2F4F7;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg); }

div[role="progressbar"]::before {
  counter-reset: percentage var(--value); }

.card-pa {
  background-color: white;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  border-radius: 5px;
  margin-top: 10px; }
  .card-pa.completed {
    background-color: #EAECF0; }
    .card-pa.completed h5 {
      color: #98A2B3; }
    .card-pa.completed .card-description {
      color: #98A2B3; }
    .card-pa.completed .icon-circle-status {
      background-color: #ECFDF3;
      color: #027A48; }
      .card-pa.completed .icon-circle-status svg {
        stroke: #027A48; }
    .card-pa.completed svg {
      stroke: #98A2B3; }
    .card-pa.completed .card-description.bold {
      color: #ff8300; }
      .card-pa.completed .card-description.bold svg path {
        fill: #ff8300;
        stroke: #ff8300; }

#private-area-dashboard-container.private-area-guided-tour.private-area-guided-tour-step-5 .card-pa.card-pa-profile {
  position: relative;
  z-index: 152;
  pointer-events: none; }

.circle1 {
  position: relative;
  width: 40px;
  height: 40px;
  transform: translate(0%, 80%);
  border-radius: 50%;
  background-color: #EAECF0; }

.level {
  font-size: 15px;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  padding-top: 10%; }

.points {
  font-size: 40%;
  transform: translate(0%, -100%); }

.points span {
  color: #ff8300; }

.points svg {
  margin-bottom: 7%; }

.icon-circle-private-area {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  width: 120px;
  height: 120px;
  background-color: #F2F4F7; }

.text-vet-chat {
  display: table;
  margin: auto; }
  .text-vet-chat h5 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

#registerFormSubmit {
  text-transform: none; }

.button-vet-chat {
  height: 50px;
  min-width: 236px;
  background-color: #182D4D;
  border: 2px solid #63CFE3;
  border-radius: 0 20px;
  transition: transform 0.2s;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  display: grid; }
  .button-vet-chat.white {
    border: 2px solid #182D4D;
    background-color: white; }
    .button-vet-chat.white button {
      color: #182D4D; }
  .button-vet-chat.locked {
    border: 2px solid #7A8696;
    background-color: #7A8696;
    color: #FFFFFF; }
    .button-vet-chat.locked button {
      color: white; }
  .button-vet-chat .start-chat,
  .button-vet-chat .js-open-vetchat-popup {
    color: white;
    font-weight: 500;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  .button-vet-chat button {
    outline: none !important;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.button-vet-chat:hover {
  transform: scale(1.05); }

.button-add-pet {
  outline: none;
  height: 48px;
  background-color: #ff8300;
  border-radius: 0 20px;
  transition: transform 0.2s;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  display: grid; }
  .button-add-pet.white {
    border: 2px solid #0c2340;
    background-color: white; }
  .button-add-pet .add-pet-bt {
    color: white;
    outline: none !important; }

.button-add-pet:hover {
  transform: scale(1.05); }

.icon-circle-zap {
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-top: 35%; }

.text-vet-chat {
  margin: 26px 15px 0px;
  width: 100%; }

.feather-zap {
  height: 32px;
  width: 100%; }

.card-description {
  color: #556579;
  font-family: 'Klavika'; }
  .card-description.bold {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    color: #9EA7B3; }

.card-description svg {
  margin-bottom: 18%;
  display: inline; }

span.card-description {
  float: right;
  margin-right: 20%;
  margin-top: 10%; }

.icon-circle-status {
  display: flex;
  background-color: #F2F4F7;
  border-radius: 16px;
  padding: 10%; }

.text-button-vet {
  margin: 3%;
  padding: 2px 8px 2px 6px; }

.feather-clock {
  width: 16px;
  margin: 2%;
  padding-bottom: 2%;
  height: auto; }

.icon-circle-status span {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 13px;
  align-self: center;
  font-weight: bolder; }

.button-level-up {
  width: fit-content;
  margin-top: 20px;
  background-color: #ff8300;
  border-radius: 0 20px;
  transition: transform 0.2s;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  padding: 2% 5% 2% 5%; }

.button-level-up:hover {
  transform: scale(1.05); }

.go-advance-club {
  color: white; }

.dashboard-elements h5 {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

.card-pa-recommenders {
  background-color: white;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px;
  margin-top: 20px; }

span.icon-icn-shop {
  font-size: 1.5rem;
  color: white; }

.card-pa-recommenders .product.tile-specific-height {
  height: fit-content; }

@media (max-width: 767px) {
  .col-gender {
    order: 1; } }

.toggle-gender, .toggle-custom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 16px; }
  .toggle-gender label, .toggle-custom label {
    border: 2px solid #EAECF0;
    padding: 2%;
    text-align: center;
    border-radius: 5px !important;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    white-space: normal;
    line-height: 1;
    background: none;
    font-size: 1rem;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    flex: 1 1 0 !important;
    box-shadow: none !important; }
    @media (max-width: 767px) {
      .toggle-gender label, .toggle-custom label {
        flex: 1 1 33% !important;
        margin-bottom: 0 !important; } }
    .toggle-gender label:active, .toggle-gender label.active, .toggle-custom label:active, .toggle-custom label.active {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 0.95rem; }
    .toggle-gender label input, .toggle-custom label input {
      display: none; }

.tab {
  display: flex;
  margin: 18px 0 28px;
  max-width: 1312px;
  padding: 0 16px; }
  @media (min-width: 768px) {
    .tab {
      margin: 40px auto; } }

.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  color: #98A2B3;
  justify-content: center;
  transition: 0.3s;
  background: transparent !important;
  border-bottom: 2px solid #EAECF0 !important;
  border-radius: 0px !important;
  width: 100%;
  display: flex;
  padding-bottom: 15px; }
  .tab button span {
    margin-left: 10px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    font-size: 16px; }
  .tab button:focus {
    outline: none; }
  .tab button.active {
    background: transparent !important;
    border-bottom: 2px solid #081527 !important;
    border-radius: 0px !important;
    font-weight: bold;
    border: none;
    outline: none; }
    .tab button.active span {
      color: #0c2340; }
    .tab button.active svg {
      stroke: #0c2340;
      vertical-align: top; }
      .tab button.active svg path {
        stroke: #0c2340; }

.tab button:hover {
  background-color: #ddd; }

.tabcontent {
  display: none; }

.tablinks:not(.active):hover {
  filter: invert(9%) sepia(41%) saturate(2213%) hue-rotate(189deg) brightness(25%) contrast(95%); }

div h1.page-title-tabs {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 48px;
  letter-spacing: -0.02em;
  color: #0c2340;
  margin-bottom: 32px; }
  @media (max-width: 768px) {
    div h1.page-title-tabs {
      font-size: 24px; } }

div h2.page-subtitle {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 30px;
  color: #0c2340;
  margin-bottom: 16px; }
  @media (max-width: 768px) {
    div h2.page-subtitle {
      font-size: 24px; } }

.image-error-message {
  color: red; }

.edit-profile-form,
#familyData,
#configuration {
  max-width: 1312px;
  margin: 0 auto;
  padding: 0 16px; }

#configuration .card {
  margin-bottom: 50px; }

.edit-profile-form .form-control-label {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: 600;
  font-size: 14px;
  color: #344054; }

.edit-profile-form .btn.btn-gender {
  height: 52px; }

.extra-info-desc {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 16px;
  color: #556579;
  max-width: 580px; }

.extra-container {
  border-radius: 5px; }

#login-form-email-dash {
  padding-left: 42px;
  background: url(../fonts/mail.svg) no-repeat left;
  background-size: 20px;
  background-position: 14px; }

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(../fonts/calendar.svg) no-repeat right;
  background-size: 20px;
  background-position: 96%; }

.personal-data .profile-pic {
  flex-direction: column; }

.membership-level {
  position: absolute;
  left: 7%;
  width: 100% !important;
  max-width: 23%;
  object-fit: contain; }
  @media (max-width: 768px) {
    .membership-level {
      left: -20px;
      max-width: 64px; } }

.change-profile-picture {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: 600;
  font-size: 14px;
  color: #0c2340;
  text-align: center;
  margin: 0;
  cursor: pointer; }
  @media (max-width: 768px) {
    .change-profile-picture {
      font-size: 16px; } }

.text-pet-name-list {
  margin: auto; }

.rounded-circle-petlist {
  height: 174px;
  width: 174px; }
  @media (max-width: 768px) {
    .rounded-circle-petlist {
      width: 85px;
      height: 85px; } }

.dashboard-pet-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 21px; }
  @media (max-width: 768px) {
    .dashboard-pet-elements {
      grid-template-columns: 1fr;
      gap: 12px; } }

#familyData .family-data-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 52px;
  margin-bottom: 59px; }

#familyData .family-data-wrapper > div {
  flex-basis: 100%; }

@media (min-width: 768px) {
  #familyData .family-data-wrapper {
    flex-direction: row;
    column-gap: 87px;
    margin-bottom: 110px; }
  #familyData .family-data-wrapper > div {
    flex-basis: 50%; } }

.pet-name-list {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 30px;
  color: #0c2340;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 45%; }
  .pet-name-list + a {
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.4;
    color: #081527;
    font-weight: 500;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    display: inline-block; }
  @media (max-width: 768px) {
    .pet-name-list {
      max-width: 60%; } }

.button-description-pet-elements {
  color: #556579;
  margin: 0px;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 16px; }
  .button-description-pet-elements + a {
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.4;
    color: #081527;
    font-weight: 500;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    display: inline-block; }
  @media (max-width: 768px) {
    .button-description-pet-elements {
      margin-top: 10px; } }

.description-pet-elements-points {
  color: #ff8300;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

.feather-heart {
  height: 15px;
  fill: #ff8300;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  margin-bottom: 2%; }

.card-pa-pets-list {
  display: flex;
  align-items: center;
  gap: 28px;
  background-color: white;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  border-radius: 5px;
  padding: 28px;
  min-height: 210px; }
  @media (max-width: 768px) {
    .card-pa-pets-list {
      padding: 16px;
      gap: 16px; } }
  .card-pa-pets-list .group {
    position: relative;
    width: 100%; }
    .card-pa-pets-list .group .pet-card-data:not(.not-completed) {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px; }
    .card-pa-pets-list .group .pet-card-data > div {
      line-height: initial; }
      .card-pa-pets-list .group .pet-card-data > div.full-column {
        grid-column: 1 / 3; }
    .card-pa-pets-list .group .pet-card-data .title-label {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 12px;
      color: #0c2340;
      line-height: 18px; }
    .card-pa-pets-list .group .pet-card-data p.font-weight-bold {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700;
      font-size: 16px;
      color: #0c2340;
      line-height: 24px;
      margin-bottom: 0; }
    .card-pa-pets-list .group .pet-card-data .coin-points {
      font-size: 14px;
      color: #63CFE3;
      padding-left: 10px; }
    .card-pa-pets-list .group .pet-card-data .loyalty-coin {
      display: inline-block; }
    .card-pa-pets-list .group .pet-card-data .outside-circle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 13px;
      height: 13px;
      background: linear-gradient(267.73deg, #63CFE3 2.11%, #63CFE3 96.2%);
      border-radius: 100%;
      box-sizing: initial; }
      .card-pa-pets-list .group .pet-card-data .outside-circle .inside-circle {
        position: relative;
        border: thin solid #FFFFFF;
        z-index: 1;
        width: 9px;
        height: 9px;
        background: linear-gradient(267.73deg, #63CFE3 2.11%, #63CFE3 96.2%);
        border-radius: 100%;
        box-sizing: initial; }
        .card-pa-pets-list .group .pet-card-data .outside-circle .inside-circle svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    .card-pa-pets-list .group .pet-card-title {
      display: flex;
      align-items: center;
      column-gap: 20px; }
      @media (max-width: 767px) {
        .card-pa-pets-list .group .pet-card-title {
          flex-direction: column;
          align-items: flex-start; } }
      .card-pa-pets-list .group .pet-card-title .pet-name-pendient {
        margin-bottom: 0.5rem;
        padding: 2px 6px;
        background: #FFFAEB;
        border-radius: 16px; }
        .card-pa-pets-list .group .pet-card-title .pet-name-pendient p {
          font-weight: 500;
          font-size: 12px;
          line-height: 18px;
          color: #B54708;
          margin: 0;
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 6px;
          min-width: 90px;
          height: auto;
          min-height: 22px;
          border-radius: 16px;
          padding: 0 8px; }
          @media (max-width: 767px) {
            .card-pa-pets-list .group .pet-card-title .pet-name-pendient p {
              white-space: nowrap; } }
          .card-pa-pets-list .group .pet-card-title .pet-name-pendient p svg {
            margin-bottom: 4px; }
    .card-pa-pets-list .group .context-menu {
      position: absolute;
      top: 0;
      right: -10px; }
  .card-pa-pets-list .desktop {
    display: block; }
    @media (max-width: 768px) {
      .card-pa-pets-list .desktop {
        display: none !important; } }
  .card-pa-pets-list .mobile {
    display: none; }
    @media (max-width: 768px) {
      .card-pa-pets-list .mobile {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 10px; } }

.button-new-pet {
  height: 48px;
  width: 18%;
  margin-top: 0px;
  background-color: #ff8300;
  border-radius: 0 20px;
  transition: transform 0.2s;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  display: grid;
  margin: 2% 2% 2% 0; }
  .button-new-pet .add-pet-bt {
    color: white; }

.button-new-pet:hover {
  transform: scale(1.05); }

.page-wrapper .pet-edit-profile-pic img {
  height: 156px;
  width: 156px; }
  @media (max-width: 768px) {
    .page-wrapper .pet-edit-profile-pic img.view-profile-image {
      width: 97px;
      height: 97px; } }

.pet-edit-resume-mobile .group {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 10px; }
  .pet-edit-resume-mobile .group .pet-edit-profile-pic {
    padding: 0 !important; }

.card-pa-edit-pets-list {
  width: 100%; }

.option-edit-pet {
  margin: auto;
  text-align-last: center; }

svg.feather.feather-edit-2 {
  height: 20px;
  width: 20px;
  margin-bottom: 3%; }

#toggle-edit-pet {
  cursor: pointer; }

.page-wrapper .pet-profile-edit-pic img {
  width: 100%; }

.icon-circle-pet-size {
  border-radius: 50%;
  height: 65px;
  width: 65px;
  background-color: #F2F4F7;
  text-align: center;
  vertical-align: middle;
  display: table-cell; }

.pet-size-key {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  color: #32455E;
  margin-top: 12px; }

.pet-size-size {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 12px;
  color: #32455E; }

#petBreed .btn-custom-toggle.active,
#petSterilization .btn-custom-toggle.active {
  border: 2px solid #0c2340 !important;
  background: #fff; }

.sex-choice .sex-choice-radio-group {
  display: flex !important;
  gap: 16px; }
  .sex-choice .sex-choice-radio-group input:checked + label {
    border: 2px solid #0c2340 !important;
    background: #fff; }
    .sex-choice .sex-choice-radio-group input:checked + label .choose-pet-sex {
      color: #0c2340; }

.choose-pet-sex {
  text-align: center;
  padding-top: 8%;
  padding-bottom: 8%;
  color: #0c2340; }
  .choose-pet-sex.choose-Pregnant {
    padding: 0; }

label.form-check-label2 {
  opacity: 1;
  border: 2px solid #EAECF0;
  background-color: #fff !important;
  padding-top: 10%;
  height: 100%;
  width: 100%;
  text-align: -webkit-center;
  border-radius: 5px !important;
  margin-top: 0px !important; }

.nav-item-pet {
  flex: auto; }

.container-edit-pet {
  margin: 10% auto; }

ul#petBreed {
  margin-bottom: 40px; }

#registration-form-pBirthdate, #birthday {
  background: url(../fonts/calendar.svg) no-repeat right;
  background-size: 15px;
  background-position: 96%;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 16px;
  padding: 0 14px;
  display: flex;
  align-items: center; }

#registration-form-pBreed {
  background: url(../fonts/listArrow.svg) no-repeat right;
  background-size: 13px;
  background-position: 95%; }
  #registration-form-pBreed:hover {
    background: initial;
    background-size: initial;
    background-position: initial; }

.extra-container #birthday {
  display: flex; }

@media (max-width: 767px) {
  .col-catdog {
    order: 1 !important; } }

.contextualMenu {
  position: absolute;
  padding: 6px 0;
  background: #ffffff;
  border: 1px solid #F2F4F7;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px;
  margin: 0;
  list-style: none;
  z-index: 2;
  right: 40px;
  top: 0; }

.contextualMenuItem {
  display: block;
  padding: 6px 14px;
  cursor: default;
  min-width: 200px;
  text-align: left; }
  .contextualMenuItem a {
    display: flex;
    align-items: center;
    gap: 13px; }

.contextualMenuItemTitle {
  text-align: left;
  line-height: 16px;
  display: inline-block;
  padding: 0px 0px 0px 7px; }

.contextualMenu {
  display: none; }
  .contextualMenu.open {
    display: block; }

.card-menu-items {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #344054; }

svg.feather.feather-edit-2.edit-2-context-menu {
  height: 24px;
  width: 24px;
  padding-top: 2%; }

svg.feather.feather-more-vertical {
  cursor: pointer; }

@media (max-width: 767px) {
  .tab button span {
    display: none; }
  .button-new-pet {
    width: 100%; }
  .pet-resume-list {
    display: block; } }

.card-pa-edit-pets-list .card-columns .card {
  border: none; }

@media (min-width: 768px) {
  .card-pa-edit-pets-list .card-columns {
    column-count: 2;
    column-gap: 80px;
    row-gap: 16px;
    orphans: unset; }
    .card-pa-edit-pets-list .card-columns .card-body {
      padding: 0; } }

@media (max-width: 767px) {
  .card-pa-edit-pets-list .card-columns {
    display: flex;
    flex-direction: column; }
    .card-pa-edit-pets-list .card-columns .card-body {
      padding: 0; }
    .card-pa-edit-pets-list .card-columns .card-pet-name {
      order: 0; }
    .card-pa-edit-pets-list .card-columns .card-pet-type {
      order: 1; }
    .card-pa-edit-pets-list .card-columns .card-pet-size {
      order: 2; }
    .card-pa-edit-pets-list .card-columns .card-pet-breed {
      order: 3; }
    .card-pa-edit-pets-list .card-columns .card-pet-gender {
      order: 4; }
    .card-pa-edit-pets-list .card-columns .card-pet-sterilized {
      order: 5; }
    .card-pa-edit-pets-list .card-columns .card-pet-birthday {
      order: 6; } }

.card-pa-edit-pets-list .nav-pills.animals .nav-item-pet + .nav-item-pet {
  margin-left: 16px; }

.card-pa-edit-pets-list .nav-pills.animals .nav-item-pet .nav-link {
  width: 100%; }

.card-pa-edit-pets-list .card-pet-sterilized .toggle-custom {
  column-gap: 16px; }
  .card-pa-edit-pets-list .card-pet-sterilized .toggle-custom .btn-custom-toggle {
    width: 30%; }
  @media (max-width: 767px) {
    .card-pa-edit-pets-list .card-pet-sterilized .toggle-custom {
      flex-direction: column;
      align-items: stretch; }
      .card-pa-edit-pets-list .card-pet-sterilized .toggle-custom .btn-custom-toggle {
        width: 100%;
        align-items: baseline;
        min-height: 52px; } }

.col-custom {
  background: #FFFFFF;
  border-radius: 5px; }

@media (min-width: 768px) {
  .card-columns-custom {
    column-count: 2;
    column-gap: 80px;
    margin-bottom: 100px; }
    .card-columns-custom .card-body {
      padding: 24px; } }

@media (max-width: 767px) {
  .card-columns-custom {
    display: flex;
    flex-direction: column; }
    .card-columns-custom .card-body {
      padding: 16px; }
    .card-columns-custom .communication {
      order: 0; }
    .card-columns-custom .new-password-form {
      order: 1; }
    .card-columns-custom .privacy-links {
      order: 2; } }

#configuration .communication .card, #configuration .privacy-links .card, #configuration .new-password-form .card {
  border: none; }
  #configuration .communication .card .card-body, #configuration .privacy-links .card .card-body, #configuration .new-password-form .card .card-body {
    background: white;
    border-radius: 5px;
    box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
    padding: 24px; }
    @media (max-width: 768px) {
      #configuration .communication .card .card-body, #configuration .privacy-links .card .card-body, #configuration .new-password-form .card .card-body {
        padding: 16px; } }

#configuration .communication .register-subscription p, #configuration .privacy-links .register-subscription p, #configuration .new-password-form .register-subscription p {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 16px;
  color: #556579; }

#configuration .communication .register-subscription .custom-control, #configuration .privacy-links .register-subscription .custom-control, #configuration .new-password-form .register-subscription .custom-control {
  margin: 0; }

.new-password-form input {
  font-family: 'Klavika-Light' !important;
  font-weight: 300;
  font-size: 16px !important;
  color: #667085; }

.new-password-form .btn.pill-btn {
  margin: 0;
  max-width: none;
  width: 100%;
  height: 48px;
  text-transform: none; }

#petTypeBreed {
  display: none; }

.pet-profile-page {
  margin: 0 2%; }
  @media (max-width: 768px) {
    .pet-profile-page {
      margin: 0 16px; } }
  .pet-profile-page .page-title-tabs {
    margin: 50px 0 32px 0; }
    @media (max-width: 768px) {
      .pet-profile-page .page-title-tabs {
        margin: 28px 0 30px 0; } }
  .pet-profile-page .card-pa-edit-pets-list {
    margin-bottom: 75px !important; }
    @media (max-width: 768px) {
      .pet-profile-page .card-pa-edit-pets-list {
        margin-bottom: 50px !important; } }
  .pet-profile-page .pet-needs-inputs {
    margin-bottom: 16px !important; }
    @media (max-width: 768px) {
      .pet-profile-page .pet-needs-inputs {
        margin-bottom: 16px !important; } }
  .pet-profile-page #registration-form-pName,
  .pet-profile-page #registration-form-pBreed {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 16px;
    color: #101828;
    padding: 0 14px; }
  .pet-profile-page .toggle-edit-pet {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    font-size: 14px;
    color: #081527;
    cursor: pointer; }
    @media (max-width: 768px) {
      .pet-profile-page .toggle-edit-pet {
        position: absolute;
        top: 16px;
        right: 16px; } }

body[data-action="Recommendation-Show"] .content,
body[data-action="Family-PetProfile"] .content {
  flex-flow: wrap;
  padding: 2%; }

body[data-action="Recommendation-Show"] .pet-needs-inputs,
body[data-action="Family-PetProfile"] .pet-needs-inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 40px !important;
  border-radius: 5px; }
  @media (max-width: 768px) {
    body[data-action="Recommendation-Show"] .pet-needs-inputs,
    body[data-action="Family-PetProfile"] .pet-needs-inputs {
      grid-template-columns: repeat(1, 1fr);
      padding: 16px !important; } }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(1),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(1) {
    order: 2; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(2),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(2) {
    order: 5; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(3),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(3) {
    order: 7; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(4),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(4) {
    order: 6; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(5),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(5) {
    order: 0; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(6),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(6) {
    order: 10; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(7),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(7) {
    order: 1; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(8),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(8) {
    order: 8; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(9),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(9) {
    order: 4; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(10),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(10) {
    order: 9; }
  body[data-action="Recommendation-Show"] .pet-needs-inputs .checkbox-img:nth-child(11),
  body[data-action="Family-PetProfile"] .pet-needs-inputs .checkbox-img:nth-child(11) {
    order: 3; }

body[data-action="Recommendation-Show"] .checkbox-img input:checked ~ label,
body[data-action="Family-PetProfile"] .checkbox-img input:checked ~ label {
  border: 2px solid #0c2340;
  color: #fff !important;
  background: #0c2340; }

body[data-action="Recommendation-Show"] .checkbox-img label,
body[data-action="Family-PetProfile"] .checkbox-img label {
  display: flex !important;
  align-items: center;
  padding: 8px;
  height: 56px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  margin-bottom: 0 !important;
  cursor: pointer;
  text-align: left !important;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 14px !important;
  color: #32455E !important; }

body[data-action="Recommendation-Show"] .checkbox-img .label-container img,
body[data-action="Family-PetProfile"] .checkbox-img .label-container img {
  border-radius: 100%;
  margin-right: 12px !important;
  display: block !important; }

.content.pet-needs-inputs.disableAll {
  pointer-events: visible; }

.btn-link {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  color: #0c2340;
  font-size: 20px;
  line-height: 45px; }

.row.personal-data .group {
  position: relative;
  width: 100%;
  max-width: 279px;
  margin-bottom: 16px; }
  @media (max-width: 768px) {
    .row.personal-data .group {
      max-width: 170px;
      margin: 0 auto 16px auto; } }
  .row.personal-data .group #profileImageSrc {
    width: 100%;
    height: auto;
    cursor: pointer; }

.pet-edit-form-buttons {
  float: right;
  display: flex; }

.personal-data input[type=text],
.personal-data input[type=number],
.personal-data input[type=email],
.personal-data input[type=date] {
  width: 100%;
  font-family: 'Klavika-Light' !important;
  font-weight: 300;
  font-size: 16px !important;
  padding: 0 14px;
  box-sizing: border-box;
  height: 52px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  box-shadow: none; }
  .personal-data input[type=text]:focus,
  .personal-data input[type=number]:focus,
  .personal-data input[type=email]:focus,
  .personal-data input[type=date]:focus {
    border: 2px solid #0c2340; }
  .personal-data input[type=text]::-webkit-outer-spin-button,
  .personal-data input[type=number]::-webkit-outer-spin-button,
  .personal-data input[type=email]::-webkit-outer-spin-button,
  .personal-data input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .personal-data input[type=text]::-webkit-inner-spin-button,
  .personal-data input[type=number]::-webkit-inner-spin-button,
  .personal-data input[type=email]::-webkit-inner-spin-button,
  .personal-data input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.add-address-form input[type=text],
.add-address-form input[type=number],
.extra-information input[type=text],
.extra-information input[type=number],
.extra-information input[type=email],
.extra-information input[type=date] {
  width: 100%;
  font-family: 'Klavika-Light' !important;
  font-weight: 300;
  font-size: 16px !important;
  padding: 0 14px;
  box-sizing: border-box;
  height: 52px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  box-shadow: none; }
  .add-address-form input[type=text]:focus,
  .add-address-form input[type=number]:focus,
  .extra-information input[type=text]:focus,
  .extra-information input[type=number]:focus,
  .extra-information input[type=email]:focus,
  .extra-information input[type=date]:focus {
    border: 2px solid #0c2340; }
  .add-address-form input[type=text]::-webkit-outer-spin-button,
  .add-address-form input[type=number]::-webkit-outer-spin-button,
  .extra-information input[type=text]::-webkit-outer-spin-button,
  .extra-information input[type=number]::-webkit-outer-spin-button,
  .extra-information input[type=email]::-webkit-outer-spin-button,
  .extra-information input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .add-address-form input[type=text]::-webkit-inner-spin-button,
  .add-address-form input[type=number]::-webkit-inner-spin-button,
  .extra-information input[type=text]::-webkit-inner-spin-button,
  .extra-information input[type=number]::-webkit-inner-spin-button,
  .extra-information input[type=email]::-webkit-inner-spin-button,
  .extra-information input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.add-address-form .invalid-fedback, .add-main-address-form .invalid-fedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

.add-main-address-form input.large {
  height: 96px !important; }

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

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

.donation-reward-popup {
  display: none;
  z-index: 152;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  width: calc(100% - 32px);
  max-height: calc(100% - 32px);
  background: #fff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  padding: 24px; }
  @media (max-width: 768px) {
    .donation-reward-popup {
      padding: 20px 16px 16px 16px; } }
  .donation-reward-popup .image-back {
    background: #FEF0C7;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
  .donation-reward-popup h2 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 1.5rem;
    line-height: 1.33;
    color: #0c2340;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center; }
  .donation-reward-popup .buttons {
    margin-top: 32px;
    display: flex;
    flex-direction: row; }
    @media (max-width: 768px) {
      .donation-reward-popup .buttons {
        flex-direction: column;
        margin-top: 20px; } }
    .donation-reward-popup .buttons button {
      width: 100%; }
      .donation-reward-popup .buttons button + button {
        margin-left: 10px; }
        @media (max-width: 768px) {
          .donation-reward-popup .buttons button + button {
            margin-top: 12px;
            margin-left: 0; } }

.js-address-form .is-invalid {
  background-image: none !important;
  border-bottom: 2px solid #EAECF0 !important; }

/***** MOBILE *****/
@media (max-width: 768px) {
  .icon-circle-pet-size {
    border-radius: 50%;
    background-color: #F2F4F7;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }
  .icon-icon_mini::before {
    content: "\e90d";
    font-size: 25px; }
  .icon-icon_medium::before {
    content: "\e90c";
    font-size: 25px; }
  .icon-icon_max::before {
    content: "\e90b";
    font-size: 30px; }
  .pet-size-key {
    font-size: 80%; }
  .page-wrapper .pet-profile-edit-pic img {
    width: 180px; }
  .form-group {
    margin-bottom: 0;
    padding: 10px 0; }
  .pet-edit-form-buttons {
    float: none;
    display: block;
    width: 100%; }
  .pet-edit-form-buttons .pet-profile-btn {
    justify-content: center !important; } }

#pet-edit-resume-d, #pet-edit-resume-m {
  position: relative;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #0c2340;
  border-radius: 5px; }
  @media (max-width: 767px) {
    #pet-edit-resume-d.pet-edit-resume-desktop, #pet-edit-resume-m.pet-edit-resume-desktop {
      display: none; } }
  #pet-edit-resume-d.pet-edit-resume-mobile, #pet-edit-resume-m.pet-edit-resume-mobile {
    box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
    padding: 5%; }
    @media (min-width: 768px) {
      #pet-edit-resume-d.pet-edit-resume-mobile, #pet-edit-resume-m.pet-edit-resume-mobile {
        display: none; } }
  #pet-edit-resume-d .col-pet-condition, #pet-edit-resume-m .col-pet-condition {
    padding-top: 2%;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 16px;
    color: #0c2340; }
    #pet-edit-resume-d .col-pet-condition .font-weight-bold, #pet-edit-resume-m .col-pet-condition .font-weight-bold {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  #pet-edit-resume-d .pet-edit-profile-pic, #pet-edit-resume-m .pet-edit-profile-pic {
    padding: 4%; }

.main-private-area h1 {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 30px;
  color: #0c2340;
  padding: 8px 0 10px 0; }
  @media (max-width: 768px) {
    .main-private-area h1 {
      font-size: 24px; } }

.button-save {
  margin: 1rem auto !important; }

.petRegistration #pet-edit {
  padding: 35px 35px 35px 80px;
  overflow: visible; }
  @media (max-width: 768px) {
    .petRegistration #pet-edit {
      padding: 18px 16px; } }

.petRegistration #profileImageSrc {
  width: 254px;
  height: 254px;
  cursor: pointer; }
  @media (max-width: 768px) {
    .petRegistration #profileImageSrc {
      width: 170px;
      height: 170px; } }

.petRegistration .form-group.custom-input {
  margin: 0 !important; }

.petRegistration .form-control-label {
  margin-bottom: 8px !important; }

.petRegistration #petType,
.petRegistration #petBreed {
  margin-bottom: 0; }
  .petRegistration #petType label.btn-custom-toggle,
  .petRegistration #petBreed label.btn-custom-toggle {
    width: 167px;
    height: 136px; }
    .petRegistration #petType label.btn-custom-toggle:not(.active),
    .petRegistration #petBreed label.btn-custom-toggle:not(.active) {
      color: #98A2B3 !important; }
    .petRegistration #petType label.btn-custom-toggle.active .choose-pet-sex,
    .petRegistration #petBreed label.btn-custom-toggle.active .choose-pet-sex {
      color: #0c2340; }
    .petRegistration #petType label.btn-custom-toggle .icon-circle-pet-size,
    .petRegistration #petBreed label.btn-custom-toggle .icon-circle-pet-size {
      margin-bottom: 12px; }
    .petRegistration #petType label.btn-custom-toggle .choose-pet-sex,
    .petRegistration #petBreed label.btn-custom-toggle .choose-pet-sex {
      padding: 0;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 14px;
      font-weight: 700;
      color: #32455E;
      line-height: 20px; }

.petRegistration .sex-choice input[type=radio] ~ label {
  color: #98A2B3; }

.petRegistration .sex-choice .sex-choice-radio-group input:checked + label {
  color: #0c2340; }

.petRegistration #petTypeBreed {
  margin-top: 16px; }

.petRegistration #petSizeValidation {
  display: flex;
  gap: 16px; }
  .petRegistration #petSizeValidation > div {
    flex: 1 1 33%; }
  .petRegistration #petSizeValidation .icon-icon_mini:before {
    font-size: 22px; }
  .petRegistration #petSizeValidation .icon-icon_medium:before {
    font-size: 26px; }
  .petRegistration #petSizeValidation .icon-icon_max:before {
    font-size: 45px; }
  .petRegistration #petSizeValidation label {
    cursor: pointer; }

.petRegistration .card-pet-gender .form-check-label2 {
  cursor: pointer;
  height: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  margin: 0; }

.petRegistration .card-pet-gender .choose-pet-sex {
  padding: 0;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 14px;
  font-weight: 700;
  color: #32455E;
  line-height: 20px;
  margin-top: 12px; }

.petRegistration .card-pet-gender .icon-circle-pet-size {
  display: flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 768px) {
  .petRegistration .card-columns > div,
  .petRegistration .card.card-pet-name {
    margin: 0 0 32px 0; } }

.grayed {
  background-color: #e9ecef !important;
  cursor: not-allowed; }

#personalData .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px; }
  @media (max-width: 768px) {
    #personalData .grid {
      grid-template-columns: repeat(1, 1fr);
      gap: 52px;
      display: block; } }
  #personalData .grid div .refund-method {
    margin: 40px 0 80px; }
    @media (max-width: 768px) {
      #personalData .grid div .refund-method {
        display: none; } }
  #personalData .grid > .refund-method {
    margin: 25px 0 80px; }
    @media (min-width: 769px) {
      #personalData .grid > .refund-method {
        display: none; } }
  #personalData .grid #add-address {
    margin-top: 80px; }
    @media (max-width: 768px) {
      #personalData .grid #add-address {
        margin-top: 25px; } }
    #personalData .grid #add-address > .buttons {
      display: flex;
      flex-direction: column-reverse;
      margin-top: 16px;
      align-items: flex-start; }
      @media (min-width: 768px) {
        #personalData .grid #add-address > .buttons {
          flex-direction: row;
          justify-content: space-between;
          align-items: center; } }
      #personalData .grid #add-address > .buttons div {
        width: 100%; }
        @media (min-width: 768px) {
          #personalData .grid #add-address > .buttons div {
            width: auto; } }
      #personalData .grid #add-address > .buttons button {
        font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
        font-size: 1rem;
        line-height: 1.5;
        color: #0c2340;
        text-decoration: underline;
        margin-bottom: 16px;
        outline: none; }
        @media (min-width: 768px) {
          #personalData .grid #add-address > .buttons button {
            margin-bottom: 0; } }
    #personalData .grid #add-address .empty-address {
      display: flex;
      align-items: center;
      gap: 28px;
      padding: 32px;
      margin-top: 16px;
      background: #FFFFFF;
      box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
      border-radius: 5px; }
      @media (max-width: 1280px) {
        #personalData .grid #add-address .empty-address {
          flex-direction: column;
          padding: 16px; } }
      #personalData .grid #add-address .empty-address .text {
        display: flex;
        flex-direction: column; }
        #personalData .grid #add-address .empty-address .text h3 {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: 700;
          font-size: 20px;
          line-height: 30px;
          color: #0c2340;
          margin-bottom: 8px; }
        #personalData .grid #add-address .empty-address .text p {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300;
          font-size: 16px;
          line-height: 24px;
          color: #0c2340;
          margin-bottom: 20px; }
        #personalData .grid #add-address .empty-address .text .custom-button {
          max-width: 180px; }
          @media (max-width: 768px) {
            #personalData .grid #add-address .empty-address .text .custom-button {
              max-width: 100%; } }
  @media (max-width: 768px) {
    #personalData .grid .favorite-stores {
      margin-top: 50px; } }

#personalData h2 {
  margin-bottom: 0px; }

#personalData .profile-incompleted {
  display: flex;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 16px;
  margin-top: 8px;
  color: #556579; }
  #personalData .profile-incompleted .total-points {
    display: inline-block; }
    #personalData .profile-incompleted .total-points span.strong {
      margin-left: 4px; }
    #personalData .profile-incompleted .total-points .loyalty-coin {
      display: inline-flex;
      margin: 0; }

.refund-method {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding: 0; }
  .refund-method .iban-added {
    max-width: calc(100% - 204px); }
    .refund-method .iban-added p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #556579;
      margin-bottom: 16px; }
    .refund-method .iban-added .box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      gap: 10px;
      height: 64px;
      box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
      border-radius: 5px;
      background: white; }
      .refund-method .iban-added .box p {
        margin-bottom: 0; }
      .refund-method .iban-added .box .icon {
        cursor: pointer; }
    @media (max-width: 1279px) {
      .refund-method .iban-added {
        max-width: 100%; } }
    @media (max-width: 1279px) {
      .refund-method .iban-added {
        row-gap: 8px; } }
  .refund-method .empty-iban {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 32px;
    margin-top: 16px;
    background: #FFFFFF;
    box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
    border-radius: 5px;
    max-width: 100%;
    text-align: left; }
    @media (max-width: 1279px) {
      .refund-method .empty-iban {
        flex-direction: column;
        padding: 16px;
        text-align: center; } }
    .refund-method .empty-iban .text {
      display: flex;
      flex-direction: column; }
      .refund-method .empty-iban .text h3 {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #0c2340;
        margin-bottom: 8px; }
      .refund-method .empty-iban .text p {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: #0c2340;
        margin-bottom: 20px; }
      .refund-method .empty-iban .text .custom-button {
        max-width: 180px; }
        @media (max-width: 768px) {
          .refund-method .empty-iban .text .custom-button {
            max-width: 100%; } }
  @media (max-width: 767px) {
    .refund-method {
      padding-top: 25px; } }

.add-iban-popup,
.remove-iban-popup {
  display: none;
  z-index: 154;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 400px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 0px 30px;
  background: #fff; }
  @media (max-width: 768px) {
    .add-iban-popup,
    .remove-iban-popup {
      width: calc(100vw - 32px);
      padding: 16px; } }
  .add-iban-popup .inner,
  .remove-iban-popup .inner {
    display: flex;
    flex-direction: column; }
    .add-iban-popup .inner svg,
    .remove-iban-popup .inner svg {
      margin-bottom: 8px; }
    .add-iban-popup .inner h2,
    .remove-iban-popup .inner h2 {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      color: #101828;
      margin-bottom: 8px; }
    .add-iban-popup .inner p,
    .remove-iban-popup .inner p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #667085;
      margin-bottom: 32px; }
      @media (max-width: 768px) {
        .add-iban-popup .inner p,
        .remove-iban-popup .inner p {
          margin-bottom: 16px; } }
    .add-iban-popup .inner .input-group,
    .remove-iban-popup .inner .input-group {
      position: relative;
      flex-direction: column;
      margin-bottom: 32px; }
      @media (max-width: 768px) {
        .add-iban-popup .inner .input-group,
        .remove-iban-popup .inner .input-group {
          margin-bottom: 24px; } }
      .add-iban-popup .inner .input-group label,
      .remove-iban-popup .inner .input-group label {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #344054;
        margin-bottom: 6px; }
      .add-iban-popup .inner .input-group input,
      .remove-iban-popup .inner .input-group input {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 16px;
        color: #667085;
        display: flex;
        align-items: center;
        padding: 10px 14px;
        height: 52px;
        background: #fff;
        border: 1px solid #EAECF0;
        border-radius: 5px;
        text-transform: uppercase; }
        .add-iban-popup .inner .input-group input::placeholder,
        .remove-iban-popup .inner .input-group input::placeholder {
          text-transform: initial; }
    .add-iban-popup .inner .button-group,
    .remove-iban-popup .inner .button-group {
      display: flex;
      gap: 12px; }
      @media (max-width: 768px) {
        .add-iban-popup .inner .button-group,
        .remove-iban-popup .inner .button-group {
          flex-direction: column; }
          .add-iban-popup .inner .button-group .custom-button:first-child,
          .remove-iban-popup .inner .button-group .custom-button:first-child {
            order: 1; } }

.remove-iban-popup + .dark-background, .reject-ticket-popup + .dark-background {
  display: none; }

.remove-iban-popup .popup-ticket-permission, .reject-ticket-popup .popup-ticket-permission {
  white-space: pre-line;
  text-align: left; }

.product-reward-popup {
  display: none;
  z-index: 154;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 32px 24px 24px;
  width: calc(100vw - 32px);
  max-width: 480px;
  border-radius: 0px 30px;
  background: #fff; }
  @media (max-width: 768px) {
    .product-reward-popup {
      padding: 24px 16px 16px; } }
  .product-reward-popup h1 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #101828;
    margin-bottom: 8px; }
    .product-reward-popup h1 + p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #667085;
      margin-bottom: 20px; }
  .product-reward-popup .button-group {
    margin-top: 32px; }
    @media (max-width: 768px) {
      .product-reward-popup .button-group {
        margin-top: 24px; } }
    .product-reward-popup .button-group .custom-button {
      width: 50%; }
      @media (max-width: 768px) {
        .product-reward-popup .button-group .custom-button {
          width: 100%; } }
  .product-reward-popup .ajax-success-area .button-group {
    margin-top: 0; }
    .product-reward-popup .ajax-success-area .button-group .custom-button {
      width: 100%; }
  .product-reward-popup .select-address .address-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px; }
    .product-reward-popup .select-address .address-list .item {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
      border-radius: 5px;
      padding: 20px;
      cursor: pointer;
      box-sizing: border-box;
      border: 2px solid transparent;
      margin-bottom: 0; }
      @media (max-width: 768px) {
        .product-reward-popup .select-address .address-list .item {
          padding: 16px; } }
      .product-reward-popup .select-address .address-list .item.selected {
        border: 2px solid #0c2340; }
      .product-reward-popup .select-address .address-list .item .left {
        display: flex;
        flex-direction: column; }
        .product-reward-popup .select-address .address-list .item .left p.name {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: 700;
          font-size: 18px;
          line-height: 28px;
          color: #0c2340;
          margin-bottom: 4px; }
        .product-reward-popup .select-address .address-list .item .left p:not(.name) {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #556579;
          margin-bottom: 0; }
      .product-reward-popup .select-address .address-list .item .right {
        position: relative; }
        .product-reward-popup .select-address .address-list .item .right input {
          position: absolute;
          opacity: 0;
          cursor: pointer; }
          .product-reward-popup .select-address .address-list .item .right input:checked ~ .checkmark {
            border: 1px solid #0A1D34; }
          .product-reward-popup .select-address .address-list .item .right input:checked ~ .checkmark:after {
            display: block; }
      .product-reward-popup .select-address .address-list .item .checkmark {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0px;
        left: -15px;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        border: 1px solid #D0D5DD; }
        .product-reward-popup .select-address .address-list .item .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #0A1D34; }
  .product-reward-popup .add-address img {
    margin-bottom: 8px; }
  .product-reward-popup .add-address .input-row {
    margin-bottom: 20px; }
    .product-reward-popup .add-address .input-row label {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #0c2340;
      margin-bottom: 6px; }
    .product-reward-popup .add-address .input-row .form-group {
      padding: 0; }
      .product-reward-popup .add-address .input-row .form-group textarea {
        flex: 100%;
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 16px;
        color: #101828;
        display: flex;
        padding: 10px 14px;
        height: 100px;
        border: 2px solid #EAECF0;
        border-radius: 5px;
        box-sizing: border-box;
        resize: none; }
        .product-reward-popup .add-address .input-row .form-group textarea::placeholder {
          color: #667085; }
        .product-reward-popup .add-address .input-row .form-group textarea:focus {
          border: 2px solid #0c2340; }
      .product-reward-popup .add-address .input-row .form-group input {
        display: flex;
        align-items: center;
        width: 100%;
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 16px !important;
        color: #101828;
        padding: 0 14px;
        gap: 8px;
        box-sizing: border-box;
        height: 52px;
        border: 2px solid #EAECF0;
        border-radius: 5px;
        box-shadow: none; }
        .product-reward-popup .add-address .input-row .form-group input::placeholder {
          color: #667085; }
        .product-reward-popup .add-address .input-row .form-group input:focus {
          border: 2px solid #0c2340; }
  .product-reward-popup .address-actions__update {
    position: absolute;
    left: -15px;
    bottom: -75px; }

.button-group {
  display: flex;
  gap: 12px;
  width: 100%; }
  @media (max-width: 768px) {
    .button-group {
      flex-direction: column; }
      .button-group .custom-button:first-child {
        order: 1; } }

.remove-iban-popup .inner {
  text-align: center; }
  .remove-iban-popup .inner svg {
    margin: 0 auto; }

#pet-need-updates .custom-button,
.custom-button {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 16px;
  font-weight: 500;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  gap: 8px;
  min-width: 170px;
  min-height: 48px;
  border-radius: 0px 20px;
  cursor: pointer;
  transition: 0.2s ease-in-out; }
  #pet-need-updates .custom-button:hover,
  .custom-button:hover {
    transform: scale(1.05); }
  #pet-need-updates .custom-button.orange,
  .custom-button.orange {
    background: #dd4814;
    border: 2px solid #dd4814;
    color: #fff; }
    #pet-need-updates .custom-button.orange:hover,
    .custom-button.orange:hover {
      background: #DD4814;
      border: 2px solid #DD4814;
      color: #fff; }
  #pet-need-updates .custom-button.blue,
  .custom-button.blue {
    background: #182D4D;
    border: 2px solid #63CFE3;
    color: #fff; }
    #pet-need-updates .custom-button.blue:hover,
    .custom-button.blue:hover {
      color: #fff !important; }
  #pet-need-updates .custom-button.red,
  .custom-button.red {
    background: #D92D20;
    border: 2px solid #D92D20;
    color: #fff; }
  #pet-need-updates .custom-button.blue-border,
  .custom-button.blue-border {
    background: transparent;
    border: 2px solid #0c2340;
    color: #0c2340; }
  #pet-need-updates .custom-button.red-border,
  .custom-button.red-border {
    background: transparent;
    border: 2px solid #D92D20;
    color: #D92D20; }
  #pet-need-updates .custom-button.transparent,
  .custom-button.transparent {
    background: transparent;
    border: 2px solid transparent;
    color: #667085; }
  #pet-need-updates .custom-button.large, #pet-need-updates .custom-button.f-width,
  .custom-button.large,
  .custom-button.f-width {
    width: 100%; }
  #pet-need-updates .custom-button.disabled,
  .custom-button.disabled {
    background: #ccc !important;
    border: 1px solid #ccc !important;
    cursor: not-allowed !important;
    pointer-events: none; }
  #pet-need-updates .custom-button:hover,
  .custom-button:hover {
    text-decoration: none; }
  #pet-need-updates .custom-button:focus,
  .custom-button:focus {
    outline: none; }

.special-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #081527;
  cursor: pointer; }

#loginFormSubmit.custom-button.orange,
#registerFormSubmit.custom-button.orange {
  margin: 32px 0 24px; }
  @media (max-width: 768px) {
    #loginFormSubmit.custom-button.orange,
    #registerFormSubmit.custom-button.orange {
      margin: 20px 0; } }

#loginFormSubmit:disabled {
  opacity: 0.8;
  pointer-events: none; }

span.custom-span-white {
  color: white; }

.add-pet-button {
  margin: 20px 0 0 0; }
  @media (max-width: 768px) {
    .add-pet-button {
      margin: 16px 0 0 0;
      width: 100%; } }

@media (max-width: 767px) {
  .toggle-custom {
    gap: 10px; } }

.dashboard-elements .club-advance .points-box {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px; }
  .dashboard-elements .club-advance .points-box:hover {
    cursor: pointer; }
  @media (max-width: 768px) {
    .dashboard-elements .club-advance .points-box {
      gap: 11px;
      padding: 16px; } }
  .dashboard-elements .club-advance .points-box .circle {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 96px;
    min-height: 96px;
    background: linear-gradient(45deg, #63CFE3 0%, #63CFE3 100%);
    border: 3px solid #FFFFFF;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
    border-radius: 100%; }
    @media (max-width: 768px) {
      .dashboard-elements .club-advance .points-box .circle {
        min-width: 64px;
        min-height: 64px; }
        .dashboard-elements .club-advance .points-box .circle svg {
          width: 28px;
          height: 28px;
          object-fit: contain; } }
  .dashboard-elements .club-advance .points-box .right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .dashboard-elements .club-advance .points-box .right .top {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .dashboard-elements .club-advance .points-box .right .top h3 {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-size: 30px;
        line-height: 38px;
        color: #0c2340;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          .dashboard-elements .club-advance .points-box .right .top h3 {
            font-size: 20px;
            line-height: 30px; } }
      .dashboard-elements .club-advance .points-box .right .top .total-points {
        display: flex;
        align-items: center; }
        .dashboard-elements .club-advance .points-box .right .top .total-points span {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300;
          font-size: 20px;
          line-height: 30px;
          color: #63cfe3; }
          .dashboard-elements .club-advance .points-box .right .top .total-points span.strong {
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            font-weight: 700; }
      .dashboard-elements .club-advance .points-box .right .top .loyalty-coin {
        transform: scale(1.48);
        margin: 0 6px; }
  .dashboard-elements .club-advance .points-box .points-bar {
    position: relative;
    width: 100%;
    height: 8px;
    background: #E7E9EC;
    border-radius: 4px;
    overflow: hidden; }
    .dashboard-elements .club-advance .points-box .points-bar .fill {
      position: absolute;
      top: 0;
      left: 0;
      width: 67%;
      height: 8px;
      background: #63cfe3;
      border-radius: 4px;
      z-index: 1; }
  .dashboard-elements .club-advance .points-box p {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    margin: 0;
    padding: 0; }
    @media (max-width: 768px) {
      .dashboard-elements .club-advance .points-box p {
        font-size: 14px;
        line-height: 20px; } }

.dashboard-elements .club-advance .subtitle {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #0c2340;
  margin: 32px 0;
  padding: 0; }
  @media (max-width: 768px) {
    .dashboard-elements .club-advance .subtitle {
      font-size: 18px;
      line-height: 28px;
      margin: 20px 0; } }

.dashboard-elements .club-advance a.custom-button {
  margin-top: 12px;
  max-width: 225px; }
  @media (max-width: 768px) {
    .dashboard-elements .club-advance a.custom-button {
      margin-top: 0;
      max-width: 100%; } }

.achievements-swiper {
  max-width: calc(100vw - 30px);
  width: 100%;
  position: relative;
  z-index: 152; }

.action-points {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  width: 100%;
  background: #F9FAFB;
  border: 1px solid #EAECF0;
  border-radius: 5px; }
  @media (max-width: 768px) {
    .action-points {
      align-items: flex-start;
      padding: 16px;
      gap: 12px; } }
  .action-points.pending .title {
    color: #7A8696; }
  .action-points.pending .total-points .outside-circle,
  .action-points.pending .total-points .inside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%) !important; }
  .action-points.pending .total-points span {
    color: #9EA7B3; }
  .action-points.pending > svg {
    opacity: 0.3; }
  .action-points.completed .title {
    color: #0c2340; }
  .action-points.completed .total-points span {
    color: #63cfe3; }
  .action-points > svg {
    object-fit: contain;
    min-width: 85px;
    min-height: 85px; }
    @media (max-width: 768px) {
      .action-points > svg {
        min-width: 49px;
        min-height: 49px;
        width: 49px;
        height: 49px; } }
  .action-points .info {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    width: 100%; }
    @media (max-width: 768px) {
      .action-points .info {
        flex-direction: column;
        gap: 8px; } }
    .action-points .info.center {
      align-items: center; }
      @media (max-width: 768px) {
        .action-points .info.center {
          align-items: flex-start; } }
    .action-points .info .title {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700;
      font-size: 19px;
      line-height: 27px; }
      @media (max-width: 768px) {
        .action-points .info .title {
          font-size: 18px;
          line-height: 28px; } }
    .action-points .info p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #32455E;
      margin: 0;
      padding: 0; }
      @media (max-width: 768px) {
        .action-points .info p {
          font-size: 14px;
          line-height: 20px; } }
    .action-points .info .group {
      display: flex;
      flex-direction: column;
      background-color: #F9FAFB; }
    .action-points .info .plus-info {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      @media (max-width: 768px) {
        .action-points .info .plus-info {
          flex-direction: row;
          justify-content: right;
          gap: 12px; } }
      .action-points .info .plus-info a {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #0c2340;
        white-space: nowrap; }
      .action-points .info .plus-info .pill {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 6px;
        gap: 4px;
        min-width: 82px;
        height: 22px;
        border-radius: 16px; }
        .action-points .info .plus-info .pill.pending {
          background: #F2F4F7; }
          .action-points .info .plus-info .pill.pending span {
            color: #344054; }
        .action-points .info .plus-info .pill.completed {
          background: #ECFDF3; }
          .action-points .info .plus-info .pill.completed span {
            color: #027A48; }
        .action-points .info .plus-info .pill span {
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-weight: 600;
          font-size: 12px; }
      .action-points .info .plus-info .total-points {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .action-points .info .plus-info .total-points span {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: 700;
          font-size: 14px;
          line-height: 20px; }

.total-points {
  display: flex;
  align-items: center; }
  .total-points.negative span {
    color: #9EA7B3; }
  .total-points.negative .loyalty-coin .outside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
    .total-points.negative .loyalty-coin .outside-circle .inside-circle {
      background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
  .total-points span {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #ff8300; }
  .total-points .loyalty-coin {
    margin: 0 3px; }
    .total-points .loyalty-coin .outside-circle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 13px;
      height: 13px;
      background: linear-gradient(267.73deg, #FFAA51 2.11%, #ff8300 96.2%);
      border-radius: 100%;
      box-sizing: initial; }
      .total-points .loyalty-coin .outside-circle .inside-circle {
        position: relative;
        border: thin solid #FFFFFF;
        z-index: 1;
        width: 9px;
        height: 9px;
        background: linear-gradient(267.73deg, #FFAA51 2.11%, #ff8300 96.2%);
        border-radius: 100%;
        box-sizing: initial; }
        .total-points .loyalty-coin .outside-circle .inside-circle svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }

/***Address Lists Styling ****/
.address-list-row {
  position: relative;
  padding: 20px;
  background-color: white;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  border-radius: 5px;
  margin-bottom: 20px; }

.address-title {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 450px; }
  @media (max-width: 767px) {
    .address-title {
      max-width: 240px; } }

.address-address1 {
  color: #556579;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 16px;
  max-width: 65vw;
  white-space: break-spaces; }

.address-actions {
  position: absolute;
  right: 20px;
  top: 30px;
  transform: translateY(-50%); }
  .address-actions__update {
    margin-right: 12px; }
  .address-actions > span {
    cursor: pointer; }

@media (min-width: 768px) {
  .address-address1 {
    max-width: calc(100% - 70px); } }

/***Address Form Styling ****/
.pop-up-background {
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: none; }

#add-address .address-address1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px; }

.add-address-button, .remove-address-button {
  max-width: 177px; }
  .add-address-button.disabled, .remove-address-button.disabled {
    pointer-events: none;
    opacity: .5; }

.add-address-popup, .remove-address-popup {
  display: none;
  z-index: 1001;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 400px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 0px 30px;
  background: white; }
  @media (max-width: 768px) {
    .add-address-popup, .remove-address-popup {
      width: calc(100vw - 32px);
      padding: 16px; } }
  .add-address-popup .inner, .remove-address-popup .inner {
    display: flex;
    flex-direction: column; }
    .add-address-popup .inner svg, .remove-address-popup .inner svg {
      margin-bottom: 8px; }
    .add-address-popup .inner h2, .remove-address-popup .inner h2 {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      color: #101828;
      margin-bottom: 8px; }
    .add-address-popup .inner p, .remove-address-popup .inner p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #667085;
      margin-bottom: 32px; }
    .add-address-popup .inner .button-group, .remove-address-popup .inner .button-group {
      display: flex;
      gap: 12px; }
      @media (max-width: 768px) {
        .add-address-popup .inner .button-group, .remove-address-popup .inner .button-group {
          flex-direction: column; }
          .add-address-popup .inner .button-group .custom-button:first-child, .remove-address-popup .inner .button-group .custom-button:first-child {
            order: 1; } }

.add-address-form-row, .remove-address-form-row {
  margin-bottom: 10px; }

.add-address-form .form-control-label, .remove-address-form .form-control-label {
  font-family: 'Klavika-Bold' !important;
  margin-bottom: 0;
  color: #0c2340; }

.add-address-form input.large, .remove-address-form input.large {
  height: 96px !important; }

.add-address-form .form-check-label, .remove-address-form .form-check-label {
  position: relative;
  display: flex;
  align-items: center;
  font-family: 'Klavika-Bold' !important;
  margin-top: 10px;
  font-weight: bold; }
  .add-address-form .form-check-label.disabled, .remove-address-form .form-check-label.disabled {
    opacity: .5;
    pointer-events: none; }
  .add-address-form .form-check-label .form-check-input, .remove-address-form .form-check-label .form-check-input {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0 !important;
    top: -3px !important;
    opacity: 0;
    z-index: 100000; }
  .add-address-form .form-check-label.checked::after, .remove-address-form .form-check-label.checked::after {
    position: absolute;
    left: 7px;
    top: 6px;
    width: 8px;
    height: 8px;
    background-color: black;
    border-radius: 50%; }
  .add-address-form .form-check-label::before, .remove-address-form .form-check-label::before {
    content: "";
    width: 22px;
    height: 22px;
    border: 1px solid black;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: -2px; }
  .add-address-form .form-check-label:after, .remove-address-form .form-check-label:after {
    content: ""; }

.product-reward-popup .add-address-popup {
  position: static;
  transform: none;
  max-width: 100%;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
  max-height: none; }

.add-address .inner {
  display: flex;
  flex-direction: column; }
  .add-address .inner svg {
    margin-bottom: 8px; }
  .add-address .inner h2 {
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #101828;
    margin-bottom: 8px; }
  .add-address .inner p {
    font-family: 'Klavika-Light';
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    margin-bottom: 32px; }
  .add-address .inner .button-group {
    display: flex;
    gap: 12px; }
    @media (max-width: 768px) {
      .add-address .inner .button-group {
        flex-direction: column; }
        .add-address .inner .button-group .custom-button:first-child {
          order: 1; } }

.modal-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 64, 84, 0.7);
  backdrop-filter: blur(8px);
  z-index: 200; }

.custom-new-pass-form {
  display: flex;
  flex-direction: column;
  gap: 20px; }

.custom-new-pass-group .button-group {
  margin-bottom: 15px;
  justify-content: space-between; }

.club-advance-dashboard .grid {
  margin: 80px 7% 100px 7%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 84px;
  column-gap: 100px; }
  @media (max-width: 768px) {
    .club-advance-dashboard .grid {
      margin: 52px 16px 52px 16px;
      grid-template-columns: repeat(1, 1fr);
      column-gap: 52px; } }
  .club-advance-dashboard .grid .my-achievements h2 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #0c2340;
    margin-bottom: 8px; }
  .club-advance-dashboard .grid .my-achievements > p {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #556579;
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .club-advance-dashboard .grid .my-achievements > p {
        margin-bottom: 20px; } }
  .club-advance-dashboard .grid .my-achievements .flex {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .club-advance-dashboard .grid .my-achievements .flex {
        margin-bottom: 20px; } }
  .club-advance-dashboard .grid .my-achievements .button-group .custom-button {
    order: initial;
    min-width: 210px; }

.club-advance-points {
  display: flex;
  flex-direction: column;
  margin: 50px 7% 100px 7%;
  gap: 32px; }
  @media (max-width: 768px) {
    .club-advance-points {
      margin: 32px 0 38px 0;
      gap: 20px; } }
  .club-advance-points .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px; }
    @media (max-width: 768px) {
      .club-advance-points .top {
        margin: 0 16px; } }
    .club-advance-points .top .left {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .club-advance-points .top .left h1 {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        letter-spacing: -0.02em;
        color: #0c2340;
        margin: 0;
        text-transform: capitalize; }
        @media (max-width: 768px) {
          .club-advance-points .top .left h1 {
            font-size: 24px;
            line-height: 32px; } }
      .club-advance-points .top .left p {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: #556579;
        margin: 0; }
        @media (max-width: 768px) {
          .club-advance-points .top .left p {
            font-size: 14px;
            line-height: 20px; } }
    .club-advance-points .top .right {
      display: flex;
      flex-direction: column;
      min-width: 137px;
      padding: 16px;
      box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
      border-radius: 5px; }
      .club-advance-points .top .right p {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        color: #475467;
        margin: 0; }
      .club-advance-points .top .right .total-points .loyalty-coin {
        margin: 0 6px;
        transform: scale(1.4); }
      .club-advance-points .top .right .total-points span {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300; }
        .club-advance-points .top .right .total-points span.strong {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: 700;
          font-size: 20.641px;
          line-height: 29px; }
  .club-advance-points table {
    width: 100%;
    border: 1px solid #EAECF0;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    border-radius: 8px; }
    .club-advance-points table tr.header {
      background: #F9FAFB;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: 500;
      font-size: 12px;
      color: #667085;
      text-transform: capitalize; }
      .club-advance-points table tr.header th {
        padding: 12px 24px; }
        @media (max-width: 768px) {
          .club-advance-points table tr.header th {
            padding: 12px 16px; } }
        .club-advance-points table tr.header th .flex {
          display: flex;
          align-items: center; }
    .club-advance-points table tr:not(.header) {
      height: 72px;
      background: white;
      border-top: 1px solid #EAECF0; }
      .club-advance-points table tr:not(.header) td {
        padding: 12px 24px; }
        @media (max-width: 768px) {
          .club-advance-points table tr:not(.header) td {
            padding: 12px 16px; } }
        .club-advance-points table tr:not(.header) td.date {
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          color: #101828; }
        .club-advance-points table tr:not(.header) td.details {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #667085; }
          @media (max-width: 768px) {
            .club-advance-points table tr:not(.header) td.details {
              font-size: 12px;
              line-height: 18px; } }

.privacyLinks-card {
  position: relative;
  display: block;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.25rem; }

.card-columns-custom .privacy-links {
  margin-bottom: 52px; }
  .card-columns-custom .privacy-links .privacyLinks-card ul {
    display: inline-block; }

.points-popup {
  z-index: 155;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 400px;
  width: Min(90%, 400px);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 0px 30px;
  background: #fff; }
  .points-popup .inner {
    display: flex;
    flex-direction: column;
    text-align: center; }
  .points-popup_img {
    width: 64px;
    height: auto;
    margin: auto;
    padding-bottom: 8px; }
  .points-popup_text {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-style: normal;
    color: #0c2340;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px; }
    .points-popup_text .total-points {
      color: #63CFE3;
      display: inline-flex; }
  .points-popup .disabled {
    background: #0c2340 !important;
    border: 2px solid #0c2340 !important; }

.classname {
  -webkit-animation-name: cssAnimation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: left top;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards; }

@-webkit-keyframes cssAnimation {
  0% {
    transform: scale(0.3) translate(-50%, -50%); }
  90% {
    transform: scale(1.1) translate(-50%, -50%); }
  100% {
    transform: scale(1) translate(-50%, -50%); } }

body[data-action="Account-EditProfile"] .page-wrapper section {
  margin: 0;
  width: 100%;
  max-width: 100%; }
  @media (min-width: 768px) {
    body[data-action="Account-EditProfile"] .page-wrapper section {
      max-width: 578px; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
#picker-container.custom-picker-container,
#picker-container-birthday-cat.custom-picker-container,
#picker-container-birthday-dog.custom-picker-container {
  max-width: 252px; }
  #picker-container.custom-picker-container .datepicker,
  #picker-container-birthday-cat.custom-picker-container .datepicker,
  #picker-container-birthday-dog.custom-picker-container .datepicker {
    max-width: 252px; }

#picker-container-birthday-cat,
#picker-container-birthday-dog {
  position: relative;
  display: block; }
  #picker-container-birthday-cat .datepicker,
  #picker-container-birthday-dog .datepicker {
    z-index: 5 !important;
    left: 0;
    right: 0; }

.quicksignin-labels {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px !important;
  color: #344054 !important; }

.popup-error-image .button-group {
  justify-content: center; }

.top-nav-buttons .button-two-content-menu {
  border-radius: 0 10px;
  height: 30px;
  padding: 0px 17px; }
  .top-nav-buttons .button-two-content-menu.white {
    outline: none; }
  .top-nav-buttons .button-two-content-menu:hover {
    cursor: pointer; }
  .top-nav-buttons .button-two-content-menu .button-two-menu {
    text-transform: none;
    font-size: 14px; }
    .top-nav-buttons .button-two-content-menu .button-two-menu:focus {
      outline: none; }

.pop-up-deletepet-name-container {
  display: flex;
  justify-content: center; }
  .pop-up-deletepet-name-container .pop-up-deletepet-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 325px; }
    @media (max-width: 767px) {
      .pop-up-deletepet-name-container .pop-up-deletepet-name {
        max-width: 230px; } }

@media (max-width: 767px) {
  .customLabels .dashboard-elements .custom-vetchat-p {
    padding: 0px; } }

.customLabels .form-control-label {
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #344054;
  margin-bottom: 2px; }

.customLabels .form-group.custom-input {
  margin-top: 5px; }

#facebook-button-text {
  padding-left: 10%; }

.customLabels .custom-checkbox.inline-label input:focus ~ label,
.custom-checkbox.inline-label input:valid ~ label,
.custom-checkbox.inline-label input ~ label {
  padding-left: 10px; }

.customLabels .button-asset-w-icon {
  vertical-align: middle;
  display: inline-block;
  white-space: break-spaces;
  font-weight: 500;
  font-family: 'Klavika-Regular'; }

.custom-login-form .back-skip-button a {
  font-family: 'Klavika-Light' !important;
  font-weight: 300;
  font-size: 18px !important;
  color: #0C2340; }
  .custom-login-form .back-skip-button a b {
    font-family: 'Klavika-Bold' !important; }

.custom-login-dashboard section header {
  margin-bottom: 0; }
  .custom-login-dashboard section header.landing-quiz-header {
    justify-items: center; }

.custom-login-dashboard h1.page-title {
  font-size: 48px !important;
  letter-spacing: -0.02em;
  color: #0C2340;
  margin: 56px 0;
  padding: 0;
  text-transform: none !important; }
  .custom-login-dashboard h1.page-title.landing-quiz-title {
    font-size: 36px !important;
    font-weight: 500;
    line-height: 44px;
    text-align: center; }
  @media (min-width: 1024px) {
    .custom-login-dashboard h1.page-title.landing-quiz-title {
      width: 50%;
      font-size: 24px !important;
      font-weight: 700;
      line-height: 32px; } }
  @media (max-width: 768px) {
    .custom-login-dashboard h1.page-title {
      font-size: 30px !important;
      margin: 23px 0 22px 0;
      letter-spacing: initial; } }
  .custom-login-dashboard h1.page-title.custom-page-title-login {
    margin-top: 180px; }
    @media (max-width: 768px) {
      .custom-login-dashboard h1.page-title.custom-page-title-login {
        margin: 0 0 28px 0; } }

.custom-login-dashboard .login-content, .custom-login-dashboard .register-content {
  padding: 40px !important; }
  @media (max-width: 768px) {
    .custom-login-dashboard .login-content, .custom-login-dashboard .register-content {
      padding: 12px 16px 20px 16px !important; } }
  .custom-login-dashboard .login-content form, .custom-login-dashboard .register-content form {
    max-width: none;
    padding: 0; }

.custom-login-dashboard .home-register-login-container .content {
  padding: 52px !important;
  margin-bottom: 100px !important; }
  @media (max-width: 768px) {
    .custom-login-dashboard .home-register-login-container .content {
      padding: 32px 16px !important;
      margin-bottom: 0 !important; } }
  .custom-login-dashboard .home-register-login-container .content .col-sm div:first-child {
    padding-bottom: 28px !important; }
    @media (max-width: 768px) {
      .custom-login-dashboard .home-register-login-container .content .col-sm div:first-child {
        padding-bottom: 20px !important; } }
  .custom-login-dashboard .home-register-login-container .content svg {
    width: 87px;
    height: 87px; }

.custom-login-dashboard .btn-google, .custom-login-dashboard .btn-facebook {
  box-shadow: none !important;
  margin: 0 !important; }

.custom-login-dashboard .text-session {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #0C2340;
  margin: 32px 0; }
  @media (max-width: 768px) {
    .custom-login-dashboard .text-session {
      margin: 20px 0; } }

.custom-login-dashboard .custom-control-label {
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 16px !important;
  line-height: 24px;
  color: #344054 !important; }
  @media (max-width: 768px) {
    .custom-login-dashboard .custom-control-label {
      font-size: 14px !important;
      line-height: 20px; } }
  .custom-login-dashboard .custom-control-label::before {
    border-radius: 5px !important;
    position: absolute;
    top: 0;
    left: -1.6rem;
    width: 21px;
    height: 21px; }
  .custom-login-dashboard .custom-control-label::after {
    position: absolute;
    top: 0;
    left: -1.6rem;
    width: 21px;
    height: 21px; }

.custom-login-dashboard .custom-checkbox input:valid ~ label {
  padding-left: 8px; }

.custom-login-dashboard .form-group {
  margin-bottom: 16px !important; }

.custom-login-dashboard .register-form-custom-labels.first {
  margin-top: 2px;
  margin-bottom: 21px; }

.custom-login-dashboard .back-skip-button {
  margin: 34px 0 0 0; }
  @media (max-width: 768px) {
    .custom-login-dashboard .back-skip-button {
      margin: 20px 0 0 0; } }

.custom-login-dashboard .landing-page-quiz-legal {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  width: 100%;
  margin-top: 28px; }
  @media (min-width: 1280px) {
    .custom-login-dashboard .landing-page-quiz-legal {
      width: 575px;
      margin: -30px auto 39px auto; } }
  .custom-login-dashboard .landing-page-quiz-legal a {
    text-decoration: underline;
    display: inline-block; }

.customLabels .form-group input,
.customLabels .form-group select,
.customLabels .form-group textarea {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 14px;
  gap: 8px;
  height: 52px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  font-family: 'Klavika-Light' !important;
  font-weight: 300;
  font-size: 16px !important;
  color: #101828;
  box-shadow: 0 0 0px 1000px white inset !important; }
  .customLabels .form-group input::placeholder,
  .customLabels .form-group select::placeholder,
  .customLabels .form-group textarea::placeholder {
    color: #667085; }
  .customLabels .form-group input:focus,
  .customLabels .form-group select:focus,
  .customLabels .form-group textarea:focus {
    border: 2px solid #0C2340; }
  .customLabels .form-group input.is-invalid,
  .customLabels .form-group select.is-invalid,
  .customLabels .form-group textarea.is-invalid {
    padding: 0 35px 0 14px; }
  .customLabels .form-group input.grayed,
  .customLabels .form-group select.grayed,
  .customLabels .form-group textarea.grayed {
    box-shadow: none !important; }

.customLabels .form-group label {
  color: #1a1a1a;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 1.25rem; }
  .customLabels .form-group label.as-placeholder.as-focused-input {
    font-size: 1rem;
    color: #0c2340; }

.customLabels .form-group.error .input-icon {
  background: #e71b17; }

.customLabels .form-group.custom-input {
  margin-bottom: 20px;
  padding: 0px 0; }

.customLabels .form-group.correct input {
  border-bottom: 1px solid #1BD760; }

.customLabels .form-group.correct .input-icon {
  background: #0c2340; }

.pet-sex-checkbox.form-control.is-invalid ~ label {
  border: solid 2px red !important; }

.invalid {
  border: solid 2px red !important; }

h1.page-title.margin-title {
  text-transform: none; }

.customLabels .view-password {
  position: absolute;
  top: 50px;
  font-size: 13px;
  right: 27px;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1); }

.customLabels .btn-link {
  font-family: 'Klavika-Bold';
  color: #0C2340;
  font-size: 20px;
  line-height: 45px; }

.pets-card-colummns .card {
  border: 0px !important;
  box-shadow: none !important; }

.customLabels .page-title {
  font-size: 45px;
  padding-bottom: 2%; }

.customLabels .card-columns .card {
  border: 0px;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5); }

.buttons-group.buttons-login.button-two-content.negative {
  margin: 20px auto 10px auto; }

div#breadcrumbs {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 24px;
  margin: 0 15px;
  color: #98A2B3;
  font-size: 1rem; }
  div#breadcrumbs a {
    font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
    font-size: 1rem;
    color: #98A2B3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px; }
  div#breadcrumbs span {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }

.js-send:disabled {
  background: #ccc !important;
  color: #fff !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed !important; }
  .js-send:disabled svg {
    fill: #fff; }
    .js-send:disabled svg path {
      stroke: #fff; }

h5.not-allowed-archive {
  color: #e71b17;
  text-align: center;
  font-size: 17px;
  font-family: 'Klavika-Regular';
  font-weight: 400; }

.custom-control.custom-checkbox.inline-label {
  margin-top: 0px; }

div#icon-pet-type {
  display: grid;
  align-content: center; }

div#icon-pet-type-breed {
  display: grid;
  align-content: center; }

#home-register-login {
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05); }

.customLabels.content.small-cont.login-content {
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05); }

.error-create-case {
  place-content: center;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white;
  z-index: 152;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  padding: 24px;
  max-width: 400px; }

.success-create-case {
  place-content: center;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white;
  z-index: 152;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  padding: 24px;
  max-width: 450px;
  width: calc(100% - 32px); }

.subtitle-success-case-popup p {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #667085;
  margin: 8px 0 32px 0; }

.title-success-case-popup h3 {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #101828;
  margin-top: 20px; }

#success-square {
  padding: 0; }

#bt-backto-family-case-success {
  border: 1px solid #0C2340;
  padding: 10px 18px 10px 18px;
  height: 44px; }

#bt-go-helpcenter-case-success {
  border: 2px solid #0C2340;
  padding: 10px 18px 10px 18px;
  height: 44px;
  background: #0C2340; }
  #bt-go-helpcenter-case-success a {
    color: white; }

.popup-success-case-icon-circle-success {
  display: inline-block;
  border-radius: 28px;
  width: 48px;
  height: 48px;
  background-color: #D1FADF; }

.buttons-success-case {
  display: flex;
  place-content: center; }
  .buttons-success-case a {
    text-transform: none; }

.error-case-desc {
  padding: 5%; }

.row.button-error-case-accept {
  text-align: -webkit-center; }

.customLabels .dashboard-elements h5 {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  line-height: 31px;
  color: #0c2340;
  padding-left: 10px; }

.customLabels .dashboard-elements p {
  font-size: 16px;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  padding-left: 10px;
  line-height: 23px;
  color: #556579; }

@media (min-width: 768px) {
  .customLabels .card-columns-custom {
    column-count: 2;
    column-gap: 80px; }
    .customLabels .card-columns-custom > div {
      margin-bottom: 80px; }
    .customLabels .card-columns-custom .card-body {
      padding: 24px; } }

@media (max-width: 767px) {
  .customLabels .card-columns-custom {
    display: flex;
    flex-direction: column; }
    .customLabels .card-columns-custom .card-body {
      padding: 16px; }
    .customLabels .card-columns-custom .communication {
      order: 0; }
    .customLabels .card-columns-custom .new-password-form {
      order: 1; }
    .customLabels .card-columns-custom .privacy-links {
      order: 2; } }

.pageHeaderPrivateArea .card-pa {
  min-height: 245px; }
  @media (max-width: 768px) {
    .pageHeaderPrivateArea .card-pa {
      padding: 16px; } }
  .pageHeaderPrivateArea .card-pa .row {
    padding: 14px; }

.col-pet-image-container {
  flex: 0 0 30%;
  max-width: 30%;
  padding: 0 60px 0 0; }
  .col-pet-image-container .pet-image-container {
    padding: 175px 0 10px; }
    @media (max-width: 768px) {
      .col-pet-image-container .pet-image-container {
        padding: 0 0 10px; } }
  @media (max-width: 768px) {
    .col-pet-image-container {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0; } }

.col-pet-info-container {
  flex: 0 0 70%;
  max-width: 70%;
  padding: 0 20px 0 5px; }
  @media (max-width: 768px) {
    .col-pet-info-container {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 25px 15px 0px; } }
  .col-pet-info-container .card-columns > div {
    margin-bottom: 35px; }
    @media (max-width: 768px) {
      .col-pet-info-container .card-columns > div {
        margin-bottom: 28px; } }
    .col-pet-info-container .card-columns > div.card-pet-sterilized {
      margin-bottom: 15px; }
      @media (max-width: 768px) {
        .col-pet-info-container .card-columns > div.card-pet-sterilized {
          margin-bottom: 10px; } }
  .col-pet-info-container .pet-profile-btn {
    padding: 0; }
  .col-pet-info-container .icon-icon_mini {
    padding-top: 25px; }
  .col-pet-info-container .icon-icon_medium {
    padding-top: 15px; }
  .col-pet-info-container .icon-icon_max {
    padding-top: 10px; }
  .col-pet-info-container .card-pet-sterilized .sterilized-btn {
    padding: 18px 10px;
    font-size: 14px;
    font-family: 'Klavika-Bold'; }
    @media (max-width: 768px) {
      .col-pet-info-container .card-pet-sterilized .sterilized-btn {
        padding: 0 10px; } }
    @media (max-width: 768px) {
      .col-pet-info-container .card-pet-sterilized .sterilized-btn #petSterilization.toggle-custom {
        margin-bottom: 0px; } }

@media (max-width: 768px) {
  .pet-edit-form-buttons .pet-profile-btn {
    margin-bottom: 25px; } }

.footer-content {
  width: 100%; }
  @media (min-width: 1450px) {
    .footer-content {
      width: 1440px !important; } }

.home-register-login-container h2 {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 30px;
  color: #0C2340;
  margin-bottom: 30px;
  padding: 0 !important; }

.home-register-login-container p {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 20px !important;
  line-height: 30px;
  color: #0C2340;
  margin-bottom: 14px; }
  @media (max-width: 768px) {
    .home-register-login-container p {
      font-size: 18px !important;
      margin-bottom: 8px; } }

.home-register-login-container span {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 16px !important;
  line-height: 1;
  color: #556579; }

.home-register-login-container .container-asset-log {
  padding: 0; }
  @media (max-width: 768px) {
    .home-register-login-container .container-asset-log {
      margin-bottom: 32px; } }

@media (max-width: 768px) {
  #savePetNewUser {
    max-width: 100%; }
  .home-register-login-container {
    margin-top: 50px; }
    .home-register-login-container h2 {
      font-size: 24px; }
    .home-register-login-container .content {
      margin: 0 !important;
      padding: 32px 16px 0 16px !important; }
  #button-google svg {
    width: 18px; }
  #button-facebook svg {
    width: 10px; }
  .custom-register-form .register-form-custom .buttons-group.buttons-login.button-two-content.negative {
    margin: 32px auto 20px auto !important; }
  .custom-login-dashboard .pageTop {
    padding: 0; }
  .custom-login-dashboard .customLabels .custom-page-title-login {
    font-size: 30px !important; }
  .custom-login-dashboard .customLabels .container.custom-login-form {
    padding: 0% !important; }
  body[data-action="Login-Show"] .custom-login-dashboard .customLabels .buttons-group.buttons-login.button-two-content.negative {
    margin: 22px 0px 24px 0px !important; }
  .custom-register-dashboard .customLabels h1.page-title.margin-title {
    font-size: 30px;
    padding: 0px;
    margin: 0px; }
  .register-form-custom-labels .custom-checkbox {
    font-size: 14px;
    padding-left: 24px; }
  .custom-register-dashboard section.customLabels.pageTop {
    padding: 0px; }
  input::-webkit-date-and-time-value {
    padding: 3% 0;
    text-align: left; }
  .customLabels h1 {
    font-size: 40px; }
  #pet-edit {
    padding: 15px;
    margin: 0%;
    box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5); }
  .content.pet-needs-inputs {
    box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5); }
  .pageHeaderPrivateArea {
    margin: 0 auto;
    padding: 0 16px; }
  .customLabels.login-content {
    box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
    border-radius: 0 40px; }
  .customLabels.content.small-cont {
    box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
    border-radius: 0 40px; }
  #CaseCreationForm button, .caseCreationFormPA button {
    margin-top: 0px !important; }
  svg.feather-tabs {
    width: 100%;
    vertical-align: top; }
  #fb-button-svg {
    width: 12px; }
  .custom-avatar-mini {
    width: 32px !important;
    height: auto !important;
    object-fit: contain; }
  .buttons-success-case {
    display: flex;
    flex-direction: column; }
  .goToCurrentSitePopupSuccess {
    display: block;
    order: 0; }
  .goToHelpCenterPopupSuccess {
    order: 1; }
  #bt-backto-family-case-success {
    width: 100%; }
  #bt-go-helpcenter-case-success {
    width: 100%; }
  .custom-login-dashboard {
    padding: 51px 16px; }
  .register-form-custom .register-form-custom-labels .custom-control-label.suggestions-checkbox-label {
    font-size: 14px; } }

@media (min-width: 767px) {
  .customLabels.dashboard.main-private-area.dashboard {
    padding-top: 14px; } }

.customLabels .container-card-pa {
  display: flex; }
  .customLabels .container-card-pa .card-pa-icon {
    padding: 27px 6px 0px 33px; }

.container-card-pa.card-help-center-text .card-pa-icon {
  padding: 24px 8px 0px 26px; }

.customLabels .container-card-pa-buttons.card-help-center-buttons {
  padding: 26px 22px 20px 22px; }

.customLabels .container-card-pa-buttons {
  display: flex;
  padding: 16px 4px 20px 0px;
  justify-content: space-between;
  gap: 16px; }
  .customLabels .container-card-pa-buttons .card-help-center-buttons {
    padding: 26px 5px 20px 0px; }

.customLabels .card-button-right {
  width: 100%; }

.customLabels .card-button-left {
  width: 100%; }

.pet-profile-page .col-1.context-menu {
  align-self: center;
  text-align: right; }

.customLabels.content.pet-needs-inputs.disableAll {
  padding: 40px; }

@media (max-width: 768px) {
  .pet-profile-page .col-1.context-menu {
    padding-right: 30px; }
  .customLabels .container-card-pa {
    display: contents;
    text-align: -webkit-center; }
  .customLabels .card-button-left,
  .customLabels .card-button-right {
    width: 100%; }
  .customLabels .container-card-pa-buttons {
    display: contents; }
    .customLabels .container-card-pa-buttons .col {
      padding: 0; }
    .customLabels .container-card-pa-buttons .card-button-left,
    .customLabels .container-card-pa-buttons .card-button-right {
      padding: 6px 0;
      margin-bottom: 1px; }
  .container-card-pa.card-help-center-text .text-vet-chat {
    margin: 22px auto 0; }
  .button-description-pa-cards {
    text-align: center; }
  .customLabels .container-card-pa.card-help-center-text .card-pa-icon {
    padding: 5px 20px 0px 20px; }
  .customLabels h1 {
    font-size: 24px;
    padding: 0px 0px 4px; } }

@media (min-width: 1280px) {
  .page-wrapper .content.small-cont.login-content {
    width: 575px; } }

@media (min-width: 768px) {
  .page-wrapper .content.small-cont.login-content {
    padding: 0px; } }

@media (min-width: 1280px) {
  .page-wrapper .content.small-cont.register-content {
    width: 575px; } }

@media (min-width: 768px) {
  .page-wrapper .content.small-cont.register-content {
    padding: 16px; } }

body[data-action="Login-Show"] .customLabels .buttons-group.buttons-login.button-two-content.negative {
  margin: 30px 0px 26px 0px; }

.customLabels .login-password-reset {
  font-size: 18px;
  margin-top: 8px; }

body[data-action="Login-Show"] .customLabels .custom-page-title-login.page-title.margin-title {
  font-size: 46px;
  padding-top: 20px; }

.customLabels .container.custom-login-form {
  padding: 0; }

.customLabels .login {
  padding: 0; }

.customLabels .custom-login-form .custom-centered-buttons .pill-btn.btn.btn-social {
  width: 100% !important;
  min-width: auto !important;
  height: 48px;
  max-width: none !important; }

.customLabels .custom-login-form .custom-centered-buttons {
  align-items: center; }
  .customLabels .custom-login-form .custom-centered-buttons .custom-centered-buttons-container {
    width: 100%;
    flex-wrap: nowrap;
    display: flex; }
    .customLabels .custom-login-form .custom-centered-buttons .custom-centered-buttons-container .pill-btn.btn.btn-social.btn-facebook,
    .customLabels .custom-login-form .custom-centered-buttons .custom-centered-buttons-container .pill-btn.btn.btn-social.btn-google {
      margin: 10px 0; }
    .customLabels .custom-login-form .custom-centered-buttons .custom-centered-buttons-container .custom-centered-buttons-left,
    .customLabels .custom-login-form .custom-centered-buttons .custom-centered-buttons-container .custom-centered-buttons-right {
      width: 100%; }
    .customLabels .custom-login-form .custom-centered-buttons .custom-centered-buttons-container .custom-centered-buttons-left {
      margin-right: 8px; }
    .customLabels .custom-login-form .custom-centered-buttons .custom-centered-buttons-container .custom-centered-buttons-right {
      margin-left: 8px; }

.customLabels .custom-register-form .custom-centered-buttons .pill-btn.btn.btn-social {
  width: 100% !important;
  min-width: auto !important;
  height: 48px; }

.customLabels .custom-register-form .buttons-group.buttons-login.button-two-content.negative {
  margin: 34px auto 20px auto; }

body[data-action="Register-Show"], body[data-action="Login-Show"] .customLabels .custom-centered-buttons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  align-items: center; }

.container-steps-form-title {
  gap: 35px;
  display: flex;
  width: 60%;
  white-space: nowrap; }

.customLabels ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #667085 !important;
  font-size: 16px !important; }

.customLabels :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #667085 !important;
  font-size: 16px !important; }

.customLabels ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #667085 !important;
  font-size: 16px !important; }

.customLabels :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #667085 !important;
  font-size: 16px !important; }

.customLabels ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #667085 !important;
  font-size: 16px !important; }

.customLabels ::placeholder {
  /* Most modern browsers support this now. */
  color: #667085 !important;
  font-size: 16px !important; }

.customLabels #google-button-text, #facebook-button-text {
  font-size: 16px;
  text-transform: capitalize; }

.custom-login-dashboard .customLabels .page-title {
  font-size: 46px; }

.form-group.custom-input .invalid-feedback {
  display: block !important; }

.button-vet-chat-locked {
  place-content: center;
  gap: 10px;
  display: flex; }

.container-card-pa.card-help-center-text .text-vet-chat-custom.text-vet-chat {
  margin: 28px 15px 0px; }
  @media (max-width: 767px) {
    .container-card-pa.card-help-center-text .text-vet-chat-custom.text-vet-chat {
      margin: 22px 15px 0px; } }

.container-card-pa.card-help-center-text .text-vet-chat-custom.text-vet-chat h5 {
  font-size: 19px; }
  @media (max-width: 767px) {
    .container-card-pa.card-help-center-text .text-vet-chat-custom.text-vet-chat h5 {
      font-size: 18px;
      margin-bottom: 7px;
      padding-left: 0px; } }

.custom-bt-text {
  font-weight: 500;
  font-family: 'Klavika-Regular'; }

@media (max-width: 767px) {
  .custom-vetchat-bt-white {
    height: 46px; } }

@media (max-width: 767px) {
  #add-address {
    padding-top: 25px; } }

.error-create-case {
  place-content: center;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  display: flex;
  flex-wrap: wrap;
  z-index: 152;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: 85vh;
  padding: 24px;
  max-width: 400px;
  border-radius: 0px 30px;
  background: white; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
body.popup-opened {
  overflow-y: hidden; }

.dark-background {
  z-index: 153;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur(4px); }

.dark-background-menu {
  z-index: 150;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur(4px); }

.new-pet {
  z-index: 154;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 400px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white; }

.new-pet .page {
  flex: 100%; }
  .new-pet .page svg {
    margin-right: 15px;
    cursor: pointer; }
  .new-pet .page span {
    font-family: 'Klavika-Light';
    font-weight: 300;
    font-size: 14px;
    color: #101828; }
  .new-pet .page b {
    font-family: 'Klavika-Bold'; }

.new-pet h1 {
  flex: 100%;
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 24px;
  color: #101828;
  margin: 0;
  padding: 0; }

.new-pet h2 {
  flex: 100%;
  font-family: 'Klavika-Bold';
  font-weight: 500;
  font-size: 18px;
  color: #101828;
  margin: 0; }

.new-pet .description {
  flex: 100%;
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 14px;
  color: #667085;
  margin: 0; }

.new-pet .custom-input {
  position: relative; }
  .new-pet .custom-input svg {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%); }

.new-pet label {
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  color: #344054; }

.new-pet input[type=text],
.new-pet input[type=number],
.new-pet input[type=date] {
  width: 100%;
  background: #fff;
  font-family: 'Klavika-Light' !important;
  font-weight: 300;
  font-size: 16px !important;
  padding: 0 14px;
  box-sizing: border-box;
  height: 52px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  box-shadow: none; }
  .new-pet input[type=text]:focus,
  .new-pet input[type=number]:focus,
  .new-pet input[type=date]:focus {
    border: 2px solid #0C2340; }

.new-pet input[type=date] {
  display: flex; }

.new-pet .option {
  flex-grow: 1;
  width: 30%;
  margin-bottom: 16px; }

.new-pet .option.XL .checkmark {
  height: 156px; }

.new-pet .option.M .checkmark {
  height: 136px; }

.new-pet .option.S .checkmark {
  height: 80px; }

.new-pet .option.XS .checkmark {
  height: 52px; }

.new-pet .option .checkmark {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: left;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 10px;
  cursor: pointer; }

.new-pet .option input {
  position: absolute;
  opacity: 0; }

.new-pet .option input:checked ~ .checkmark {
  border: 2px solid #0C2340; }

.new-pet .option input:checked ~ .checkmark p {
  color: #0C2340; }

.new-pet .option:not(.custom) input:checked ~ .checkmark svg:not(.stroke) path {
  fill: #0C2340; }

.custom-dog-breed-svg svg:not(.stroke) path {
  fill: #98A2B3; }

#petBreed .btn-custom-toggle.active svg:not(.stroke) path {
  fill: #0C2340; }

.custom-cat-breed-svg svg:not(.stroke) path {
  fill: #98A2B3; }

.custom-dog-halfBreed-svg svg:not(.stroke) path {
  fill: #98A2B3; }

.custom-cat-halfBreed-svg svg:not(.stroke) path {
  fill: #98A2B3; }

.new-pet .option:not(.custom) input:checked ~ .checkmark svg.stroke path {
  stroke: #0C2340; }

.new-pet .option .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  background: #F2F4F7;
  border-radius: 48px;
  margin-bottom: 12px; }

.new-pet .option p {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 14px;
  color: #32455E;
  margin: 0; }

.new-pet .option p.detail {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 12px;
  color: #556579;
  margin: 5px 0 0 0; }

.new-pet .option.custom {
  flex: 100%;
  margin-bottom: 0; }

.new-pet .option.custom .checkmark {
  flex-direction: row;
  justify-content: flex-start; }

.new-pet .option.custom.pet-necessities .checkmark {
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 20px;
  gap: 10px; }

.new-pet .option.custom .circle {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin: 0 12px 0 0; }

.new-pet .option.custom svg {
  width: 50%;
  height: auto; }

/* CHECKBOX STYLE */
.new-pet .checkbox-label {
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  color: #344054; }

.new-pet .checkbox {
  position: relative; }

.new-pet .checkbox input {
  opacity: 0; }

.new-pet .checkbox input:checked ~ .checkmark:after {
  display: block; }

.new-pet .checkbox .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid #0A1D34;
  border-radius: 8px;
  cursor: pointer; }

.new-pet .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0A1D34; }

/***** *****/
.new-pet .custom-select-label {
  flex: 100%;
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  color: #344054;
  margin: 0 0 -6px 0; }

.new-pet .custom-select select {
  display: none;
  /*hide original SELECT element: */ }

.new-pet .custom-select {
  flex: 100%;
  position: relative;
  margin-bottom: 16px;
  padding: 0; }

.new-pet .custom-select .select-selected {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 52px;
  box-sizing: border-box;
  border: 1px solid #EAECF0;
  border-radius: 5px; }

.new-pet .select-items div, .select-selected {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 16px;
  color: #101828;
  padding: 8px 16px;
  cursor: pointer; }

.new-pet .select-items {
  position: absolute;
  background-color: white;
  bottom: 60px;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #EAECF0;
  border-radius: 5px;
  overflow-y: auto;
  height: 250px; }

.new-pet .select-hide {
  display: none; }

.new-pet .group {
  display: flex;
  align-items: flex-end;
  flex: 100%;
  gap: 16px;
  margin-top: 16px; }

.new-pet .last {
  margin-bottom: 16px !important; }

.new-pet .group .input {
  display: flex;
  flex-direction: column;
  flex: 100%; }

.new-pet .center {
  margin: 0 auto;
  text-align: center; }

.new-pet .flex {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }

.new-pet .error-message {
  display: none;
  width: 100%;
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  color: indianred;
  margin: -12px 0 0 0; }
  .new-pet .error-message.active {
    display: block; }

.new-pet .button {
  flex: 45%;
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  height: 44px;
  border-radius: 0px 20px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  line-height: initial;
  text-transform: none;
  cursor: pointer; }
  .new-pet .button svg {
    margin-left: 10px; }

.new-pet div.cancel {
  background: none;
  color: #667085;
  border: none;
  box-shadow: none; }

.new-pet div.next {
  background: #FF8300;
  color: white;
  border: 1px solid #FF8300; }

.new-pet a.back {
  background: #FFFFFF;
  color: #0C2340;
  border: 2px solid #0C2340; }

.new-pet a.profile {
  background: #0C2340;
  border: 1px solid #0C2340;
  color: white; }

.pet-necessities-container {
  width: 100%;
  gap: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.new-pet .js-cat-breed-response, .new-pet .js-dog-breed-response {
  width: 100%; }
  .new-pet .js-cat-breed-response > .custom-select-label, .new-pet .js-dog-breed-response > .custom-select-label {
    margin-bottom: 6px; }

.new-pet .js-confirmation .buttons-redirect {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 12px; }
  @media (max-width: 768px) {
    .new-pet .js-confirmation .buttons-redirect {
      flex-direction: column; }
      .new-pet .js-confirmation .buttons-redirect .back {
        order: 1; }
      .new-pet .js-confirmation .buttons-redirect .profile {
        order: 0; } }
  .new-pet .js-confirmation .buttons-redirect a {
    text-transform: none;
    margin: 0;
    min-height: 44px;
    flex-wrap: wrap;
    width: 100%;
    max-width: none; }
    .new-pet .js-confirmation .buttons-redirect a.back:hover {
      background: #FFFFFF;
      border: 2px solid #0C2340; }

.new-pet .is-invalid {
  border-bottom: 1px solid #e71b17;
  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); }

/***** MOBILE *****/
@media (max-width: 768px) {
  .new-pet {
    width: calc(100vw - 32px);
    padding: 16px; }
    .new-pet .flex {
      gap: 12px; }
  .new-pet .button {
    flex: 100%; }
  .new-pet div.cancel {
    order: 1; }
  .new-pet div.back {
    order: 1; }
  .new-pet .option.S {
    flex: 100%;
    margin-bottom: 0; }
  .new-pet .option.S.right {
    flex: 100%;
    margin-bottom: 16px; }
  .new-pet .option.S .checkmark {
    height: 52px;
    align-items: flex-start; }
  .new-pet .select-items {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: calc(100vh - 32px); } }

body[data-action="Family-SubmitPetProfileModal"] .dark-background {
  display: block !important; }

body[data-action="Family-SubmitPetProfileModal"] .footer-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }

body[data-action="Family-SubmitPetProfileModal"] .dark-background-menu {
  z-index: 150;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur(4px); }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.new-consultation,
.private-area {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  z-index: 153;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: 85vh;
  padding: 24px;
  max-width: 400px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white; }
  .new-consultation hr,
  .private-area hr {
    display: none; }

.new-consultation h1,
.private-area h1 {
  flex: 100%;
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 24px;
  color: #101828;
  margin: 0 !important; }

.new-consultation .description,
.private-area .description {
  flex: 100%;
  font-family: 'Klavika-Regular';
  font-weight: 300;
  font-size: 14px;
  color: #667085;
  margin: 0 !important; }

.new-consultation .description {
  margin-bottom: 16px; }

.new-consultation a {
  text-decoration: none; }

.new-consultation .option {
  flex: 100%;
  min-height: 88px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 10px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  cursor: pointer; }
  .new-consultation .option:hover {
    background: #F9FAFB; }
  .new-consultation .option:focus {
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); }

.new-consultation .title {
  flex: 100%;
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 14px;
  color: #32455E;
  margin: 0; }

.new-consultation .text {
  flex: 100%;
  font-family: 'Klavika-Regular';
  font-weight: 300;
  font-size: 13px;
  color: #556579;
  margin: 0; }

.new-consultation .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background: #F2F4F7;
  border-radius: 20px; }

.private-area form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }

.private-area label {
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  color: #0C2340;
  margin-bottom: -6px; }

.private-area textarea {
  flex: 100%;
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 16px;
  color: #667085;
  display: flex;
  padding: 10px 14px;
  height: 128px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  box-sizing: border-box;
  resize: none; }

.private-area .custom-uploadfile {
  flex: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 10px;
  padding: 16px 24px;
  border: 1px dashed #EAECF0;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 16px; }

.private-area .custom-uploadfile p {
  text-decoration: none;
  font-family: 'Klavika-Regular';
  font-weight: 300;
  font-size: 14px;
  color: #667085;
  text-transform: none;
  max-width: 275px;
  line-height: 20px;
  margin: 0; }

.private-area .custom-uploadfile span {
  font-weight: 500;
  color: #081527; }

.new-consultation .button,
.private-area .button {
  flex: 1 1 0;
  font-family: 'Klavika-Regular';
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  height: 44px;
  border-radius: 0px 20px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  cursor: pointer;
  text-transform: none; }

.new-consultation .button.cancel {
  flex: 100%;
  font-weight: 600;
  background: none;
  color: #667085;
  border: none;
  box-shadow: none;
  text-transform: none;
  transition: transform 0.2s; }
  .new-consultation .button.cancel:hover {
    transform: scale(1.05); }

.private-area .button.send {
  background: #FF8300;
  color: white;
  border: 1px solid #FF8300; }

.private-area .button.cancel {
  background: none;
  color: #667085;
  border: none;
  box-shadow: none;
  transition: transform 0.2s; }
  .private-area .button.cancel:hover {
    transform: scale(1.05); }

.private-area a {
  color: #667085;
  font-weight: 300;
  font-family: 'Klavika-Regular';
  font-size: 14px; }

.private-area #CaseCreationForm, .private-area .caseCreationFormPA {
  display: contents; }
  .private-area #CaseCreationForm .attach-file-border, .private-area .caseCreationFormPA .attach-file-border {
    border: 2px solid #EAECF0;
    box-shadow: none;
    width: 100%;
    margin-top: 4px; }
    @media (max-width: 768px) {
      .private-area #CaseCreationForm .attach-file-border, .private-area .caseCreationFormPA .attach-file-border {
        margin-top: 0; } }
  .private-area #CaseCreationForm .attach-file, .private-area .caseCreationFormPA .attach-file {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
    .private-area #CaseCreationForm .attach-file .attach-file-here-text, .private-area .caseCreationFormPA .attach-file .attach-file-here-text {
      color: #667085; }
      .private-area #CaseCreationForm .attach-file .attach-file-here-text strong, .private-area .caseCreationFormPA .attach-file .attach-file-here-text strong {
        color: #081527; }
    .private-area #CaseCreationForm .attach-file .attach-file-text, .private-area .caseCreationFormPA .attach-file .attach-file-text {
      width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-top: 5px; }

@media (max-width: 768px) {
  .new-consultation,
  .private-area {
    width: calc(100vw - 32px);
    padding: 16px; }
    .new-consultation .flex,
    .private-area .flex {
      gap: 8px; }
  .private-area .button {
    flex: 100%; }
  .private-area div.cancel {
    order: 1; }
  .private-area .button.cancel {
    margin-top: 0px; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.popup-cancel-case {
  z-index: 152;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 425px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white; }
  @media (max-width: 768px) {
    .popup-cancel-case {
      width: calc(100vw - 32px);
      padding: 16px; } }
  .popup-cancel-case .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center; }
    .popup-cancel-case .flex .circle {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 48px;
      height: 48px;
      background: #FEF0C7;
      border-radius: 28px;
      margin-bottom: 20px; }
    .popup-cancel-case .flex h1 {
      font-family: 'Klavika-Bold';
      font-weight: 700;
      font-size: 24px;
      color: #101828;
      margin-bottom: 8px;
      padding: 0; }
    .popup-cancel-case .flex p {
      font-family: 'Klavika-Light';
      font-weight: 300;
      font-size: 14px;
      color: #667085;
      margin-bottom: 32px; }
    .popup-cancel-case .flex .button-group {
      display: flex;
      width: 100%;
      gap: 12px; }
      @media (max-width: 768px) {
        .popup-cancel-case .flex .button-group {
          flex-direction: column; } }
      .popup-cancel-case .flex .button-group .button {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        height: 44px;
        border-radius: 0px 20px;
        text-transform: none;
        font-family: 'Klavika-Regular';
        font-weight: 500;
        font-size: 16px;
        line-height: initial; }
        @media (max-width: 768px) {
          .popup-cancel-case .flex .button-group .button {
            width: 100%; } }
        .popup-cancel-case .flex .button-group .button.back {
          color: #556579;
          background: transparent;
          border: 1px solid transparent; }
          @media (max-width: 768px) {
            .popup-cancel-case .flex .button-group .button.back {
              order: 1; } }
        .popup-cancel-case .flex .button-group .button.cancel {
          color: #FFFFFF;
          background: #D92D20;
          border: 1px solid #D92D20; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.delete-pet-confirm {
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white;
  z-index: 154;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  padding: 26px;
  max-width: 400px; }

.delete-pet-confirm .text-center {
  display: flex;
  text-align: center !important;
  justify-content: center; }

.delete-pet-confirm h1 {
  font-size: 26px !important; }

.delete-pet-confirm h3 {
  font-size: 14px !important;
  color: #667085 !important;
  line-height: 20px !important; }

.delete-pet-confirm .pill-btn.btn.btn-brand {
  background-color: #D92D20 !important;
  border: 1px solid #D92D20 !important;
  width: 100%;
  height: 45px; }

.delete-pet-confirm .pill-btn.btn {
  text-transform: none;
  margin: 0px; }

.delete-pet-confirm .page-title {
  text-transform: none !important; }

.delete-pet-confirm .pill-btn.btn.btn-invert {
  background-color: white !important;
  border: 1px solid white !important;
  width: 100%; }

.delete-pet-confirm .pill-btn.btn.btn-invert.shadow-none {
  width: 100%;
  box-shadow: none !important; }

.delete-pet-confirm .btn-cancel {
  font-size: 16px;
  line-height: 15px;
  font-family: "Klavika-Bold"; }
  .delete-pet-confirm .btn-cancel a {
    color: #556579; }

.delete-pet-confirm .pill-btn.btn.btn-invert:hover, .pill-btn.btn.btn-invert-brand:hover, a.btn.btn-invert:hover, a.btn.btn-invert-brand:hover {
  background-color: white !important; }

.delete-pet-confirm .pill-btn.btn.btn-invert:hover a, a.btn.btn-invert:hover a {
  color: #556579 !important; }

.delete-pet-confirm a:visited {
  color: #556579 !important; }

.delete-pet-confirm svg {
  margin: 0px auto 20px auto !important;
  display: block !important; }

.delete-pet-confirm section.pageTop {
  margin: 0px auto; }

@media (max-width: 768px) {
  .delete-pet-confirm {
    width: 90%; }
  .delete-pet-confirm .pill-btn.btn, a.btn {
    width: 100%; }
  .delete-pet-confirm .button {
    flex: 100%; }
  .delete-pet-confirm div.cancel {
    order: 1; }
  .delete-pet-confirm .bt-cancel-delete {
    order: 2; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.consultation-chat {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 32px;
  background: #FFFFFF;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px;
  max-width: 765px;
  margin-bottom: 2%; }

.consultation-chat .top {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.consultation-chat .top p {
  font-family: 'Klavika-Regular';
  font-weight: 400;
  font-size: 16px;
  color: #0C2340;
  margin: 0; }

.consultation-chat .top .background {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 22px;
  border-radius: 16px; }

.consultation-chat .top .background.new {
  background: #F2F4F7;
  color: #344054; }

.consultation-chat .top .background.resolved {
  background: #ECFDF3;
  color: #027A48; }

.consultation-chat .top .background.inManagement {
  background: #FFFAEB;
  color: #B54708; }

.consultation-chat .top .background span {
  margin-left: 5px;
  font-family: 'Klavika-Regular';
  font-weight: 500;
  font-size: 12px; }

.consultation-chat .response {
  display: flex;
  align-items: center; }

.consultation-chat .response:not(:last-child) {
  margin-bottom: 20px; }

.consultation-chat .response .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 100%; }

.consultation-chat .info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 12px; }

.consultation-chat .info span {
  font-family: 'Klavika-Regular';
  font-weight: 400;
  font-size: 12px;
  color: #7A8696; }

.consultation-chat .info p {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #0C2340;
  margin: 0; }

.start-chat-text {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #0C2340; }

.consultation-chat .all-responses {
  font-family: 'Klavika-Regular';
  font-weight: 500;
  font-size: 16px;
  color: #0C2340;
  cursor: pointer; }

.consultation-chat .bottom {
  font-family: 'Klavika-Bold';
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #0C2340;
  margin: 0; }

.consultation-chat .bottom span {
  color: #DD4814; }

.consultation-button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  width: 150px;
  height: 52px;
  background: #DD4814;
  border: 1px solid #DD4814;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 0px 20px;
  font-family: 'Klavika-Regular';
  font-weight: 700;
  font-size: 16px;
  color: white;
  text-transform: none;
  cursor: pointer; }

.consultation-history-banner {
  position: relative;
  background: #0C2340;
  height: 287px; }
  .consultation-history-banner .background {
    width: 100%;
    height: 178px;
    position: absolute;
    bottom: 0;
    left: 0; }
  .consultation-history-banner h1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 8%;
    padding: 0;
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -0.02em;
    color: white; }

.vetchat-banner .pageHeaderPrivateArea h1 {
  margin: 0%; }
  @media (max-width: 768px) {
    .vetchat-banner .pageHeaderPrivateArea h1 {
      margin: 20px 0; } }

.faqs_container:not(.faqs_landing)_title {
  color: #101828 !important; }

.faqs_container:not(.faqs_landing) .topic-active {
  background-color: #F9FAFB !important; }

.faqs_container:not(.faqs_landing) .faqs_questions .answer p {
  color: #556579 !important; }

@media (min-width: 1280px) {
  .faqs_container:not(.faqs_landing) .faqs_questions {
    background-color: #F9FAFB !important; }
    .faqs_container:not(.faqs_landing) .faqs_questions .faqs_questions_container {
      border: none !important; } }

.faqs_container:not(.faqs_landing) .faqs_questions .icon {
  filter: none !important; }

.faqs_container:not(.faqs_landing) .dropdownfaqs {
  color: #101828 !important; }

.consultation-history {
  display: flex;
  max-width: 1312px;
  margin: 0 auto;
  padding: 100px 16px;
  gap: 60px; }
  .consultation-history .left {
    width: 40%;
    margin-bottom: 100px; }
    .consultation-history .left .top {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-bottom: 100px; }
      .consultation-history .left .top h2 {
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 36px;
        letter-spacing: -0.02em;
        color: #101828;
        margin: 0; }
      .consultation-history .left .top p {
        font-family: 'Klavika-Light';
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        color: #667085;
        margin: 0; }
      .consultation-history .left .top .button {
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 20px;
        width: 150px;
        height: 52px;
        background: #DD4814;
        border: 1px solid #DD4814;
        box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
        border-radius: 0px 20px;
        font-family: 'Klavika-Regular';
        font-weight: 700;
        font-size: 16px;
        color: white;
        text-transform: none;
        cursor: pointer; }
      .consultation-history .left .top .button:hover {
        transform: scale(1.05); }
  .consultation-history .right {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 60%; }
    .consultation-history .right .head {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-bottom: 15px;
      gap: 20px; }
      .consultation-history .right .head .group {
        display: flex;
        flex-direction: column; }
        .consultation-history .right .head .group span {
          font-family: 'Klavika-Bold';
          font-weight: 500;
          font-size: 14px;
          color: #344054;
          margin-bottom: 5px; }
      .consultation-history .right .head .custom-select {
        width: 150px;
        position: relative;
        padding: 0;
        background: none; }
        .consultation-history .right .head .custom-select::after {
          content: '';
          position: absolute;
          top: 18px;
          right: 14px;
          border: solid #667085;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 3px;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg); }
        .consultation-history .right .head .custom-select.sort.asc::after {
          transform: rotate(-135deg);
          -webkit-transform: rotate(-135deg);
          top: 22px; }
        .consultation-history .right .head .custom-select select {
          display: none; }
        .consultation-history .right .head .custom-select .select-selected {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          box-sizing: border-box;
          border: 1px solid #EAECF0;
          border-radius: 5px; }
        .consultation-history .right .head .custom-select .select-items div,
        .consultation-history .right .head .custom-select .select-selected {
          font-family: 'Klavika-Regular';
          font-weight: 300;
          font-size: 16px;
          color: #101828;
          padding: 10px 14px;
          cursor: pointer; }
        .consultation-history .right .head .custom-select .select-items {
          position: absolute;
          background-color: white;
          top: 48px;
          left: 0;
          right: 0;
          z-index: 99;
          border: 1px solid #EAECF0;
          border-radius: 5px;
          overflow-y: auto;
          height: initial;
          bottom: initial; }
        .consultation-history .right .head .custom-select .select-hide {
          display: none; }
    .consultation-history .right #list-chat .list {
      padding-left: 0; }
    .consultation-history .right .pagination {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 0; }
      .consultation-history .right .pagination .active .page {
        background-color: #0c2340;
        border-color: #0c2340;
        font-family: 'Klavika-Regular'; }
  .consultation-history .bottom.desktop,
  .consultation-history .bottom.mobile {
    flex-direction: column;
    gap: 20px; }
    .consultation-history .bottom.desktop h3,
    .consultation-history .bottom.mobile h3 {
      font-family: 'Klavika-Bold';
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      color: #101828;
      margin: 0; }
      @media (max-width: 768px) {
        .consultation-history .bottom.desktop h3,
        .consultation-history .bottom.mobile h3 {
          font-size: 20px;
          line-height: 30px; } }
    .consultation-history .bottom.desktop p,
    .consultation-history .bottom.mobile p {
      font-family: 'Klavika-Light';
      font-weight: 300;
      font-size: 18px;
      line-height: 28px;
      color: #667085;
      margin: 0; }
      @media (max-width: 768px) {
        .consultation-history .bottom.desktop p,
        .consultation-history .bottom.mobile p {
          font-size: 16px;
          line-height: 24px; } }
    .consultation-history .bottom.desktop .group,
    .consultation-history .bottom.mobile .group {
      display: flex;
      gap: 10px; }
      .consultation-history .bottom.desktop .group .button,
      .consultation-history .bottom.mobile .group .button {
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 20px;
        min-width: 167px;
        height: 52px;
        box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
        border-radius: 0px 20px;
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        cursor: pointer; }
        .consultation-history .bottom.desktop .group .button.blue,
        .consultation-history .bottom.mobile .group .button.blue {
          background: #182D4D;
          border: 2px solid #63CFE3;
          color: white; }
        .consultation-history .bottom.desktop .group .button.transparent,
        .consultation-history .bottom.mobile .group .button.transparent {
          background: transparent;
          border: 2px solid #0C2340;
          color: #0C2340; }
        .consultation-history .bottom.desktop .group .button.locked,
        .consultation-history .bottom.mobile .group .button.locked {
          border: 2px solid #7A8696;
          background: #7A8696;
          color: #FFFFFF; }
          .consultation-history .bottom.desktop .group .button.locked svg,
          .consultation-history .bottom.mobile .group .button.locked svg {
            margin-left: 10px; }
      .consultation-history .bottom.desktop .group .button:hover,
      .consultation-history .bottom.mobile .group .button:hover {
        transform: scale(1.05); }
  .consultation-history .bottom.desktop {
    display: flex; }
  .consultation-history .bottom.mobile {
    display: none; }
  .consultation-history .avatar {
    width: 48px;
    height: auto; }

@media (max-width: 1023px) {
  .consultation-chat {
    max-width: initial; }
  .consultation-history {
    flex-direction: column; }
    .consultation-history .left {
      width: 100%;
      flex-direction: column; }
      .consultation-history .left .top {
        margin-bottom: 0; }
      .consultation-history .left .bottom.desktop {
        display: none; }
    .consultation-history .right {
      width: 100%;
      flex-direction: column; }
    .consultation-history .bottom.mobile {
      display: flex;
      margin-bottom: 40px; }
      .consultation-history .bottom.mobile .group .button {
        width: 50%;
        min-width: auto; } }

@media (max-width: 768px) {
  .consultation-history-banner {
    height: 180px; }
    .consultation-history-banner h1 {
      font-size: 24px;
      margin: 20px 0;
      letter-spacing: normal; }
  .consultation-history {
    padding: 40px 16px 16px 16px;
    gap: 40px; }
    .consultation-history .left .top h2 {
      font-size: 24px; }
    .consultation-history .left .top .button {
      width: 100%; }
    .consultation-history .left .head .group {
      width: unset; }
    .consultation-history .right .head {
      justify-content: flex-start; }
      .consultation-history .right .head .group {
        width: unset; }
        .consultation-history .right .head .group.sorting {
          flex-grow: 1; }
      .consultation-history .right .head .custom-select {
        width: 100%; }
    .consultation-history .avatar {
      width: 32px;
      height: auto; }
  .consultation-chat {
    padding: 16px; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.help-component,
.vetchat-help-component {
  z-index: 151;
  position: fixed;
  top: 80%;
  border-radius: 100%;
  display: flex;
  justify-content: end;
  right: .3rem;
  box-shadow: 0px 0px 15px 1px rgba(255, 255, 255, 0.25); }
  @media (min-width: 425px) {
    .help-component,
    .vetchat-help-component {
      right: 1rem; } }
  .help-component.moveup,
  .vetchat-help-component.moveup {
    top: 60%; }

.floating-button-menu {
  border-radius: 50%;
  background: #0C2340;
  cursor: pointer; }
  .floating-button-menu .custom-button {
    width: 100%;
    text-align: center;
    min-width: unset; }
  .floating-button-menu.menu-off .floating-button-menu-links {
    display: none; }
  .floating-button-menu .floating-button-menu-links {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0; }
    .floating-button-menu .floating-button-menu-links a {
      position: relative;
      color: #454545;
      text-transform: uppercase;
      text-decoration: none;
      line-height: 50px;
      display: block;
      display: block;
      border-bottom: 1px solid #ccc;
      width: 100%;
      height: 50px;
      padding: 0 20px;
      border-bottom: 1px solid #ccc;
      background: rgba(0, 0, 0, 0); }
      .floating-button-menu .floating-button-menu-links a:hover {
        background: rgba(0, 0, 0, 0.1); }
      .floating-button-menu .floating-button-menu-links a:last-child {
        border-bottom: 0px solid #fff; }
    .floating-button-menu .floating-button-menu-links.menu-on {
      background: #fff;
      width: 450px;
      height: 400px;
      border-radius: 10px;
      opacity: 1; }
  .floating-button-menu .floating-button-menu-label {
    text-align: center;
    color: #fff;
    opacity: 1;
    cursor: pointer; }
    @media (max-width: 768px) {
      .floating-button-menu .floating-button-menu-label svg {
        width: 48px;
        height: 48px; } }
  .floating-button-menu.menu-on {
    position: absolute;
    bottom: 80px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
    border-radius: 0px 30px;
    cursor: initial;
    width: 390px;
    max-width: 97vw; }
    @media (min-width: 1023px) {
      .floating-button-menu.menu-on {
        width: 400px; } }
    @media (max-width: 768px) {
      .floating-button-menu.menu-on {
        bottom: 63px;
        padding: 16px; } }
    .floating-button-menu.menu-on .floating-button-menu-links {
      width: 100%;
      height: 100%;
      opacity: 1; }
    .floating-button-menu.menu-on .floating-button-menu-label {
      height: 0px;
      overflow: hidden; }

.floating-button-menu-close {
  position: fixed;
  z-index: 2;
  width: 0%;
  height: 0%; }
  .floating-button-menu-close.menu-on {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1); }

.floating-button-menu-label-close {
  cursor: pointer; }
  @media (max-width: 768px) {
    .floating-button-menu-label-close svg {
      width: 48px;
      height: 48px; } }

.icon-circle-floating-menu-help {
  display: inline-block;
  border-radius: 60px;
  width: 100px;
  height: 100px;
  background-color: #ededed; }

.option-bt-help-menu,
.option-bt-vetchat-menu {
  flex: 100%;
  min-height: 88px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 10px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 4%;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); }
  .option-bt-help-menu:hover,
  .option-bt-vetchat-menu:hover {
    background: #F9FAFB; }
  .option-bt-help-menu:focus,
  .option-bt-vetchat-menu:focus {
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); }

.option-bt-vetchat-clubadvance {
  flex: 100%;
  min-height: 88px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 10px;
  border: 2px solid #EAECF0;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 4%;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); }
  .option-bt-vetchat-clubadvance:hover {
    background: #F9FAFB; }
  .option-bt-vetchat-clubadvance:focus {
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); }

.option-bt-vetchat-menu.locked {
  background: #F9FAFB;
  color: #9EA7B3; }

.title1-help-center-float {
  font-family: 'Klavika-Light';
  font-size: 16px;
  text-align: center;
  color: #0C2340;
  margin: 0px; }

.bigTitle1-help-center-float {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  font-family: 'Klavika-Bold';
  line-height: 32px;
  color: #0C2340; }

.subtitle-help-float-menu {
  font-family: 'Klavika-Bold';
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  gap: 8px;
  color: #0C2340; }
  @media (max-width: 320px) {
    .subtitle-help-float-menu {
      font-size: 12px; } }
  @media (min-width: 321px) and (max-width: 768px) {
    .subtitle-help-float-menu {
      font-size: 16px; } }

.circle-bt-help-menu,
.circle-bt-vetchat-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 48px;
  background: #F2F4F7;
  border-radius: 50%;
  color: #0C2340; }
  .circle-bt-help-menu svg,
  .circle-bt-vetchat-menu svg {
    width: 20px !important;
    height: auto; }

#custom-help-float-message-icon {
  width: 55%;
  height: auto; }

.text-help-float-menu {
  font-family: 'Klavika-Light';
  font-size: 14px;
  line-height: 20px;
  color: #556579;
  margin: 0; }

.custom-help-float-show-cases {
  font-family: 'Klavika-Regular';
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FF8300;
  cursor: pointer;
  margin: 24px 0 0 0; }

.option-bt-vetchat-menu.locked .subtitle-help-float-menu {
  color: #9EA7B3; }

.vetchat-complete-pet-profile-link {
  font-family: 'Klavika-Regular';
  font-size: 16px;
  font-weight: 500; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.vet-chat {
  background-color: white; }

.vet-chat .banner {
  position: relative;
  background: #0C2340;
  height: 287px; }

.vet-chat .banner .background {
  background-image: url(images/background.png);
  width: 100%;
  height: 178px;
  position: absolute;
  bottom: 0;
  left: 0; }

.vet-chat .banner h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 7%;
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 48px;
  letter-spacing: -0.02em;
  color: white; }

.vet-chat .top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1312px;
  margin: 0 auto;
  padding: 96px 16px 32px 16px; }
  @media (max-width: 768px) {
    .vet-chat .top {
      padding: 40px 16px 48px 16px; } }

.vet-chat .top h2 {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 36px;
  letter-spacing: -0.02em;
  color: #101828;
  margin: 0; }

.vet-chat .top p {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 18px;
  color: #667085;
  margin: 0;
  max-width: 800px; }

.vet-chat .top .buttons-row {
  display: flex;
  gap: 8px; }

.vet-chat .top .button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  width: 167px;
  height: 52px;
  background: #DD4814;
  border: 1px solid #DD4814;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  border-radius: 0px 20px;
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 16px;
  text-transform: initial;
  color: white;
  cursor: pointer; }
  .vet-chat .top .button.white {
    background-color: #FFFFFF;
    border: 2px solid #0C2340;
    color: #0C2340; }

.vet-chat .center {
  max-width: 1312px;
  margin: 0 auto;
  padding: 0 0 0 16px;
  display: flex;
  align-items: flex-end; }

.vet-chat .center .left {
  width: 44%;
  margin-right: 50px; }

.vet-chat .center .left h3 {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 24px;
  color: #101828;
  margin: 0; }

.vet-chat .center .left .group {
  display: flex;
  align-items: center;
  margin: 40px 0; }

.vet-chat .center .left .group .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 48px;
  background: #E7E9EC;
  border-radius: 100%;
  margin-right: 16px; }

.vet-chat .center .left .group p {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 18px;
  color: #475467;
  margin: 0;
  max-width: 480px; }

.vet-chat .center .right {
  width: 56%;
  display: flex;
  justify-content: flex-end; }
  .vet-chat .center .right p {
    margin-bottom: 0; }

.vet-chat .center .left .group b {
  font-family: 'Klavika-Bold'; }

.vet-chat .center .right img {
  width: 100%;
  object-fit: contain;
  max-height: 560px; }

.vet-chat .center .right img.mobile-image {
  display: none; }

.vet-chat .bottom {
  margin: 0;
  padding: 7%;
  background: #F2F4F7; }

.vet-chat .bottom li {
  position: relative;
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 18px;
  color: #475467;
  max-width: 720px; }
  .vet-chat .bottom li::marker {
    font-size: 27px; }

.vet-chat .bottom li:not(:last-child) {
  margin-bottom: 11px; }

.vet-chat-popup {
  display: none;
  z-index: 154;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 25px 24px 20px;
  width: 480px;
  max-width: 480px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 0px 30px;
  background: white; }

.vet-chat-popup .flex {
  display: flex;
  flex-direction: column; }

.vet-chat-popup h1 {
  font-family: 'Klavika-Bold';
  font-weight: 500;
  font-size: 18px;
  color: #101828;
  padding: 20px 0px 0px 0px;
  line-height: 28px; }

.vet-chat-popup p.text {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 14px;
  color: #667085;
  line-height: 20px; }

.vet-chat-popup .checkbox {
  position: relative;
  margin-top: 2px; }

.vet-chat-popup .checkbox input {
  opacity: 0;
  margin: 0; }

.vet-chat-popup .checkbox input:checked ~ .checkmark:after {
  display: block; }

.vet-chat-popup .checkbox .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid #0A1D34;
  border-radius: 8px;
  cursor: pointer; }

.vet-chat-popup .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0A1D34; }

.vet-chat-popup .option {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border: 2px solid #EAECF0;
  border-radius: 8px;
  gap: 12px;
  cursor: pointer;
  max-height: 110px; }

.vet-chat-popup .option.checked {
  border: 2px solid #0A1D34; }

.vet-chat-popup .option .group {
  display: flex;
  align-items: center;
  gap: 12px; }

.vet-chat-popup .option .left .group .group-right {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.vet-chat-popup .option .left .group .group-right .details {
  display: flex;
  align-items: center;
  gap: 8px; }

.vet-chat-popup .option .left .group .group-right .details p.name {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 18px;
  color: #081527;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 125px; }

.vet-chat-popup .option .left .group .group-right .background {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-width: 90px;
  height: auto;
  min-height: 22px;
  border-radius: 16px;
  padding: 0 8px; }

.vet-chat-popup .option .left .group .group-right .background.completed {
  background: #ECFDF3;
  color: #027A48; }

.vet-chat-popup .option .left .group .group-right .background.pending {
  background: #FFFAEB;
  color: #B54708; }

.vet-chat-popup .option .left .group .group-right .background span {
  margin-left: 5px;
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 12px; }

.vet-chat-popup .option .left .group .group-right .details + p {
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  color: #081527;
  margin: 0;
  text-decoration-line: underline; }

.vet-chat-popup .button-group {
  display: flex;
  gap: 16px;
  margin-top: 33px; }

.vet-chat-popup .add-new-pet {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 14px;
  color: #081527;
  cursor: pointer;
  margin-top: 7px;
  margin-left: 3px; }

.vet-chat-popup .button {
  width: 50%;
  font-family: 'Klavika-Regular';
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  height: 44px;
  border-radius: 0px 20px;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  line-height: initial;
  text-transform: none;
  cursor: pointer; }

.vet-chat-popup .button.send {
  background: #DD4814;
  color: white;
  border: 1px solid #DD4814; }

.vet-chat-popup .button.cancel {
  background: none;
  color: #667085;
  border: none;
  box-shadow: none; }

.vet-chat-popup .vetchat-complete-pet-profile a {
  font-family: 'Klavika-Regular';
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #081527; }

.vet-chat .top .button:hover {
  transform: scale(1.05); }

@media screen and (max-width: 768px) {
  .vet-chat-floating-menu .floating-button-menu.menu-on {
    right: 0;
    margin: 0; }
  .vet-chat .banner {
    height: 160px; }
  .vet-chat .banner h1 {
    margin: 0 16px;
    font-size: 24px; }
  .vet-chat .top h2 {
    font-size: 24px; }
  .vet-chat .top .buttons-row {
    flex-direction: column; }
  .vet-chat .top .button {
    width: 100%; }
  .vet-chat .center {
    padding: 0 16px 0 16px;
    flex-direction: column;
    justify-content: center; }
  .vet-chat .center .left {
    width: 100%;
    margin-right: 0; }
  .vet-chat .center .right {
    width: 100%;
    justify-content: center; }
  .vet-chat .center .right img.desktop-image {
    display: none; }
  .vet-chat .center .right img.mobile-image {
    display: block; }
  .vet-chat .bottom {
    padding: 50px 32px; }
  .vet-chat .bottom ::marker {
    font-size: 25px; }
  .vet-chat .bottom li {
    margin-left: 16px;
    max-width: none; }
  .vet-chat-popup {
    width: calc(100vw - 32px);
    padding: 20px 16px; }
  .vet-chat-popup .add-new-pet {
    margin-top: 27px; }
  .vet-chat-popup .button-group {
    flex-direction: column;
    margin-top: 25px; }
  .vet-chat-popup .button-group .button {
    width: initial; }
  .vet-chat-popup .button-group .cancel {
    order: 1; }
  .vet-chat-popup .option .left .group .group-right .details {
    display: block; }
  .vet-chat-popup .vetchat-complete-pet-profile a {
    text-decoration: underline; }
  .vet-chat-popup .add-new-pet span {
    text-decoration: underline; } }

.vetChat-floating-menu .button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  width: 167px;
  height: 52px;
  background: #DD4814;
  border: 1px solid #DD4814;
  border-radius: 0px 20px;
  font-family: 'Klavika-Regular';
  font-weight: 700;
  font-size: 16px;
  text-transform: initial;
  color: white;
  cursor: pointer;
  margin: 2%; }
  .vetChat-floating-menu .button.register {
    background-color: white;
    background-color: white;
    border: 3px solid #0C2340;
    color: #0C2340; }
  .vetChat-floating-menu .button:hover {
    transform: scale(1.05); }

.vetChat-floating-menu .container-float-vetchat {
  display: flex;
  gap: 8%; }

.vet-chat-popup .rounded-circle-petlist {
  padding: 4%;
  height: 65px;
  width: auto; }

.top2 .button.js-open-vetchat-popup.locked {
  border: 2px solid #7A8696;
  background: #7A8696;
  color: #FFFFFF;
  pointer-events: none; }
  .top2 .button.js-open-vetchat-popup.locked svg {
    margin-left: 10px; }

.vet-chat .top2 .buttons-row {
  display: flex;
  gap: 8px; }

.vet-chat .top2 .button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  width: fit-content;
  min-width: 167px;
  height: 52px;
  background: #DD4814;
  border: 1px solid #DD4814;
  box-shadow: 0 0 40px 10px rgba(228, 228, 228, 0.5);
  border-radius: 0px 20px;
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 16px;
  text-transform: initial;
  color: white;
  cursor: pointer; }
  .vet-chat .top2 .button.white {
    background-color: #FFFFFF;
    border: 2px solid #0C2340;
    color: #0C2340; }
  @media (max-width: 767px) {
    .vet-chat .top2 .button {
      width: 100%; } }

.top2 {
  margin: 2% 7% 1%; }
  @media (max-width: 767px) {
    .top2 {
      margin: -25px 15px 10px; } }

#meetchat {
  position: relative;
  z-index: 1; }
  #meetchat svg path {
    fill: white; }

.popup-error-meetingVets {
  place-content: center;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white;
  z-index: 152;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  padding: 24px;
  max-width: 400px; }
  .popup-error-meetingVets .popup-error-meetingVets-desc {
    padding: 5%;
    font-family: 'Klavika-Regular';
    font-size: 18px;
    text-align: center; }

.chat-meeting-vets {
  position: relative;
  background: #0C2340;
  height: 287px; }
  .chat-meeting-vets .background {
    width: 100%;
    height: 178px;
    position: absolute;
    bottom: 0;
    left: 0; }
  .chat-meeting-vets h1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 8%;
    padding: 0;
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -0.02em;
    color: white; }
  .chat-meeting-vets h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 8%;
    padding: 0;
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -0.02em;
    color: white; }

@media (max-width: 768px) {
  .chat-meeting-vets {
    height: 160px; }
    .chat-meeting-vets h1 {
      font-size: 24px;
      padding-top: 45px; }
  body[data-action="PACase-List"] .customMenuShadow.bottom-navigation-wrapper,
  body[data-action="VetChat-Show"] .customMenuShadow.bottom-navigation-wrapper {
    box-shadow: none; }
  .popup-error-meetingVets {
    width: 84%; } }

.vetchat-help-component .floating-button-menu-links {
  overflow: visible; }

.vetchat-help-component .container-float-vetchat {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px; }
  .vetchat-help-component .container-float-vetchat button {
    min-width: initial; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.club-advance-tickets {
  display: flex;
  flex-direction: column;
  padding: 0px 16px 88px 16px;
  gap: 32px;
  max-width: 1312px;
  margin: 54px auto 0; }
  @media (max-width: 768px) {
    .club-advance-tickets {
      gap: 20px;
      margin: 32px auto 0;
      padding: 0 0 50px 0; } }
  .club-advance-tickets .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px; }
    @media (max-width: 768px) {
      .club-advance-tickets .top {
        margin: 0 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px; } }
    .club-advance-tickets .top .left {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .club-advance-tickets .top .left h1 {
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        letter-spacing: -0.02em;
        color: #0C2340;
        margin: 0; }
        @media (max-width: 768px) {
          .club-advance-tickets .top .left h1 {
            font-size: 28px;
            line-height: 38px; } }
      .club-advance-tickets .top .left p {
        font-family: 'Klavika-Light';
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: #556579;
        margin: 0; }
        @media (max-width: 768px) {
          .club-advance-tickets .top .left p {
            font-size: 14px;
            line-height: 20px; } }
    .club-advance-tickets .top .right {
      display: flex;
      flex-direction: column;
      min-width: 137px;
      padding: 16px;
      box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
      border-radius: 5px;
      background: #fff; }
      .club-advance-tickets .top .right p {
        font-family: 'Klavika-Light';
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        color: #475467;
        margin: 0; }
      .club-advance-tickets .top .right .total-points .loyalty-coin {
        margin: 0 6px;
        transform: scale(1.4); }
      .club-advance-tickets .top .right .total-points span {
        font-family: 'Klavika-Light';
        font-weight: 300; }
        .club-advance-tickets .top .right .total-points span.strong {
          font-family: 'Klavika-Bold';
          font-weight: 700;
          font-size: 20.641px;
          line-height: 29px; }
  .club-advance-tickets .table {
    width: 100%;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    overflow: hidden;
    margin-bottom: 0;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 0px;
    border-radius: 8px;
    border: 1px solid #EAECF0; }
    @media (max-width: 768px) {
      .club-advance-tickets .table {
        border-radius: 0; } }
    .club-advance-tickets .table .tbody {
      display: table-row-group;
      vertical-align: middle;
      border-color: inherit; }
    .club-advance-tickets .table .header {
      background: #F9FAFB;
      font-family: 'Klavika-Regular';
      font-weight: 500;
      font-size: 12px;
      color: #667085;
      text-transform: capitalize;
      grid-template-columns: 120px 120px 90px auto 200px 200px;
      display: grid;
      vertical-align: inherit;
      border-color: inherit;
      align-items: center; }
      @media (max-width: md) {
        .club-advance-tickets .table .header {
          grid-template-columns: 120px 120px auto; } }
      .club-advance-tickets .table .header .th {
        padding: 12px;
        display: table-cell;
        vertical-align: inherit;
        font-weight: bold;
        text-align: -internal-center; }
        .club-advance-tickets .table .header .th:first-child {
          padding-left: 24px; }
        .club-advance-tickets .table .header .th:nth-child(2) {
          text-align: center; }
        @media (max-width: 768px) {
          .club-advance-tickets .table .header .th {
            padding: 12px 16px;
            background: #F9FAFB; } }
        .club-advance-tickets .table .header .th .flex {
          display: flex;
          align-items: center; }
          .club-advance-tickets .table .header .th .flex svg {
            margin-left: 7px; }
    .club-advance-tickets .table .tr {
      height: 72px;
      background: white;
      border-top: 1px solid #EAECF0;
      display: grid;
      grid-template-columns: 120px 120px 90px auto 200px 200px;
      vertical-align: inherit;
      align-items: center; }
      @media (max-width: md) {
        .club-advance-tickets .table .tr {
          grid-template-columns: 120px 120px auto; } }
      .club-advance-tickets .table .tr .td {
        padding: 12px;
        align-items: center;
        display: flex;
        border-top: 1px solid #EAECF0;
        height: 72px; }
        .club-advance-tickets .table .tr .td:first-child {
          padding-left: 24px; }
        .club-advance-tickets .table .tr .td:nth-child(3) {
          justify-content: center; }
        @media (max-width: 768px) {
          .club-advance-tickets .table .tr .td {
            padding: 12px 16px; } }
        .club-advance-tickets .table .tr .td.date {
          font-family: 'Klavika-Regular';
          font-weight: 500;
          font-size: 14px;
          line-height: 20px;
          color: #101828; }
        .club-advance-tickets .table .tr .td.details {
          font-family: 'Klavika-Light';
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #667085; }
          @media (max-width: 768px) {
            .club-advance-tickets .table .tr .td.details {
              font-size: 12px;
              line-height: 18px; } }
  .club-advance-tickets div[class^="page"]:not(.active) {
    display: none; }
  .club-advance-tickets .pagination {
    display: flex;
    justify-content: center;
    padding: 0 15px;
    margin: 0; }
    .club-advance-tickets .pagination .all-buttons {
      border: 1px solid #D0D5DD;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 10px;
      display: flex;
      background: #fff; }
      .club-advance-tickets .pagination .all-buttons > button {
        display: flex;
        align-items: center;
        padding: 10px; }
        .club-advance-tickets .pagination .all-buttons > button span {
          display: none; }
          @media (max-width: md) {
            .club-advance-tickets .pagination .all-buttons > button span {
              display: inline; } }
        .club-advance-tickets .pagination .all-buttons > button * {
          margin: 0 6px; }
    .club-advance-tickets .pagination button {
      padding: 10px 16px;
      font-size: 0.875rem;
      line-height: 1.4;
      color: #0c2340;
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      outline: none; }
      .club-advance-tickets .pagination button.active {
        background: #F2F4F7; }
    .club-advance-tickets .pagination .page-buttons {
      display: flex; }
      .club-advance-tickets .pagination .page-buttons button {
        border-right: 1px solid #D0D5DD; }
        .club-advance-tickets .pagination .page-buttons button:first-child {
          border-left: 1px solid #D0D5DD; }
  .club-advance-tickets .background {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-width: 90px;
    height: auto;
    min-height: 22px;
    border-radius: 16px;
    padding: 0 8px !important;
    width: fit-content;
    gap: 5px; }
  .club-advance-tickets .background.completed {
    background: #ECFDF3;
    color: #027A48; }
  .club-advance-tickets .background.pending {
    background: #F2F4F7; }
  .club-advance-tickets .background.denied {
    background: #FEF3F2;
    color: #B42318; }
  .club-advance-tickets span {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Klavika-Light';
    line-height: 18px; }
  .club-advance-tickets .custom-button.orange {
    width: 258px; }
    @media (max-width: 768px) {
      .club-advance-tickets .custom-button.orange {
        width: 100%; } }

.action-points {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  width: 100%;
  background: #F9FAFB;
  border: 1px solid #EAECF0;
  border-radius: 5px; }
  @media (max-width: 768px) {
    .action-points {
      align-items: flex-start;
      padding: 16px;
      gap: 12px; } }
  .action-points:not(:last-child) {
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .action-points:not(:last-child) {
        margin-bottom: 16px; } }
  .action-points.pending .title {
    color: #7A8696; }
  .action-points.pending .total-points .outside-circle,
  .action-points.pending .total-points .inside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
  .action-points.pending .total-points span {
    color: #9EA7B3; }
  .action-points.pending > svg {
    opacity: 0.3; }
  .action-points.completed .title {
    color: #0C2340; }
  .action-points.completed .total-points span {
    color: #FF8300; }
  .action-points > svg {
    object-fit: contain;
    min-width: 85px;
    min-height: 85px; }
    @media (max-width: 768px) {
      .action-points > svg {
        min-width: 49px;
        min-height: 49px;
        width: 49px;
        height: 49px; } }
  .action-points .info {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    width: 100%; }
    @media (max-width: 768px) {
      .action-points .info {
        flex-direction: column;
        gap: 8px; } }
    .action-points .info.center {
      align-items: center; }
      @media (max-width: 768px) {
        .action-points .info.center {
          align-items: flex-start; } }
    .action-points .info .title {
      font-family: 'Klavika-Bold';
      font-weight: 700;
      font-size: 19px;
      line-height: 27px; }
      @media (max-width: 768px) {
        .action-points .info .title {
          font-size: 18px;
          line-height: 28px; } }
    .action-points .info p {
      font-family: 'Klavika-Light';
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #32455E;
      margin: 0;
      padding: 0; }
      @media (max-width: 768px) {
        .action-points .info p {
          font-size: 14px;
          line-height: 20px; } }
    .action-points .info .group {
      display: flex;
      flex-direction: column; }
    .action-points .info .plus-info {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      @media (max-width: 768px) {
        .action-points .info .plus-info {
          flex-direction: row;
          justify-content: right;
          gap: 12px; } }
      .action-points .info .plus-info a {
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #0C2340;
        white-space: nowrap; }
      .action-points .info .plus-info .pill {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 6px;
        gap: 4px;
        min-width: 82px;
        height: 22px;
        border-radius: 16px; }
        .action-points .info .plus-info .pill.pending {
          background: #F2F4F7; }
          .action-points .info .plus-info .pill.pending span {
            color: #344054; }
        .action-points .info .plus-info .pill.completed {
          background: #ECFDF3; }
          .action-points .info .plus-info .pill.completed span {
            color: #027A48; }
        .action-points .info .plus-info .pill span {
          font-family: 'Klavika-Regular';
          font-weight: 500;
          font-size: 12px; }
      .action-points .info .plus-info .total-points {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .action-points .info .plus-info .total-points span {
          font-family: 'Klavika-Bold';
          font-weight: 700;
          font-size: 14px;
          line-height: 20px; }

.total-points {
  display: flex;
  align-items: center; }
  .total-points.negative span {
    color: #9EA7B3; }
  .total-points.negative .loyalty-coin .outside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
    .total-points.negative .loyalty-coin .outside-circle .inside-circle {
      background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
  .total-points span {
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FF8300; }
  .total-points .loyalty-coin {
    margin: 0 3px; }
    .total-points .loyalty-coin .outside-circle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 13px;
      height: 13px;
      background: linear-gradient(267.73deg, #FFAA51 2.11%, #FF8300 96.2%);
      border-radius: 100%;
      box-sizing: initial; }
      .total-points .loyalty-coin .outside-circle .inside-circle {
        position: relative;
        border: thin solid #FFFFFF;
        z-index: 1;
        width: 9px;
        height: 9px;
        background: linear-gradient(267.73deg, #FFAA51 2.11%, #FF8300 96.2%);
        border-radius: 100%;
        box-sizing: initial; }
        .total-points .loyalty-coin .outside-circle .inside-circle svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }

.ticket-details {
  font-weight: 300;
  font-size: 14px;
  color: #667085;
  font-family: 'Klavika-Regular';
  padding-right: 10px; }

.shop-details {
  font-weight: 300;
  font-size: 14px;
  color: #101828;
  font-family: 'Klavika-Regular'; }
  .shop-details.shop-desc {
    color: #667085;
    font-family: 'Klavika-Light';
    word-break: break-all; }

.details-gray {
  color: #667085 !important; }

.breakdown-points .target-container {
  display: flex;
  flex-direction: column; }
  .breakdown-points .target-container .flex {
    display: flex;
    gap: 5px; }

.breakdown-points .breakdown-title {
  color: #667085;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.breakdown-points .breakdown-subtitle {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  color: #667085;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px; }

.breakdown-points .breakdown-title2 {
  color: #101828;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.breakdown-points .total-points span {
  color: #9EA7B3; }

.breakdown-points .total-points .loyalty-coin .outside-circle,
.breakdown-points .total-points .loyalty-coin .inside-circle {
  background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }

.breakdown-points .total-points-container {
  display: flex;
  row-gap: 5px;
  column-gap: 0 !important;
  flex-wrap: wrap;
  font-size: 14px;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  line-height: 1.4;
  color: #667085; }

@media (max-width: 1024px) {
  .club-advance-tickets-dt {
    display: none; } }

.breakdown-targets-container {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  flex-direction: column; }

.club-advance-tickets-mb {
  display: none; }
  @media (max-width: 1024px) {
    .club-advance-tickets-mb {
      display: block; } }
  .club-advance-tickets-mb .grid .grid-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 48px;
    align-items: center;
    background: #F9FAFB;
    border-top: 1px solid #EAECF0;
    border-bottom: 1px solid #EAECF0;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #667085;
    height: 44px;
    box-sizing: border-box; }
    .club-advance-tickets-mb .grid .grid-header > div {
      padding: 0 16px; }
    .club-advance-tickets-mb .grid .grid-header .flex {
      display: flex;
      align-items: center; }
      .club-advance-tickets-mb .grid .grid-header .flex svg {
        margin-left: 7px; }
  .club-advance-tickets-mb .grid .grid-item {
    border-bottom: 1px solid #EAECF0; }
    .club-advance-tickets-mb .grid .grid-item .grid-top {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 48px;
      align-items: center;
      padding: 24px 0;
      box-sizing: border-box; }
      .club-advance-tickets-mb .grid .grid-item .grid-top:not(.collapsed) .arrow {
        transition: all .2s;
        transform: rotate(-180deg); }
      .club-advance-tickets-mb .grid .grid-item .grid-top > div {
        padding: 0 16px; }
      .club-advance-tickets-mb .grid .grid-item .grid-top .collapse {
        grid-column: 1 / span 4;
        padding: 20px 16px; }
      .club-advance-tickets-mb .grid .grid-item .grid-top .date {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #101828; }
    .club-advance-tickets-mb .grid .grid-item .grid-bottom {
      padding: 0 16px 16px 16px; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
nav .custom-top-navigation .top-menu-entries .dog-cat .dog,
nav .custom-top-navigation .cat {
  padding: 0px !important; }

nav .custom-top-navigation .dog.active img {
  height: auto; }

nav .custom-top-navigation .dog .img-static-dog-cat {
  width: 40px; }

nav .custom-top-navigation .cat.active img {
  height: auto; }

nav .custom-top-navigation .cat .img-static-dog-cat {
  width: 50px; }

nav .custom-top-navigation .top-nav-buttons {
  padding: 0px; }

nav .custom-top-navigation .selector-name {
  letter-spacing: 0px !important;
  text-transform: none !important;
  margin-bottom: 0px; }

nav .custom-top-navigation .logo-shadow {
  height: 36px !important; }

nav .custom-top-navigation.top-navigation .advance-logo .logo-content {
  box-shadow: none; }

nav .advance-logo .logo-shadow {
  height: 30px;
  position: absolute;
  width: 110%;
  border-radius: 0px 12px;
  top: 3px;
  left: -5%;
  border: 1px solid white;
  z-index: -1;
  box-shadow: -15px 0 15px 0 rgba(255, 255, 255, 0.15), 15px 0 15px 0 rgba(255, 255, 255, 0.15); }

nav .custom-top-navigation .top-menu-entries .dog-cat .selector-name {
  margin-bottom: 0px !important; }

nav .custom-top-navigation .custom-userButtonLogged.userButtonLogged {
  padding: 7px 14px;
  height: 38px; }

nav .custom-top-navigation .custom-userButtonLogged .userButtonLogged-container {
  display: flex;
  align-items: center; }
  nav .custom-top-navigation .custom-userButtonLogged .userButtonLogged-container .name {
    font-family: 'Klavika-Regular';
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    margin-left: 8px; }

nav .custom-bottom-navigation-wrapper.bottom-navigation-wrapper .bottom-menu-entries .dropdown .dropdown-content {
  top: 93px;
  left: 30px; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
#myAchievements,
#achievementsByProduct {
  padding: 0 16px;
  max-width: 1312px;
  margin: 0 auto 100px auto; }
  #myAchievements .action-points.completed,
  #achievementsByProduct .action-points.completed {
    pointer-events: none; }
  #myAchievements .action-points.pending:hover,
  #achievementsByProduct .action-points.pending:hover {
    cursor: pointer; }
  #myAchievements .action-points .info .group,
  #achievementsByProduct .action-points .info .group {
    background-color: #F9FAFB; }
    #myAchievements .action-points .info .group .title, #myAchievements .action-points .info .group p,
    #achievementsByProduct .action-points .info .group .title,
    #achievementsByProduct .action-points .info .group p {
      align-self: start; }
  #myAchievements .action-points.disabled,
  #achievementsByProduct .action-points.disabled {
    pointer-events: none; }
  #myAchievements h1.page-title-tabs,
  #achievementsByProduct h1.page-title-tabs {
    margin-bottom: 5px; }
  #myAchievements .page-subtitle-tabs,
  #achievementsByProduct .page-subtitle-tabs {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    color: #556579;
    font-size: 16px;
    padding-bottom: 40px;
    margin-bottom: 0;
    line-height: 1.4; }
    @media (max-width: 768px) {
      #myAchievements .page-subtitle-tabs,
      #achievementsByProduct .page-subtitle-tabs {
        font-size: 14px;
        padding-bottom: 28px; } }
  #myAchievements .menu-options-row.club-advance,
  #achievementsByProduct .menu-options-row.club-advance {
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.18);
    border-radius: 8px;
    overflow: hidden; }
  #myAchievements .menu-options-row.club-advance #submenu,
  #achievementsByProduct .menu-options-row.club-advance #submenu {
    border-top: none;
    background-color: white;
    border-radius: 8px; }
  #myAchievements .menu-options-row.club-advance .collapse-group,
  #achievementsByProduct .menu-options-row.club-advance .collapse-group {
    background: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 60px; }
  #myAchievements .menu-options-row .group,
  #achievementsByProduct .menu-options-row .group {
    padding: 20px; }
    @media (max-width: 767px) {
      #myAchievements .menu-options-row .group,
      #achievementsByProduct .menu-options-row .group {
        padding: 16px 16px 26px; } }
  #myAchievements .menu-options-row .info .group,
  #achievementsByProduct .menu-options-row .info .group {
    padding: 0; }
  #myAchievements .menu-options-row .group .left span,
  #achievementsByProduct .menu-options-row .group .left span {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 30px; }
    @media (max-width: 767px) {
      #myAchievements .menu-options-row .group .left span,
      #achievementsByProduct .menu-options-row .group .left span {
        font-size: 18px; } }
    #myAchievements .menu-options-row .group .left span strong,
    #achievementsByProduct .menu-options-row .group .left span strong {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  #myAchievements .menu-options-row .collapse-group-achievements,
  #achievementsByProduct .menu-options-row .collapse-group-achievements {
    display: flex;
    padding: 0 16px 16px;
    gap: 20px;
    flex-wrap: wrap;
    background: white; }
    @media (min-width: 768px) {
      #myAchievements .menu-options-row .collapse-group-achievements,
      #achievementsByProduct .menu-options-row .collapse-group-achievements {
        padding: 0 20px 20px; } }
    #myAchievements .menu-options-row .collapse-group-achievements .action-points,
    #achievementsByProduct .menu-options-row .collapse-group-achievements .action-points {
      flex: 49%;
      max-width: 49%; }
      @media (max-width: 1087px) {
        #myAchievements .menu-options-row .collapse-group-achievements .action-points,
        #achievementsByProduct .menu-options-row .collapse-group-achievements .action-points {
          max-width: 100%; } }
  #myAchievements .action-points .image-achievements,
  #achievementsByProduct .action-points .image-achievements {
    height: auto;
    width: 85px; }

.title-achievements {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 30px;
  color: #0C2340;
  padding: 8px 0 10px 0; }

.description-achievements {
  color: #556579;
  font-weight: 300; }

.text-part .background {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-width: 90px;
  height: auto;
  min-height: 22px;
  border-radius: 16px;
  padding: 0 8px; }

.text-part .background.completed {
  background: #ECFDF3;
  color: #027A48;
  margin-bottom: 15px; }
  .text-part .background.completed .background-complete-text {
    margin-left: 5px;
    font-family: 'Klavika-Regular';
    font-weight: 600;
    font-size: 12px; }

.container-achievement-products {
  display: flex;
  flex-direction: column;
  gap: 32px; }
  .container-achievement-products-reverse {
    flex-direction: column-reverse !important; }

.container-achievement {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  gap: 20px;
  background-color: #fff;
  padding: 16px;
  width: 100%;
  max-width: fit-content; }
  .container-achievement .inner {
    display: flex;
    flex-direction: column;
    text-align: center; }
  .container-achievement h5 {
    font-size: 1.19rem;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.4;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  .container-achievement p {
    font-weight: 300;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }
  .container-achievement .achievements-bt {
    font-weight: 700;
    font-size: 14px; }

@media (min-width: 576px) {
  .container-achievement .inner {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 43px; }
  .container-achievement .inner-points {
    flex-direction: row;
    align-items: center;
    text-align: end;
    gap: 20px; }
    .container-achievement .inner-points .points-text {
      font-weight: 700;
      font-size: 14px;
      color: #ff8300; }
  .container-achievement svg {
    margin-bottom: 0; }
  .container-achievement button,
  .container-achievement a {
    max-width: 180px; } }

@media (max-width: 992px) {
  .container-achievement {
    padding: 80px 80px 100px; }
    .container-achievement h2 {
      font-size: 1.875rem; }
  .container-achievement {
    padding: 20px;
    border-radius: 2px;
    margin-bottom: 20px;
    border: 2px solid #EAECF0;
    border-radius: 5px; }
    .container-achievement h5 {
      font-size: 1.25rem; } }

@media (max-width: 768px) {
  #tab-myAchievements svg.feather-tabs, #tab-achievementsByProduct svg.feather-tabs {
    width: fit-content; }
  #tab-myAchievements span, #tab-achievementsByProduct span {
    display: block;
    align-self: center; } }

@media (max-width: 767px) {
  #tab-myAchievements span, #tab-achievementsByProduct span {
    display: block; } }

.breadcrumb-bars {
  color: #98A2B3; }

#myAchievements {
  display: block; }

#submenuAchievements .action-points:not(:last-child), #submenuAchievementsProductsDog .action-points:not(:last-child), #submenuAchievementsProductsCat .action-points:not(:last-child) {
  margin-bottom: 0; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.square.private-area-guided-tour-step-wrapper {
  z-index: 152;
  position: absolute;
  left: 15px;
  width: 500px;
  max-width: calc(100% - 30px);
  padding: 24px; }
  .square.private-area-guided-tour-step-wrapper .custom-button-transparent {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #667085;
    margin-top: 16px;
    display: flex;
    justify-content: center; }
  .square.private-area-guided-tour-step-wrapper .step-number {
    margin-bottom: 8px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #101828; }
    .square.private-area-guided-tour-step-wrapper .step-number strong {
      font-weight: 700; }
  .square.private-area-guided-tour-step-wrapper .title-steps h3 {
    margin-top: 0;
    color: #182D4D; }
  .square.private-area-guided-tour-step-wrapper .title-steps p {
    margin-bottom: 24px;
    color: #556579; }
  .square.private-area-guided-tour-step-wrapper .custom-button .svg-icon-arrow {
    margin-bottom: 4px; }
  .square.private-area-guided-tour-step-wrapper.step-1 {
    top: 68px; }
    @media (min-width: 544px) {
      .square.private-area-guided-tour-step-wrapper.step-1 {
        left: 50%;
        transform: translateX(-50%);
        max-width: 500px; } }
    @media (min-width: 1280px) {
      .square.private-area-guided-tour-step-wrapper.step-1 {
        top: 580px;
        left: calc(50% + 50px);
        transform: translateX(0); } }
  .square.private-area-guided-tour-step-wrapper.step-2 {
    top: 68px; }
    @media (min-width: 544px) {
      .square.private-area-guided-tour-step-wrapper.step-2 {
        left: 50%;
        transform: translateX(-50%);
        max-width: 500px;
        top: 80px; } }
    @media (min-width: 1280px) {
      .square.private-area-guided-tour-step-wrapper.step-2 {
        left: calc(50% + 50px);
        transform: translateX(0);
        top: 561px; } }
  .square.private-area-guided-tour-step-wrapper.step-3 {
    top: 550px; }
    @media (min-width: 544px) {
      .square.private-area-guided-tour-step-wrapper.step-3 {
        left: 50%;
        transform: translateX(-50%);
        max-width: 500px; } }
    @media (min-width: 1280px) {
      .square.private-area-guided-tour-step-wrapper.step-3 {
        transform: translateX(calc(50% - 170px));
        right: 50%;
        left: unset;
        top: 261px; } }
    @media (min-width: 1050px) {
      .square.private-area-guided-tour-step-wrapper.step-3 {
        transform: translateX(calc(50% - 200px)); } }
  .square.private-area-guided-tour-step-wrapper.step-4 {
    top: 3800px; }
    @media (min-width: 544px) {
      .square.private-area-guided-tour-step-wrapper.step-4 {
        left: 50%;
        transform: translateX(-50%);
        max-width: 500px;
        top: 3250px; } }
    @media (min-width: 1024px) {
      .square.private-area-guided-tour-step-wrapper.step-4 {
        top: 3328px; } }
    @media (min-width: 1280px) {
      .square.private-area-guided-tour-step-wrapper.step-4 {
        left: calc(50% - 242px);
        top: 694px; } }
  .square.private-area-guided-tour-step-wrapper.step-5 {
    top: 4818px; }
    @media (min-width: 544px) {
      .square.private-area-guided-tour-step-wrapper.step-5 {
        left: 50%;
        transform: translateX(-50%);
        max-width: 500px;
        top: 4220px; } }
    @media (min-width: 1024px) {
      .square.private-area-guided-tour-step-wrapper.step-5 {
        top: 4116px; } }
    @media (min-width: 1280px) {
      .square.private-area-guided-tour-step-wrapper.step-5 {
        left: calc(50% - 242px);
        top: 1494px; } }

.private-area-guided-tour-win-points-wrapper {
  display: flex;
  flex-direction: column;
  padding: 36px 32px;
  row-gap: 24px;
  border-radius: 5px;
  background-color: #fff;
  width: 446px;
  max-width: calc(100% - 30px);
  z-index: 152;
  position: absolute;
  top: 730px;
  left: 15px; }
  .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-title h3 {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 8px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 24px; }
  .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    padding: 20px;
    border: 2px solid #F2F4F7;
    border-radius: 0 20px; }
    .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card img {
      width: 64px;
      height: 64px; }
    .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card .private-area-guided-tour-win-points-card-text {
      display: flex;
      flex-direction: column;
      row-gap: 8px; }
      .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card .private-area-guided-tour-win-points-card-text h4 {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        margin-bottom: 0;
        line-height: 27px;
        font-weight: 700;
        font-size: 19px;
        color: #182D4D; }
      .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card .private-area-guided-tour-win-points-card-text p {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        margin-bottom: 0;
        line-height: 24px;
        font-weight: 300;
        font-size: 16px;
        color: #556579; }
  @media (min-width: 544px) {
    .private-area-guided-tour-win-points-wrapper {
      left: 50%;
      transform: translateX(-50%); } }
  @media (min-width: 1280px) {
    .private-area-guided-tour-win-points-wrapper {
      padding: 22px 20px;
      row-gap: 10px;
      width: 510px;
      max-height: 302px;
      transform: translateX(0);
      top: 255px;
      left: calc(50% + 50px); }
      .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card {
        padding: 10px; }
        .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card .private-area-guided-tour-win-points-card-text h4 {
          display: -webkit-box;
          overflow: hidden;
          text-overflow: ellipsis;
          /* stylelint-disable */
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          /* stylelint-enable */ }
        .private-area-guided-tour-win-points-wrapper .private-area-guided-tour-win-points-card .private-area-guided-tour-win-points-card-text p {
          display: -webkit-box;
          overflow: hidden;
          text-overflow: ellipsis;
          /* stylelint-disable */
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          /* stylelint-enable */ } }

.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; } }

.pet-registered-icon .icon-check-circle {
  visibility: visible;
  color: #0c2340; }

.register-welcome .page-title,
.register-welcome .page-desc,
.new-pet-welcome .page-title,
.new-pet-welcome .page-desc {
  color: #0c2340 !important; }

.edit-profile-form .profile-brands {
  display: flex;
  justify-content: space-evenly; }
  @media (min-width: 768px) {
    .edit-profile-form .profile-brands {
      margin: 0 30px; } }

.edit-profile-form .profile-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px; }

.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; } }

body[data-action|="Case"] {
  color: #0c2340; }
  body[data-action|="Case"] .pageTop .page-title {
    line-height: 30px;
    color: #0c2340;
    text-transform: uppercase;
    margin-bottom: 35px; }
  body[data-action|="Case"] .pageTop .page-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
    body[data-action|="Case"] .pageTop .page-desc .dest {
      font-size: 22px;
      line-height: 24px; }
    body[data-action|="Case"] .pageTop .page-desc .text {
      font-size: 15px;
      line-height: 17px;
      width: 80%; }

.contact-us {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  .contact-us .section-title {
    color: #0c2340;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px; }
  .contact-us .contact-us-content {
    width: 100%; }
  .contact-us .reach-out .section-title {
    margin-top: 20px;
    margin-bottom: 60px; }
  .contact-us .reach-out .reach-out-content .icon-reach-out {
    color: #0c2340; }
    .contact-us .reach-out .reach-out-content .icon-reach-out span {
      font-size: 50px; }
  .contact-us .reach-out .reach-out-content .reach-out-card {
    background: #f2f2f2; }
    .contact-us .reach-out .reach-out-content .reach-out-card a .reach-out-card-content .general-enquiries-title {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      color: #0c2340 !important;
      font-size: 22px; }
    .contact-us .reach-out .reach-out-content .reach-out-card a .reach-out-card-content .reach-out-card-description {
      color: #979797;
      width: 100%;
      padding-right: 10px;
      white-space: normal;
      line-height: 17px; }
    .contact-us .reach-out .reach-out-content .reach-out-card:hover {
      background: #ecf0f8;
      text-decoration: none; }
      .contact-us .reach-out .reach-out-content .reach-out-card:hover .general-enquiries-title {
        color: #0c2340 !important; }

section.shall-we-talk {
  margin-top: 20px; }
  section.shall-we-talk header {
    display: flex;
    flex-direction: column;
    align-items: center; }
  section.shall-we-talk .section-title {
    margin-bottom: 40px; }
  section.shall-we-talk .shall-we-talk-content {
    color: #0c2340;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 25px;
    line-height: 27px;
    width: 70%; }
  section.shall-we-talk .phone-number-contact {
    color: #0c2340;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  section.shall-we-talk .schedule {
    color: #0c2340;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 0; }
    section.shall-we-talk .schedule.lyv {
      margin-top: 20px; }
    section.shall-we-talk .schedule .contact-us-phone {
      font-size: 24px;
      color: #0c2340; }

.contact-us-collapse ul li {
  color: #0c2340; }
  .contact-us-collapse ul li .accordion-content {
    color: #152935; }
  .contact-us-collapse ul li .accordion-inner .sub-accordion-content {
    background: #f3f5f6;
    color: #9DA5AA; }

.contact-us-collapse .choose-category {
  color: #0c2340;
  border-bottom: 1px solid #d6dce0; }
  .contact-us-collapse .choose-category .button-icon-arrow-down {
    color: #0c2340; }

.faq-container {
  background: #f9f9f9; }
  .faq-container .faq-page-subdesc {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  .faq-container .faq-link-description {
    color: #9DA5AA; }

#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; } }

#CaseCreationForm {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  #CaseCreationForm label.custom-control-label {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  #CaseCreationForm .attach-file-border {
    border: 1px solid;
    border-color: #0c2340;
    font-size: 13px;
    line-height: 13px;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    color: #0c2340;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(0, 45, 22, 0.2); }
    #CaseCreationForm .attach-file-border .attach-file {
      color: #0c2340; }
      #CaseCreationForm .attach-file-border .attach-file span {
        vertical-align: middle; }
      #CaseCreationForm .attach-file-border .attach-file .icon-clip span {
        color: #152935;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    #CaseCreationForm .attach-file-border .attach-file-text {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 13px; }
  #CaseCreationForm .customer-info-title {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 1.5rem; }
  #CaseCreationForm .customer-info-subtitle {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #0c2340; }
  #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 {
    color: #0c2340; }
  #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: #0c2340;
    color: #fff; }
  #CaseCreationForm .col-radio-button .col-single-radio-button input[type="radio"] {
    margin-top: 9px; }

.caseCreationFormPA {
  font-family: "klavikaregular"; }
  .caseCreationFormPA .attach-file-border {
    border: 1px solid #d6dce0;
    border-radius: 5px;
    cursor: pointer; }
    .caseCreationFormPA .attach-file-border .attach-file {
      color: #76B328;
      font-size: 1.438rem; }
      .caseCreationFormPA .attach-file-border .attach-file .attach-file-content {
        display: inline-block;
        font-size: 1.125rem;
        color: #152935; }
      .caseCreationFormPA .attach-file-border .attach-file .icon-clip {
        margin-left: 10px; }
        .caseCreationFormPA .attach-file-border .attach-file .icon-clip span {
          font-size: 1.125rem;
          color: #152935;
          font-family: 'open-sans'; }
  .caseCreationFormPA input[type="file"] {
    display: none; }
  .caseCreationFormPA .customer-info-title {
    margin: 40px 0;
    font-family: "klavikamedium";
    font-size: 1.125rem; }
  .caseCreationFormPA .customer-info-subtitle {
    margin: 20px 0;
    font-family: "klavikaregular";
    font-size: 1.125rem;
    color: #76B328; }
  .caseCreationFormPA .bottom-enquiries {
    margin-top: 40px; }
    .caseCreationFormPA .bottom-enquiries .custom-control {
      margin: 20px 0 0 10px; }
  .caseCreationFormPA .advisor-checkbox {
    width: 100%; }
    .caseCreationFormPA .advisor-checkbox label {
      padding-left: 15px; }
  .caseCreationFormPA button {
    margin-top: 50px; }
  .caseCreationFormPA .col-radio-button {
    margin: 0; }
    .caseCreationFormPA .col-radio-button .col-single-radio-button {
      margin: 0 0 15px; }
      .caseCreationFormPA .col-radio-button .col-single-radio-button input[type="radio"],
      .caseCreationFormPA .col-radio-button .col-single-radio-button label {
        display: inline-block;
        vertical-align: top; }
      .caseCreationFormPA .col-radio-button .col-single-radio-button input[type="radio"] {
        margin-top: 15px;
        width: auto; }
      .caseCreationFormPA .col-radio-button .col-single-radio-button label {
        padding-left: 40px;
        pointer-events: auto; }
  .caseCreationFormPA .sex-choice,
  .caseCreationFormPA .petType-choice {
    margin: 10px 0; }
    .caseCreationFormPA .sex-choice .sex-choice-radio-group,
    .caseCreationFormPA .sex-choice .petType-choice-radio-group,
    .caseCreationFormPA .petType-choice .sex-choice-radio-group,
    .caseCreationFormPA .petType-choice .petType-choice-radio-group {
      display: inline-flex;
      margin: 0; }
      .caseCreationFormPA .sex-choice .sex-choice-radio-group label,
      .caseCreationFormPA .sex-choice .petType-choice-radio-group label,
      .caseCreationFormPA .petType-choice .sex-choice-radio-group label,
      .caseCreationFormPA .petType-choice .petType-choice-radio-group label {
        font-size: 0.875rem;
        color: #76b328;
        cursor: pointer; }
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label:last-child,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label:last-child,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label:last-child,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label:last-child {
          border-radius: 0 50px 50px 0; }
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label:first-of-type,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label:first-of-type,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label:first-of-type,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label:first-of-type {
          border-radius: 50px 0 0 50px; }
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label .choose-male,
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label .choose-female,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label .choose-male,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label .choose-female,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label .choose-male,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label .choose-female,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label .choose-male,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label .choose-female {
          font-size: 0.875rem;
          padding: 5px 10px; }
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label .choose-dog,
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label .choose-cat,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label .choose-dog,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label .choose-cat,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label .choose-dog,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label .choose-cat,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label .choose-dog,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label .choose-cat {
          font-size: 0.875rem;
          padding: 5px 0 0 5px; }
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label span,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label span,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label span,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label span {
          display: inline-block;
          vertical-align: top; }
        .caseCreationFormPA .sex-choice .sex-choice-radio-group label .icon,
        .caseCreationFormPA .sex-choice .petType-choice-radio-group label .icon,
        .caseCreationFormPA .petType-choice .sex-choice-radio-group label .icon,
        .caseCreationFormPA .petType-choice .petType-choice-radio-group label .icon {
          font-size: 24px;
          padding-top: 3px; }
      .caseCreationFormPA .sex-choice .sex-choice-radio-group input[type=radio] + label,
      .caseCreationFormPA .sex-choice .petType-choice-radio-group input[type=radio] + label,
      .caseCreationFormPA .petType-choice .sex-choice-radio-group input[type=radio] + label,
      .caseCreationFormPA .petType-choice .petType-choice-radio-group input[type=radio] + label {
        padding: 6px 26px;
        border: 2px solid #d6dce0; }
      .caseCreationFormPA .sex-choice .sex-choice-radio-group input:checked + label,
      .caseCreationFormPA .sex-choice .petType-choice-radio-group input:checked + label,
      .caseCreationFormPA .petType-choice .sex-choice-radio-group input:checked + label,
      .caseCreationFormPA .petType-choice .petType-choice-radio-group input:checked + label {
        background: #76b328;
        color: #fff; }

.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; }

.content[data-error] {
  background-color: transparent; }

@media (min-width: 1280px) {
  body.server .page-wrapper,
  body[data-action="RedirectURL-Start"] .page-wrapper {
    width: 1280px; } }

@media (min-width: 768px) {
  body.server .page-wrapper .error-container,
  body[data-action="RedirectURL-Start"] .page-wrapper .error-container {
    margin-top: -100px; } }

@media (min-width: 1280px) {
  body.server .page-wrapper .error-container,
  body[data-action="RedirectURL-Start"] .page-wrapper .error-container {
    margin-top: -70px; } }

body.server .page-wrapper .error-container .picture-error,
body[data-action="RedirectURL-Start"] .page-wrapper .error-container .picture-error {
  position: relative; }
  body.server .page-wrapper .error-container .picture-error img,
  body[data-action="RedirectURL-Start"] .page-wrapper .error-container .picture-error img {
    width: 100%; }

body.server .page-wrapper .error-container .picture-dog,
body[data-action="RedirectURL-Start"] .page-wrapper .error-container .picture-dog {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative; }
  @media (min-width: 1280px) {
    body.server .page-wrapper .error-container .picture-dog,
    body[data-action="RedirectURL-Start"] .page-wrapper .error-container .picture-dog {
      justify-content: flex-end;
      padding-right: 150px;
      top: -81px;
      width: 600px;
      right: -70%; } }

body.server .page-wrapper .error-container .error-content,
body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content {
  padding: 0 20px; }
  @media (min-width: 768px) {
    body.server .page-wrapper .error-container .error-content,
    body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content {
      max-width: 600px;
      margin: 0 auto; } }
  @media (min-width: 1280px) {
    body.server .page-wrapper .error-container .error-content,
    body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content {
      margin-left: 200px; } }
  body.server .page-wrapper .error-container .error-content .text-title-error,
  body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .text-title-error {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    color: #0c2340;
    line-height: 36px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 19px; }
  body.server .page-wrapper .error-container .error-content .text-one,
  body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .text-one {
    text-align: left;
    margin-bottom: 45px; }
    body.server .page-wrapper .error-container .error-content .text-one .link-pdf,
    body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .text-one .link-pdf {
      color: #ff8300;
      text-decoration: underline;
      padding: 0 5px; }
  body.server .page-wrapper .error-container .error-content .buttons-content,
  body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .buttons-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      body.server .page-wrapper .error-container .error-content .buttons-content,
      body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .buttons-content {
        margin-bottom: 20px; } }
    @media (min-width: 1280px) {
      body.server .page-wrapper .error-container .error-content .buttons-content,
      body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .buttons-content {
        margin-bottom: 0; } }
    body.server .page-wrapper .error-container .error-content .buttons-content .button-two-content,
    body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .buttons-content .button-two-content {
      width: 123px;
      margin-right: 25px; }
      @media (min-width: 768px) {
        body.server .page-wrapper .error-container .error-content .buttons-content .button-two-content .button-two,
        body[data-action="RedirectURL-Start"] .page-wrapper .error-container .error-content .buttons-content .button-two-content .button-two {
          font-size: 23px;
          line-height: 20px; } }

.test-content {
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .test-content {
      padding-bottom: 108px; } }
  .test-content .test-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
    @media (min-width: 768px) {
      .test-content .test-title {
        padding-top: 50px; } }
    .test-content .test-title .title-test-light {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-size: 22px;
      color: #0c2340;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      width: 100%; }
    .test-content .test-title .title-test-bold {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 30px;
      color: #0c2340;
      text-transform: uppercase; }
  .test-content .test-body {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-top: 70px;
    width: 100%;
    min-width: 320px;
    height: 611px; }
    @media (min-width: 768px) {
      .test-content .test-body {
        max-width: 646px;
        margin: 0 auto;
        background-size: contain;
        width: 646px;
        height: 690px; } }
    .test-content .test-body .elements-test-content {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: flex-start;
      width: 100%;
      padding: 0 20px; }
      @media (min-width: 768px) {
        .test-content .test-body .elements-test-content {
          padding: 0 46px; } }
      .test-content .test-body .elements-test-content[data-step="start"] .options-step .option-item {
        margin-bottom: 136px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="start"] .options-step .option-item {
            margin-bottom: 147px; } }
        .test-content .test-body .elements-test-content[data-step="start"] .options-step .option-item img {
          width: 149px; }
          @media (min-width: 768px) {
            .test-content .test-body .elements-test-content[data-step="start"] .options-step .option-item img {
              width: 184px; } }
      .test-content .test-body .elements-test-content[data-step="start"] .step-counter {
        margin-top: 50px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="start"] .step-counter {
            margin-top: 47px; } }
      .test-content .test-body .elements-test-content[data-step="start"] .title-step {
        margin-top: 38px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="start"] .title-step {
            margin-top: 48px;
            max-width: 440px; } }
      .test-content .test-body .elements-test-content[data-step="dog1"] .options-step .option-item img, .test-content .test-body .elements-test-content[data-step="cat1"] .options-step .option-item img {
        width: 80px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="dog1"] .options-step .option-item img, .test-content .test-body .elements-test-content[data-step="cat1"] .options-step .option-item img {
            width: 134px; } }
      .test-content .test-body .elements-test-content[data-step="dog1"] .step-counter, .test-content .test-body .elements-test-content[data-step="cat1"] .step-counter {
        margin-top: 30px; }
      .test-content .test-body .elements-test-content[data-step="dog1"] .title-step, .test-content .test-body .elements-test-content[data-step="cat1"] .title-step {
        margin-top: 38px; }
        @media (min-width: 1280px) {
          .test-content .test-body .elements-test-content[data-step="dog1"] .title-step, .test-content .test-body .elements-test-content[data-step="cat1"] .title-step {
            margin-top: 48px; } }
      .test-content .test-body .elements-test-content[data-step="dog1"] .title-step {
        margin-bottom: 18px;
        margin-top: 26px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="dog1"] .title-step {
            margin-bottom: 13px;
            margin-top: 42; } }
      .test-content .test-body .elements-test-content[data-step="dog1"] .subtitle-step {
        max-width: 300px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="dog1"] .subtitle-step {
            max-width: 440px; } }
      .test-content .test-body .elements-test-content[data-step="dog1"] .step-counter {
        margin-top: 50px; }
      .test-content .test-body .elements-test-content[data-step="cat2"] {
        top: -70px;
        position: relative; }
        .test-content .test-body .elements-test-content[data-step="cat2"].step-age-container {
          padding-top: 60px;
          top: -90px; }
      .test-content .test-body .elements-test-content[data-step="dog2"] {
        top: -90px;
        position: relative; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="dog2"] {
            top: -100px; } }
        .test-content .test-body .elements-test-content[data-step="dog2"].step-age-container {
          padding-top: 60px;
          top: -90px; }
      .test-content .test-body .elements-test-content[data-step="cat3"] .options-step.step-carousel, .test-content .test-body .elements-test-content[data-step="dog3"] .options-step.step-carousel {
        padding: 34px 0 70px; }
      .test-content .test-body .elements-test-content[data-step="cat3"] .ok-button-content .ok-button, .test-content .test-body .elements-test-content[data-step="dog3"] .ok-button-content .ok-button {
        top: -45px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="cat3"] .ok-button-content .ok-button, .test-content .test-body .elements-test-content[data-step="dog3"] .ok-button-content .ok-button {
            top: -130px; } }
      .test-content .test-body .elements-test-content[data-step="cat3"] .step-counter, .test-content .test-body .elements-test-content[data-step="dog3"] .step-counter {
        margin-top: 97px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="cat3"] .step-counter, .test-content .test-body .elements-test-content[data-step="dog3"] .step-counter {
            margin-top: 52px; } }
      .test-content .test-body .elements-test-content[data-step="dog3"] .title-step {
        margin-top: 36px; }
      .test-content .test-body .elements-test-content[data-step="dog4"] .title-step, .test-content .test-body .elements-test-content[data-step="cat4"] .title-step {
        margin: 50px 0 0;
        max-width: 340px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="dog4"] .title-step, .test-content .test-body .elements-test-content[data-step="cat4"] .title-step {
            margin: 90px 0 0;
            max-width: 320px; } }
      .test-content .test-body .elements-test-content[data-step="dog4"] .options-step.recommended, .test-content .test-body .elements-test-content[data-step="cat4"] .options-step.recommended {
        padding-top: 31px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="dog4"] .options-step.recommended, .test-content .test-body .elements-test-content[data-step="cat4"] .options-step.recommended {
            padding-top: 39px; } }
      .test-content .test-body .elements-test-content[data-step="dog4"] .ok-button-content .ok-button, .test-content .test-body .elements-test-content[data-step="cat4"] .ok-button-content .ok-button {
        top: 60px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content[data-step="dog4"] .ok-button-content .ok-button, .test-content .test-body .elements-test-content[data-step="cat4"] .ok-button-content .ok-button {
            top: -120px; } }
      .test-content .test-body .elements-test-content.end-content {
        padding: 160px 0 0;
        max-width: 320px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content.end-content {
            padding: 175px 80px 0; } }
      .test-content .test-body .elements-test-content .step-counter {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 22px;
        color: #0c2340;
        position: relative; }
      .test-content .test-body .elements-test-content .title-step {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 25px;
        line-height: 1.2;
        color: #0c2340;
        margin-top: 38px;
        text-align: center;
        width: 80%;
        margin-bottom: 0; }
        .test-content .test-body .elements-test-content .title-step.end {
          margin-top: 110px;
          margin-bottom: 20px; }
          @media (min-width: 768px) {
            .test-content .test-body .elements-test-content .title-step.end {
              margin-bottom: 0; } }
      .test-content .test-body .elements-test-content .subtitle-step {
        text-align: center;
        font-size: 15px;
        line-height: 17px;
        width: 90%; }
      .test-content .test-body .elements-test-content .options-step {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-evenly;
        width: 100%; }
        .test-content .test-body .elements-test-content .options-step.step-carousel {
          flex-direction: column; }
        .test-content .test-body .elements-test-content .options-step .option-item {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: auto;
          margin-top: 45px;
          margin-bottom: 134px;
          cursor: pointer;
          padding: 0 10px; }
          @media (min-width: 1280px) {
            .test-content .test-body .elements-test-content .options-step .option-item {
              padding: 0 12px 0 33px;
              margin-bottom: 147px; } }
          .test-content .test-body .elements-test-content .options-step .option-item label {
            margin-bottom: 21px; }
          .test-content .test-body .elements-test-content .options-step .option-item input[type="radio"] {
            display: none; }
          .test-content .test-body .elements-test-content .options-step .option-item input[type="checkbox"] {
            display: none; }
            .test-content .test-body .elements-test-content .options-step .option-item input[type="checkbox"]:checked + .icon-icn-check {
              display: block;
              position: absolute;
              top: 81px;
              left: 43px;
              font-size: 40px;
              color: #abe400; }
              @media (min-width: 768px) {
                .test-content .test-body .elements-test-content .options-step .option-item input[type="checkbox"]:checked + .icon-icn-check {
                  left: 32px; } }
              .test-content .test-body .elements-test-content .options-step .option-item input[type="checkbox"]:checked + .icon-icn-check::before {
                font-size: 40px; }
                @media (min-width: 768px) {
                  .test-content .test-body .elements-test-content .options-step .option-item input[type="checkbox"]:checked + .icon-icn-check::before {
                    font-size: 30px; } }
              @media (min-width: 768px) {
                .test-content .test-body .elements-test-content .options-step .option-item input[type="checkbox"]:checked + .icon-icn-check {
                  top: -7px;
                  left: 3px; } }
          .test-content .test-body .elements-test-content .options-step .option-item img {
            width: 80px; }
            @media (min-width: 1280px) {
              .test-content .test-body .elements-test-content .options-step .option-item img {
                width: 184px; } }
          .test-content .test-body .elements-test-content .options-step .option-item .icon-icn-check {
            display: none; }
          .test-content .test-body .elements-test-content .options-step .option-item .label-option-item {
            text-transform: uppercase;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            font-size: 22px;
            text-align: center;
            line-height: 1.09; }
          .test-content .test-body .elements-test-content .options-step .option-item .sub-label-option-item {
            font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
            font-size: 15px;
            line-height: 17px;
            text-align: center; }
        .test-content .test-body .elements-test-content .options-step.step-age-container {
          max-width: 440px; }
          .test-content .test-body .elements-test-content .options-step.step-age-container .step-age {
            margin-top: 30px; }
            @media (min-width: 768px) {
              .test-content .test-body .elements-test-content .options-step.step-age-container .step-age {
                margin-top: 70px; } }
            .test-content .test-body .elements-test-content .options-step.step-age-container .step-age .date .datepicker {
              display: block;
              -webkit-appearance: textfield;
              -moz-appearance: textfield;
              min-height: 1.2em; }
          .test-content .test-body .elements-test-content .options-step.step-age-container .nextbutton {
            top: 210px; }
            .test-content .test-body .elements-test-content .options-step.step-age-container .nextbutton .enquiries-submit {
              width: 211px;
              border: none;
              font-size: 30px;
              line-height: 22px;
              padding: 30px 0;
              background-color: white;
              color: #0c2340;
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
            @media (min-width: 768px) {
              .test-content .test-body .elements-test-content .options-step.step-age-container .nextbutton {
                top: 240px; } }
        .test-content .test-body .elements-test-content .options-step .product-recommended {
          max-width: 200px; }
          .test-content .test-body .elements-test-content .options-step .product-recommended .product {
            margin: 0;
            max-width: 200px; }
            @media (min-width: 768px) {
              .test-content .test-body .elements-test-content .options-step .product-recommended .product {
                height: 320px; } }
            .test-content .test-body .elements-test-content .options-step .product-recommended .product .product-tile .tile-body .tile-body-compare {
              display: none; }
            .test-content .test-body .elements-test-content .options-step .product-recommended .product .product-tile .tile-body .tile-body-footer .icon-btn {
              width: 40px;
              height: 40px; }
              @media (min-width: 1280px) {
                .test-content .test-body .elements-test-content .options-step .product-recommended .product .product-tile .tile-body .tile-body-footer .icon-btn {
                  width: 50px;
                  height: 50px; } }
            .test-content .test-body .elements-test-content .options-step .product-recommended .product .product-tile .product-content .image-container {
              margin-left: 0;
              width: 100%;
              height: auto; }
              .test-content .test-body .elements-test-content .options-step .product-recommended .product .product-tile .product-content .image-container img {
                width: auto;
                height: 175px; }
            .test-content .test-body .elements-test-content .options-step .product-recommended .product .product-tile .product-content .product-title {
              height: 70px; }
              .test-content .test-body .elements-test-content .options-step .product-recommended .product .product-tile .product-content .product-title .link {
                font-size: 16px; }
        .test-content .test-body .elements-test-content .options-step .carousel-container {
          width: 100%;
          max-width: 100%;
          max-height: 100vh;
          min-height: 0;
          min-width: 0; }
          @media (min-width: 768px) {
            .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-start;
              width: 100%;
              flex-wrap: wrap;
              transform: none !important;
              margin: 0 auto;
              visibility: visible;
              height: auto; } }
          .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide {
            width: 100px;
            margin: 0; }
            @media (min-width: 768px) {
              .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide {
                flex: 0 0 50%; }
                .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide:first-child {
                  flex: 0 0 100%; }
                  .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide:first-child .option-item {
                    width: 100%; }
                    .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide:first-child .option-item .label-option-item {
                      max-width: fit-content; }
                    .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide:first-child .option-item label {
                      margin-bottom: 3px; }
                    .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide:first-child .option-item input[type="checkbox"]:checked + .icon-icn-check {
                      left: 196px; }
                .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide label {
                  margin-right: 8px;
                  margin-bottom: 6px; } }
            .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item {
              width: 100%;
              margin-bottom: 15px;
              margin-top: 15px; }
              @media (min-width: 768px) {
                .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item {
                  flex-direction: row;
                  width: 100%;
                  margin: 0;
                  padding-left: 33px; } }
              .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item img {
                width: 80px;
                cursor: pointer; }
                @media (min-width: 768px) {
                  .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item img {
                    width: 30px; } }
              .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item .label-option-item {
                width: 100px;
                font-size: 15px;
                line-height: 17px;
                margin-top: 0;
                word-break: break-word;
                max-width: 100px; }
                @media (min-width: 768px) {
                  .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item .label-option-item {
                    max-width: 200px;
                    width: 100%; } }
                .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item .label-option-item .label-option {
                  text-align: center;
                  width: 100%;
                  display: flex;
                  justify-content: center;
                  word-break: break-word; }
                  @media (min-width: 768px) {
                    .test-content .test-body .elements-test-content .options-step .carousel-container .swiper-wrapper .swiper-slide .option-item .label-option-item .label-option {
                      justify-content: flex-start;
                      text-align: left;
                      font-size: 14px;
                      padding-right: 20px; } }
        .test-content .test-body .elements-test-content .options-step .swiper-button-content {
          position: relative;
          bottom: 50px;
          width: 100%; }
        .test-content .test-body .elements-test-content .options-step .swiper-button {
          position: absolute;
          bottom: 0;
          left: 0;
          display: flex;
          background: none; }
          @media (min-width: 768px) {
            .test-content .test-body .elements-test-content .options-step .swiper-button {
              display: none; } }
          .test-content .test-body .elements-test-content .options-step .swiper-button.swiper-button-prev {
            left: 0; }
          .test-content .test-body .elements-test-content .options-step .swiper-button.swiper-button-next {
            right: 5px;
            left: auto; }
          .test-content .test-body .elements-test-content .options-step .swiper-button .icon {
            color: #ff8300;
            font-size: 30px; }
      .test-content .test-body .elements-test-content .form-test {
        padding-bottom: 100px; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content .form-test {
            padding-top: 10px; } }
        .test-content .test-body .elements-test-content .form-test .container {
          padding: 0; }
          @media (min-width: 768px) {
            .test-content .test-body .elements-test-content .form-test .container {
              padding: 0 25px; } }
          .test-content .test-body .elements-test-content .form-test .container .col-6 {
            padding: 0 10px; }
            .test-content .test-body .elements-test-content .form-test .container .col-6 .form-group .form-control {
              width: 154px;
              height: 40px; }
            .test-content .test-body .elements-test-content .form-test .container .col-6:first-child .form-group {
              padding-right: 10px; }
            .test-content .test-body .elements-test-content .form-test .container .col-6:last-child .form-group {
              padding-left: 10px; }
          .test-content .test-body .elements-test-content .form-test .container .col-12 .form-group .form-control {
            width: 320px;
            height: 40px; }
          .test-content .test-body .elements-test-content .form-test .container .col-12,
          .test-content .test-body .elements-test-content .form-test .container .col-6 {
            padding: 0; }
            .test-content .test-body .elements-test-content .form-test .container .col-12 .input-label,
            .test-content .test-body .elements-test-content .form-test .container .col-6 .input-label {
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              font-size: 15px; }
            .test-content .test-body .elements-test-content .form-test .container .col-12 .form-group.custom-input,
            .test-content .test-body .elements-test-content .form-test .container .col-6 .form-group.custom-input {
              margin-top: 0; }
            .test-content .test-body .elements-test-content .form-test .container .col-12 .form-group input,
            .test-content .test-body .elements-test-content .form-test .container .col-6 .form-group input {
              border-bottom: none;
              box-shadow: 0 0 20px 0 rgba(0, 21, 63, 0.2) !important;
              background-color: #fff;
              border-radius: 5px;
              border: 1px solid rgba(0, 21, 63, 0.2); }
            .test-content .test-body .elements-test-content .form-test .container .col-12 .form-group .invalid-feedback,
            .test-content .test-body .elements-test-content .form-test .container .col-6 .form-group .invalid-feedback {
              margin-top: -1px;
              font-size: 11px; }
            .test-content .test-body .elements-test-content .form-test .container .col-12 .nextbutton .enquiries-submit,
            .test-content .test-body .elements-test-content .form-test .container .col-6 .nextbutton .enquiries-submit {
              position: relative;
              bottom: -100px;
              width: 211px;
              border: none;
              font-size: 30px;
              line-height: 22px;
              padding: 30px 0; }
          .test-content .test-body .elements-test-content .form-test .container .bottom-enquiries {
            margin: 0; }
            @media (min-width: 768px) {
              .test-content .test-body .elements-test-content .form-test .container .bottom-enquiries {
                margin: 0 0 10px; } }
            .test-content .test-body .elements-test-content .form-test .container .bottom-enquiries .custom-control {
              margin-top: 10px; }
              .test-content .test-body .elements-test-content .form-test .container .bottom-enquiries .custom-control .custom-control-label {
                padding-left: 15px; }
              .test-content .test-body .elements-test-content .form-test .container .bottom-enquiries .custom-control .invalid-feedback {
                margin-top: -1px;
                padding-left: 15px;
                font-size: 11px; }
          .test-content .test-body .elements-test-content .form-test .container .sendbutton {
            position: relative;
            bottom: -70px; }
            @media (min-width: 768px) {
              .test-content .test-body .elements-test-content .form-test .container .sendbutton {
                bottom: -20px; } }
            .test-content .test-body .elements-test-content .form-test .container .sendbutton .btn {
              color: #0c2340;
              background-color: #fff;
              width: 211px;
              border: none;
              font-size: 30px;
              line-height: 22px;
              padding: 30px 0; }
      .test-content .test-body .elements-test-content .ok-button-content {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column; }
        @media (min-width: 768px) {
          .test-content .test-body .elements-test-content .ok-button-content {
            position: relative;
            bottom: -150px; } }
        .test-content .test-body .elements-test-content .ok-button-content .ok-button {
          background-color: #fff;
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 211px;
          font-size: 30px;
          line-height: 22px;
          color: #0c2340;
          box-shadow: 0 0 20px 0 rgba(12, 35, 64, 0.3);
          border-radius: 0 20px;
          position: relative;
          top: -60px;
          padding: 20px 0; }
          @media (min-width: 768px) {
            .test-content .test-body .elements-test-content .ok-button-content .ok-button {
              top: -140px; } }
        .test-content .test-body .elements-test-content .ok-button-content .no-match {
          background-color: #0c2340;
          border-radius: 0 15px;
          color: white;
          font-size: 18px;
          line-height: 73%;
          padding: 10.5px 0;
          width: 126.5px; }
  .test-content.test-content-relaunch {
    background-image: url(../img/test/mobile/background.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top; }
    .test-content.test-content-relaunch:not(.cat) + .modal-container-relaunch .modal-content-cat {
      display: none; }
    .test-content.test-content-relaunch:not(.cat) + .modal-container-relaunch .modal-content-dog {
      display: flex !important; }
    .test-content.test-content-relaunch:not(.dog) + .modal-container-relaunch .modal-content-dog {
      display: none; }
    .test-content.test-content-relaunch:not(.dog) + .modal-container-relaunch .modal-content-cat {
      display: flex !important; }
    @media (min-width: 768px) {
      .test-content.test-content-relaunch {
        background-image: url(../img/test/desktop/background.png);
        background-size: cover;
        background-position: bottom; } }
    @media (min-width: 1280px) {
      .test-content.test-content-relaunch {
        background-position: bottom; } }
    .test-content.test-content-relaunch .test-title {
      width: 200px;
      max-width: 100%;
      margin: auto;
      padding-top: 30px;
      text-align: center; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .test-title {
          padding: 65px 0 25px;
          width: auto; } }
      .test-content.test-content-relaunch .test-title .title-test-light,
      .test-content.test-content-relaunch .test-title .title-test-bold {
        font-size: 26px;
        line-height: 100%; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .test-title .title-test-light,
          .test-content.test-content-relaunch .test-title .title-test-bold {
            font-size: 36px; } }
    .test-content.test-content-relaunch .test-body {
      background-image: url(../img/test/mobile/round.png);
      margin-top: 30px;
      min-width: unset; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .test-body {
          background-image: url(../img/test/desktop/round.png); } }
    .test-content.test-content-relaunch .elements-test-content[data-step="start"] .title-step {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-size: 22.5px;
      line-height: 100%; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .elements-test-content[data-step="start"] .title-step {
          font-size: 27.5px;
          margin-top: 0; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="start"] .title-step b {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
    .test-content.test-content-relaunch .elements-test-content[data-step="start"] .options-step .option-item {
      margin: 35px 0;
      align-self: end;
      padding: 0; }
      .test-content.test-content-relaunch .elements-test-content[data-step="start"] .options-step .option-item label {
        cursor: pointer; }
      .test-content.test-content-relaunch .elements-test-content[data-step="start"] .options-step .option-item .label-option-item {
        font-size: 25.5px;
        color: #0c2340;
        margin: 10px 0 4px; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content[data-step="start"] .options-step .option-item .label-option-item {
            font-size: 31px; } }
    .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item .label-option-item {
      display: block;
      height: 25px; }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog1"],
    .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] {
      margin-bottom: 125px; }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .step-counter,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .step-counter {
        margin-top: 110px;
        font-size: 31.5px; }
        .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .step-counter b,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .step-counter b {
          color: #63cfe3; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .step-counter,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .step-counter {
            margin-top: 30px; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .title-step,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .title-step {
        width: 190px;
        max-width: 100%;
        margin: 8px auto 15px;
        text-align: center;
        font-size: 22px;
        line-height: 110%; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .title-step,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .title-step {
            font-size: 24px; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .subtitle-step,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .subtitle-step {
        font-size: 13.5px;
        line-height: 110%; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .subtitle-step,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .subtitle-step {
            font-size: 15px; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step {
        width: 90%; }
        .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item {
          margin: 20px 10px 0;
          align-self: end;
          padding: 0;
          width: 33.3%; }
          @media (min-width: 768px) {
            .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item,
            .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item {
              margin-top: 20px; } }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item label,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item label {
            cursor: pointer; }
            .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item label img,
            .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item label img {
              width: 100%;
              height: auto; }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item .label-option-item,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item .label-option-item {
            font-size: 20.5px;
            color: #0c2340;
            letter-spacing: 1.45px; }
            @media (min-width: 768px) {
              .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item .label-option-item,
              .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item .label-option-item {
                font-size: 22.5px;
                letter-spacing: 1.6px; } }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item .sub-label-option-item,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item .sub-label-option-item {
            font-size: 11px;
            letter-spacing: 2.16px; }
            @media (min-width: 768px) {
              .test-content.test-content-relaunch .elements-test-content[data-step="dog1"] .options-step .option-item .sub-label-option-item,
              .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item .sub-label-option-item {
                font-size: 12px;
                letter-spacing: 2.37px; } }
    .test-content.test-content-relaunch .elements-test-content[data-step="cat1"] .options-step .option-item {
      width: 50%; }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .title-step b,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .title-step b {
      color: #63cfe3; }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-counter,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-counter {
      margin-top: 90px;
      font-size: 31.5px; }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-counter b,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-counter b {
        color: #63cfe3; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-counter,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-counter {
          margin-top: 30px; } }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .title-step,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .title-step {
      max-width: 100%;
      margin: 8px auto 15px;
      text-align: center;
      font-size: 22px;
      line-height: 110%; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .title-step,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .title-step {
          font-size: 24px; } }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-age-container .step-age,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-age-container .step-age {
      margin-top: 25px; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-age-container .step-age,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-age-container .step-age {
          margin-top: 40px; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-age-container .step-age .datepicker,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-age-container .step-age .datepicker {
        color: #0c2340; }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-age-container .nextbutton,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-age-container .nextbutton {
      top: 150px; }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog2"] .step-age-container .nextbutton button[type="button"],
      .test-content.test-content-relaunch .elements-test-content[data-step="cat2"] .step-age-container .nextbutton button[type="button"] {
        width: 126.5px;
        padding: 18px 0;
        background-color: #0c2340;
        color: white;
        font-size: 18px;
        line-height: 73%;
        border-radius: 0 15px; }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog3"],
    .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] {
      padding: 0; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .elements-test-content[data-step="dog3"],
        .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] {
          padding: 0 46px; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .step-counter,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .step-counter {
        margin-top: 0;
        font-size: 31.5px; }
        .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .step-counter b,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .step-counter b {
          color: #63cfe3; }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .title-step,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .title-step {
        max-width: 100%;
        margin: 8px auto 15px;
        text-align: center;
        font-size: 22px;
        line-height: 110%; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .title-step,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .title-step {
            margin: 8px auto 0;
            font-size: 24px; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel {
        position: relative;
        margin-top: 25px;
        padding: 0; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel {
            margin-top: 0;
            padding: 20px 0 90px; } }
        .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .swiper-button-content,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .swiper-button-content {
          position: absolute;
          bottom: 0; }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .swiper-button-content .swiper-button .icon,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .swiper-button-content .swiper-button .icon {
            color: #63cfe3; }
        .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide {
          width: 100px;
          margin: 0; }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child {
            flex: 0 0 50%; }
            .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item .label-option-item,
            .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item .label-option-item {
              max-width: unset; }
            @media (min-width: 768px) {
              .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item label,
              .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item label {
                left: 3px; } }
            .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item input[type="checkbox"]:checked + .icon-icn-check,
            .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item input[type="checkbox"]:checked + .icon-icn-check {
              left: 0; }
              @media (min-width: 768px) {
                .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item input[type="checkbox"]:checked + .icon-icn-check,
                .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide:first-child .option-item input[type="checkbox"]:checked + .icon-icn-check {
                  left: 3px; } }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item .icon-icn-check::before,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item .icon-icn-check::before {
            color: #0c2340; }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item label,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item label {
            margin: 0 3px 10px; }
            @media (min-width: 768px) {
              .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item label,
              .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item label {
                margin: 3px 10px 3px 0; } }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item .label-option-item,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item .label-option-item {
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked + .icon-icn-check,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked + .icon-icn-check {
            display: none; }
            @media (min-width: 768px) {
              .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked + .icon-icn-check,
              .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked + .icon-icn-check {
                display: block; } }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked ~ label,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked ~ label {
            outline: 3px solid #0c2340;
            border-radius: 50%;
            background: #0c2340; }
          .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked ~ .label-option-item,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .options-step.step-carousel .test-slider .swiper-wrapper .swiper-slide .option-item input[type="checkbox"]:checked ~ .label-option-item {
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .ok-button-content,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .ok-button-content {
        position: relative;
        top: 70px; }
        .test-content.test-content-relaunch .elements-test-content[data-step="dog3"] .ok-button-content button[type="button"],
        .test-content.test-content-relaunch .elements-test-content[data-step="cat3"] .ok-button-content button[type="button"] {
          width: 126.5px;
          padding: 10.5px 0;
          background-color: #0c2340;
          color: white;
          font-size: 18px;
          line-height: 73%;
          border-radius: 0 15px; }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .title-step,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .title-step {
      margin: 8px auto 15px;
      text-align: center;
      font-size: 22px;
      line-height: 110%; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .title-step,
        .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .title-step {
          font-size: 24px; } }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .title-step b,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .title-step b {
        color: #63cfe3; }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .options-step.recommended,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .options-step.recommended {
      padding: 0; }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .options-step.recommended .product-recommended .product .product-tile .product-content .product-title,
      .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .options-step.recommended .product-recommended .product .product-tile .product-content .product-title {
        height: auto;
        font-size: 13px;
        line-height: 100%; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .options-step.recommended .product-recommended .product .product-tile .product-content .product-title,
          .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .options-step.recommended .product-recommended .product .product-tile .product-content .product-title {
            font-size: 15.5px; } }
    .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .ok-button-content,
    .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .ok-button-content {
      top: 85px; }
      .test-content.test-content-relaunch .elements-test-content[data-step="dog4"] .ok-button-content button[type="button"],
      .test-content.test-content-relaunch .elements-test-content[data-step="cat4"] .ok-button-content button[type="button"] {
        width: 126.5px;
        padding: 10.5px 0;
        background-color: #0c2340;
        color: white;
        font-size: 18px;
        line-height: 73%;
        border-radius: 0 15px; }
    .test-content.test-content-relaunch .elements-test-content.end-content {
      padding: 145px 0 0; }
      @media (min-width: 768px) {
        .test-content.test-content-relaunch .elements-test-content.end-content {
          padding: 90px 0 0; } }
      .test-content.test-content-relaunch .elements-test-content.end-content .title-test {
        margin: 8px auto;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        color: #0c2340;
        font-size: 17px;
        line-height: 118%;
        text-align: center;
        text-transform: uppercase; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content.end-content .title-test {
            font-size: 19.5px; } }
      .test-content.test-content-relaunch .elements-test-content.end-content .subtitle-test {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 22px;
        line-height: 90%;
        color: #63cfe3;
        text-align: center; }
        @media (min-width: 768px) {
          .test-content.test-content-relaunch .elements-test-content.end-content .subtitle-test {
            font-size: 25px; } }
      .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container {
        margin-top: 10px;
        padding: 0; }
        .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .row {
          width: 100%;
          margin: auto; }
          .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .row .col-6 {
            max-width: calc(50% - 6px); }
          .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .row > .col-6:first-of-type {
            margin-right: 12px; }
        .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .input-label {
          font-size: 12px; }
          @media (min-width: 768px) {
            .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .input-label {
              font-size: 14px; } }
        .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .form-group.custom-input {
          padding: 5px 0 12px !important; }
          .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .form-group.custom-input .form-control {
            width: 100% !important;
            box-shadow: none !important;
            border-radius: 0 15px;
            border: 1px solid #63cfe3; }
        .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .bottom-enquiries .custom-checkbox {
          margin-top: 0; }
          .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .bottom-enquiries .custom-checkbox .custom-control-label {
            padding-left: 10px;
            font-size: 12px;
            font-weight: 300; }
            @media (min-width: 768px) {
              .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .bottom-enquiries .custom-checkbox .custom-control-label {
                font-size: 14px; } }
            .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .bottom-enquiries .custom-checkbox .custom-control-label::before {
              border: 0.5px solid #63cfe3 !important;
              border-radius: 5px; }
            .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .bottom-enquiries .custom-checkbox .custom-control-label::after {
              width: 1.5rem;
              height: 1.5rem;
              top: 0.125rem;
              left: -1.55rem; }
            .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .bottom-enquiries .custom-checkbox .custom-control-label strong {
              font-weight: 700; }
        .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .sendbutton {
          bottom: 0; }
          .test-content.test-content-relaunch .elements-test-content.end-content .form-test .container .sendbutton button[type="submit"] {
            min-width: 126.5px;
            width: auto;
            padding: 18px 20px;
            background-color: #0c2340;
            color: white;
            font-size: 18px;
            line-height: 73%;
            border-radius: 0 15px; }
    .test-content.test-content-relaunch + .modal-container-relaunch .modal.fade {
      background: radial-gradient(59.58% 59.58% at 50% 50%, rgba(24, 45, 77, 0.7), #182d4d 100%); }
    .test-content.test-content-relaunch + .modal-container-relaunch .modal .modal-dialog .close {
      display: none; }
    .test-content.test-content-relaunch + .modal-container-relaunch .modal .modal-dialog .modal-content {
      padding: 25px 34px 40px;
      max-width: 322px; }
      .test-content.test-content-relaunch + .modal-container-relaunch .modal .modal-dialog .modal-content .modal-img {
        width: 110px;
        margin-bottom: 10px; }
      .test-content.test-content-relaunch + .modal-container-relaunch .modal .modal-dialog .modal-content .title-modal {
        width: 90%;
        margin-bottom: 20px;
        color: #0c2340;
        font-size: 22.6px;
        line-height: 108%; }
      .test-content.test-content-relaunch + .modal-container-relaunch .modal .modal-dialog .modal-content .text-modal {
        margin-bottom: 30px;
        color: #0c2340;
        font-size: 15px;
        line-height: 115%; }
      .test-content.test-content-relaunch + .modal-container-relaunch .modal .modal-dialog .modal-content .button-two-content {
        height: 36px;
        margin-top: 10px;
        background-color: #63cfe3;
        font-size: 18px;
        line-height: 73%;
        cursor: pointer; }

.modal-container .fade {
  background-image: radial-gradient(circle at 50% 50%, rgba(12, 35, 64, 0.7), #000c22 74%);
  padding: 0 !important; }
  .modal-container .fade .modal-dialog .modal-content-dog {
    display: none !important; }
  .modal-container .fade .modal-dialog .close {
    position: absolute;
    font-size: 40px;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    text-shadow: none;
    top: 20px;
    right: 20px;
    opacity: 1;
    color: #fff;
    font-weight: 300; }
    @media (min-width: 768px) {
      .modal-container .fade .modal-dialog .close {
        top: 130px; } }
    @media (min-width: 768px) {
      .modal-container .fade .modal-dialog .close {
        top: 130px; } }
  .modal-container .fade .modal-dialog .modal-content {
    padding: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 0 25px;
    max-width: 335px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .modal-container .fade .modal-dialog .modal-content {
        max-width: 412px; } }
    .modal-container .fade .modal-dialog .modal-content .modal-img {
      width: 103px;
      margin-bottom: 25px; }
    .modal-container .fade .modal-dialog .modal-content .title-modal {
      text-align: center;
      font-size: 25px;
      line-height: 27px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      text-transform: uppercase;
      margin-bottom: 30px; }
    .modal-container .fade .modal-dialog .modal-content .text-modal {
      text-align: center;
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 20px; }
    .modal-container .fade .modal-dialog .modal-content .button-two-content {
      margin-top: 20px;
      width: 128px; }

.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; } }

.registration .icon-icon_dog::before {
  content: url("../img/haspet_dog.png"); }

.registration .icon-icon_cat::before {
  content: url("../img/haspet_cat.png"); }

.registration .icon-icon_both::before {
  content: url("../img/haspet_both.png"); }

.registration #hasPet {
  margin-top: 20px; }
  .registration #hasPet .section-title {
    font-size: 22px; }
  .registration #hasPet img {
    cursor: pointer; }

.error-container .back-to-home {
  margin-top: 30px; }

body[data-action="Register-Show"] .page-wrapper .content .registration .content-buttons-group {
  margin-top: 30px;
  max-width: 210px; }
  body[data-action="Register-Show"] .page-wrapper .content .registration .content-buttons-group .button-two-content .button-two {
    text-align: center;
    color: #fff; }

body[data-action="Register-OnBoarding"] .page-wrapper .container .welcome-buttons,
body[data-action="Register-OnBoarding"] .page-wrapper .container .center-btn,
body[data-action="Account-PasswordReset"] .page-wrapper .container .welcome-buttons,
body[data-action="Account-PasswordReset"] .page-wrapper .container .center-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 40px; }
  body[data-action="Register-OnBoarding"] .page-wrapper .container .welcome-buttons .col-inverted-buttons,
  body[data-action="Register-OnBoarding"] .page-wrapper .container .center-btn .col-inverted-buttons,
  body[data-action="Account-PasswordReset"] .page-wrapper .container .welcome-buttons .col-inverted-buttons,
  body[data-action="Account-PasswordReset"] .page-wrapper .container .center-btn .col-inverted-buttons {
    display: flex;
    align-items: center;
    justify-content: center; }
  @media (min-width: 768px) {
    body[data-action="Register-OnBoarding"] .page-wrapper .container .welcome-buttons,
    body[data-action="Register-OnBoarding"] .page-wrapper .container .center-btn,
    body[data-action="Account-PasswordReset"] .page-wrapper .container .welcome-buttons,
    body[data-action="Account-PasswordReset"] .page-wrapper .container .center-btn {
      flex-direction: row;
      display: flex; } }

body[data-action="Account-DoSetNewPassword"] .page-wrapper .pageTop {
  padding-top: 90px; }

body[data-action="Account-DoSetNewPassword"] .page-wrapper .content.small-cont {
  margin: 0 auto 50px; }

body[data-action="Account-DoSetNewPassword"] .page-wrapper .container .col-inverted-buttons {
  display: flex;
  align-items: center;
  justify-content: center; }

body[data-action="Family-PetProfile"] .page-wrapper .petRegistration .birth-sex-radio-button {
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media (min-width: 768px) {
    body[data-action="Family-PetProfile"] .page-wrapper .petRegistration .birth-sex-radio-button {
      flex-direction: row; } }
  body[data-action="Family-PetProfile"] .page-wrapper .petRegistration .birth-sex-radio-button .sex-choice {
    text-align: center; }
    @media (min-width: 768px) {
      body[data-action="Family-PetProfile"] .page-wrapper .petRegistration .birth-sex-radio-button .sex-choice {
        text-align: right; } }

body[data-action="Family-PetProfile"] .page-wrapper .petRegistration .pet-profile-btn {
  display: flex;
  width: 100%;
  justify-content: end;
  align-items: center; }
  body[data-action="Family-PetProfile"] .page-wrapper .petRegistration .pet-profile-btn #savePetNewUser {
    font-family: "Klavika-Regular";
    text-transform: none;
    min-width: 200px;
    margin-left: 80px !important; }
    @media (max-width: 768px) {
      body[data-action="Family-PetProfile"] .page-wrapper .petRegistration .pet-profile-btn #savePetNewUser {
        margin-left: 0 !important; } }

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; }

@media (min-width: 768px) {
  body[data-action="Login-Show"] .page-wrapper .content,
  body[data-action="Register-Show"] .page-wrapper .content {
    border-radius: 0 40px;
    margin-bottom: 5%; }
  body[data-action="Case-List"] {
    background: none; }
  body[data-action="Register-OnBoarding"] .page-wrapper,
  body[data-action="Register-CreateNewPet"] .page-wrapper {
    margin: 100px auto 40px; } }

.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; }

.category-landing .ULT_Article.ellipsis .info-article h3 {
  max-height: none; }

.pet-profil-bottom {
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
  margin-top: 30px !important; }

@media (min-width: 768px) {
  .pet-profil-bottom {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-top: 80px !important;
    float: left; } }

@media (min-width: 1024px) {
  .petRegistration__content {
    display: flex;
    gap: 20px;
    justify-content: space-between; } }

body[data-action="Family-PetProfile"] .page-wrapper section {
  margin: 0; }

body[data-action="Family-PetProfile"] .content.pet-needs-inputs {
  margin: 0; }

.pet-profile-page .recommendationProducts-desktop {
  display: none; }
  @media (min-width: 1023px) {
    .pet-profile-page .recommendationProducts-desktop {
      display: flex; } }

.pet-profile-page .recommendationProducts-mobile {
  display: flex; }
  @media (min-width: 1023px) {
    .pet-profile-page .recommendationProducts-mobile {
      display: none; } }

.pet-profile-content-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 52px;
  margin-bottom: 64px; }

.pet-profile-content-wrapper > div {
  flex-basis: 100%; }

@media (min-width: 1024px) {
  .pet-profile-content-wrapper {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 119px;
    column-gap: 85px; }
  .pet-profile-content-wrapper > div {
    flex-basis: 50%; } }

.pet-profile-content {
  display: flex;
  flex-direction: column; }
  .pet-profile-content .pet-profile-content-left {
    display: flex;
    flex-direction: column; }
    .pet-profile-content .pet-profile-content-left .recommended-products {
      display: none; }
  .pet-profile-content .btn-update-needs {
    margin-bottom: 36px; }
  @media (min-width: 1024px) {
    .pet-profile-content {
      flex-direction: column;
      row-gap: 100px; }
      .pet-profile-content .pet-profile-content-left {
        display: flex;
        flex-direction: column;
        row-gap: 80px; }
        .pet-profile-content .pet-profile-content-left .recommended-products {
          display: flex; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.notification-unread-mobile {
  position: absolute; }

.notification-bell-noread {
  position: absolute;
  cursor: pointer;
  top: -1px;
  right: 12px; }
  @media (max-width: 1279px) {
    .notification-bell-noread {
      top: 22px;
      left: 41px; } }
  .notification-bell-noread-profile {
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: 0; }

.notifications.floating-menu {
  width: 355px;
  right: 140px; }
  @media (max-width: 1279px) {
    .notifications.floating-menu {
      top: 0;
      left: 0;
      width: 100%;
      border-radius: initial;
      height: 100vh; } }

.notifications .split-line {
  border-top: 1px solid rgba(12, 35, 64, 0.05);
  margin: 10px 0; }

.notifications-container {
  position: sticky;
  top: 0;
  padding-bottom: 20px;
  margin-bottom: 10px;
  background: white;
  border-bottom: 1px solid rgba(12, 35, 64, 0.05); }
  .notifications-container-title {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #667085; }
  .notifications-container-return {
    display: none;
    margin-bottom: 25px;
    cursor: pointer; }
    @media (max-width: 1279px) {
      .notifications-container-return {
        display: flex;
        gap: 12.5px; } }
    .notifications-container-return svg {
      margin: auto 0; }
    .notifications-container-return span {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      color: #98A2B3; }

.notifications-list {
  overflow-y: auto;
  max-height: 70vh;
  height: auto; }
  @media (max-width: 1279px) {
    .notifications-list {
      max-height: calc(100% - 115px); } }
  .notifications-list::-webkit-scrollbar {
    -webkit-appearance: none; }
  .notifications-list::-webkit-scrollbar:vertical {
    width: 6px; }
  .notifications-list::-webkit-scrollbar-button:increment {
    display: none; }
  .notifications-list::-webkit-scrollbar-button {
    display: none; }
  .notifications-list::-webkit-scrollbar-thumb {
    background-color: #667085;
    border-radius: 15px;
    border: none; }
  .notifications-list::-webkit-scrollbar-track {
    background: #E5E5E5;
    border-radius: 15px; }

.notifications-text {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  padding-right: 12px; }
  .notifications-text b {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 600; }

.notifications-time {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #667085;
  display: block; }

.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; } }

.filters {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  overflow-y: auto; }
  .filters .grid-header {
    position: relative; }
  .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-content {
    overflow: visible;
    max-width: 660px;
    margin: auto;
    padding: 0 25px 20px 25px;
    height: calc(100vh - 60px); }
    .filters .filters-content .custom-control {
      padding-left: 0;
      margin-top: 18px; }
    .filters .filters-content .filter-name {
      color: #0c2340;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 1rem;
      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: 0.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: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          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: #0c2340;
            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: 0.875rem;
          padding: 14px 25px;
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          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: #0c2340;
            color: #fff; }
  .filters .view-prods {
    position: relative;
    display: block;
    bottom: unset;
    left: unset;
    right: unset;
    height: 70px;
    padding-top: 25px; }
    .filters .view-prods a.disabled {
      opacity: 0.3;
      filter: alpha(opacity=30); }
  .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 input[type=checkbox]:checked + label .inactive-image {
    display: none; }
  .filters .checkbox-img input[type=checkbox]:checked + label .active-image {
    display: block; }

.filters-content[data-pettype="cat"] .filters-mobile .dropdown.active .dropdown-content .filter-with-image[data-filter="specialty"] {
  max-width: 40%;
  margin: 0 auto; }
  .filters-content[data-pettype="cat"] .filters-mobile .dropdown.active .dropdown-content .filter-with-image[data-filter="specialty"]::before {
    width: 95%; }

.filters-content[data-pettype="cat"] .filters-mobile .dropdown.active .dropdown-content .filter-with-image::before {
  width: 88%; }

.filters-content[data-pettype="cat"] .filters-mobile .dropdown.active .dropdown-content .filter-with-image .filter-with-image-text {
  font-size: 15px; }

.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: #0c2340;
  border-color: #0c2340; }
  .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: #0c2340;
    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: #0c2340;
    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: #0c2340;
      border-color: #0c2340; }

.category-no-results {
  padding-top: 30px; }
  .category-no-results .text-no-result {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    color: #0c2340; }

.filters-desktop {
  display: none; }

.refinement-bar.filters-mobile {
  max-width: 100%;
  margin: 0; }
  .refinement-bar.filters-mobile .dropdown.active .dropbtn {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  .refinement-bar.filters-mobile .dropdown .dropbtn .icon {
    position: absolute;
    right: 20px; }
    @media (min-width: 768px) {
      .refinement-bar.filters-mobile .dropdown .dropbtn .icon {
        right: 45px; } }
  .refinement-bar.filters-mobile .dropdown .dropdown-content .row {
    max-width: none;
    align-items: flex-start; }
    .refinement-bar.filters-mobile .dropdown .dropdown-content .row .filter-option::before {
      width: 85%; }
  .refinement-bar.filters-mobile .dropdown .dropdown-content .needs-row .needs-image {
    border: none; }
  .refinement-bar.filters-mobile .dropdown .dropdown-content .needs-row .needs-image-active {
    border: 2px solid #fff;
    border-radius: 30px; }

.refinement-bar .dropdown {
  border-bottom: 1px solid #6d7b8b;
  background-color: #0c2340; }
  .refinement-bar .dropdown button {
    height: 47px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    font-size: 22px;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase; }
  .refinement-bar .dropdown .dropdown-content {
    background-color: #0c2340;
    padding-bottom: 0;
    display: none;
    height: 0;
    transition: all 0.3s ease-in; }
    .refinement-bar .dropdown .dropdown-content .row {
      max-width: 400px;
      margin: auto; }
      .refinement-bar .dropdown .dropdown-content .row .filter-with-image {
        z-index: 2;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column; }
        .refinement-bar .dropdown .dropdown-content .row .filter-with-image.col-6 img {
          width: 50%;
          margin-top: 20px; }
        .refinement-bar .dropdown .dropdown-content .row .filter-with-image img {
          z-index: 2;
          position: relative;
          width: 100%; }
        .refinement-bar .dropdown .dropdown-content .row .filter-with-image .filter-with-image-text {
          color: #fff;
          display: flex;
          flex-direction: column;
          font-size: 20px;
          position: relative;
          text-transform: uppercase; }
          .refinement-bar .dropdown .dropdown-content .row .filter-with-image .filter-with-image-text .text-age-literal {
            font-size: 22px;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            text-align: center;
            text-transform: uppercase; }
          .refinement-bar .dropdown .dropdown-content .row .filter-with-image .filter-with-image-text .text-age-number {
            font-size: 14px;
            font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
            text-align: center;
            text-transform: uppercase; }
          .refinement-bar .dropdown .dropdown-content .row .filter-with-image .filter-with-image-text .text-condition {
            font-size: 22px;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            text-align: center;
            text-transform: uppercase; }
        .refinement-bar .dropdown .dropdown-content .row .filter-with-image .icon-icn-check {
          color: #abe400;
          font-size: 40px;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -30px;
          display: none; }
        .refinement-bar .dropdown .dropdown-content .row .filter-with-image.active::before {
          content: "";
          display: block;
          border-radius: 0 30px;
          width: 120px;
          height: 100px;
          z-index: 0;
          position: absolute;
          background-color: white;
          left: 50%;
          bottom: -16px;
          transform: translateX(-50%); }
        .refinement-bar .dropdown .dropdown-content .row .filter-with-image.active .filter-with-image-text {
          color: #0c2340; }
        .refinement-bar .dropdown .dropdown-content .row .filter-with-image.active .icon-icn-check {
          display: block;
          z-index: 1111; }
    .refinement-bar .dropdown .dropdown-content .needs-row {
      display: flex;
      align-items: center;
      height: 66px;
      padding: 16px 0; }
      .refinement-bar .dropdown .dropdown-content .needs-row .icon-icn-check {
        visibility: hidden;
        color: #abe400;
        font-size: 32px; }
      .refinement-bar .dropdown .dropdown-content .needs-row img {
        width: 40px;
        height: 40px; }
      .refinement-bar .dropdown .dropdown-content .needs-row .needs-image-active {
        display: none; }
      .refinement-bar .dropdown .dropdown-content .needs-row .needs-text {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 15px;
        width: 200px;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        padding-left: 12px;
        line-height: 17px; }
      .refinement-bar .dropdown .dropdown-content .needs-row.active .needs-image {
        display: none; }
      .refinement-bar .dropdown .dropdown-content .needs-row.active .needs-image-active {
        display: block; }
      .refinement-bar .dropdown .dropdown-content .needs-row.active .icon-icn-check {
        visibility: visible; }
  .refinement-bar .dropdown.active .dropbtn span {
    transition: all 0.5s ease-in;
    transform: rotate(180deg); }
  .refinement-bar .dropdown.active .dropdown-content {
    height: 100%;
    padding-bottom: 32px;
    display: block;
    transition: all 0.5s ease-in; }

.filter-content-relaunch .refinement-bar {
  padding: 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important; }
  .filter-content-relaunch .refinement-bar .dropdown {
    cursor: pointer;
    background-color: transparent; }
    .filter-content-relaunch .refinement-bar .dropdown:not(:last-child) {
      border-bottom: solid 1px rgba(99, 207, 227, 0.4); }
    .filter-content-relaunch .refinement-bar .dropdown:last-child {
      border-bottom: none; }
    .filter-content-relaunch .refinement-bar .dropdown.active .dropbtn span {
      color: #63cfe3; }
    .filter-content-relaunch .refinement-bar .dropdown .dropbtn {
      padding: 5px 0;
      height: auto;
      margin-right: 25px; }
      .filter-content-relaunch .refinement-bar .dropdown .dropbtn:focus {
        outline: transparent; }
      .filter-content-relaunch .refinement-bar .dropdown .dropbtn span {
        transition: none;
        transform: none;
        right: 0 !important; }
    .filter-content-relaunch .refinement-bar .dropdown:hover .dropbtn span {
      transform: rotateZ(180deg);
      transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; }
    .filter-content-relaunch .refinement-bar .dropdown-content {
      background-color: transparent; }
      .filter-content-relaunch .refinement-bar .dropdown-content .row {
        justify-content: space-around; }
      .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image {
        align-self: end;
        max-width: 250px;
        min-width: 115px;
        margin-bottom: 10px;
        text-wrap: nowrap; }
        .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image.not-active {
          opacity: 0.2; }
        .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image.active::before {
          background-color: #63cfe3 !important;
          width: 90% !important;
          bottom: 44px !important;
          height: 50px !important;
          top: auto !important; }
        .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image::before {
          content: "";
          display: block;
          border-radius: 0 30px;
          width: calc(100% - 30px) !important;
          height: 50px;
          z-index: 0;
          position: absolute;
          background-color: #63cfe3;
          left: 50%;
          bottom: 44px;
          transform: translateX(-50%); }
        .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image img {
          border-radius: 0 30px; }
        .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image .text-age-literal,
        .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image .text-condition {
          font-size: 21px !important;
          letter-spacing: 1.5px;
          color: white;
          margin: 10px 0 2px; }
        .filter-content-relaunch .refinement-bar .dropdown-content .filter-with-image .text-age-number {
          position: absolute;
          top: 40px;
          width: 200%;
          align-self: center;
          text-transform: lowercase !important;
          color: white;
          font-size: 11px !important;
          letter-spacing: 2.2px;
          text-wrap: wrap; }
      .filter-content-relaunch .refinement-bar .dropdown-content .needs-row .icon-icn-check {
        color: white;
        font-size: 25px;
        margin-right: 4px; }
      .filter-content-relaunch .refinement-bar .dropdown-content .needs-row.active .needs-text {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
      .filter-content-relaunch .refinement-bar .dropdown-content .needs-row .needs-text {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-size: 15.5px;
        line-height: 15.5px;
        color: white; }
    .filter-content-relaunch .refinement-bar .dropdown#filter-size .dropdown-content .filter-with-image.active::before {
      bottom: 43px !important; }
    .filter-content-relaunch .refinement-bar .dropdown#filter-size .dropdown-content .filter-with-image::before {
      bottom: 43px; }
    .filter-content-relaunch .refinement-bar .dropdown#filter-size .dropdown-content .filter-with-image:nth-child(1) img {
      width: 75%;
      border-radius: 0 14px; }
    .filter-content-relaunch .refinement-bar .dropdown#filter-size .dropdown-content .filter-with-image:nth-child(2) img {
      width: 95%;
      border-radius: 0 26px; }
    .filter-content-relaunch .refinement-bar .dropdown#filter-size .dropdown-content .filter-with-image:nth-child(3) img {
      border-radius: 0 30px; }
  .filter-content-relaunch .refinement-bar .tabs-block .row {
    width: 100% !important;
    min-width: 800px; }
  .filter-content-relaunch .refinement-bar .tabs-block .tab-type .row {
    margin-top: 100px;
    padding-left: 60px !important; }
  .filter-content-relaunch .refinement-bar .tabs-block .row-type {
    display: flex;
    flex-direction: row;
    margin-top: 100px;
    padding-left: 30px;
    justify-content: space-evenly; }
    .filter-content-relaunch .refinement-bar .tabs-block .row-type .filter-option {
      width: 135px; }
  .filter-content-relaunch .refinement-bar .tabs-block .tab-needs .row {
    margin-top: 60px;
    padding-left: 60px !important; }
    .filter-content-relaunch .refinement-bar .tabs-block .tab-needs .row .needs-row {
      height: auto;
      padding: 5px 0; }
      .filter-content-relaunch .refinement-bar .tabs-block .tab-needs .row .needs-row .icon-icn-check {
        color: white !important;
        font-size: 25px !important;
        margin-right: 4px !important; }
      .filter-content-relaunch .refinement-bar .tabs-block .tab-needs .row .needs-row.active .needs-text {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif" !important; }
      .filter-content-relaunch .refinement-bar .tabs-block .tab-needs .row .needs-row .needs-text {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif" !important;
        font-size: 15.5px !important;
        line-height: 15.5px !important;
        color: white !important;
        padding-left: 10px !important;
        width: 190px !important; }
  .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image {
    align-self: end;
    max-width: 215px !important; }
    .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image.not-active {
      opacity: 0.2; }
    .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image.active::before {
      background-color: #63cfe3 !important;
      width: calc(100% - 30px) !important;
      bottom: 40px !important;
      height: 70px !important;
      top: auto !important; }
    .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image::before {
      content: "";
      display: block;
      border-radius: 0 30px;
      width: calc(100% - 30px);
      height: 70px;
      z-index: 0;
      position: absolute;
      background-color: #63cfe3;
      left: 50%;
      bottom: 40px;
      transform: translateX(-50%); }
    .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image img {
      object-fit: contain;
      max-height: 210px; }
    .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image:nth-child(1) img {
      width: 80%; }
    .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image:nth-child(2) img {
      width: 85%; }
    .filter-content-relaunch .refinement-bar .tabs-block .filter-option.filter-with-image:nth-child(3) img {
      border-radius: 0 30px; }
  .filter-content-relaunch .refinement-bar .tabs-block .filter-option .filter-with-image-text .text-age-literal,
  .filter-content-relaunch .refinement-bar .tabs-block .filter-option .filter-with-image-text .text-condition {
    font-size: 21.5px;
    letter-spacing: 1.5px;
    line-height: 1.2;
    color: white;
    margin: 14px 0 4px;
    text-wrap: nowrap; }
  .filter-content-relaunch .refinement-bar .tabs-block .filter-option .filter-with-image-text .text-age-number {
    position: absolute;
    top: 40px;
    align-self: center;
    text-transform: lowercase;
    color: white;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 3px; }
  .filter-content-relaunch .refinement-bar .tabs-block #filter-size .filter-with-image:nth-child(1) img {
    width: 65%; }
  .filter-content-relaunch .refinement-bar .tabs-block #filter-size .filter-with-image:nth-child(2) img {
    width: 85%; }
  .filter-content-relaunch .refinement-bar .tabs-block #filter-size .filter-with-image:nth-child(3) img {
    border-radius: 0 30px; }
  .filter-content-relaunch .refinement-bar #filter-type.active .dropdown-content {
    display: flex; }
  .filter-content-relaunch .refinement-bar #filter-type .dropdown-content {
    flex-direction: column;
    gap: 11px;
    padding: 16px 30px 32px; }
    .filter-content-relaunch .refinement-bar #filter-type .dropdown-content .filter-option-circle {
      width: 32px;
      height: 32px;
      border: 2px solid #63cfe3;
      border-radius: 57px;
      position: relative; }
      .filter-content-relaunch .refinement-bar #filter-type .dropdown-content .filter-option-circle .icon-icn-check {
        color: white;
        font-size: 35px;
        position: absolute;
        top: -10px;
        display: none; }
  .filter-content-relaunch .refinement-bar #filter-type .filter-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    gap: 10px; }
    .filter-content-relaunch .refinement-bar #filter-type .filter-option .filter-option-circle {
      aspect-ratio: 1;
      width: 32px;
      height: 32px;
      border: 2px solid #63cfe3;
      border-radius: 100%; }
      .filter-content-relaunch .refinement-bar #filter-type .filter-option .filter-option-circle .icon-icn-check {
        color: white;
        font-size: 40px;
        display: none;
        left: -4px; }
    .filter-content-relaunch .refinement-bar #filter-type .filter-option .filter-option-text {
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 16px;
      color: white;
      text-transform: uppercase;
      text-align: left; }
    .filter-content-relaunch .refinement-bar #filter-type .filter-option.active .icon-icn-check {
      display: block; }
    .filter-content-relaunch .refinement-bar #filter-type .filter-option.active .filter-option-text {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

@media (min-width: 768px) {
  .filters {
    top: 120px; }
    .filters .filters-header .filters-title {
      font-size: 2rem; }
  .filters-desktop {
    display: none; }
  .dog-lifestage-buttons-list a {
    width: 270px; }
  .dog-lifestage-buttons-list .filters-content {
    max-width: 660px;
    height: calc(100vh - 120px); }
  .dog-lifestage-buttons-list ul {
    padding-inline-start: 40px; }
  .dog-lifestage-buttons-list .view-prods {
    position: relative;
    margin: 30px auto;
    bottom: auto;
    left: auto;
    right: auto; } }

@media (min-width: 1280px) {
  .filters-content[data-pettype="cat"] .filters-desktop .tabs-block .tab-size .row .filter-with-image {
    max-width: 201px; }
    .filters-content[data-pettype="cat"] .filters-desktop .tabs-block .tab-size .row .filter-with-image img {
      width: 119px;
      mix-blend-mode: multiply; }
  .filter-title {
    display: none; }
  .filters-desktop {
    display: block;
    position: relative;
    border-top: 1px solid #e5e7ea;
    border-bottom: 1px solid #e5e7ea;
    border-right: 1px solid #e5e7ea;
    height: 322px;
    max-width: 1280px; }
    .filters-desktop::before {
      content: "";
      display: block;
      width: 19%;
      height: 100%;
      background-color: #0c2340;
      position: absolute;
      z-index: 0; }
    .filters-desktop .categories-nav {
      background-color: #0c2340;
      width: 200px;
      height: 320px;
      display: flex;
      flex-direction: column;
      padding-left: 24px;
      margin-left: 115px;
      padding-top: 40px; }
      .filters-desktop .categories-nav a {
        font-size: 20px;
        font-weight: 300;
        font-style: normal;
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        line-height: 1;
        color: #fff;
        text-transform: uppercase;
        padding: 31px 0;
        width: 100%;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        height: 62px;
        text-decoration: none !important;
        opacity: 0.7;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .filters-desktop .categories-nav a:not(:last-child) {
          border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
        .filters-desktop .categories-nav a:hover {
          opacity: 1; }
        .filters-desktop .categories-nav a span {
          display: none;
          color: #ff8300;
          font-size: 24px; }
        .filters-desktop .categories-nav a.active {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          opacity: 1; }
          .filters-desktop .categories-nav a.active span {
            display: block; }
      .filters-desktop .categories-nav::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 160px solid transparent;
        border-bottom: 160px solid transparent;
        border-left: 100px solid #0c2340;
        position: absolute;
        left: 315px;
        top: 0; }
    .filters-desktop .tabs-block {
      width: calc(100% - 400px);
      position: absolute;
      right: 0;
      top: 0;
      z-index: 9; }
      .filters-desktop .tabs-block .tab-element {
        display: none;
        text-align: center; }
        .filters-desktop .tabs-block .tab-element h2 {
          font-size: 20px;
          font-weight: 300;
          line-height: 1.5;
          color: #0c2340;
          margin-top: 20px; }
        .filters-desktop .tabs-block .tab-element.active {
          display: block; }
        .filters-desktop .tabs-block .tab-element#filter-type .filter-option {
          flex-direction: column; }
          .filters-desktop .tabs-block .tab-element#filter-type .filter-option-circle {
            width: 57px;
            height: 57px; }
            .filters-desktop .tabs-block .tab-element#filter-type .filter-option-circle .icon-icn-check {
              font-size: 50px; }
          .filters-desktop .tabs-block .tab-element#filter-type .filter-option .filter-option-text {
            text-align: center; }
        .filters-desktop .tabs-block .tab-element.tab-needs .row {
          padding-left: 90px;
          justify-content: flex-start; }
        .filters-desktop .tabs-block .tab-element .row {
          height: 100%;
          margin: 0 auto;
          width: 700px;
          justify-content: center; }
          .filters-desktop .tabs-block .tab-element .row .filter-with-image {
            cursor: pointer;
            max-width: 170px;
            margin: 0 15px;
            z-index: 2; }
            .filters-desktop .tabs-block .tab-element .row .filter-with-image.col-3 img {
              width: 100%; }
            .filters-desktop .tabs-block .tab-element .row .filter-with-image img {
              z-index: 2;
              position: relative;
              width: 100%; }
            .filters-desktop .tabs-block .tab-element .row .filter-with-image .filter-with-image-text {
              color: #0c2340;
              display: flex;
              flex-direction: column;
              font-size: 16px;
              position: relative;
              text-transform: uppercase; }
              .filters-desktop .tabs-block .tab-element .row .filter-with-image .filter-with-image-text .text-age-literal {
                font-size: 22px;
                text-transform: uppercase;
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                line-height: 22px; }
              .filters-desktop .tabs-block .tab-element .row .filter-with-image .filter-with-image-text .text-age-number {
                font-size: 15px;
                font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
                line-height: 15px; }
              .filters-desktop .tabs-block .tab-element .row .filter-with-image .filter-with-image-text .text-condition {
                font-size: 22px;
                text-transform: uppercase;
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                line-height: 22px; }
            .filters-desktop .tabs-block .tab-element .row .filter-with-image .icon-icn-check {
              color: #abe400;
              font-size: 40px;
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              top: 220px;
              display: none; }
            .filters-desktop .tabs-block .tab-element .row .filter-with-image.active::before {
              content: "";
              display: block;
              border-radius: 0 30px;
              width: 100%;
              height: 120px;
              z-index: 0;
              position: absolute;
              background-color: #0c2340;
              left: 50%;
              top: 124px;
              transform: translateX(-50%); }
            .filters-desktop .tabs-block .tab-element .row .filter-with-image.active .filter-with-image-text {
              color: #fff; }
            .filters-desktop .tabs-block .tab-element .row .filter-with-image.active .icon-icn-check {
              display: block;
              z-index: 1111; }
          .filters-desktop .tabs-block .tab-element .row .needs-row {
            display: flex;
            align-items: center;
            height: 42px;
            padding: 8px 0;
            cursor: pointer; }
            .filters-desktop .tabs-block .tab-element .row .needs-row .icon-icn-check {
              visibility: hidden;
              color: #abe400;
              font-size: 32px;
              padding-left: 5px; }
            .filters-desktop .tabs-block .tab-element .row .needs-row img {
              width: 30px;
              height: 30px; }
            .filters-desktop .tabs-block .tab-element .row .needs-row .needs-image-active {
              display: none; }
            .filters-desktop .tabs-block .tab-element .row .needs-row .needs-text {
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              font-size: 16px;
              width: 200px;
              color: #0c2340;
              text-transform: uppercase;
              text-align: left;
              padding-left: 5px;
              line-height: 17px; }
            .filters-desktop .tabs-block .tab-element .row .needs-row.active .needs-image {
              display: none; }
            .filters-desktop .tabs-block .tab-element .row .needs-row.active .needs-image-active {
              display: block; }
            .filters-desktop .tabs-block .tab-element .row .needs-row.active .icon-icn-check {
              visibility: visible; }
  .filter-content-relaunch .filters-desktop {
    height: 345px;
    max-width: none;
    padding: 0 40px; }
    .filter-content-relaunch .filters-desktop::before {
      display: none; }
    .filter-content-relaunch .filters-desktop .categories-nav {
      background-color: transparent;
      width: 290px;
      margin-left: 10px; }
      .filter-content-relaunch .filters-desktop .categories-nav a:not(:last-child) {
        border-bottom: solid 1px rgba(99, 207, 227, 0.4); }
      .filter-content-relaunch .filters-desktop .categories-nav a:last-child {
        border-bottom: 0; }
      .filter-content-relaunch .filters-desktop .categories-nav::after {
        display: none; }
      .filter-content-relaunch .filters-desktop .categories-nav span.icon {
        color: #63cfe3;
        left: 60px;
        position: relative; }
    .filter-content-relaunch .filters-desktop .tabs-block .tab-element h2 {
      margin-top: 13px;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      line-height: 1.2;
      color: white; }
      .filter-content-relaunch .filters-desktop .tabs-block .tab-element h2 b {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        color: #63cfe3; }
  .filters-mobile {
    display: none; } }

.category-results .product-grid {
  margin: 0; }

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; } }

body .page-wrapper {
  margin: 53px auto 0 !important; }
  @media (max-width: 1279px) {
    body .page-wrapper {
      margin: 113px auto 0 !important; } }

nav {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  nav a,
  nav a span,
  nav span {
    color: #0c2340; }
  nav .logoHeading {
    font-size: 0;
    margin: 0;
    padding: 0; }
  nav .top-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 54px;
    max-width: 1440px;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #0c2340;
    z-index: 152; }
    nav .top-navigation .top-menu-entries {
      padding: 0;
      width: 100%;
      height: 100%; }
      nav .top-navigation .top-menu-entries .dog-cat {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%; }
        nav .top-navigation .top-menu-entries .dog-cat .dog,
        nav .top-navigation .top-menu-entries .dog-cat .cat {
          display: flex;
          align-items: center;
          padding: 0 12px;
          opacity: 0.4;
          height: 100%; }
          nav .top-navigation .top-menu-entries .dog-cat .dog .selector-name,
          nav .top-navigation .top-menu-entries .dog-cat .cat .selector-name {
            font-size: 16px;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            margin-left: 9px; }
          nav .top-navigation .top-menu-entries .dog-cat .dog:hover, nav .top-navigation .top-menu-entries .dog-cat .dog.active,
          nav .top-navigation .top-menu-entries .dog-cat .cat:hover,
          nav .top-navigation .top-menu-entries .dog-cat .cat.active {
            opacity: 1; }
        nav .top-navigation .top-menu-entries .dog-cat .cat {
          flex-direction: row-reverse; }
      nav .top-navigation .top-menu-entries .toggle-menu-top {
        display: none;
        font-size: 34px;
        outline: none; }
        @media (min-width: 1280px) {
          nav .top-navigation .top-menu-entries .toggle-menu-top {
            display: block;
            height: 40px; } }
        nav .top-navigation .top-menu-entries .toggle-menu-top span {
          color: white; }
        nav .top-navigation .top-menu-entries .toggle-menu-top .icon-icn-menu-close {
          display: none; }
        nav .top-navigation .top-menu-entries .toggle-menu-top.open .icon-icn-menu {
          display: none; }
        nav .top-navigation .top-menu-entries .toggle-menu-top.open .icon-icn-menu-close {
          display: block; }
    nav .top-navigation .top-nav-buttons {
      display: none; }
    nav .top-navigation .toggle-menu {
      margin: 0 17px; }
      nav .top-navigation .toggle-menu span {
        color: #fff; }
      nav .top-navigation .toggle-menu .icon-toggle-menu::before {
        content: "\e929"; }
      nav .top-navigation .toggle-menu.open .icon-toggle-menu::before {
        content: "\e92b";
        font-size: 12px;
        display: block;
        padding: 5px 0 0 3px; }
      nav .top-navigation .toggle-menu.open .icon-toggle-menu {
        display: none; }
      nav .top-navigation .toggle-menu.open .icon-icn-menu-close {
        display: block; }
    nav .top-navigation .search-btn {
      border: none;
      padding: 16px;
      top: 2px;
      position: absolute;
      right: 0; }
      nav .top-navigation .search-btn span {
        color: #ffffff; }
    nav .top-navigation .icon-store,
    nav .top-navigation .icon-zoom {
      font-size: 20px; }
    nav .top-navigation .vets-talks img {
      width: auto;
      height: 19px; }
    nav .top-navigation .menu-search {
      color: #ffffff; }
  nav .bottom-navigation-wrapper {
    text-align: center;
    padding: 0;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    height: 0;
    top: 54px;
    left: 0;
    right: 0;
    z-index: 152;
    position: fixed;
    max-width: 1440px;
    margin: 0 auto;
    overflow-y: unset;
    box-shadow: 0px 6px 16px rgba(12, 35, 64, 0.06); }
    @media (max-width: 1279px) {
      nav .bottom-navigation-wrapper {
        height: 60px;
        overflow-y: hidden; } }
    nav .bottom-navigation-wrapper .bottom-menu-entries {
      display: none;
      background: #fff;
      z-index: 100;
      position: absolute;
      left: 20px;
      top: -5px;
      border-radius: 5px;
      width: 383px;
      box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); }
      @media (max-width: 1279px) {
        nav .bottom-navigation-wrapper .bottom-menu-entries {
          position: fixed; } }
      nav .bottom-navigation-wrapper .bottom-menu-entries-opened {
        display: block; }
        @media (max-width: 1279px) {
          nav .bottom-navigation-wrapper .bottom-menu-entries-opened {
            top: 114px;
            left: 0;
            width: 100%;
            height: calc(100% - 60px);
            padding-bottom: 75px;
            border-radius: 0;
            overflow-y: auto; } }
    nav .bottom-navigation-wrapper .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: sticky;
      top: 0px;
      z-index: 1;
      height: 60px;
      padding: 0 16px;
      background-color: #0c2340;
      box-shadow: 0px 6px 16px rgba(12, 35, 64, 0.06); }
      @media (min-width: 1280px) {
        nav .bottom-navigation-wrapper .header {
          display: none; } }
      nav .bottom-navigation-wrapper .header.separation {
        gap: 30px;
        box-shadow: none;
        padding: 0 0 0 16px; }
      nav .bottom-navigation-wrapper .header .advance-logo {
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%); }
        nav .bottom-navigation-wrapper .header .advance-logo.search {
          opacity: 0;
          pointer-events: none; }
        nav .bottom-navigation-wrapper .header .advance-logo img {
          width: auto;
          height: 50px; }
          @media (max-width: 1279px) {
            nav .bottom-navigation-wrapper .header .advance-logo img {
              width: 73px;
              height: auto; } }
      nav .bottom-navigation-wrapper .header .toggle-menu {
        display: flex;
        font-size: 34px;
        outline: none; }
        nav .bottom-navigation-wrapper .header .toggle-menu span {
          color: white; }
      nav .bottom-navigation-wrapper .header .icon-icn-menu-close-custom,
      nav .bottom-navigation-wrapper .header .icon-icn-menu-close-custom-no-logged {
        display: flex;
        font-size: 34px;
        outline: none;
        color: white; }
      nav .bottom-navigation-wrapper .header .user-btn {
        display: flex;
        outline: none; }
        nav .bottom-navigation-wrapper .header .user-btn span {
          font-size: 34px; }
        nav .bottom-navigation-wrapper .header .user-btn.search {
          display: none; }
      nav .bottom-navigation-wrapper .header .toggle-menu .icon-icn-menu-close {
        display: none; }
      nav .bottom-navigation-wrapper .header .toggle-menu.open .icon-icn-menu {
        display: none; }
      nav .bottom-navigation-wrapper .header .toggle-menu.open .icon-icn-menu-close {
        display: block; }
    nav .bottom-navigation-wrapper .search_input {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      z-index: 10; }
    nav .bottom-navigation-wrapper .dropdown,
    nav .bottom-navigation-wrapper .no-dropdown {
      color: #0c2340;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      font-size: 22px;
      padding: 15px 0;
      padding-left: 30px;
      text-transform: initial;
      display: flex;
      flex-direction: column;
      align-items: center; }
      nav .bottom-navigation-wrapper .dropdown .link-container,
      nav .bottom-navigation-wrapper .no-dropdown .link-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: #0c2340;
        position: relative;
        font-size: 22px;
        padding: 8px 12px;
        width: 100%;
        text-align: left;
        align-items: center; }
        nav .bottom-navigation-wrapper .dropdown .link-container .dropbtn,
        nav .bottom-navigation-wrapper .dropdown .link-container .no-dropbtn,
        nav .bottom-navigation-wrapper .no-dropdown .link-container .dropbtn,
        nav .bottom-navigation-wrapper .no-dropdown .link-container .no-dropbtn {
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-weight: 600;
          font-size: 18px;
          line-height: 28px;
          color: #0c2340;
          text-transform: initial; }
          nav .bottom-navigation-wrapper .dropdown .link-container .dropbtn img,
          nav .bottom-navigation-wrapper .dropdown .link-container .no-dropbtn img,
          nav .bottom-navigation-wrapper .no-dropdown .link-container .dropbtn img,
          nav .bottom-navigation-wrapper .no-dropdown .link-container .no-dropbtn img {
            width: auto;
            height: 22px; }
        nav .bottom-navigation-wrapper .dropdown .link-container span,
        nav .bottom-navigation-wrapper .no-dropdown .link-container span {
          transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
          font-size: 24px;
          height: 33px;
          width: 33px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center; }
      nav .bottom-navigation-wrapper .dropdown .dropdown-content,
      nav .bottom-navigation-wrapper .no-dropdown .dropdown-content {
        background-color: #fff;
        min-width: 160px;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
        z-index: 1;
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        width: 100%;
        margin-top: -15px;
        padding-left: 10px;
        padding-top: 8px;
        display: none; }
        nav .bottom-navigation-wrapper .dropdown .dropdown-content a,
        nav .bottom-navigation-wrapper .no-dropdown .dropdown-content a {
          float: none;
          color: #0c2340;
          padding: 6px 16px;
          text-decoration: none;
          border-bottom: none;
          display: flex;
          font-size: 18px; }
      nav .bottom-navigation-wrapper .dropdown.open .link-container span,
      nav .bottom-navigation-wrapper .no-dropdown.open .link-container span {
        transform: rotate(180deg); }
      nav .bottom-navigation-wrapper .dropdown.open .dropdown-content,
      nav .bottom-navigation-wrapper .no-dropdown.open .dropdown-content {
        display: block; }
      nav .bottom-navigation-wrapper .dropdown.menu-search-big,
      nav .bottom-navigation-wrapper .no-dropdown.menu-search-big {
        display: none; }
      nav .bottom-navigation-wrapper .dropdown a,
      nav .bottom-navigation-wrapper .no-dropdown a {
        color: #0c2340; }
    nav .bottom-navigation-wrapper .dropdown {
      padding: 0; }
    nav .bottom-navigation-wrapper .mobile-search {
      position: absolute;
      top: -40px;
      width: 50%;
      height: 76px;
      left: 50%;
      display: flex;
      align-items: center;
      transform: translateX(-50%);
      max-height: 0;
      overflow: hidden;
      -moz-transition: 0.3s linear;
      transition: 0.3s linear;
      -webkit-transition: 0.3s linear; }
      @media (min-width: 1280px) {
        nav .bottom-navigation-wrapper .mobile-search {
          display: none; } }
      nav .bottom-navigation-wrapper .mobile-search.open {
        max-height: 100px;
        overflow: visible;
        z-index: 1000000;
        top: 0; }
      nav .bottom-navigation-wrapper .mobile-search .search_form {
        position: relative;
        background-color: transparent;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center; }
        nav .bottom-navigation-wrapper .mobile-search .search_form .input-container {
          width: 100%; }
          nav .bottom-navigation-wrapper .mobile-search .search_form .input-container .search_input {
            position: relative;
            background-color: transparent;
            border: none;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 18px;
            color: white;
            width: 100%;
            height: auto;
            padding: 0 5px 2px 0;
            border-radius: 21px 0;
            margin: 0;
            z-index: 5;
            padding-left: 8px; }
            nav .bottom-navigation-wrapper .mobile-search .search_form .input-container .search_input::placeholder {
              color: white;
              border: none;
              font-size: 18px; }
          nav .bottom-navigation-wrapper .mobile-search .search_form .input-container .close-btn {
            display: none; }
          nav .bottom-navigation-wrapper .mobile-search .search_form .input-container .input_border {
            display: block;
            content: "";
            left: 50%;
            bottom: 10px;
            border-bottom: 1.5px solid white;
            border-right: 1.5px solid white;
            border-radius: 0 0 30px;
            position: relative;
            width: calc(100% + 16px);
            height: 16px;
            transform: translateX(-50%); }
      @media (max-width: 543.98px) {
        nav .bottom-navigation-wrapper .mobile-search {
          width: 50%;
          left: 50%; } }
    nav .bottom-navigation-wrapper .desktop-search {
      display: none; }
    nav .bottom-navigation-wrapper .icon-links {
      position: relative;
      margin: 50px 0; }
      nav .bottom-navigation-wrapper .icon-links .wrapper-icons {
        padding-top: 5px; }
      nav .bottom-navigation-wrapper .icon-links .top-search {
        bottom: 3px; }
    nav .bottom-navigation-wrapper .floating-menu .floating-menu-row {
      display: flex;
      justify-content: space-around;
      margin-top: 43px; }
      nav .bottom-navigation-wrapper .floating-menu .floating-menu-row .floating-menu-col {
        width: 100%;
        display: flex;
        justify-content: center; }
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row .floating-menu-col img {
          height: 100%;
          width: 45px; }
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row .floating-menu-col:first-child {
          border-right: 1px solid #556579; }
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row .floating-menu-col .affinity-logo {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          nav .bottom-navigation-wrapper .floating-menu .floating-menu-row .floating-menu-col .affinity-logo span {
            color: #fff;
            font-size: 9px;
            letter-spacing: 2.4px;
            line-height: 16px;
            margin-bottom: 6px; }
      nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section {
        flex-direction: column-reverse;
        align-items: center; }
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section.legal-section {
          margin-top: 32px; }
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .copyright,
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .legal {
          color: #fff;
          opacity: 0.4;
          font-size: 12px;
          line-height: 20px; }
          nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .copyright span,
          nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .copyright a,
          nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .legal span,
          nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .legal a {
            color: #fff;
            letter-spacing: 1px;
            text-align: center; }
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .legal {
          margin-bottom: 15px; }
          nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .legal a {
            text-decoration: underline;
            padding: 0 6px;
            margin-bottom: 15px; }
            nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .legal a:nth-child(2) {
              border-right: 1px solid #fff;
              border-left: 1px solid #fff; }
        nav .bottom-navigation-wrapper .floating-menu .floating-menu-row.legal-section .copyright {
          opacity: 1; }
  nav .menu-entries {
    text-align: left;
    padding: 20px; }
    nav .menu-entries-title {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      text-transform: uppercase;
      color: #0c2340; }
      nav .menu-entries-title b {
        font-weight: 600; }
    nav .menu-entries-description {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #0c2340; }
    nav .menu-entries .dropdown,
    nav .menu-entries .no-dropdown {
      padding: 0; }
    nav .menu-entries .selector-name,
    nav .menu-entries .name-heading {
      color: #ffffff;
      font-size: 1.115rem;
      letter-spacing: 2px;
      display: inline; }
    nav .menu-entries .home-selector,
    nav .menu-entries .dog-selector,
    nav .menu-entries .cat-selector {
      position: relative;
      display: block;
      margin: 0;
      padding: 15px 0 10px 40px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
      nav .menu-entries .home-selector::before,
      nav .menu-entries .dog-selector::before,
      nav .menu-entries .cat-selector::before {
        display: none; }
      nav .menu-entries .home-selector a,
      nav .menu-entries .dog-selector a,
      nav .menu-entries .cat-selector a {
        display: block;
        color: #ffffff; }
        nav .menu-entries .home-selector a .selector-name,
        nav .menu-entries .home-selector a .name-heading,
        nav .menu-entries .home-selector a h1,
        nav .menu-entries .dog-selector a .selector-name,
        nav .menu-entries .dog-selector a .name-heading,
        nav .menu-entries .dog-selector a h1,
        nav .menu-entries .cat-selector a .selector-name,
        nav .menu-entries .cat-selector a .name-heading,
        nav .menu-entries .cat-selector a h1 {
          font-size: 14px; }
        nav .menu-entries .home-selector a img,
        nav .menu-entries .dog-selector a img,
        nav .menu-entries .cat-selector a img {
          opacity: 0.4; }
      nav .menu-entries .home-selector.active a img,
      nav .menu-entries .dog-selector.active a img,
      nav .menu-entries .cat-selector.active a img {
        opacity: 1; }
    nav .menu-entries .home-selector-entries,
    nav .menu-entries .dog-selector-entries,
    nav .menu-entries .cat-selector-entries {
      margin: 0;
      padding: 0 0 0 60px; }
      nav .menu-entries .home-selector-entries .no-dropdown::before,
      nav .menu-entries .home-selector-entries .dropdown::before,
      nav .menu-entries .dog-selector-entries .no-dropdown::before,
      nav .menu-entries .dog-selector-entries .dropdown::before,
      nav .menu-entries .cat-selector-entries .no-dropdown::before,
      nav .menu-entries .cat-selector-entries .dropdown::before {
        position: absolute;
        top: 15px;
        left: 0;
        height: calc(100% - 25px);
        width: 8px;
        background-color: #ff8300;
        content: " ";
        display: none; }
      nav .menu-entries .home-selector-entries .no-dropdown a,
      nav .menu-entries .home-selector-entries .dropdown a,
      nav .menu-entries .dog-selector-entries .no-dropdown a,
      nav .menu-entries .dog-selector-entries .dropdown a,
      nav .menu-entries .cat-selector-entries .no-dropdown a,
      nav .menu-entries .cat-selector-entries .dropdown a {
        display: block;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        color: #ffffff;
        font-size: 14px;
        font-weight: 300;
        padding: 12px 0;
        letter-spacing: 1.75px; }
  nav .menu-sub-entries {
    margin-left: 10px; }
  nav .name {
    text-align: left; }
  nav .suggestions-mobile-wrapper {
    position: fixed;
    background-color: white;
    width: 100%;
    z-index: 10;
    top: 114px; }
    @media (min-width: 1280px) {
      nav .suggestions-mobile-wrapper {
        display: none; } }
    nav .suggestions-mobile-wrapper .suggestions {
      padding: 0;
      box-shadow: 0 10px 40px 0 rgba(0, 45, 22, 0.2);
      border: none;
      border-radius: 0;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      color: #0c2340; }
      nav .suggestions-mobile-wrapper .suggestions .container {
        max-width: none;
        width: 100%;
        padding: 0;
        margin: 0; }
        nav .suggestions-mobile-wrapper .suggestions .container .row {
          display: block;
          margin: 0;
          padding: 0; }
          nav .suggestions-mobile-wrapper .suggestions .container .row.header {
            padding: 30px 0 0; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.header div {
              padding: 0 30px;
              width: 100% !important;
              max-width: none;
              height: auto; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.header .do-you-mean,
            nav .suggestions-mobile-wrapper .suggestions .container .row.header .suggestions-products-title,
            nav .suggestions-mobile-wrapper .suggestions .container .row.header .suggestions-content {
              font-size: 15px;
              margin: 0;
              text-align: left;
              color: #0c2340; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.header .suggestions-products-title,
            nav .suggestions-mobile-wrapper .suggestions .container .row.header .suggestions-content {
              margin-bottom: 15px; }
          nav .suggestions-mobile-wrapper .suggestions .container .row.items .item {
            display: flex;
            align-items: center;
            padding: 24px 46px;
            margin: 0; }
            @media (max-width: 543.98px) {
              nav .suggestions-mobile-wrapper .suggestions .container .row.items .item {
                padding: 24px 30px; } }
            nav .suggestions-mobile-wrapper .suggestions .container .row.items .item:hover {
              background-color: transparent; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.items .item.term {
              padding: 0 30px 30px; }
              nav .suggestions-mobile-wrapper .suggestions .container .row.items .item.term a {
                font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
                color: #0c2340;
                font-size: 22px;
                padding: 0; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.items .item img {
              width: 80px;
              height: auto; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.items .item .name {
              margin: 0;
              padding: 0 0 0 10px;
              max-width: 100%; }
              nav .suggestions-mobile-wrapper .suggestions .container .row.items .item .name a {
                font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
                font-weight: normal;
                font-size: 15px;
                color: #0c2340;
                margin: 0;
                padding: 0; }
              nav .suggestions-mobile-wrapper .suggestions .container .row.items .item .name p {
                font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
                font-size: 15px;
                color: #0c2340;
                margin: 0;
                padding: 0; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.items .item.suggestion-article {
              padding: 0 30px; }
              nav .suggestions-mobile-wrapper .suggestions .container .row.items .item.suggestion-article .name {
                padding: 0; }
            nav .suggestions-mobile-wrapper .suggestions .container .row.items .item:not(:last-child) {
              border-bottom: solid 1px #0c2340; }

@media (min-width: 768px) {
  nav .top-navigation .top-menu-entries .dog-cat {
    justify-content: center; }
    nav .top-navigation .top-menu-entries .dog-cat .dog,
    nav .top-navigation .top-menu-entries .dog-cat .cat {
      width: 100%;
      justify-content: flex-end; }
      nav .top-navigation .top-menu-entries .dog-cat .dog.active,
      nav .top-navigation .top-menu-entries .dog-cat .cat.active {
        border-bottom: 3px solid #ff8300; }
        nav .top-navigation .top-menu-entries .dog-cat .dog.active .selector-name,
        nav .top-navigation .top-menu-entries .dog-cat .cat.active .selector-name {
          margin-bottom: 0; } }

@media (max-width: 1279px) {
  nav .top-navigation .advance-logo {
    display: none; }
  .icon-icn-menu-close > svg {
    display: none; } }

@media (min-width: 1280px) {
  nav .top-navigation .top-menu-entries {
    display: flex;
    padding: 0;
    margin-top: 0;
    height: 100%;
    width: 33%;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    nav .top-navigation .top-menu-entries .dog-cat {
      margin-left: 4px;
      justify-content: flex-start;
      width: auto; }
      nav .top-navigation .top-menu-entries .dog-cat .dog.active,
      nav .top-navigation .top-menu-entries .dog-cat .cat.active {
        border: none; }
        nav .top-navigation .top-menu-entries .dog-cat .dog.active .selector-name,
        nav .top-navigation .top-menu-entries .dog-cat .cat.active .selector-name {
          margin-bottom: -16px; }
      nav .top-navigation .top-menu-entries .dog-cat .cat {
        flex-direction: row; }
      nav .top-navigation .top-menu-entries .dog-cat .dog {
        margin-left: 16px; }
      nav .top-navigation .top-menu-entries .dog-cat img {
        align-self: flex-end; }
      nav .top-navigation .top-menu-entries .dog-cat .selector-name {
        margin: 0;
        font-size: 14px !important;
        margin-bottom: -16px; }
  nav .top-navigation .advance-logo {
    display: block;
    margin: 0 auto 0;
    width: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 50px 0 rgba(12, 35, 64, 0.5), inset 0 0 20px 0 rgba(12, 29, 61, 0.2); }
    nav .top-navigation .advance-logo.open {
      left: 32vw; }
    nav .top-navigation .advance-logo .logo-content {
      box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.4); }
      nav .top-navigation .advance-logo .logo-content img {
        width: 100%; }
  nav .top-navigation .top-nav-buttons {
    position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    align-items: center;
    margin: 0;
    padding: 0 21px 0 0;
    float: right;
    height: 54px;
    width: auto;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    nav .top-navigation .top-nav-buttons li {
      position: relative;
      padding: 0;
      z-index: 1;
      line-height: initial;
      cursor: pointer; }
      nav .top-navigation .top-nav-buttons li a,
      nav .top-navigation .top-nav-buttons li button {
        color: #ffffff;
        display: block;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 12px; }
        nav .top-navigation .top-nav-buttons li a:focus,
        nav .top-navigation .top-nav-buttons li button:focus {
          outline: none; }
        nav .top-navigation .top-nav-buttons li a span,
        nav .top-navigation .top-nav-buttons li button span {
          color: #ffffff;
          font-size: 32px; }
      nav .top-navigation .top-nav-buttons li.desktop-search {
        position: relative;
        left: 0;
        right: 15px;
        bottom: 0;
        margin: 0;
        padding: 0 10px 0 0;
        background-color: #0c2340;
        -moz-transition: opacity 0.4s linear;
        -webkit-transition: opacity 0.4s linear;
        transition: opacity 0.4s linear;
        z-index: 1;
        opacity: 0;
        cursor: default; }
        nav .top-navigation .top-nav-buttons li.desktop-search.open {
          opacity: 1; }
        nav .top-navigation .top-nav-buttons li.desktop-search .search_form .input-container {
          width: 100%; }
          nav .top-navigation .top-nav-buttons li.desktop-search .search_form .input-container .search_input {
            position: relative;
            background-color: transparent;
            border: none;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 15px;
            width: 100%;
            color: white;
            padding: 0 5px 2px 0;
            margin: 0; }
            nav .top-navigation .top-nav-buttons li.desktop-search .search_form .input-container .search_input::placeholder {
              color: white;
              border: none; }
          nav .top-navigation .top-nav-buttons li.desktop-search .search_form .input-container .close-btn {
            display: none;
            color: white;
            font-size: 12px;
            margin-top: 8px;
            cursor: pointer;
            z-index: 10; }
          nav .top-navigation .top-nav-buttons li.desktop-search .search_form .input-container .input_border {
            display: block;
            content: "";
            left: 50%;
            bottom: 10px;
            border-bottom: 1.5px solid white;
            border-right: 1.5px solid white;
            border-radius: 0 0 30px;
            position: relative;
            width: calc(100% + 16px);
            height: 16px;
            transform: translateX(-50%); }
      nav .top-navigation .top-nav-buttons li.menu-search .top-search span {
        font-size: 32px; }
      nav .top-navigation .top-nav-buttons li.country-selector {
        margin: 0 0 0 12px;
        padding: 0; }
        nav .top-navigation .top-nav-buttons li.country-selector .dropdown {
          padding: 0; }
          nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropbtn {
            font-size: 12px;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            text-transform: uppercase;
            padding: 0 0 12px 0;
            margin: 0;
            line-height: 1.5;
            color: #ffffff; }
            nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropbtn .icon-arrow-right {
              -moz-transition: all 0.3s linear;
              -webkit-transition: all 0.3s linear;
              transition: all 0.3s linear;
              display: block;
              margin: 3px 0 0 8px; }
              nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropbtn .icon-arrow-right span {
                color: #ffffff; }
            nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropbtn span {
              margin: 8px 0 0 10px;
              font-size: 0.7rem;
              float: right; }
            nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropbtn::after {
              display: none; }
            nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropbtn:hover .icon-arrow-right {
              transform: rotate(90deg); }
            nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropbtn .icon-arrow-down {
              display: none; }
          nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropdown-content {
            display: none;
            background-color: #ffffff;
            min-width: 160px;
            box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
            border-top: 1px solid #0c2340;
            z-index: 15;
            position: absolute;
            top: 29px;
            right: -25px; }
            nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropdown-content a {
              float: none;
              color: #9DA5AA;
              padding: 6px 16px;
              text-decoration: none;
              display: block;
              text-align: left;
              text-transform: capitalize; }
              nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropdown-content a.active {
                display: none; }
              nav .top-navigation .top-nav-buttons li.country-selector .dropdown .dropdown-content a:hover {
                color: #0c2340;
                background-color: #979797; }
          nav .top-navigation .top-nav-buttons li.country-selector .dropdown:hover .dropdown-content {
            display: block; }
  nav .mobile-search {
    display: none; } }

.notifications-option {
  display: none; }

.menu-panel-mobile {
  display: none; }

@media (max-width: 767.98px) {
  nav .top-navigation .top-menu-entries .dog-cat .dog.active,
  nav .top-navigation .top-menu-entries .dog-cat .cat.active {
    border-bottom: 3px solid #ff8300; }
    nav .top-navigation .top-menu-entries .dog-cat .dog.active img,
    nav .top-navigation .top-menu-entries .dog-cat .cat.active img {
      height: auto !important; } }

@media (max-width: 1280px) {
  .notifications-option {
    display: flex; }
  .menu-panel-mobile {
    display: flex; }
  .menu-panel-main {
    display: none; } }

.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; } }

.cases-list .form-inline .custom-select {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 1.5rem; }
  .cases-list .form-inline .custom-select option {
    font-size: 1.5rem; }

.cases-list .case-list-table table tbody tr {
  border-bottom: 1px solid #d6dce0; }
  .cases-list .case-list-table table tbody tr td {
    font-size: 1.25rem; }
    .cases-list .case-list-table table tbody tr td:nth-of-type(2) {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

.cases-list .case-list-table table tbody td:first-child {
  color: #909a9e; }

.cases-list .case-list-table a {
  border-bottom: 1px solid;
  border-color: #0c2340;
  font-size: 0.875rem;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }

.cases-list-bottom ul li {
  color: #909a9e;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 1.125rem; }
  .cases-list-bottom ul li a {
    border-bottom: 1px solid;
    border-color: #0c2340;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 1.188rem; }

.sidebarHeader.embeddedServiceSidebarExtendedHeader.embeddedServiceLiveAgentStateWaitingHeader {
  background: #0c2340; }

.waitingMessage {
  font-size: 1.125rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.headerTextContent #headerTextLabel {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 1.125rem; }

.floatized {
  border-bottom: 1px solid #d6dce0; }

.embeddedServiceSidebarButton {
  border: 1px solid;
  border-color: #0c2340;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  color: #0c2340; }
  .embeddedServiceSidebarButton .label {
    color: #0c2340; }
  .embeddedServiceSidebarButton .bBody {
    color: #fff; }
  .embeddedServiceSidebarButton:hover {
    border: 1px solid;
    border-color: #0c2340; }
  .embeddedServiceSidebarButton:disabled {
    border: 1px solid #d6dce0; }

.embeddedServiceLiveAgentStateChatHeader {
  background: #0c2340; }
  .embeddedServiceLiveAgentStateChatHeader .message {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 1.125rem; }

.embeddedServiceLiveAgentStateChatHeaderOption .optionName {
  font-size: 1.125rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  border-bottom: 1px solid #fff; }

.embeddedServiceLiveAgentStateChatItem .agentName {
  color: #afafaf;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.embeddedServiceLiveAgentStateChat .chasitorInputWrapper {
  background: #fff; }

.embeddedServiceLiveAgentStateChat .chatSessionStartTime {
  color: #afafaf;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.embeddedServiceLiveAgentStateChatInputFooter .chasitorText {
  font-size: 1.5rem;
  color: #1a1a1a;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.embeddedServiceLiveAgentStateChatInputFooter .chasitorControls {
  border-bottom: 1px solid #d6dce0; }

button.startButton.uiButton--default.uiButton.embeddedServiceSidebarButton {
  border: 1px solid;
  border-color: #0c2340;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  background-color: #182D4D;
  border: 2px solid #63CFE3;
  color: #fff; }
  button.startButton.uiButton--default.uiButton.embeddedServiceSidebarButton:hover {
    border: 1px solid #0c2340; }
  button.startButton.uiButton--default.uiButton.embeddedServiceSidebarButton:disabled {
    border: 1px solid #d6dce0; }

.embeddedServiceSidebarHeader .shortHeaderContent {
  background: #0c2340; }

.minimizeButton {
  font-size: 20px; }

.closeButton {
  font-size: 14px; }

.uiOutputRichText {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.agent .plaintextContent {
  background: #b4a079; }
  .agent .plaintextContent::after {
    content: "";
    border-color: transparent #b4a079; }

.chasitor .plaintextContent {
  background: #f7f5f1;
  color: #515151;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  .chasitor .plaintextContent::after {
    content: "";
    border-color: transparent #f7f5f1; }

.embeddedServiceSidebarForm .uiInput .required {
  color: #0c2340; }

.embeddedServiceSidebarForm .uiInput .uiLabel-left {
  color: #0c2340;
  font-size: 1.125rem; }

.startButton .bBody {
  color: #fff; }

button.dialogButton.dialog-button-1.uiButton--inverse.uiButton.embeddedServiceSidebarButton span.bBody {
  border-bottom: 1px solid;
  border-color: #0c2340; }

.layout-docked .dockableContainer {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif" !important; }

.embeddedServiceLiveAgentStateWaiting .loadingBall {
  background: #0c2340 !important; }

button.uiButton.helpButtonEnabled {
  background: #0c2340;
  font-size: 1.125rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

button.uiButton.no-hover.helpButtonEnabled {
  background: #0c2340; }

button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton {
  border: 1px solid;
  border-color: #0c2340;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  color: #0c2340; }
  button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton:hover {
    border: 1px solid;
    border-color: #0c2340;
    color: #0c2340; }
  button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton:disabled {
    border: 1px solid #d6dce0;
    color: 1px solid #d6dce0; }

.embeddedServiceSidebarButton.uiButton--inverse .label {
  color: white !important; }

button.dialogButton.dialog-button-0.uiButton.embeddedServiceSidebarButton {
  border: 1px solid;
  border-color: #0c2340;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  background-color: #182D4D;
  border: 2px solid #63CFE3;
  color: #fff; }
  button.dialogButton.dialog-button-0.uiButton.embeddedServiceSidebarButton:hover {
    background-color: #182D4D;
    border: 2px solid #63CFE3; }
  button.dialogButton.dialog-button-0.uiButton.embeddedServiceSidebarButton:disabled {
    background-color: 1px solid #d6dce0;
    border: 1px solid #d6dce0; }

.embeddedServiceHelpButton {
  font-size: 0.3rem; }
  .embeddedServiceHelpButton .embeddedServiceIcon {
    font-size: 1rem; }
  .embeddedServiceHelpButton .helpButton {
    width: auto !important; }
  .embeddedServiceHelpButton .helpButton .uiButton {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif" !important;
    background-color: #0c2340 !important;
    text-decoration: none !important;
    border: none !important;
    font-size: 15px !important; }
    .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled {
      display: none; }

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton {
  background: #0c2340; }

span.label.bBody {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.chatHeaderBranding .sidebarHeader {
  background-color: #0c2340 !important; }

.embeddedServiceSidebar * {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif" !important; }

.embeddedServiceSidebar .content {
  background-color: initial !important; }

.embeddedServiceSidebar .helpButton.embeddedServiceSidebarMinimizedDefaultUI {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif" !important;
  background-color: #0c2340 !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: #0c2340;
  text-decoration: none; }

.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: #0c2340 !important; }

.embeddedServiceSidebar .embeddedServiceLiveAgentStateChatInputFooter .chasitorText.textAreaIsFocused {
  border-color: #0c2340 !important; }

.embeddedServiceSidebar .showDockableContainer {
  color: #0c2340; }

.embeddedServiceSidebar [c-lwcD2CPrechatForm_lwcD2CPrechatForm],
.embeddedServiceSidebar .embeddedServiceSidebarState div,
.embeddedServiceSidebar .embeddedServiceLiveAgentStateChat .messageArea:focus {
  border: none !important; }

.embeddedServiceSidebar a {
  font-weight: 700;
  color: #0c2340 !important; }

.embeddedServiceSidebar .slds-form-element__help {
  color: red; }

.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; } }

.footer-content {
  background-color: #0c2340;
  color: #fff;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 600;
  text-transform: uppercase; }
  .footer-content .top-footer {
    padding: 10px 16px 26px;
    max-width: 1312px;
    margin: 0 auto; }
  .footer-content .bottom-footer {
    max-width: 1312px;
    margin: 0 auto; }
  .footer-content .footer-element a {
    color: #fff;
    opacity: 0.4;
    font-size: 14px;
    letter-spacing: 1.17px;
    line-height: 14px; }
    .footer-content .footer-element a:hover {
      opacity: 1;
      text-decoration: none;
      color: #fff; }
  .footer-content .footer-element .elements-column-footer {
    margin: 0 15px; }
    .footer-content .footer-element .elements-column-footer .footer-item {
      display: flex;
      align-items: center;
      padding: 17px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
      .footer-content .footer-element .elements-column-footer .footer-item .icon {
        padding-right: 14px;
        font-size: 23px;
        opacity: 0.4; }
        .footer-content .footer-element .elements-column-footer .footer-item .icon.icon-icn-arrow-down {
          left: 10px;
          position: relative;
          font-size: 15px; }
          .footer-content .footer-element .elements-column-footer .footer-item .icon.icon-icn-arrow-down.open::before {
            content: "\e949"; }
    .footer-content .footer-element .elements-column-footer .footer-socials .list-footer-social {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      padding-left: 0; }
      .footer-content .footer-element .elements-column-footer .footer-socials .list-footer-social li {
        margin-top: 18px; }
      .footer-content .footer-element .elements-column-footer .footer-socials .list-footer-social .social-icons {
        background-color: rgba(255, 255, 255, 0.1);
        width: 32px;
        height: 32px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px; }
        .footer-content .footer-element .elements-column-footer .footer-socials .list-footer-social .social-icons a .icon {
          font-size: 45px; }
  .footer-content .footer-links-container .elements-column-footer .lang-sel {
    padding-top: 26px; }
    .footer-content .footer-links-container .elements-column-footer .lang-sel .row {
      margin-bottom: 11px; }
    .footer-content .footer-links-container .elements-column-footer .lang-sel a {
      font-size: 14px;
      line-height: 14px;
      letter-spacing: 1.17px;
      width: 40px;
      height: 40px;
      padding: 11px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      margin-right: 20px;
      margin-bottom: 11px; }
      .footer-content .footer-links-container .elements-column-footer .lang-sel a.selected {
        background-color: rgba(255, 255, 255, 0.4);
        color: white;
        opacity: 1; }
  .footer-content .bottom-footer .bottom-footer-legal .content-asset[data-asset="footer-legal"] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start; }
    .footer-content .bottom-footer .bottom-footer-legal .content-asset[data-asset="footer-legal"] .item-bottom-footer-legal {
      text-decoration: underline; }

@media (min-width: 1280px) {
  .footer-content {
    padding: 75px 50px 55px 50px;
    width: 1250px;
    margin: 0 auto; }
    .footer-content .top-footer {
      display: flex;
      justify-content: space-between; }
      .footer-content .top-footer .title-footer {
        margin-bottom: 17px;
        font-size: 12px;
        letter-spacing: 2px; }
      .footer-content .top-footer .elements-column-footer {
        flex-direction: column;
        display: flex;
        margin: 0; }
        .footer-content .top-footer .elements-column-footer a.lg-white {
          opacity: 1; }
      .footer-content .top-footer .footer-links-container .elements-column-footer {
        border-top: 1px solid rgba(255, 255, 255, 0.4); }
        .footer-content .top-footer .footer-links-container .elements-column-footer .footer-item {
          border-bottom: none; }
          .footer-content .top-footer .footer-links-container .elements-column-footer .footer-item .icon-icn-arrow {
            left: 4px; }
      .footer-content .top-footer .footer-articles-container .elements-column-footer {
        border-top: 1px solid rgba(255, 255, 255, 0.4); }
        .footer-content .top-footer .footer-articles-container .elements-column-footer .content-asset .article-footer {
          font-size: 12px;
          letter-spacing: 1px;
          line-height: 14px; }
          .footer-content .top-footer .footer-articles-container .elements-column-footer .content-asset .article-footer span {
            padding: 14px 0;
            opacity: 0.4; }
            .footer-content .top-footer .footer-articles-container .elements-column-footer .content-asset .article-footer span:hover {
              opacity: 1;
              color: #fff; }
      .footer-content .top-footer .footer-rrss-container .elements-column-footer:first-child {
        margin-top: 6px; }
        .footer-content .top-footer .footer-rrss-container .elements-column-footer:first-child .footer-item {
          padding-top: 0;
          padding-bottom: 19px;
          position: relative;
          top: -4px; }
    .footer-content .bottom-footer {
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      padding-top: 12px; }
      .footer-content .bottom-footer .bottom-footer-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal {
          text-transform: none;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: 1px;
          display: flex; }
          .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal .content-asset[data-asset="footer-copyright"] .item-bottom-footer-legal {
            opacity: 1; }
          .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal span {
            padding: 0 8px; }
          .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal a {
            color: #fff;
            text-decoration: none;
            opacity: 0.4;
            border-right: 1px solid #fff; }
            .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal a:last-child {
              border-right: none; }
            .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal a:hover {
              opacity: 1; }
          .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal .ot-sdk-show-settings {
            opacity: 0.4;
            text-decoration: underline;
            border-right: 1px solid #fff;
            padding: 0 20px; }
          .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal .content-asset:first-child {
            border-right: 1px solid rgba(255, 255, 255, 0.4); }
      .footer-content .bottom-footer .bottom-footer-fundation {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .footer-content .bottom-footer .bottom-footer-fundation .title-fundation {
          font-size: 10px;
          letter-spacing: 2px;
          text-align: right;
          line-height: 16px; }
        .footer-content .bottom-footer .bottom-footer-fundation img {
          padding: 0 14px; }
          .footer-content .bottom-footer .bottom-footer-fundation img:first-of-type {
            border-right: 1px solid rgba(255, 255, 255, 0.4); }
        .footer-content .bottom-footer .bottom-footer-fundation .content-logos {
          display: flex;
          flex-direction: row;
          align-items: flex-start; }
  body.Advance-fr .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal span {
    padding: 0 15px; }
  body.Advance-ru .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal span,
  body.Advance-ru .footer-content .bottom-footer .bottom-footer-box .bottom-footer-legal div {
    padding: 0 5px; } }

@media (max-width: 1280px) {
  .footer-content .bottom-footer {
    display: block !important;
    padding: 2% 8%; }
    .footer-content .bottom-footer .item-bottom-footer-legal {
      opacity: 0.4;
      padding-bottom: 10px;
      font-size: 12px; }
    .footer-content .bottom-footer .bottom-footer-fundation {
      padding-top: 10px;
      font-size: 12px;
      display: flex;
      gap: 15px;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      align-items: center;
      justify-content: flex-start; }
      .footer-content .bottom-footer .bottom-footer-fundation .title-fundation {
        opacity: 0.4; }
      .footer-content .bottom-footer .bottom-footer-fundation .content-logos {
        display: flex;
        flex-direction: row;
        align-items: flex-start; }
        .footer-content .bottom-footer .bottom-footer-fundation .content-logos a img {
          width: 70px;
          border-right: 1px solid rgba(255, 255, 255, 0.4);
          padding: 0 14px; }
    .footer-content .bottom-footer .content-asset[data-asset="footer-legal"] a,
    .footer-content .bottom-footer #ot-sdk-btn.link-setup {
      color: white;
      text-decoration: underline;
      font-size: 12px !important; }
    .footer-content .bottom-footer .content-asset[data-asset="footer-legal"] {
      padding: 10px 0; }
    .footer-content .bottom-footer #ot-sdk-btn.link-setup {
      padding: 1px 20px 0 !important;
      opacity: 0.4; } }

.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; } }

.page-share .page-share-inner {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 50px; }
  .page-share .page-share-inner .page-sharer {
    border: 2px solid #0c2340;
    color: #0c2340; }
  .page-share .page-share-inner .button-sharer {
    border: 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; }

.advance .form-group input,
.advance .form-group select,
.advance .form-group textarea {
  font-size: 1.25rem;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  .advance .form-group input.is-invalid,
  .advance .form-group select.is-invalid,
  .advance .form-group textarea.is-invalid {
    border: 2px solid #e71b17; }

.advance .form-group label {
  color: #1a1a1a;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 1.25rem; }
  .advance .form-group label.as-placeholder.as-focused-input {
    font-size: 1rem;
    color: #0c2340; }

.advance .form-group.error .input-icon {
  background: #e71b17; }

.advance .form-group.correct input {
  border-bottom: 1px solid #1BD760; }

.advance .form-group.correct .input-icon {
  background: #0c2340; }

.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; }

.breadcrumb-wrapper .breadcrumb .breadcrumb-item.selected {
  color: #0c2340; }

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; } }

.pill-btn.btn,
a.btn {
  border: 2px solid #63CFE3;
  border-color: #ffffff;
  font-size: 15px;
  line-height: 15px;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  color: #fff;
  padding: 0 20px;
  border-radius: 0 15px;
  box-shadow: 0 10px 20px 0 rgba(0, 45, 22, 0.2);
  max-width: 300px;
  min-width: auto;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .pill-btn.btn.thin,
  a.btn.thin {
    padding: 7px 24px !important; }
  .pill-btn.btn:disabled,
  a.btn:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .pill-btn.btn:hover,
  a.btn:hover {
    transform: scale(1.05);
    background-color: #0c2340; }
  .pill-btn.btn.btn-brand, .pill-btn.btn.btn-selected,
  a.btn.btn-brand,
  a.btn.btn-selected {
    background-color: #182D4D;
    color: #ffffff;
    border: 2px solid #63CFE3; }
    .pill-btn.btn.btn-brand:visited, .pill-btn.btn.btn-selected:visited,
    a.btn.btn-brand:visited,
    a.btn.btn-selected:visited {
      color: #ffffff; }
    .pill-btn.btn.btn-brand:hover, .pill-btn.btn.btn-selected:hover,
    a.btn.btn-brand:hover,
    a.btn.btn-selected:hover {
      transform: scale(1.05);
      background-color: #0c2340; }
    .pill-btn.btn.btn-brand:disabled, .pill-btn.btn.btn-selected:disabled,
    a.btn.btn-brand:disabled,
    a.btn.btn-selected:disabled {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .pill-btn.btn.btn-invert, .pill-btn.btn.btn-invert-brand,
  a.btn.btn-invert,
  a.btn.btn-invert-brand {
    background-color: #ffffff;
    color: #0c2340;
    border-color: #ffffff; }
    .pill-btn.btn.btn-invert:visited, .pill-btn.btn.btn-invert-brand:visited,
    a.btn.btn-invert:visited,
    a.btn.btn-invert-brand:visited {
      color: #0c2340; }
    .pill-btn.btn.btn-invert:hover, .pill-btn.btn.btn-invert-brand:hover,
    a.btn.btn-invert:hover,
    a.btn.btn-invert-brand:hover {
      transform: scale(1.05);
      background-color: #0c2340; }
    .pill-btn.btn.btn-invert:disabled, .pill-btn.btn.btn-invert-brand:disabled,
    a.btn.btn-invert:disabled,
    a.btn.btn-invert-brand:disabled {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .pill-btn.btn.btn-social,
  a.btn.btn-social {
    font-size: 13px;
    line-height: 13px;
    background-color: #ffffff; }
    .pill-btn.btn.btn-social:visited,
    a.btn.btn-social:visited {
      color: #0c2340; }
    .pill-btn.btn.btn-social.btn-facebook,
    a.btn.btn-social.btn-facebook {
      color: #0c2340;
      width: 100%;
      height: 3em;
      border: 2px solid #0c2340; }
      .pill-btn.btn.btn-social.btn-facebook a,
      a.btn.btn-social.btn-facebook a {
        padding: 2rem;
        color: #0c2340;
        display: flex;
        justify-content: center;
        align-items: center; }
        .pill-btn.btn.btn-social.btn-facebook a:visited,
        a.btn.btn-social.btn-facebook a:visited {
          color: #0c2340; }
        .pill-btn.btn.btn-social.btn-facebook a:hover,
        a.btn.btn-social.btn-facebook a:hover {
          color: #0c2340; }
        .pill-btn.btn.btn-social.btn-facebook a img,
        a.btn.btn-social.btn-facebook a img {
          margin-left: 0;
          margin-right: 10px; }
    .pill-btn.btn.btn-social.btn-google,
    a.btn.btn-social.btn-google {
      color: #0c2340;
      width: 100%;
      height: 3em;
      border: 2px solid #0c2340; }
      .pill-btn.btn.btn-social.btn-google a,
      a.btn.btn-social.btn-google a {
        padding: 2rem;
        color: #0c2340;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center; }
        .pill-btn.btn.btn-social.btn-google a:visited,
        a.btn.btn-social.btn-google a:visited {
          color: #0c2340; }
        .pill-btn.btn.btn-social.btn-google a:hover,
        a.btn.btn-social.btn-google a:hover {
          color: #0c2340; }
        .pill-btn.btn.btn-social.btn-google a img,
        a.btn.btn-social.btn-google a img {
          margin-left: 0;
          margin-right: 10px; }

#google-button-text {
  padding-left: 10%; }

.back-skip-button {
  margin-top: 15px;
  margin-bottom: 15px; }
  .back-skip-button a {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif" !important; }

@media (min-width: 544px) {
  .backTo {
    padding-top: 40px; } }

@media (min-width: 768px) {
  .backTo {
    padding-top: 50px; } }

.backTo .back-btn {
  color: #0c2340;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 30px; }

.btn.btn-max-width {
  width: 300px; }

.btn-tab {
  box-shadow: none;
  border-radius: 0;
  font-size: 15px !important;
  color: #0c2340;
  margin-bottom: 0;
  border-bottom: 4px solid white;
  text-decoration: none !important;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  padding: 9px 0;
  margin-left: 8px;
  margin-right: 8px; }
  .btn-tab:hover {
    border-bottom: 4px solid #ff8300;
    color: #0c2340; }
  .btn-tab.active {
    border-bottom: 4px solid #ff8300;
    background-color: transparent;
    color: #0c2340; }

@media (max-width: 767px) {
  #google-button-text {
    display: none; }
  #facebook-button-text {
    display: none; } }

@media (max-width: 767px) {
  #button-facebook {
    width: 90%;
    height: 3.5em; }
  #button-google {
    width: 100%;
    height: 3.5em; } }

.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: 543.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: 543.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; } }

.search_form .suggestions-wrapper {
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5; }
  .search_form .suggestions-wrapper .suggestions {
    max-width: none;
    max-height: none;
    float: none;
    padding: 0 0 30px;
    box-shadow: 0 10px 40px 0 rgba(0, 45, 22, 0.2);
    border: none;
    border-radius: 5px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #0c2340; }
    .search_form .suggestions-wrapper .suggestions .container {
      max-width: none;
      width: 100%;
      padding: 0;
      margin: 0; }
      .search_form .suggestions-wrapper .suggestions .container .row {
        display: block;
        margin: 0;
        padding: 0; }
        .search_form .suggestions-wrapper .suggestions .container .row.header {
          padding: 30px 0 0; }
          .search_form .suggestions-wrapper .suggestions .container .row.header div {
            padding: 0 30px;
            width: 100% !important;
            max-width: none;
            height: auto; }
          .search_form .suggestions-wrapper .suggestions .container .row.header .do-you-mean,
          .search_form .suggestions-wrapper .suggestions .container .row.header .suggestions-products-title,
          .search_form .suggestions-wrapper .suggestions .container .row.header .suggestions-content {
            font-size: 15px;
            margin: 0;
            text-align: left;
            color: #0c2340; }
          .search_form .suggestions-wrapper .suggestions .container .row.header .suggestions-products-title,
          .search_form .suggestions-wrapper .suggestions .container .row.header .suggestions-content {
            margin-bottom: 15px; }
        .search_form .suggestions-wrapper .suggestions .container .row.items .item {
          display: flex;
          align-items: center;
          padding: 24px 16px;
          margin: 0; }
          .search_form .suggestions-wrapper .suggestions .container .row.items .item:hover {
            background-color: transparent; }
          .search_form .suggestions-wrapper .suggestions .container .row.items .item.term {
            padding: 0 30px 30px; }
            .search_form .suggestions-wrapper .suggestions .container .row.items .item.term a {
              font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
              color: #0c2340;
              font-size: 22px;
              padding: 0; }
          .search_form .suggestions-wrapper .suggestions .container .row.items .item img {
            width: 80px;
            height: auto; }
          .search_form .suggestions-wrapper .suggestions .container .row.items .item .name {
            margin: 0;
            padding: 0 0 0 10px;
            max-width: 100%; }
            .search_form .suggestions-wrapper .suggestions .container .row.items .item .name a {
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
              font-weight: normal;
              font-size: 15px;
              color: #0c2340;
              margin: 0;
              padding: 0; }
            .search_form .suggestions-wrapper .suggestions .container .row.items .item .name p {
              font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
              font-size: 15px;
              color: #0c2340;
              margin: 0;
              padding: 0; }
          .search_form .suggestions-wrapper .suggestions .container .row.items .item.suggestion-article {
            padding: 0 30px; }
            .search_form .suggestions-wrapper .suggestions .container .row.items .item.suggestion-article .name {
              padding: 0; }
          .search_form .suggestions-wrapper .suggestions .container .row.items .item:not(:last-child) {
            border-bottom: solid 1px #0c2340; }

@media (min-width: 768px) {
  .search_form .suggestions-wrapper {
    top: 40px;
    left: -7px; }
    .search_form .suggestions-wrapper .suggestions {
      position: relative;
      padding: 0;
      max-width: 340px; } }

@media (min-width: 1280px) {
  .search_form .suggestions-wrapper .suggestions {
    max-width: 400px; } }

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; }

.custom-select:focus {
  border-color: #0c2340; }

.custom-checkbox .custom-control-label::before {
  border-color: #0c2340 !important;
  border-radius: 0 5px; }

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0c2340; }

.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #0c2340; }

.custom-checkbox label {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

.custom-checkbox input:focus ~ label, .custom-checkbox input:valid ~ label {
  color: #0c2340; }

.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; } }

.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 {
      display: flex;
      margin-top: 0; }
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group label {
        font-size: 1rem;
        color: #0c2340; }
        .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: 1rem;
          padding: 5px; }
      .birth-sex-radio-button .sex-choice .sex-choice-radio-group input:checked + label {
        border: 3px solid #0c2340;
        background: #fff; }

.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; }

.nav-pills.animals {
  padding: 0; }
  .nav-pills.animals .nav-link {
    border: 2px solid #EAECF0 !important;
    color: #0c2340;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    width: 90%;
    text-align: -webkit-center; }
    .nav-pills.animals .nav-link.active {
      background-color: #fff !important;
      color: #0c2340 !important;
      border: 3px solid #0c2340 !important; }

.catdog input[type=radio] ~ label {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  opacity: 1;
  border: 2px solid #EAECF0;
  color: #98A2B3;
  background-color: #fff;
  padding: 10%;
  height: 100%;
  width: 100%;
  text-align: -webkit-center;
  border-radius: 5px; }

.catdog input[type=radio]:checked ~ label,
.catdog input[type=radio]:checked ~ label span {
  color: #0c2340; }

.catdog input[type=radio]:checked ~ label {
  opacity: 1;
  border: 2px solid #0C2340;
  border-radius: 5px;
  background-color: #fff;
  padding: 10%;
  height: 100%; }

@media (min-width: 1024px) and (max-width: 1439px) {
  .catdog input[type=radio] ~ label span {
    font-size: 4rem; } }

@media (min-width: 1280px) {
  .catdog input[type=radio] ~ label span {
    font-size: 4rem; } }

@media (min-width: 768px) {
  .catdog input[type=radio] ~ label span {
    font-size: 4rem; } }

/* SF tabs ============== */
a.custom-tab {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  a.custom-tab.selected {
    color: #0c2340;
    border-bottom: 2px solid #0c2340; }
  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; }

.checkbox-img input[type=checkbox]:checked + label {
  color: #0c2340; }

.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"] .page-wrapper .content .checkbox-img input[type=checkbox] + label > img,
body[data-action|="Account"] .page-wrapper .content .checkbox-img input[type=checkbox] + label .label-container > img,
body[data-action|="Register"] .page-wrapper .content .checkbox-img input[type=checkbox] + label > img,
body[data-action|="Register"] .page-wrapper .content .checkbox-img input[type=checkbox] + label .label-container > img,
body[data-action|="Family"] .page-wrapper .content .checkbox-img input[type=checkbox] + label > img,
body[data-action|="Family"] .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: #0c2340; }

.checkbox-span input[type=checkbox]:checked + label {
  color: #0c2340; }

.checkbox-span input[type=checkbox]:checked + label > span {
  border: 2px solid #0c2340; }

.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; }

.modal-picture {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  background-color: #fff !important; }
  .modal-picture .modal-title {
    color: #152935; }
  .modal-picture .modal-option {
    color: #0c2340; }
    .modal-picture .modal-option.cancel {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      color: #152935; }

/**
 * 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 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; } }

.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-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 {
  left: 5px; }
  .swiper-button-prev.swiper-button-brandcolor {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32.5' cy='32.5' r='31.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M45 32.5H20M20 32.5L27.5 25M20 32.5L27.5 40' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: auto;
    background-size: contain; }

.swiper-button-next {
  right: 5px; }
  .swiper-button-next.swiper-button-brandcolor {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32.5' cy='32.5' r='31.5' transform='rotate(180 32.5 32.5)' stroke='white' stroke-width='2'/%3E%3Cpath d='M20 32.5L45 32.5M45 32.5L37.5 40M45 32.5L37.5 25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: auto;
    background-size: contain; }

#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"); }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px 30px;
  border: none; }

.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #fff;
  opacity: 1;
  border-radius: 25px;
  border: 1px solid #0c2340;
  z-index: 3; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0c2340;
    border: none; }

.one-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 8px;
  border: solid 1px #ffffff; }

.one-slider .swiper-pagination-bullet {
  opacity: 1;
  border-radius: 25px;
  z-index: 3;
  width: 8px;
  height: 8px;
  background-color: transparent;
  margin: 10px 8px;
  border: solid 1px #ffffff; }
  .one-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
    border: none; }

.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 {
  /* stylelint-disable-line */
  position: relative;
  overflow: hidden;
  visibility: hidden;
  padding: 0; }
  .carousel-container.active {
    visibility: visible; }

.product-carousel, .content-carousel {
  position: relative;
  padding: 0 3%; }

body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet, body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet {
  border: 1px solid #0c2340;
  background: #fff; }
  body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-content-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
  body[data-action="Search-Show"] .page-wrapper.full-width section.constrain.constrain-product-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: none;
    background: #0c2340; }

@media (max-width: 1279.98px) {
  /* stylelint-disable-line */
  .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: #0c2340;
      border: none; } }

@media (min-width: 768px) {
  .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; } }

#rac_articles2 .swiper-button-next.swiper-next2 {
  margin-top: 20rem !important; }

.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; } }

.product {
  max-width: 180px;
  margin: 40px auto; }
  .product.tile-specific-height {
    height: 380px; }
  .product .product-tile {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    height: 100%; }
    .product .product-tile .image-container img {
      width: auto;
      height: 100%; }
  .product .product-content {
    padding: 0;
    position: relative;
    overflow: hidden; }
    .product .product-content .product-fav {
      position: absolute;
      top: -8px;
      right: 0; }
      .product .product-content .product-fav .button-like {
        font-size: 1.8rem;
        color: #0c2340; }
    .product .product-content .product-desc {
      font-size: 1.25rem;
      color: #152935;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    .product .product-content .product-title a {
      height: 100%;
      font-size: 20px;
      display: block;
      line-height: 1.5rem;
      color: #152935;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      margin: 0 auto; }
    .product .product-content .product-title.tile-title {
      max-width: 100%;
      overflow: hidden;
      height: 95px;
      text-align: center;
      margin-bottom: 0; }
      .product .product-content .product-title.tile-title a {
        max-width: 100%; }
  .product .tile-body .tile-body-footer {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: flex-start;
    flex-direction: row;
    padding: 0 60px; }
    .product .tile-body .tile-body-footer .icon-btn {
      margin: 0 4px;
      height: 50px;
      width: 50px;
      min-width: 40px !important; }
      .product .tile-body .tile-body-footer .icon-btn span {
        font-size: 36px; }
  .product .image-container {
    height: 230px;
    width: 230px;
    margin-left: -20px;
    text-align: center;
    margin-bottom: 8px; }
    .product .image-container a {
      display: block;
      text-align: center;
      height: 100%; }

@media (min-width: 1280px) {
  .product .tile-body .tile-body-footer .icon-btn {
    width: 40px;
    height: 30px; }
    .product .tile-body .tile-body-footer .icon-btn span {
      font-size: 24px; } }

.plp-with-points-active {
  background-color: #F2F4F7; }
  .plp-with-points-active body {
    background-color: #F2F4F7; }
    .plp-with-points-active body .page-wrapper .content {
      background-color: #F2F4F7; }
      .plp-with-points-active body .page-wrapper .content.search-content .category-results {
        padding: 0 12px; }
        @media (min-width: 1280px) {
          .plp-with-points-active body .page-wrapper .content.search-content .category-results {
            padding: 0; } }

body .page-wrapper .content.search-content .category-results.plp-with-points-wrapper .product-search-container .product_search_form.active .input-container {
  width: 100%; }

body .page-wrapper .content.search-content .category-results.plp-with-points-wrapper .product-search-container .product_search_form .suggestions-wrapper .suggestions {
  position: absolute;
  z-index: 9999; }

.plp-with-points-wrapper {
  width: 100%;
  padding: 0 12px; }
  .plp-with-points-wrapper.category-results .product-grid {
    grid-row-gap: 20px; }

.plp-header-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin: 20px 0 48px 0;
  padding-left: 0; }
  .plp-header-wrapper #breadcrumbs {
    padding: 0;
    margin: 0; }
  .plp-header-wrapper .page-title-tabs {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px; }
  .plp-header-wrapper .page-subtitle-tabs {
    margin-bottom: 0;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #556579; }

.plp-search-filter-wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 30px;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 48px;
  padding-left: 0; }
  .plp-search-filter-wrapper .filter-cta {
    cursor: pointer;
    border-radius: 0px 20px;
    padding: 12px 20px;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border: 2px solid #182D4D;
    background-color: #fff;
    column-gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 36px;
    transition: transform 0.2s;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    .plp-search-filter-wrapper .filter-cta span {
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      text-align: left;
      color: #fff; }
  .plp-search-filter-wrapper .filter-cta:hover {
    transform: scale(1.05); }
  .plp-search-filter-wrapper .input-container {
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #0c2340; }
    .plp-search-filter-wrapper .input-container .icon-icn-search {
      color: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      width: 26px;
      height: 30px;
      font-size: 20px;
      font-weight: bolder;
      padding-top: 4px; }
    .plp-search-filter-wrapper .input-container .search_input {
      position: relative;
      background-color: transparent;
      border: none;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 15px;
      width: 40%;
      color: #0c2340;
      padding: 0 5px 2px 0;
      margin: 0; }

.plp-with-points .product {
  max-width: 100%;
  margin: 0; }
  .plp-with-points .product .product-tile {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
    min-height: 400px; }
  .plp-with-points .product .product-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center; }
    .plp-with-points .product .product-content .product-title.tile-title {
      height: 48px;
      margin-bottom: 8px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis; }
  .plp-with-points .product .product-size {
    display: flex;
    padding: 2px 8px 2px 6px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 16px;
    border: 1px solid #63cfe3;
    background: #182D4D;
    color: #fff;
    position: absolute;
    right: 20px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 10px;
    font-weight: 500;
    line-height: 18px; }
    .plp-with-points .product .product-size .svg-icon-weight {
      height: 12px;
      margin-bottom: 12px; }
  .plp-with-points .product .product-points {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
    color: #63cfe3;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 26px;
    font-weight: 700;
    line-height: 38px; }
    .plp-with-points .product .product-points .loyalty-coin {
      margin: 0; }
      .plp-with-points .product .product-points .loyalty-coin .outside-circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        background: linear-gradient(267.73deg, #63CFE3 2.11%, #63CFE3 96.2%);
        border-radius: 100%;
        box-sizing: initial; }
        .plp-with-points .product .product-points .loyalty-coin .outside-circle .inside-circle {
          position: relative;
          border: thin solid #FFFFFF;
          z-index: 1;
          width: 21px;
          height: 21px;
          background: linear-gradient(267.73deg, #63CFE3 2.11%, #63CFE3 96.2%);
          border-radius: 100%;
          box-sizing: initial; }
          .plp-with-points .product .product-points .loyalty-coin .outside-circle .inside-circle svg {
            position: absolute;
            width: 13px;
            height: 13px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
  .plp-with-points .product .image-container {
    height: 137px;
    margin-bottom: 2px;
    padding-left: 20px; }
    .plp-with-points .product .image-container a {
      margin-left: 0; }
  .plp-with-points .product .tile-tags {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 8px;
    margin-bottom: 12px; }
    .plp-with-points .product .tile-tags .tile-tag {
      padding: 2px 8px;
      border-radius: 16px;
      justify-content: center;
      align-items: center;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 12px;
      font-weight: 500;
      line-height: 18px;
      color: #fff;
      text-transform: capitalize; }
      .plp-with-points .product .tile-tags .tile-tag.orange {
        background-color: #e94e0f; }
      .plp-with-points .product .tile-tags .tile-tag.blue {
        background-color: #0A1D34; }
  .plp-with-points .product .tile-ctas {
    width: 100%; }
    .plp-with-points .product .tile-ctas .tile-link {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      color: #667085;
      text-align: center;
      display: block;
      padding: 10px; }

@media (max-width: 543.98px) {
  .plp-with-points {
    padding: 0; } }

@media (min-width: 544px) {
  .plp-with-points .product .product-size {
    right: 32px; }
  body .page-wrapper .content.search-content .category-results.plp-with-points-wrapper .product-search-container .product_search_form.active .input-container, body .page-wrapper .content.search-content .category-results .product-search-container .product_search_form.active .suggestions-wrapper {
    width: 100%; } }

@media (min-width: 1280px) {
  .plp-with-points-wrapper {
    width: 1255px; }
    .plp-with-points-wrapper.category-results .product-grid {
      grid-row-gap: 50px;
      width: 1255px; }
  .plp-header-wrapper {
    row-gap: 8px;
    margin: 33px 0 32px 0;
    padding-left: 15px; }
    .plp-header-wrapper .page-title-tabs {
      font-size: 48px;
      line-height: 60px; }
  .plp-search-filter-wrapper {
    margin-bottom: 50px;
    padding-left: 15px;
    justify-content: flex-start; }
  .plp-with-points.product-cell {
    display: flex;
    flex-wrap: wrap; }
  .plp-with-points .product {
    width: 278px; }
    .plp-with-points .product .product-tile {
      flex: 1 1 auto; }
    .plp-with-points .product .product-size {
      right: 38px; } }

.plp-filters-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 20px; }

.plp-filters-container {
  display: flex;
  z-index: 153;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  width: calc(100vw - 32px);
  max-width: 400px;
  max-height: calc(100vh - 32px);
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: #fff;
  overflow-y: auto;
  font-family: 'Klavika'; }
  .plp-filters-container .checkmark {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center; }
    .plp-filters-container .checkmark p {
      margin: 0;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
      text-align: left; }
    .plp-filters-container .checkmark .detail {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 12px;
      font-weight: 300;
      line-height: 18px;
      text-align: left;
      white-space: nowrap; }
  .plp-filters-container .option {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: left;
    border: 1px solid #EAECF0;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 8px 10px;
    cursor: pointer;
    position: relative; }
    .plp-filters-container .option input {
      position: absolute;
      opacity: 0; }
  .plp-filters-container .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    background: #F2F4F7;
    border-radius: 20px;
    gap: 10px;
    padding: 10px; }
  .plp-filters-container input:checked + .checkmark svg path {
    fill: #0C2340; }

.plp-filters-title {
  display: flex;
  gap: 20px;
  flex-direction: column;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: left; }
  .plp-filters-title .hr-plp-filters {
    margin: 0; }

.hr-plp-filters {
  margin: 8px 0 0 0; }

.plp-filters-choose-pet-title {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: left; }

.plp-filters-choose-pet {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .plp-filters-choose-pet .plp-filters-choose-pet-radio {
    display: flex;
    column-gap: 10px;
    align-items: center; }
    .plp-filters-choose-pet .plp-filters-choose-pet-radio label {
      flex: 1;
      padding: 8px 10px;
      gap: 10px;
      margin: 0; }

.plp-filters-choose-size,
.plp-filters-choose-age {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .plp-filters-choose-size .plp-filters-choose-pet-radio-size,
  .plp-filters-choose-size .plp-filters-choose-pet-radio-age,
  .plp-filters-choose-age .plp-filters-choose-pet-radio-size,
  .plp-filters-choose-age .plp-filters-choose-pet-radio-age {
    display: flex;
    column-gap: 10px;
    align-items: center;
    width: 100%; }
    .plp-filters-choose-size .plp-filters-choose-pet-radio-size label,
    .plp-filters-choose-size .plp-filters-choose-pet-radio-age label,
    .plp-filters-choose-age .plp-filters-choose-pet-radio-size label,
    .plp-filters-choose-age .plp-filters-choose-pet-radio-age label {
      flex: 1;
      padding: 8px 10px;
      gap: 10px;
      margin: 0; }

.plp-filters-choose-status {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .plp-filters-choose-status .plp-filters-choose-pet-radio-status {
    display: flex;
    column-gap: 10px;
    align-items: stretch;
    width: 100%; }
    .plp-filters-choose-status .plp-filters-choose-pet-radio-status label {
      flex: 1;
      padding: 8px 10px;
      gap: 10px;
      margin: 0; }
    .plp-filters-choose-status .plp-filters-choose-pet-radio-status p {
      text-align: center;
      font-size: 12px;
      font-weight: 700; }
    .plp-filters-choose-status .plp-filters-choose-pet-radio-status .not-sterilized p {
      padding: 8px; }

.plp-filters-choose-product-type,
.plp-filters-choose-specific-needs {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.plp-filters-choose-product-type-info {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.plp-filters-product-type-description {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-align: left; }

.plp-filters-choose-product-type-checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  white-space: nowrap; }
  .plp-filters-choose-product-type-checkbox .row-type-product {
    display: flex;
    gap: 16px; }
  .plp-filters-choose-product-type-checkbox .custom-checkbox-control {
    display: flex;
    flex-direction: row;
    gap: 8px; }
  .plp-filters-choose-product-type-checkbox .custom-checkbox-control-input {
    width: 16px;
    height: 16px;
    padding: 2px 0px 0px 0px;
    border-radius: 1px 0px 0px 0px; }
  .plp-filters-choose-product-type-checkbox .custom-checkbox-control-label {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left; }

.plp-filters-choose-specific-needs-checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  white-space: nowrap; }

.row-specific-needs {
  display: flex;
  gap: 12px; }
  .row-specific-needs label {
    padding: 2px 8px 2px 8px;
    border-radius: 16px;
    background: #F2F4F7;
    margin: 0;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center; }
  .row-specific-needs input {
    position: absolute;
    opacity: 0; }

.plp-category-no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 72px;
  margin-bottom: 87px; }
  .plp-category-no-results .plp-text-no-result {
    display: flex;
    flex-direction: column;
    gap: 4px; }
    .plp-category-no-results .plp-text-no-result p {
      margin: 0; }
  .plp-category-no-results .svg-icon-plp-no-results {
    border-radius: 28px;
    background: #C2C8D0;
    display: flex;
    flex-direction: column;
    width: 60px;
    height: 60px;
    align-items: center;
    place-content: center; }
  .plp-category-no-results .plp-filters-no-results-title {
    color: #000;
    font-family: inherit;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center; }
  .plp-category-no-results .plp-filters-no-results-description {
    color: #000;
    font-family: inherit;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: center; }

input[type="checkbox"] {
  accent-color: #0c2340;
  margin: 2px 0 0; }

.plp-filters-choose-pet-radio label:has(input[type="radio"]:checked),
.plp-filters-choose-pet-radio-size:nth-child(2) label:has(input[type="radio"]:checked),
.plp-filters-choose-pet-radio-age:nth-child(2) label:has(input[type="radio"]:checked),
.plp-filters-choose-pet-radio-status:nth-child(2) label:has(input[type="radio"]:checked) {
  border: 1px solid #101828; }

.plp-filters-choose-specific-needs-checkbox label:has(input[type="checkbox"]:checked) {
  background: #182D4D;
  color: #fff; }

@media (min-width: 768px) {
  .plp-filters-choose-status .plp-filters-choose-pet-radio-status p {
    font-size: 14px; } }

@media (min-width: 1280px) {
  .plp-filters-choose-status .plp-filters-choose-pet-radio-status p {
    font-size: 14px; }
  .plp-category-no-results {
    margin-top: 120px;
    margin-bottom: 223px; } }

.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); } }

.veil-private-area {
  z-index: 1; }
  .veil-private-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: -1; }

.underlay-private-area {
  position: relative;
  z-index: 2; }

.veil {
  position: fixed;
  z-index: 1010;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  .veil .underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-color: #000; }

.spinner {
  position: absolute;
  top: 25%;
  left: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, 0%);
  font-size: 50px;
  width: 1em;
  height: 3em;
  color: #f5f1e9;
  pointer-events: none; }
  .spinner .paw {
    width: 1em;
    height: 1em;
    animation: 2050ms pawAnimation ease-in-out infinite;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAACcklEQVRIia2XT0hUURTGvxnK/ggSVJAEjghaMNpKCKIcw1V/aCHZJoKCoLBFy4i2BgltqmWbICnKKKgWtYkwWlVQZGHWIoM0oj9TURFmvxbvPbg+7z2vnnPgcrnn++73zbvvnDszAmSMFuA68BQ4CzQZ3IPAGPARuAAssbQt0+XAF2bHN6Ds4Q4yNx7kNT7lEQOYAgoOb0OAB7ArpF9UOHoC+VWS9jvrAUNjawiwjBsMbE8810vabPBW5DH+YWDleG42OJI0k8d4zMCWxfPSDONXeYyHDexnPL/NML4aRKySByYD1XrP4UwFOA9TWl1AT7qdtgBDwDmg2yF3AH88ohWH0+vBvwKrY3wT8MTBRoBFAvo8G084wuuAO/EHeA8cYO7JHALeAdPATaA5zq8PnMYZAeMB8GhKvAmo95gmYzHQ6KyLwIeA9mcBvwIgQMkwyhr7DN3pooxek3Q4o2qt6DWwT0VJLw1CJUPcasc2A3tclHTRIPiuvN2SLkt6IWlC0iNJJyW1pHgLDd3TSVGkv/6SeOa8sy5g1Hhvv4F+hz8U4N3G6eNO/P16JMZ9LReKwXhPCZhJYXeBBa6xgHbglkO6FOfX/IdpEkkrthM9+TBRlZs/BNYS3VjJeiKHMTjXo29k9eKxnKYA34nqx6tdAEKV1yCpKqlgVGdWXJHU5wOsPuyfp6kk7ZS00QdYTzwuqXWexlLU553/atwaG9cqOiSNuonQUXfX0FSSdqQTIeNqjY1XphOho65TdNQlDzYp6Yak+5Jex7mypG2StgeMK5JGZmWMHm4ErgFviP4TnSe6OuuMPW3AceA5UCW66/f6uH8BH0ffcZYEFMMAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    opacity: 0; }
    .spinner .paw:nth-child(odd) {
      transform: rotate(-10deg); }
    .spinner .paw:nth-child(even) {
      transform: rotate(10deg) translate(125%, 0); }
    .spinner .paw:nth-child(1) {
      animation-delay: 1.25s; }
    .spinner .paw:nth-child(2) {
      animation-delay: 1s; }
    .spinner .paw:nth-child(3) {
      animation-delay: 0.75s; }
    .spinner .paw:nth-child(4) {
      animation-delay: 0.5s; }
    .spinner .paw:nth-child(5) {
      animation-delay: 0.25s; }
    .spinner .paw:nth-child(6) {
      animation-delay: 0s; }
    .no-cssanimations .spinner .paw {
      opacity: 1; }

@keyframes pawAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.points-box {
  position: relative;
  z-index: 1; }

.points-box-spinner {
  width: 7em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.veil-vetchat-area {
  z-index: 1; }
  .veil-vetchat-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: -1; }

.underlay-vetchat-area {
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px); }

.vetchat-box-spinner {
  position: absolute;
  width: 100%;
  z-index: 3;
  max-width: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.vetchat-box {
  position: relative; }

.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; }

.privacy-policy {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  .privacy-policy .privacy-content-title {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  .privacy-policy .privacy-table-title {
    background: #0c2340; }

.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; }

.datepicker .table-condensed {
  margin: 0 auto; }

.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: #0c2340;
  border-color: #0c2340; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  background-color: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.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: #0c2340;
  border-color: #0c2340; }

.datepicker .datepicker-switch {
  color: #0c2340; }

.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: #0c2340;
  color: #ffffff; }

.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; } }

.mobile-prod-buttons div[data-sc-type="SmartButton"].carritus-btn.carritus-btn button.sc-btn-ec {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  text-transform: uppercase;
  background: none !important;
  border: 1px solid #0c2340;
  color: #0c2340; }
  .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 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 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"].carritus-btn {
  padding: 0;
  width: auto;
  min-width: auto;
  display: inline-block;
  z-index: inherit !important;
  margin: 0;
  border-radius: 4px !important; }
  div[data-sc-type="SmartButton"].carritus-btn ul::before,
  div[data-sc-type="SmartButton"].carritus-btn ul::after {
    display: none; }
  div[data-sc-type="SmartButton"].carritus-btn ul {
    top: 91%;
    left: 0; }

div.locator-container-plp {
  width: 100%; }
  div.locator-container-plp a.btn.btn-brand {
    border: 1px solid #0c2340 !important;
    background-color: #0c2340 !important; }

.p-relative-carritus {
  width: 100%; }

div[data-sc-type="SmartButton"].carritus-btn-plp {
  margin: 0 5px;
  padding: 0;
  display: flex;
  min-width: 42px !important; }
  div[data-sc-type="SmartButton"].carritus-btn-plp button.sc-btn-ec {
    color: #ffffff;
    box-shadow: 0 10px 20px 0 rgba(0, 45, 22, 0.2);
    border-radius: 0 15px;
    background-color: #0c2340 !important;
    padding: 0;
    font-size: 20px;
    width: 42px;
    height: 30px;
    min-width: 42px !important;
    min-height: 30px !important; }
    div[data-sc-type="SmartButton"].carritus-btn-plp button.sc-btn-ec .icon-icn-shoponline {
      padding: 0 !important; }
  div[data-sc-type="SmartButton"].carritus-btn-plp ul::before,
  div[data-sc-type="SmartButton"].carritus-btn-plp ul::after {
    display: none; }
  div[data-sc-type="SmartButton"].carritus-btn-plp ul {
    top: 32px;
    left: 0; }
    div[data-sc-type="SmartButton"].carritus-btn-plp ul li .cart-icon {
      background-color: #79B829 !important; }

div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec {
  text-transform: uppercase;
  color: #ffffff;
  box-shadow: 0 10px 20px 0 rgba(0, 45, 22, 0.2);
  border: 0;
  border-radius: 4px;
  font-size: 13px;
  line-height: 13px;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
  background-color: #0c2340 !important;
  padding: 12px 16px 12px 53px;
  margin: 0;
  min-height: 0;
  height: 39px; }
  div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec:hover {
    background-color: #ffffff !important;
    color: #0c2340; }
    div[data-sc-type="SmartButton"].carritus-btn button.sc-btn-ec:hover::before {
      color: #0c2340; }

div[data-sc-type="SmartButton"] .zip-container {
  background-color: #0c2340 !important;
  display: flex;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  align-items: center;
  border-top: 1px solid #0c2340 !important; }
  div[data-sc-type="SmartButton"] .zip-container p {
    margin: 0;
    font-size: 9px;
    color: white !important;
    padding-left: 6px;
    text-transform: capitalize;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  div[data-sc-type="SmartButton"] .zip-container input {
    border-style: none none none dotted;
    border-left-color: #979797;
    color: white;
    background-color: transparent;
    width: 42%;
    max-width: 100px;
    outline: none;
    font-size: 12px;
    font-weight: bolder;
    margin: 6px;
    text-align: center; }
  div[data-sc-type="SmartButton"] .zip-container i {
    position: absolute;
    right: 10px;
    color: white; }

@media (max-width: 1279.98px) {
  div[data-sc-type="SmartButton"] .zip-container i span {
    right: 22px; }
    div[data-sc-type="SmartButton"] .zip-container i span::after {
      left: 105px !important;
      transform: rotate(180deg); } }

@media (min-width: 1280px) {
  div[data-sc-type="SmartButton"].carritus-btn ul {
    top: 74%; } }

@media (max-width: 1279.98px) {
  div[data-sc-type="SmartButton"].carritus-btn-plp {
    max-width: 50px !important; }
    div[data-sc-type="SmartButton"].carritus-btn-plp button.sc-btn-ec {
      width: 50px;
      height: 50px; }
    div[data-sc-type="SmartButton"].carritus-btn-plp ul {
      top: 53px; } }

.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; }

.modal-picture .cr-slider-wrap .cr-slider {
  background: #9da5aa;
  padding: 0; }

body[data-action="Account-EditProfile"] #familyData .family-data {
  width: 100%; }
  @media (min-width: 1024px) {
    body[data-action="Account-EditProfile"] #familyData .family-data {
      width: 100%; } }

body[data-action="Account-EditProfile"] .family-data {
  padding: 0 !important; }
  body[data-action="Account-EditProfile"] .family-data h2 {
    font-size: 24px;
    line-height: 32px; }
  @media (min-width: 544px) {
    body[data-action="Account-EditProfile"] .family-data h2 {
      font-size: 30px;
      line-height: 38px; } }

@media (min-width: 1024px) {
  #familyData .family-data {
    width: 50%; } }

.family-data h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.25;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

.family-data .family-add {
  max-width: 630px; }

.family-add {
  background-color: #fff;
  padding: 16px;
  border-radius: 5px;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  width: 100%; }
  .family-add .inner {
    display: flex;
    flex-direction: column;
    text-align: center; }
  .family-add .image-part svg {
    margin-right: 28px;
    margin-bottom: 20px; }
  .family-add h5 {
    font-size: 1.19rem;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.4;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  .family-add p {
    font-weight: 300;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }

@media (min-width: 544px) {
  .family-add .inner {
    flex-direction: row;
    align-items: center;
    text-align: left; }
  .family-add svg {
    margin-bottom: 0; }
  .family-add button, .family-add a {
    max-width: 180px; } }

@media (min-width: 1280px) {
  .family-data h2 {
    font-size: 1.875rem; }
  .family-add {
    padding: 32px;
    border-radius: 2px;
    margin-bottom: 100px; }
    .family-add h5 {
      font-size: 1.25rem; } }

@media (min-width: 1280px) {
  body[data-action="Family-PetProfile"] .family-add {
    margin-bottom: 0; } }

.family-list p {
  font-weight: 300;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }

.family-list .buttons__points--disabled {
  background: rgba(12, 35, 64, 0.7) !important;
  border: 1px solid #506277 !important; }

.family-list .buttons {
  margin-top: 16px;
  display: flex;
  flex-direction: column; }
  .family-list .buttons button {
    background-color: #182D4D;
    border: 2px solid #63CFE3;
    display: block;
    color: #fff;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 0 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0c2340; }
    .family-list .buttons button svg {
      margin-right: 9px; }
    .family-list .buttons button + button {
      margin-top: 16px;
      color: #0c2340; }
    .family-list .buttons button span {
      color: white; }

#send-points-success button {
  background-color: #182D4D;
  border: 2px solid #63CFE3;
  display: block;
  color: #fff;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 0 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0c2340; }

#send-points-success .image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto; }
  #send-points-success .image.green {
    background: #D1FADF; }

@media (min-width: 768px) {
  .family-list .buttons {
    column-gap: 20px;
    margin-top: 33px;
    flex-direction: row; }
    .family-list .buttons button {
      max-width: 182px; }
      .family-list .buttons button + button {
        margin-top: 0;
        margin-left: 0; } }

.family-member {
  background-color: #fff;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 16px; }
  .family-member + .family-member {
    margin-top: 12px; }
  .family-member img {
    max-width: 47px;
    margin-right: 14px; }
  .family-member .default-image {
    width: 47px;
    height: 47px;
    background-color: #667085;
    border-radius: 50%;
    margin-right: 14px; }
  .family-member .inner {
    display: flex;
    flex-direction: column-reverse;
    flex: 1;
    align-items: flex-start;
    padding-right: 15px; }
    .family-member .inner .row {
      margin-left: 0px; }
    @media (max-width: 767.98px) {
      .family-member .inner .row {
        flex-direction: column-reverse; } }
    .family-member .inner h6 {
      font-size: 0.75rem;
      line-height: 1.5;
      font-weight: 500;
      background: #F2F4F7;
      border-radius: 16px;
      padding: 2px 7px;
      display: flex;
      align-items: center;
      margin-bottom: 7px; }
      .family-member .inner h6 svg {
        margin-left: 5px; }
    .family-member .inner h5 {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 5px; }
    .family-member .inner p {
      margin-bottom: 0; }

@media (min-width: 768px) {
  .family-member {
    padding: 20px; }
    .family-member + .family-member {
      margin-top: 16px; }
    .family-member img {
      max-width: 69px;
      margin-right: 22px; }
    .family-member .default-image {
      width: 69px;
      height: 69px;
      margin-right: 22px; }
    .family-member .inner {
      flex-direction: row; }
      .family-member .inner h6 {
        margin-left: 8px;
        margin-top: 3px; }
      .family-member .inner h5 {
        font-size: 1.125rem;
        margin-bottom: 0; } }

.modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center; }

#pet-need-updates,
#anade-familiares {
  padding: 16px;
  max-height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px); }
  #pet-need-updates .add-family-form_outline,
  #anade-familiares .add-family-form_outline {
    padding: 20px;
    margin: 16px 0 32px;
    border: 2px solid #EAECF0;
    border-radius: 0px 20px; }
  #pet-need-updates .modal-dialog,
  #anade-familiares .modal-dialog {
    max-width: 400px;
    margin: 0 auto !important; }
  #pet-need-updates .modal-content,
  #anade-familiares .modal-content {
    background-color: #fff !important;
    border-radius: 0 30px;
    padding: 20px 16px;
    display: block;
    max-height: calc(100vh - 32px);
    overflow: auto; }
    #pet-need-updates .modal-content > h2,
    #anade-familiares .modal-content > h2 {
      margin: 20px 0 8px;
      font-size: 1.5rem;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
    #pet-need-updates .modal-content p,
    #anade-familiares .modal-content p {
      font-size: 0.875rem;
      line-height: 1.4;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      color: #667085; }
  #pet-need-updates .relatives-form,
  #anade-familiares .relatives-form {
    padding: 20px;
    border: 2px solid #EAECF0;
    box-shadow: none;
    border-radius: 0 20px;
    margin-bottom: 32px; }
    #pet-need-updates .relatives-form h5,
    #anade-familiares .relatives-form h5 {
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 6px;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    #pet-need-updates .relatives-form > input,
    #anade-familiares .relatives-form > input {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 16px;
      padding: 14px;
      border: 1px solid #F2F4F7;
      border-radius: 5px;
      width: 100%; }
    #pet-need-updates .relatives-form h4,
    #anade-familiares .relatives-form h4 {
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 600;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      margin: 20px 0 8px; }
    #pet-need-updates .relatives-form > p,
    #anade-familiares .relatives-form > p {
      margin-bottom: 20px; }
    #pet-need-updates .relatives-form.no-border,
    #anade-familiares .relatives-form.no-border {
      padding: 0;
      border: 0; }
    #pet-need-updates .relatives-form .invisible,
    #anade-familiares .relatives-form .invisible {
      display: none; }
  #pet-need-updates .input input,
  #anade-familiares .input input {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    padding: 14px;
    border: 2px solid #F2F4F7;
    border-radius: 5px;
    width: 100%; }
    #pet-need-updates .input input.error,
    #anade-familiares .input input.error {
      border: 2px solid #e71b17; }
      #pet-need-updates .input input.error + p,
      #anade-familiares .input input.error + p {
        display: block; }
  #pet-need-updates .input p,
  #anade-familiares .input p {
    margin-top: 0.25rem;
    font-size: 80%;
    color: #e71b17;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    display: none; }
  #pet-need-updates .simple-button,
  #anade-familiares .simple-button {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 500;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    margin-top: 20px; }
    #pet-need-updates .simple-button svg,
    #anade-familiares .simple-button svg {
      margin-right: 12px; }

#send-points {
  padding: 16px;
  max-height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px); }
  #send-points .add-family-form_outline {
    padding: 20px;
    margin: 16px 0 32px;
    border: 2px solid #EAECF0;
    border-radius: 0px 20px; }
  #send-points .modal-dialog {
    max-width: 400px;
    margin: 0 auto !important; }
  #send-points .modal-content {
    background-color: #fff !important;
    border-radius: 0 30px;
    padding: 20px 16px;
    display: block;
    max-height: calc(100vh - 32px);
    overflow: auto; }
    #send-points .modal-content > h2 {
      margin: 20px 0 8px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 1.5rem; }
      @media (max-width: 400px) {
        #send-points .modal-content > h2 {
          font-size: 1.3rem; } }
    #send-points .modal-content p {
      font-size: 0.875rem;
      line-height: 1.4;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      color: #667085; }
    #send-points .modal-content .modal-content__select, #send-points .modal-content .modal-content__input {
      display: flex;
      font-family: 'Klavika-Light' !important;
      padding: 0 14px;
      height: 52px;
      border: 2px solid #EAECF0;
      border-radius: 5px; }
      #send-points .modal-content .modal-content__select #names option::before, #send-points .modal-content .modal-content__input #names option::before {
        background: url(../../fonts/calendar.svg) no-repeat right;
        background-size: 15px;
        background-position: 96%; }
    #send-points .modal-content .is-invalid {
      border: 1px solid #e71b17; }
  #send-points .relatives-form {
    padding: 20px;
    border: 2px solid #EAECF0;
    box-shadow: none;
    border-radius: 0 20px;
    margin-bottom: 32px; }
    #send-points .relatives-form h5 {
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 6px;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    #send-points .relatives-form > input {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 16px;
      padding: 14px;
      border: 1px solid #F2F4F7;
      border-radius: 5px;
      width: 100%; }
    #send-points .relatives-form h4 {
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 600;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      margin: 20px 0 8px; }
    #send-points .relatives-form > p {
      margin-bottom: 20px; }
    #send-points .relatives-form.no-border {
      padding: 0;
      border: 0; }
    #send-points .relatives-form .invisible {
      display: none; }
  #send-points .input input {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    padding: 14px;
    border: 2px solid #F2F4F7;
    border-radius: 5px;
    width: 100%; }
    #send-points .input input.error {
      border: 2px solid #e71b17; }
      #send-points .input input.error + p {
        display: block; }
  #send-points .input p {
    margin-top: 0.25rem;
    font-size: 80%;
    color: #e71b17;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    display: none; }
  #send-points .simple-button {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 500;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    margin-top: 20px; }
    #send-points .simple-button svg {
      margin-right: 12px; }
  #send-points .loyalty-coin {
    display: inline-flex; }
  #send-points .outside-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: linear-gradient(267.73deg, #FFAA51 2.11%, #FF8300 96.2%);
    border-radius: 100%;
    box-sizing: initial; }
  #send-points .inside-circle {
    position: relative;
    border: 2px solid #FFFFFF;
    z-index: 1;
    width: 42px;
    height: 42px;
    background: linear-gradient(267.73deg, #FFAA51 2.11%, #FF8300 96.2%);
    border-radius: 100%;
    box-sizing: initial; }
  #send-points .send-points__svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #send-points .send-points__loyaltyPoints {
    color: #ff8300; }
  @media (max-width: 1280px) {
    #send-points .send-points__dropdown {
      position: relative;
      display: inline-block; }
    #send-points .send-points__dropdown select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      padding: 8px;
      cursor: pointer; }
    #send-points .send-points__dropdown select:focus {
      outline: none;
      border-color: #a0a0a0; }
    #send-points .send-points__dropdown::before {
      content: '\25BE';
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translateY(-50%);
      font-size: 22px;
      line-height: 1; }
    #send-points .send-points__dropdown select::-ms-expand {
      display: none; } }

#send-points-success {
  padding: 16px;
  max-height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px); }
  #send-points-success .modal-dialog {
    max-width: 400px;
    margin: 0 auto !important; }
  #send-points-success .modal-content {
    background-color: #fff !important;
    border-radius: 0 30px;
    padding: 20px 16px;
    display: block;
    max-height: calc(100vh - 32px);
    overflow: auto;
    text-align: center; }
    #send-points-success .modal-content > h2 {
      margin: 20px 0 8px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 1.5rem; }
      @media (max-width: 400px) {
        #send-points-success .modal-content > h2 {
          font-size: 1.1rem; } }
    #send-points-success .modal-content p {
      font-size: 0.875rem;
      line-height: 1.4;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      color: #667085; }
  #send-points-success .send-points-success--white {
    color: #ffffff; }

#send-points-error {
  padding: 16px;
  max-height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px); }
  #send-points-error .modal-content {
    background-color: #fff !important;
    border-radius: 0 30px;
    padding: 20px;
    display: block;
    max-height: calc(100vh - 32px);
    overflow: auto; }
    #send-points-error .modal-content > h2 {
      margin: 20px 0 8px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 1.5rem;
      text-align: center; }
      @media (max-width: 400px) {
        #send-points-error .modal-content > h2 {
          font-size: 1.3rem; } }
    #send-points-error .modal-content p {
      font-size: 0.875rem;
      line-height: 1.4;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      color: #667085;
      text-align: center; }
    #send-points-error .modal-content .image-back {
      background: #FEF0C7;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; }
    #send-points-error .modal-content .button-group {
      justify-content: center; }
    #send-points-error .modal-content .send-points-error__cancel a {
      color: #ffffff; }

#send-points-cancel {
  padding: 16px;
  max-height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px); }
  #send-points-cancel .modal-content {
    background-color: #fff !important;
    border-radius: 0 30px;
    padding: 20px;
    display: block;
    max-height: calc(100vh - 32px);
    overflow: auto; }
    #send-points-cancel .modal-content > h2 {
      margin: 20px 0 8px;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-size: 1.5rem;
      text-align: center; }
      @media (max-width: 450px) {
        #send-points-cancel .modal-content > h2 {
          font-size: 1rem; } }
    #send-points-cancel .modal-content p {
      font-size: 0.875rem;
      line-height: 1.4;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      color: #667085;
      text-align: center; }
    #send-points-cancel .modal-content .image-back {
      background: #FEF0C7;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; }
    #send-points-cancel .modal-content .button-group {
      justify-content: center; }

@media (min-width: 768px) {
  #anade-familiares .buttons {
    flex-direction: row; }
    #anade-familiares .buttons button.btn-anadir {
      margin-bottom: 0;
      margin-left: 16px; } }

.relatives-card label {
  padding: 16px;
  border: 2px solid #F2F4F7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer; }
  .relatives-card label > img {
    max-width: 64px; }
  .relatives-card label .default-image {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #667085; }

.relatives-card .relative-name {
  margin-left: 12px; }
  .relatives-card .relative-name h3 {
    font-size: 1.125rem;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    line-height: 1.55;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px; }
  .relatives-card .relative-name h6 {
    padding: 2px 7px;
    border-radius: 16px;
    background: #FFFAEB;
    color: #B54708;
    font-size: 0.75rem;
    line-height: 1.5;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 0;
    display: flex;
    align-items: center; }
    .relatives-card .relative-name h6 img {
      margin-left: 5px; }
  .relatives-card .relative-name a {
    margin-top: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    text-decoration: none;
    color: #0c2340; }

.relatives-card.complete input:checked + label {
  border: 2px solid #0c2340; }
  .relatives-card.complete input:checked + label ::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #0c2340;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    right: 16px; }
  .relatives-card.complete input:checked + label ::after {
    content: '';
    width: 5px;
    height: 9px;
    background-color: transparent;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 18px;
    right: 21px;
    transform: rotate(45deg); }
  .relatives-card.complete input:checked + label ::before {
    background-color: #0c2340; }

.relatives-card.complete ::before {
  content: '';
  width: 16px;
  height: 16px;
  border: 1px solid #0c2340;
  border-radius: 4px;
  position: absolute;
  top: 16px;
  right: 16px; }

.relatives-card.complete h6 {
  background: #ECFDF3;
  color: #027A48; }

.relatives-card + .relatives-card {
  margin-top: 16px; }

@media (min-width: 768px) {
  .relatives-card .name h3 {
    margin-right: 8px;
    margin-bottom: 0; } }

#simple-popup {
  padding: 16px; }
  #simple-popup .modal-dialog {
    max-width: 400px; }
  #simple-popup .header .header-icon {
    display: none; }
  #simple-popup .modal-content {
    padding: 20px 16px 16px;
    background-color: #fff !important;
    text-align: center;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    border-radius: 0 30px;
    align-items: center; }
  #simple-popup .icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    #simple-popup .icon-circle.warning-icon-circle {
      background-color: #FEF0C7; }
    #simple-popup .icon-circle.success-icon-circle {
      background-color: #D1FADF; }
  #simple-popup h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    color: #101828;
    margin: 16px 0 10px; }
  #simple-popup p {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    line-height: 1.4;
    color: #667085;
    margin-bottom: 32px; }
  #simple-popup button {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    padding: 10px;
    background-color: #182D4D;
    border: 2px solid #63CFE3;
    width: 100%;
    border-radius: 0 20px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); }
  #simple-popup .form {
    width: 100%; }
    #simple-popup .form.delete-style .buttons button.close-simple-popup {
      background-color: #fff;
      color: #556579;
      box-shadow: none; }
    #simple-popup .form.delete-style .buttons button.action-simple-popup {
      color: #fff;
      background-color: #D92D20 !important;
      border: 1px solid #D92D20 !important; }
    #simple-popup .form.delete-style .buttons button.disabled {
      background: #ccc !important;
      border: 1px solid #ccc !important;
      cursor: not-allowed !important; }
    #simple-popup .form .buttons button.disabled {
      background: #ccc !important;
      border: 1px solid #ccc !important;
      cursor: not-allowed !important; }

#simple-popup-form {
  width: 100%; }

div#simple-popup-form.delete-style .buttons button.close-simple-popup {
  background-color: #fff !important;
  color: #556579 !important;
  box-shadow: none !important; }

div#simple-popup-form.delete-style .buttons button.action-simple-popup {
  color: #fff !important;
  background-color: #D92D20 !important;
  border: 1px solid #D92D20 !important; }

@media (min-width: 768px) {
  #simple-popup .modal-content {
    padding: 24px; } }

#invitation-popup {
  padding: 16px;
  overflow-y: scroll; }
  #invitation-popup .modal-dialog {
    max-width: 400px; }
  #invitation-popup .modal-content {
    background-color: #fff !important;
    border-radius: 0 30px;
    padding: 20px 16px;
    display: block; }
    #invitation-popup .modal-content > h2 {
      margin: 20px 0 8px;
      font-size: 1.5rem;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      color: #0c2340;
      text-transform: initial; }
    #invitation-popup .modal-content p {
      font-size: 0.875rem;
      line-height: 1.4;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      color: #667085;
      text-transform: initial; }
  #invitation-popup .invitation {
    margin-top: 16px;
    padding: 16px;
    border: 2px solid #0c2340;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #invitation-popup .invitation .details {
      display: flex;
      align-items: center; }
      #invitation-popup .invitation .details > img {
        max-width: 64px; }
    #invitation-popup .invitation .default-image {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background-color: #667085; }
  #invitation-popup .name {
    margin-left: 12px;
    margin-right: 20px; }
    #invitation-popup .name h3 {
      font-size: 1.125rem;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      line-height: 1.55;
      margin-bottom: 2px;
      text-transform: initial;
      color: #0c2340; }
    #invitation-popup .name h6 {
      padding: 2px 7px;
      border-radius: 16px;
      background: #ECFDF3;
      color: #027A48;
      font-size: 0.75rem;
      line-height: 1.5;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      margin-bottom: 0;
      display: flex;
      align-items: center;
      text-transform: initial; }
      #invitation-popup .name h6 img {
        margin-left: 5px; }
  #invitation-popup .radio-button {
    position: relative; }
    #invitation-popup .radio-button label {
      font-size: 0.875rem;
      color: #0c2340;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      margin-bottom: 0;
      width: 84px;
      display: flex;
      align-items: center;
      cursor: pointer;
      text-transform: initial; }
      #invitation-popup .radio-button label::before {
        content: '';
        width: 16px;
        height: 16px;
        border: 1px solid #0c2340;
        border-radius: 4px;
        position: absolute;
        right: 0; }
    #invitation-popup .radio-button input:checked + label::before {
      background-color: #0c2340; }
    #invitation-popup .radio-button input:checked + label::after {
      content: '';
      width: 5px;
      height: 9px;
      background-color: transparent;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      position: absolute;
      right: 5px;
      top: 4px;
      transform: rotate(45deg); }
    #invitation-popup .radio-button + .radio-button {
      margin-top: 10px; }
  #invitation-popup button {
    font-size: 1rem;
    margin-top: 24px;
    padding: 10px 18px;
    border-radius: 0 20px;
    font-weight: 500;
    width: 100%;
    color: #fff;
    background-color: #dd4814; }

@media (min-width: 1280px) {
  #invitation-popup .modal-content {
    padding: 24px; } }

#privacy-popup {
  padding: 16px;
  max-height: 100vh;
  overflow: auto; }
  #privacy-popup .modal-dialog {
    max-width: 400px;
    margin: 0 auto !important; }
  #privacy-popup .modal-content {
    background-color: #fff !important;
    border-radius: 0 30px;
    padding: 20px 16px;
    display: flex;
    max-height: calc(100vh - 32px);
    overflow: auto;
    flex-direction: column;
    align-items: center;
    text-align: center; }
  #privacy-popup h2 {
    margin: 16px 0 0;
    font-size: 1.5rem;
    line-height: 1.33;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  #privacy-popup p {
    margin: 8px 0;
    font-size: 0.875rem;
    line-height: 1.4;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    color: #667085; }
  #privacy-popup label {
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
    text-align: left;
    margin-bottom: 24px;
    padding-left: 32px;
    position: relative;
    cursor: pointer; }
    #privacy-popup label::before {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 5px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      border: 1px solid #0c2340; }
  #privacy-popup input:checked + label::after {
    content: '';
    width: 6px;
    height: 11px;
    background-color: transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 45%;
    left: 3px;
    transform: rotate(45deg) translateY(-50%); }
  #privacy-popup input:checked + label::before {
    background-color: #182D4D; }
  #privacy-popup button {
    padding: 10px;
    width: 100%;
    background-color: #182D4D;
    border: 2px solid #63CFE3;
    border-radius: 0 20px;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }

@media (min-width: 768px) {
  #privacy-popup .modal-content {
    padding: 24px; } }

.js-privacyAccept-loading {
  z-index: 152;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 400px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: white; }
  .js-privacyAccept-loading.flex {
    flex: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
  .js-privacyAccept-loading h1 {
    flex: 100%;
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 24px;
    color: #101828;
    margin: 0;
    padding: 0; }
  .js-privacyAccept-loading .description {
    flex: 100%;
    font-family: 'Klavika-Light';
    font-weight: 300;
    font-size: 14px;
    color: #667085;
    margin: 0; }
  .js-privacyAccept-loading .center {
    margin: 0 auto;
    text-align: center; }

.faqs_title {
  position: relative;
  background: #0c2340;
  height: 300px; }
  .faqs_title h1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 8%;
    padding: 0;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.02em;
    color: white; }

.faqs_container {
  background-color: white;
  padding: 52px 0;
  padding: 52px 10px; }
  @media (min-width: 768px) {
    .faqs_container {
      padding: 80px; } }
  .faqs_container_title {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 0.02em;
    color: #0c2340; }
  .faqs_container .topic {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    line-height: 30px;
    padding: 10px 20px;
    margin: 0;
    cursor: pointer; }
  .faqs_container .topic-active {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  .faqs_container .faqs_questions_container {
    padding: 5px; }
  .faqs_container .faqs_questions div.question {
    position: relative; }
  .faqs_container .faqs_questions input {
    position: absolute;
    opacity: 0;
    visibility: hidden; }
  .faqs_container .faqs_questions h4 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    padding: 15px 75px 15px 15px;
    margin: 0;
    line-height: 28px;
    font-weight: 600;
    font-size: 18px; }
  .faqs_container .faqs_questions label {
    position: relative;
    display: flex;
    align-items: center; }
  .faqs_container .faqs_questions .answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0s; }
    .faqs_container .faqs_questions .answer p {
      padding: 0 65px 15px 15px;
      margin: 0;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      color: #0c2340; }
    .faqs_container .faqs_questions .answer a {
      text-decoration: underline; }
    .faqs_container .faqs_questions .answer b {
      font-weight: 600;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  .faqs_container .faqs_questions input:checked ~ h4 ~ .answer {
    max-height: 1000px; }
  @media (min-width: 1280px) {
    .faqs_container .faqs_questions .faqs_questions_container {
      border: 2px solid #63cfe3;
      border-radius: 0 30px; } }
  .faqs_container .faqs_questions .icon {
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 30px;
    width: 25px;
    height: 25px;
    margin: 0;
    z-index: 1;
    background-image: url("../img/icons/openanswer.svg");
    background-size: contain;
    filter: invert(24%) sepia(50%) saturate(2552%) hue-rotate(192deg) brightness(24%) contrast(103%); }
    .faqs_container .faqs_questions .icon-closeanswer {
      background-image: url("../img/icons/closeanswer.svg") !important; }
  @media (min-width: 1280px) {
    .faqs_container .dropdownfaqs-container {
      display: none; } }
  .faqs_container .dropdownfaqs {
    width: 90%;
    min-width: 350px;
    display: inline-block;
    background-color: white;
    transition: all 0.5s ease;
    position: relative;
    font-size: 14px;
    color: #0c2340;
    height: 100%;
    text-align: left;
    border: solid 1px #eaecf0;
    border-radius: 7px;
    margin: 15px; }
    .faqs_container .dropdownfaqs .select {
      cursor: pointer;
      display: block;
      padding: 20px 55px 20px 15px; }
      .faqs_container .dropdownfaqs .select span {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 16px;
        line-height: 24px; }
    .faqs_container .dropdownfaqs:hover {
      box-shadow: 0 0 4px #cccccc; }
    .faqs_container .dropdownfaqs:active {
      background-color: #f8f8f8; }
    .faqs_container .dropdownfaqs .active:hover,
    .faqs_container .dropdownfaqs .active {
      box-shadow: 0 0 4px #cccccc;
      border-radius: 2px 2px 0 0;
      background-color: #f8f8f8; }
    .faqs_container .dropdownfaqs .dropdown-menu {
      position: absolute;
      background-color: white;
      width: 100%;
      left: 0;
      margin-top: 1px;
      box-shadow: 0 1px 2px #cccccc;
      border-radius: 0 1px 2px 2px;
      overflow: hidden;
      display: none;
      padding: 0;
      list-style: none;
      z-index: 9; }
      .faqs_container .dropdownfaqs .dropdown-menu li {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        padding: 15px;
        transition: all 0.2s ease-in-out;
        cursor: pointer; }
        .faqs_container .dropdownfaqs .dropdown-menu li:hover {
          background-color: #f2f2f2; }
        .faqs_container .dropdownfaqs .dropdown-menu li:active {
          background-color: #e2e2e2; }
    .faqs_container .dropdownfaqs::after {
      content: "";
      position: absolute;
      cursor: pointer;
      top: 25px;
      right: 25px;
      width: 0.6rem;
      height: 0.6rem;
      border-bottom: 2.5px solid currentColor;
      border-left: 2.5px solid currentColor;
      border-bottom-left-radius: 2px;
      transform: rotate(-45deg); }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.title-banner-content .t-uppercase {
  text-transform: uppercase; }

.title-banner-content .title-banner-light {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-size: 40px;
  line-height: 40px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #0c2340;
  text-align: center;
  font-weight: 100; }
  @media (min-width: 768px) {
    .title-banner-content .title-banner-light {
      font-size: 50px;
      line-height: 50px; } }

.title-banner-content .title-banner-bold {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 40px;
  line-height: 40px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #0c2340;
  text-align: center; }
  @media (min-width: 768px) {
    .title-banner-content .title-banner-bold {
      font-size: 50px;
      line-height: 50px; } }

.title-banner-content.negative .title-banner-light {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-size: 40px;
  line-height: 40px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-weight: 100; }
  @media (min-width: 768px) {
    .title-banner-content.negative .title-banner-light {
      font-size: 50px;
      line-height: 50px; } }

.title-banner-content.negative .title-banner-bold {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 40px;
  line-height: 40px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fff;
  text-align: center; }
  @media (min-width: 768px) {
    .title-banner-content.negative .title-banner-bold {
      font-size: 50px;
      line-height: 50px; } }

.text-banners-content .text-banner {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 27px;
  line-height: 30px;
  letter-spacing: normal;
  color: #0c2340;
  text-align: center; }

.text-banners-content.negative .text-banner {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 27px;
  line-height: 30px;
  letter-spacing: normal;
  color: #fff;
  text-align: center; }

.title-one-content .t-uppercase {
  text-transform: uppercase; }

.title-one-content .title-one-light {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #0c2340;
  text-align: center;
  font-weight: 100; }
  @media (min-width: 768px) {
    .title-one-content .title-one-light {
      font-size: 30px;
      line-height: 30px; } }

.title-one-content .title-one-bold {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #0c2340;
  text-align: center; }
  @media (min-width: 768px) {
    .title-one-content .title-one-bold {
      font-size: 30px;
      line-height: 30px; } }

.title-one-content.negative .title-one-light {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-weight: 100; }
  @media (min-width: 768px) {
    .title-one-content.negative .title-one-light {
      font-size: 30px;
      line-height: 30px; } }

.title-one-content.negative .title-one-bold {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fff;
  text-align: center; }
  @media (min-width: 768px) {
    .title-one-content.negative .title-one-bold {
      font-size: 30px;
      line-height: 30px; } }

.subtitle-content .t-uppercase {
  text-transform: uppercase; }

.subtitle-content .t-lowercase {
  text-transform: lowercase; }

.subtitle-content .subtitle-light {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: normal;
  color: #0c2340;
  text-align: center;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 100; }

.subtitle-content .subtitle-bold {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: normal;
  color: #0c2340;
  text-align: center;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 600; }

.subtitle-content.negative .subtitle-light {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 100; }

.subtitle-content.negative .subtitle-bold {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 600; }

.text-one-content .text-one {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 22px;
  line-height: 30px;
  letter-spacing: normal;
  color: #0c2340;
  text-align: center; }

.text-one-content.negative .text-one {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 22px;
  line-height: 30px;
  letter-spacing: normal;
  color: #fff;
  text-align: center; }

.text-two-content .text-two {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 15px;
  line-height: 17px;
  letter-spacing: normal;
  color: #0c2340;
  text-align: center; }

.text-two-content.negative .text-two {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 15px;
  line-height: 17px;
  letter-spacing: normal;
  color: #fff;
  text-align: center; }

.text-three-content .text-three {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: #0c2340;
  text-align: center; }

.text-three-content.negative .text-three {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: #fff;
  text-align: center; }

.product-label-content .product-label {
  color: #0c2340;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
  text-transform: uppercase;
  text-align: center; }

.product-label-content.negative .product-label {
  color: #fff;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
  text-transform: uppercase;
  text-align: center; }

.title-with-line-content {
  padding: 0 16px; }
  .title-with-line-content .title-with-line {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #0c2340;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 5px;
    font-weight: 100; }
  .title-with-line-content::after {
    display: block;
    content: "";
    left: 50%;
    bottom: 10px;
    border-bottom: 2px solid #ff8300;
    border-right: 2px solid #ff8300;
    border-radius: 0 0 30px;
    position: relative;
    width: calc(100% + 16px);
    height: 16px;
    transform: translateX(-50%); }
  .title-with-line-content .title-with-line-bold {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    color: #0c2340;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 5px;
    font-weight: 600; }
  .title-with-line-content.negative .title-with-line {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 5px; }
  .title-with-line-content.negative .title-with-line-bold {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 5px; }

.button-one-content {
  height: 60px;
  padding: 0 40px;
  background-color: #0c2340;
  border-radius: 0 20px;
  transition: transform 0.2s;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  display: flex;
  align-items: center; }
  .button-one-content:hover {
    transform: scale(1.05); }
  .button-one-content .button-one {
    font-size: 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    width: 100%; }
    .button-one-content .button-one:visited {
      color: #fff; }

.button-two-content {
  height: 30px;
  padding: 0 20px;
  background-color: #0c2340;
  border-radius: 0 15px;
  transition: transform 0.2s;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  display: flex;
  align-items: center; }
  .button-two-content.registerButton {
    height: 3em; }
  .button-two-content.white {
    background-color: #fff; }
  .button-two-content:hover {
    transform: scale(1.05); }
  .button-two-content.negative {
    background-color: #ff8300; }
  .button-two-content .button-two {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    width: 100%;
    text-transform: uppercase; }
    .button-two-content .button-two:visited {
      color: #fff; }

.button-two-content-menu {
  outline: 2px solid white;
  height: 30px;
  padding: 0 20px;
  background-color: #0c2340;
  border-radius: 0 15px;
  transition: transform 0.2s;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  display: flex;
  align-items: center; }
  .button-two-content-menu.white {
    background-color: #fff;
    height: 32px; }
  .button-two-content-menu:hover {
    transform: scale(1.05); }
  .button-two-content-menu .button-two-menu {
    font-size: 15px;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase; }
    .button-two-content-menu .button-two-menu:focus {
      outline: none; }
    .button-two-content-menu .button-two-menu.textWhite {
      color: #fff; }
    .button-two-content-menu .button-two-menu.textBrandColor {
      color: #0c2340; }
    .button-two-content-menu .button-two-menu:visited {
      color: #000; }

.userButtonLogged {
  text-shadow: 1px 1px #fff;
  border-radius: 0 15px;
  transition: transform 0.2s;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  display: flex;
  align-items: end; }
  .userButtonLogged.open {
    border-radius: 0px 10px; }
    @media (min-width: 1280px) {
      .userButtonLogged.open {
        background: #ffffff29; } }
  .userButtonLogged.search {
    display: none; }
  .userButtonLogged:focus {
    outline: none; }

.button-notifications {
  padding: 7px 14px; }
  .button-notifications.open {
    background: #ffffff29;
    border-radius: 0px 10px; }

svg.feather.feather-bell {
  stroke: white; }

.col.name {
  align-self: center;
  font-size: 16px; }

.menuLogin,
.menuNotifications {
  display: none; }
  .menuLogin.open,
  .menuNotifications.open {
    display: block; }

.menu-login-section {
  max-width: 1280px;
  margin: 0 auto; }

.floating-menu {
  background: #fff;
  padding: 20px;
  z-index: 154;
  position: absolute;
  top: 0;
  right: 8px;
  border-radius: 5px;
  width: 283px;
  box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); }
  @media (max-width: 1279px) {
    .floating-menu {
      right: 0;
      width: 100%;
      border-radius: initial;
      overflow-y: auto; } }
  .floating-menu .floating-menu-notifications {
    display: none; }
    @media (max-width: 1279px) {
      .floating-menu .floating-menu-notifications {
        display: block; } }

.menu-wrapper {
  z-index: 999;
  top: 50px;
  right: 0;
  position: absolute;
  max-width: none; }
  @media (max-width: 1279px) {
    .menu-wrapper {
      position: fixed;
      top: 114px;
      left: 0;
      right: 0; } }

.avatar-mini {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%; }
  @media (max-width: 1279px) {
    .avatar-mini {
      width: 32px;
      height: 32px; } }

.avatar {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer; }

.user-name-menu {
  font-family: 'Klavika-Bold';
  font-size: 18px; }

.floating-menu-option-profile {
  display: flex;
  align-items: center;
  gap: 12px; }

hr.solid {
  border-top: 1px solid #0C2340;
  opacity: 0.05; }

.menu-options {
  font-size: 18px;
  font-family: 'Klavika-Regular';
  font-weight: 600; }

.menu-options-row.last {
  border-top: 1px solid #EAECF0;
  margin-top: 8px; }
  .menu-options-row.last .group {
    padding: 16px 12px 0 12px; }

.menu-options-row .group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px; }
  .menu-options-row .group .svg-wrapper.svg-icon-profile-menu {
    display: flex; }
  .menu-options-row .group .left {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    outline: none; }
    .menu-options-row .group .left span {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #0c2340; }

.menu-options-row.club-advance {
  padding: 0; }
  .menu-options-row.club-advance .group:not(.collapsed) {
    background: #F2F4F7; }
    .menu-options-row.club-advance .group:not(.collapsed) .arrow-icon {
      transform: rotate(-180deg); }
    .menu-options-row.club-advance .group:not(.collapsed) + #submenu {
      background: #F2F4F7; }
  .menu-options-row.club-advance .group .arrow-icon {
    cursor: pointer;
    transition: all 0.2s; }
  .menu-options-row.club-advance #submenu {
    border-top: 1px solid #EAECF0; }
    .menu-options-row.club-advance #submenu .flex {
      display: flex;
      flex-direction: column;
      padding: 12px 24px;
      gap: 12px;
      list-style: none; }
      .menu-options-row.club-advance #submenu .flex a {
        display: flex;
        align-items: center;
        gap: 14px; }
        .menu-options-row.club-advance #submenu .flex a span {
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-weight: 600;
          font-size: 18px;
          line-height: 28px;
          color: #32455E; }

.button-icon-content {
  height: 30px;
  padding: 0 20px;
  background-color: #0c2340;
  border-radius: 0 15px;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  text-align: center;
  display: flex;
  align-items: center; }
  .button-icon-content .button-icon {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center; }
    .button-icon-content .button-icon:visited {
      color: #fff; }
    .button-icon-content .button-icon .icon::before {
      font-size: 23px;
      margin-right: 10px; }

.vetsClinics {
  align-items: center;
  text-align: center;
  font-size: 14px;
  margin: 0; }

.selection-buttons-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .selection-buttons-content .label-selection-button {
    background-color: #fff;
    color: #0c2340;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    text-align: center;
    padding: 0 40px;
    height: 50px;
    border: 2px solid #0c2340;
    display: flex;
    align-items: center;
    max-width: 196px; }
    .selection-buttons-content .label-selection-button.selected {
      background-color: #0c2340;
      color: #fff; }
    .selection-buttons-content .label-selection-button:first-child {
      border-radius: 0 0 0 20px; }
    .selection-buttons-content .label-selection-button:nth-child(2) {
      border-radius: 0 20px 0 0; }
    .selection-buttons-content .label-selection-button:hover {
      cursor: pointer; }

.form-control.is-invalid ~ .invalid-feedback {
  position: inherit; }

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

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

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

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

.icon-icn-arrowx-2::before {
  content: "\e904"; }

.icon-icn-asesor-nut::before {
  content: "\e905"; }

.icon-icn-cat-fill::before {
  content: "\e906"; }

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

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

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

.icon-icn-dog-fill::before {
  content: "\e90a"; }

.icon-icn-dog-fill-1::before {
  content: "\e90b"; }

.icon-icn-dog-fill-2::before {
  content: "\e90c"; }

.icon-icn-dog-fill-3::before {
  content: "\e90d"; }

.icon-icn-fb::before {
  content: "\e90e"; }

.icon-icn-food::before {
  content: "\e90f"; }

.icon-icn-idioma::before {
  content: "\e910"; }

.icon-icn-ig::before {
  content: "\e911"; }

.icon-icn-loc::before {
  content: "\e912"; }

.icon-icn-mi-cuenta::before {
  content: "\e913"; }

.icon-icn-pack-1::before {
  content: "\e914"; }

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

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

.icon-icn-sanck::before {
  content: "\e917"; }

.icon-icn-satar-fill::before {
  content: "\e918"; }

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

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

.icon-icn-shop::before {
  content: "\e91b"; }

.icon-icn-shoponline::before {
  content: "\e91c"; }

.icon-icn-star-line::before {
  content: "\e91d"; }

.icon-icn-sugerencias::before {
  content: "\e91e"; }

.icon-icn-tienda-online::before {
  content: "\e91f"; }

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

.icon-icn-weight::before {
  content: "\e921"; }

.icon-icn-yt::before {
  content: "\e922"; }

.icon-icn-menu-close::before {
  content: "\e923"; }

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

.icon-icn-store-locator::before {
  content: "\e925"; }

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

.icon-icn-eye-disabled::before {
  content: "\e927"; }

.icon-icn-loc-2::before {
  content: "\e928"; }

.icon-icn-loc-1::before {
  content: "\e929"; }

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

.icon-icn-consultas1::before {
  content: "\e92b"; }

.icon-icn-familia::before {
  content: "\e92c"; }

.icon-icn-perfil::before {
  content: "\e92d"; }

.icon-icn-favoritos::before {
  content: "\e92e"; }

.icon-ico-cat-nonsterilized::before {
  content: "\e92f"; }

.icon-ico-cat-sterilized::before {
  content: "\e930"; }

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1; }

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat); }

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2); }

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3); }

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay); }

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2); }

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3); }

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4); }

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5); }

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2); }

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8); }

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2); }

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3); }

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; }
  .animate__animated[class*=Out] {
    opacity: 0; } }

@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX; }

@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown; }

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft; }

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight; }

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp; }

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: .7; } }

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: .7; } }

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown; }

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; } }

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; } }

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft; }

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; } }

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; } }

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight; }

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: .7; } }

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: .7; } }

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft; }

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight; }

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft; }

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft; }

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight; }

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight; }

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.club-advance-dashboard .grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 52px;
  max-width: 1312px;
  margin: 0 auto;
  padding: 52px 16px; }
  @media (min-width: 1080px) and (max-width: 1312px) {
    .club-advance-dashboard .grid {
      padding: 52px 48px; } }
  .club-advance-dashboard .grid .tickets {
    width: 100%; }
    .club-advance-dashboard .grid .tickets .tickets-dashboard-title-txt {
      display: none; }
  @media (min-width: 1080px) {
    .club-advance-dashboard .grid {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 64px;
      column-gap: 5%;
      padding-top: 80px;
      padding-bottom: 100px; }
      .club-advance-dashboard .grid .tickets {
        grid-row: 1; }
      .club-advance-dashboard .grid .achievements {
        grid-row: 1/4; } }
  .club-advance-dashboard .grid .awards {
    margin: initial; }
    .club-advance-dashboard .grid .awards .my-awards h2 {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700;
      font-size: 30px;
      line-height: 38px;
      color: #0c2340;
      margin-bottom: 8px; }
    .club-advance-dashboard .grid .awards .my-awards > p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #556579;
      margin-bottom: 32px; }
    @media (max-width: 768px) {
      .club-advance-dashboard .grid .awards .my-awards .swiper {
        overflow: hidden;
        margin: 0 -16px 22px -16px;
        padding: 0 16px; } }
    @media (min-width: 769px) {
      .club-advance-dashboard .grid .awards .my-awards .swiper .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        transform: none !important;
        margin-bottom: 32px; } }
    .club-advance-dashboard .grid .awards .my-awards .swiper .swiper-wrapper .swiper-slide {
      width: 75vw !important;
      height: auto; }
      @media (min-width: 769px) {
        .club-advance-dashboard .grid .awards .my-awards .swiper .swiper-wrapper .swiper-slide {
          width: initial !important;
          margin: 0 !important; } }
    .club-advance-dashboard .grid .awards .my-awards .swiper .swiper-pagination {
      position: relative;
      bottom: 0; }
      @media (min-width: 769px) {
        .club-advance-dashboard .grid .awards .my-awards .swiper .swiper-pagination {
          display: none; } }
      .club-advance-dashboard .grid .awards .my-awards .swiper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 6px;
        width: 8px;
        height: 8px;
        background: #D0D5DD; }
        .club-advance-dashboard .grid .awards .my-awards .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #0c2340; }
    @media (min-width: 769px) {
      .club-advance-dashboard .grid .awards .my-awards a {
        display: inline-flex;
        min-width: 217px; } }
    .club-advance-dashboard .grid .awards .my-awards .award-card-container {
      box-sizing: border-box;
      align-items: center;
      padding: 20px;
      gap: 20px;
      width: fit-content;
      max-width: 280px;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
      width: 100%;
      height: 100%; }
      @media (max-width: 1079px) {
        .club-advance-dashboard .grid .awards .my-awards .award-card-container {
          max-width: 100%;
          width: 100%; } }
      .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info .default-image {
          border-radius: 5px;
          background-color: #0c2340;
          width: 100%;
          height: 128px;
          margin-bottom: 20px; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info img {
          max-width: 100%;
          border-radius: 5px;
          margin-bottom: 22px; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info .text {
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info .points-number {
          align-self: center;
          font-size: 14px; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info .total-points {
          margin-bottom: 8px; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info .card-award-title {
          font-size: 18px;
          line-height: 28px;
          color: #0c2340;
          margin-bottom: 5px; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info .card-award-description {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-size: 16px;
          font-weight: 300;
          line-height: 24px;
          color: #556579;
          text-align: center;
          margin-bottom: 20px; }
        .club-advance-dashboard .grid .awards .my-awards .award-card-container .award-card-info .custom-button.disabled {
          color: #fff; }

.reward-iban-popup {
  display: none;
  z-index: 154;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 32px 24px 24px;
  width: calc(100vw - 32px);
  max-width: 480px;
  border-radius: 0px 30px;
  background: #fff; }
  @media (max-width: 768px) {
    .reward-iban-popup {
      padding: 24px 16px 16px; } }
  .reward-iban-popup h1 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #101828;
    margin-bottom: 8px; }
  .reward-iban-popup p {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    margin-bottom: 32px; }
  .reward-iban-popup .iban {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
    border-radius: 5px;
    margin-bottom: 32px; }
    .reward-iban-popup .iban span {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #556579; }
    .reward-iban-popup .iban img {
      cursor: pointer; }
  .reward-iban-popup .custom-button:not(.large) {
    width: 50%; }
    @media (max-width: 768px) {
      .reward-iban-popup .custom-button:not(.large) {
        width: 100%; } }

.confirmation-ticket-popup {
  display: none;
  z-index: 152;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 400px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 0px 30px;
  background: #fff; }
  @media (max-width: 768px) {
    .confirmation-ticket-popup {
      width: calc(100vw - 32px);
      padding: 16px; } }
  .confirmation-ticket-popup .back {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px; }
    .confirmation-ticket-popup .back img {
      cursor: pointer; }
    .confirmation-ticket-popup .back span {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #101828;
      cursor: pointer; }
  .confirmation-ticket-popup .icon {
    margin-bottom: 8px; }
  .confirmation-ticket-popup h1 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #101828;
    margin-bottom: 8px;
    margin-top: 8px; }
    .confirmation-ticket-popup h1 + p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #667085;
      margin-bottom: 32px; }
      @media (max-width: 768px) {
        .confirmation-ticket-popup h1 + p {
          margin-bottom: 24px; } }
  .confirmation-ticket-popup .date {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    margin-bottom: 4px; }
  .confirmation-ticket-popup .date-info {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .confirmation-ticket-popup .date-info {
        margin-bottom: 24px; } }
  .confirmation-ticket-popup .button-group {
    margin-bottom: 20px; }
  .confirmation-ticket-popup .image-success {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #D1FADF;
    display: flex;
    align-items: center;
    justify-content: center; }

.reject-ticket-popup {
  display: none;
  z-index: 152;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 24px;
  max-width: 400px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 0px 30px;
  background: #fff;
  text-align: center; }
  @media (max-width: 768px) {
    .reject-ticket-popup {
      width: calc(100vw - 32px);
      padding: 16px; } }
  .reject-ticket-popup img {
    margin-bottom: 20px; }
  .reject-ticket-popup h1 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #101828;
    margin-bottom: 8px;
    margin-top: 20px; }
    .reject-ticket-popup h1 + p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      color: #667085;
      margin-bottom: 32px; }
      @media (max-width: 768px) {
        .reject-ticket-popup h1 + p {
          margin-bottom: 24px; } }
  .reject-ticket-popup .image-pending {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #E7E9EC;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; }
  .reject-ticket-popup .image-warning {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FEF0C7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; }
  .reject-ticket-popup .custom-button {
    padding: 0 10px; }

.club-banner {
  background: url("../img/advance-club-banner.jpg") left center no-repeat;
  background-size: cover;
  min-height: 360px;
  position: relative;
  text-align: center; }
  .club-banner #breadcrumbs a {
    color: #fff; }
  .club-banner #breadcrumbs svg {
    margin-right: 12px; }
  .club-banner .text-part {
    max-width: 1312px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px; }
  .club-banner h1 {
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.25;
    letter-spacing: -2%;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    margin-top: 32px; }
  .club-banner p {
    margin-top: 4px;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.55;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    margin-bottom: 20px;
    max-width: 455px; }
  .club-banner .custom-button {
    width: 100%; }

.white-border {
  border: 2px solid #fff;
  color: #fff; }

@media (min-width: 544px) {
  .club-banner .custom-button {
    width: auto; } }

@media (min-width: 768px) {
  .club-banner {
    min-height: 390px;
    text-align: left; }
    .club-banner .text-part {
      align-items: flex-start; }
    .club-banner h1 {
      font-size: 3rem; } }

@media (min-width: 1450px) {
  .club-banner {
    min-height: 435px; }
    .club-banner h1 {
      margin-top: 62px; } }

.club-advance-dashboard .my-achievements h2 {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
  color: #0C2340;
  margin-bottom: 8px; }

.club-advance-dashboard .my-achievements > p {
  font-family: 'Klavika-Light';
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #556579;
  margin-bottom: 32px; }
  @media (max-width: 768px) {
    .club-advance-dashboard .my-achievements > p {
      margin-bottom: 20px; } }

.club-advance-dashboard .my-achievements .flex {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px; }
  @media (max-width: 768px) {
    .club-advance-dashboard .my-achievements .flex {
      margin-bottom: 20px; } }

.club-advance-dashboard .my-achievements .button-group .custom-button {
  order: initial;
  min-width: 210px; }

.total-points {
  display: flex;
  align-items: center; }
  .total-points.negative span {
    color: #9EA7B3; }
  .total-points.negative .loyalty-coin .outside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
    .total-points.negative .loyalty-coin .outside-circle .inside-circle {
      background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
  .total-points span {
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FF8300; }
  .total-points .loyalty-coin {
    margin: 0 3px; }
    .total-points .loyalty-coin .outside-circle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 13px;
      height: 13px;
      background: linear-gradient(267.73deg, #FFAA51 2.11%, #FF8300 96.2%);
      border-radius: 100%;
      box-sizing: initial; }
      .total-points .loyalty-coin .outside-circle .inside-circle {
        position: relative;
        border: thin solid #FFFFFF;
        z-index: 1;
        width: 9px;
        height: 9px;
        background: linear-gradient(267.73deg, #FFAA51 2.11%, #FF8300 96.2%);
        border-radius: 100%;
        box-sizing: initial; }
        .total-points .loyalty-coin .outside-circle .inside-circle svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }

.action-points {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  width: 100%;
  background: #F9FAFB;
  border: 1px solid #EAECF0;
  border-radius: 5px; }
  @media (max-width: 768px) {
    .action-points {
      align-items: flex-start;
      padding: 16px;
      gap: 12px; } }
  .action-points:not(:last-child) {
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .action-points:not(:last-child) {
        margin-bottom: 16px; } }
  .action-points.pending .title {
    color: #7A8696; }
  .action-points.pending .total-points .outside-circle,
  .action-points.pending .total-points .inside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
  .action-points.pending .total-points span {
    color: #9EA7B3; }
  .action-points.pending > svg {
    opacity: 0.3; }
  .action-points.completed .title {
    color: #0C2340; }
  .action-points.completed .total-points span {
    color: #FF8300; }
  .action-points > svg {
    object-fit: contain;
    min-width: 85px;
    min-height: 85px; }
    @media (max-width: 768px) {
      .action-points > svg {
        min-width: 49px;
        min-height: 49px;
        width: 49px;
        height: 49px; } }
  .action-points .info {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    width: 100%; }
    @media (max-width: 768px) {
      .action-points .info {
        flex-direction: column;
        gap: 8px; } }
    .action-points .info.center {
      align-items: center; }
      @media (max-width: 768px) {
        .action-points .info.center {
          align-items: flex-start; } }
    .action-points .info .title {
      font-family: 'Klavika-Bold';
      font-weight: 700;
      font-size: 19px;
      line-height: 27px; }
      @media (max-width: 768px) {
        .action-points .info .title {
          font-size: 18px;
          line-height: 28px; } }
    .action-points .info p {
      font-family: 'Klavika-Light';
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #32455E;
      margin: 0;
      padding: 0; }
      @media (max-width: 768px) {
        .action-points .info p {
          font-size: 14px;
          line-height: 20px; } }
    .action-points .info .group {
      display: flex;
      flex-direction: column; }
    .action-points .info .plus-info {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      @media (max-width: 768px) {
        .action-points .info .plus-info {
          flex-direction: row;
          justify-content: right;
          gap: 12px; } }
      .action-points .info .plus-info a {
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #0C2340;
        white-space: nowrap; }
      .action-points .info .plus-info .pill {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 6px;
        gap: 4px;
        min-width: 82px;
        height: 22px;
        border-radius: 16px; }
        .action-points .info .plus-info .pill.pending {
          background: #F2F4F7; }
          .action-points .info .plus-info .pill.pending span {
            color: #344054; }
        .action-points .info .plus-info .pill.completed {
          background: #ECFDF3; }
          .action-points .info .plus-info .pill.completed span {
            color: #027A48; }
        .action-points .info .plus-info .pill span {
          font-family: 'Klavika-Regular';
          font-weight: 600;
          font-size: 12px; }
      .action-points .info .plus-info .total-points {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .action-points .info .plus-info .total-points span {
          font-family: 'Klavika-Bold';
          font-weight: 700;
          font-size: 14px;
          line-height: 20px; }

#private-area-dashboard-container.private-area-guided-tour.private-area-guided-tour-step-3 .action-points {
  position: relative;
  z-index: 152;
  pointer-events: none; }

.club-advance-points {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 54px 16px 88px;
  gap: 32px;
  max-width: 1312px; }
  @media (max-width: 768px) {
    .club-advance-points {
      padding: 32px 0 38px;
      gap: 20px; } }
  .club-advance-points .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px; }
    @media (max-width: 768px) {
      .club-advance-points .top {
        margin: 0 16px; } }
    .club-advance-points .top .left {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .club-advance-points .top .left h1 {
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        letter-spacing: -0.02em;
        color: #0C2340;
        margin: 0;
        text-transform: capitalize; }
        @media (max-width: 768px) {
          .club-advance-points .top .left h1 {
            font-size: 24px;
            line-height: 32px; } }
      .club-advance-points .top .left p {
        font-family: 'Klavika-Light';
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: #556579;
        margin: 0; }
        @media (max-width: 768px) {
          .club-advance-points .top .left p {
            font-size: 14px;
            line-height: 20px; } }
    .club-advance-points .top .right {
      display: flex;
      flex-direction: column;
      min-width: 137px;
      padding: 16px;
      box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
      border-radius: 5px;
      background: #fff; }
      .club-advance-points .top .right p {
        font-family: 'Klavika-Light';
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        color: #475467;
        margin: 0; }
      .club-advance-points .top .right .total-points .loyalty-coin {
        margin: 0 6px;
        transform: scale(1.4); }
      .club-advance-points .top .right .total-points span {
        font-family: 'Klavika-Light';
        font-weight: 300; }
        .club-advance-points .top .right .total-points span.strong {
          font-family: 'Klavika-Bold';
          font-weight: 700;
          font-size: 20.641px;
          line-height: 29px; }
  .club-advance-points .table {
    width: 100%;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    overflow: hidden;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .club-advance-points .table {
        border-radius: 8px;
        border: 1px solid #EAECF0; } }
    .club-advance-points .table .header {
      background: #F9FAFB;
      font-family: 'Klavika-Regular';
      font-weight: 500;
      font-size: 12px;
      color: #667085;
      text-transform: capitalize;
      display: grid;
      grid-template-columns: 100px 65px auto; }
      @media (min-width: 768px) {
        .club-advance-points .table .header {
          grid-template-columns: 120px 120px auto; } }
      .club-advance-points .table .header .th {
        padding: 12px 24px; }
        @media (max-width: 768px) {
          .club-advance-points .table .header .th {
            padding: 12px 16px; } }
        .club-advance-points .table .header .th .flex {
          display: flex;
          align-items: center; }
          .club-advance-points .table .header .th .flex svg {
            margin-left: 7px; }
    .club-advance-points .table .tr {
      height: 72px;
      background: white;
      border-top: 1px solid #EAECF0;
      display: grid;
      grid-template-columns: 100px 65px auto; }
      @media (min-width: 768px) {
        .club-advance-points .table .tr {
          grid-template-columns: 120px 120px auto; } }
      .club-advance-points .table .tr .td {
        padding: 12px 24px;
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          .club-advance-points .table .tr .td {
            padding: 12px 16px; } }
        .club-advance-points .table .tr .td.date {
          font-family: 'Klavika-Regular';
          font-weight: 500;
          font-size: 14px;
          line-height: 20px;
          color: #101828; }
        .club-advance-points .table .tr .td.details {
          font-family: 'Klavika-Light';
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #667085; }
          @media (max-width: 768px) {
            .club-advance-points .table .tr .td.details {
              font-size: 12px;
              line-height: 18px; } }
    .club-advance-points .table div[class^="page"]:not(.active) {
      display: none; }
  .club-advance-points .pagination {
    display: flex;
    justify-content: center;
    padding: 0 15px;
    margin: 0; }
    .club-advance-points .pagination .all-buttons {
      border: 1px solid #D0D5DD;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 10px;
      display: flex;
      background: #fff; }
      .club-advance-points .pagination .all-buttons > button {
        display: flex;
        align-items: center;
        padding: 10px; }
        .club-advance-points .pagination .all-buttons > button span {
          display: none; }
          @media (min-width: 768px) {
            .club-advance-points .pagination .all-buttons > button span {
              display: inline; } }
        .club-advance-points .pagination .all-buttons > button * {
          margin: 0 6px; }
    .club-advance-points .pagination button {
      padding: 10px 16px;
      font-size: 0.875rem;
      line-height: 1.4;
      color: #0c2340;
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      outline: none; }
      .club-advance-points .pagination button.active {
        background: #F2F4F7; }
    .club-advance-points .pagination .page-buttons {
      display: flex; }
      .club-advance-points .pagination .page-buttons button {
        border-right: 1px solid #D0D5DD; }
        .club-advance-points .pagination .page-buttons button:first-child {
          border-left: 1px solid #D0D5DD; }

.action-points {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  width: 100%;
  background: #F9FAFB;
  border: 1px solid #EAECF0;
  border-radius: 5px; }
  @media (max-width: 768px) {
    .action-points {
      align-items: flex-start;
      padding: 16px;
      gap: 12px; } }
  .action-points:not(:last-child) {
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .action-points:not(:last-child) {
        margin-bottom: 16px; } }
  .action-points.pending .title {
    color: #7A8696; }
  .action-points.pending .total-points .outside-circle,
  .action-points.pending .total-points .inside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
  .action-points.pending .total-points span {
    color: #9EA7B3; }
  .action-points.pending > svg {
    opacity: 0.3; }
  .action-points.completed .title {
    color: #0C2340; }
  .action-points.completed .total-points span {
    color: #63CFE3; }
  .action-points > svg {
    object-fit: contain;
    min-width: 85px;
    min-height: 85px; }
    @media (max-width: 768px) {
      .action-points > svg {
        min-width: 49px;
        min-height: 49px;
        width: 49px;
        height: 49px; } }
  .action-points .info {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    width: 100%; }
    @media (max-width: 768px) {
      .action-points .info {
        flex-direction: column;
        gap: 8px; } }
    .action-points .info.center {
      align-items: center; }
      @media (max-width: 768px) {
        .action-points .info.center {
          align-items: flex-start; } }
    .action-points .info .title {
      font-family: 'Klavika-Bold';
      font-weight: 700;
      font-size: 19px;
      line-height: 27px; }
      @media (max-width: 768px) {
        .action-points .info .title {
          font-size: 18px;
          line-height: 28px; } }
    .action-points .info p {
      font-family: 'Klavika-Light';
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #32455E;
      margin: 0;
      padding: 0; }
      @media (max-width: 768px) {
        .action-points .info p {
          font-size: 14px;
          line-height: 20px; } }
    .action-points .info .group {
      display: flex;
      flex-direction: column; }
    .action-points .info .plus-info {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      @media (max-width: 768px) {
        .action-points .info .plus-info {
          flex-direction: row;
          justify-content: right;
          gap: 12px; } }
      .action-points .info .plus-info a {
        font-family: 'Klavika-Bold';
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #0C2340;
        white-space: nowrap; }
      .action-points .info .plus-info .pill {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 6px;
        gap: 4px;
        min-width: 82px;
        height: 22px;
        border-radius: 16px; }
        .action-points .info .plus-info .pill.pending {
          background: #F2F4F7; }
          .action-points .info .plus-info .pill.pending span {
            color: #344054; }
        .action-points .info .plus-info .pill.completed {
          background: #ECFDF3; }
          .action-points .info .plus-info .pill.completed span {
            color: #027A48; }
        .action-points .info .plus-info .pill span {
          font-family: 'Klavika-Regular';
          font-weight: 500;
          font-size: 12px; }
      .action-points .info .plus-info .total-points {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .action-points .info .plus-info .total-points span {
          font-family: 'Klavika-Bold';
          font-weight: 700;
          font-size: 14px;
          line-height: 20px; }

.total-points {
  display: flex;
  align-items: center; }
  .total-points.negative span {
    color: #9EA7B3; }
  .total-points.negative .loyalty-coin .outside-circle {
    background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
    .total-points.negative .loyalty-coin .outside-circle .inside-circle {
      background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%); }
  .total-points span {
    font-family: 'Klavika-Bold';
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #63CFE3; }
  .total-points .loyalty-coin {
    margin: 0 3px; }
    .total-points .loyalty-coin .outside-circle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 13px;
      height: 13px;
      background: linear-gradient(267.73deg, #63CFE3 2.11%, #63CFE3 96.2%);
      border-radius: 100%;
      box-sizing: initial; }
      .total-points .loyalty-coin .outside-circle .inside-circle {
        position: relative;
        border: thin solid #FFFFFF;
        z-index: 1;
        width: 9px;
        height: 9px;
        background: linear-gradient(267.73deg, #63CFE3 2.11%, #63CFE3 96.2%);
        border-radius: 100%;
        box-sizing: initial; }
        .total-points .loyalty-coin .outside-circle .inside-circle svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }

.tickets-dashboard h2 {
  font-size: 1.5rem;
  line-height: 1.33;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  color: #0c2340;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .tickets-dashboard h2 {
      font-size: 1.875rem;
      margin-bottom: 16px; } }

.tickets-dashboard .tickets-inner {
  background: #fff;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px;
  padding: 16px; }
  @media (min-width: 768px) {
    .tickets-dashboard .tickets-inner {
      padding: 24px; } }

.tickets-dashboard .tickets-top {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .tickets-dashboard .tickets-top .image-circle {
    width: 125px;
    min-width: 125px;
    height: 125px;
    border-radius: 50%;
    background: #F2F4F7;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .tickets-dashboard .tickets-top .text {
    text-align: left;
    width: 100%; }
  .tickets-dashboard .tickets-top h3 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    color: #0c2340;
    font-size: 1.125rem;
    line-height: 1.55;
    margin-bottom: 8px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: left; }
    .tickets-dashboard .tickets-top h3 > svg {
      margin-left: 9px; }
  .tickets-dashboard .tickets-top p {
    font-size: 1rem;
    line-height: 1.5;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    margin: 0;
    color: #556579; }
  @media (min-width: 768px) {
    .tickets-dashboard .tickets-top {
      flex-direction: row; }
      .tickets-dashboard .tickets-top .image-circle {
        margin-bottom: 0px;
        margin-right: 24px; }
      .tickets-dashboard .tickets-top h3 {
        font-size: 1.1875rem; } }

.tickets-dashboard .tickets-buttons {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .tickets-dashboard .tickets-buttons {
      display: flex;
      margin-top: 24px; } }
  .tickets-dashboard .tickets-buttons > * {
    width: 100%; }
    .tickets-dashboard .tickets-buttons > * + * {
      margin-top: 8px; }
      @media (min-width: 768px) {
        .tickets-dashboard .tickets-buttons > * + * {
          margin-top: 0;
          margin-left: 12px; } }

#private-area-dashboard-container.private-area-guided-tour.private-area-guided-tour-step-4 .tickets-inner {
  position: relative;
  z-index: 152;
  pointer-events: none; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.achievements .refer-friend-dashboard {
  margin: 0 0 147px 0; }
  @media (min-width: 768px) {
    .achievements .refer-friend-dashboard {
      margin: 0 0 64px 0; } }
  .achievements .refer-friend-dashboard h2 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #0c2340;
    margin-bottom: 16px; }

.points-background .rf-content {
  width: 100%;
  max-width: 1312px;
  margin: 0 auto; }

.points-background .refer-friend-dashboard {
  width: 100%;
  margin-top: 0;
  padding: 0 16px 125px; }
  .points-background .refer-friend-dashboard h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #182D4D;
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .points-background .refer-friend-dashboard h2 {
        font-size: 30px;
        line-height: 38px; } }
  @media (min-width: 1279px) {
    .points-background .refer-friend-dashboard {
      max-width: 580px; } }

.points-background .url-text {
  white-space: nowrap; }

.points-background .club-advance-points .rf-content {
  width: 100%;
  max-width: 1312px;
  margin: 0 auto; }

.points-background .club-advance-points .refer-friend-dashboard {
  padding: 12px 16px 0; }
  @media (min-width: 768px) {
    .points-background .club-advance-points .refer-friend-dashboard {
      padding: 0; } }

.refer-friend-dashboard {
  margin-top: 52px; }
  .refer-friend-dashboard h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #182D4D;
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .refer-friend-dashboard h2 {
        font-size: 27px;
        line-height: 34px; } }
  .refer-friend-dashboard h3 {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    color: #182D4D;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: left; }
    .refer-friend-dashboard h3 > svg {
      margin-left: 9px; }
  .refer-friend-dashboard p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    margin: 0;
    color: #556579; }
  .refer-friend-dashboard .rf-card-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
    background: #fff;
    box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
    border-radius: 5px; }
  .refer-friend-dashboard .rf-card-header {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: center; }
    .refer-friend-dashboard .rf-card-header h3,
    .refer-friend-dashboard .rf-card-header p {
      justify-content: center;
      align-items: center;
      text-align: center; }
  .refer-friend-dashboard .rf-card-buttons {
    display: flex;
    flex-direction: column;
    row-gap: 8px; }
    .refer-friend-dashboard .rf-card-buttons .btn-show-all {
      cursor: pointer;
      text-decoration: none;
      border-radius: 0px 20px;
      padding: 11px;
      box-shadow: 0px 1px 2px 0px #1018280D;
      border: 2px solid #182D4D;
      background: #fff;
      gap: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      transition: transform 0.2s;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
      .refer-friend-dashboard .rf-card-buttons .btn-show-all span {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #182D4D; }
    .refer-friend-dashboard .rf-card-buttons .buttons {
      display: flex;
      flex-direction: row;
      column-gap: 8px;
      position: relative; }
      .refer-friend-dashboard .rf-card-buttons .buttons .btn-copy,
      .refer-friend-dashboard .rf-card-buttons .buttons .btn-share {
        cursor: pointer;
        border-radius: 0px 20px 0px 20px;
        padding: 11px 12px 11px 11px;
        box-shadow: 0px 1px 2px 0px #1018280D;
        border: 2px solid #63CFE3;
        background: #182D4D;
        column-gap: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row-reverse;
        width: calc(50% - 4px);
        transition: transform 0.2s;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
        .refer-friend-dashboard .rf-card-buttons .buttons .btn-copy span,
        .refer-friend-dashboard .rf-card-buttons .buttons .btn-share span {
          font-size: 16px;
          font-weight: 500;
          line-height: 24px;
          letter-spacing: 0em;
          text-align: left;
          color: #fff; }
        .refer-friend-dashboard .rf-card-buttons .buttons .btn-copy .svg-icon-copy-clipboard,
        .refer-friend-dashboard .rf-card-buttons .buttons .btn-share .svg-icon-copy-clipboard {
          width: 17px;
          height: 18px;
          display: flex; }
        .refer-friend-dashboard .rf-card-buttons .buttons .btn-copy .svg-icon-share path,
        .refer-friend-dashboard .rf-card-buttons .buttons .btn-share .svg-icon-share path {
          stroke: #fff; }
      .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        row-gap: 15px;
        position: absolute;
        right: 0;
        left: 0;
        top: -422px;
        z-index: 2; }
        .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-referfriend-close {
          cursor: pointer; }
        .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend {
          display: flex;
          padding: 24px;
          flex-direction: column;
          align-items: center;
          row-gap: 16px;
          align-self: stretch;
          border-radius: 0px 30px;
          background: var(--base-white, #fff);
          box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); }
          .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-header {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            row-gap: 8px;
            align-self: stretch; }
          .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-icons {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            align-content: flex-start;
            align-self: stretch;
            flex-wrap: wrap; }
            .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-icons span {
              cursor: pointer; }
          .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            row-gap: 8px;
            align-self: stretch; }
            .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;
              row-gap: 16px;
              align-self: stretch; }
              .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-url-text {
                display: flex;
                align-self: stretch;
                padding: 10px 14px;
                align-items: center;
                gap: 8px;
                border-radius: 5px;
                border: 1px solid #EAECF0;
                overflow: hidden;
                max-height: 40px;
                text-overflow: clip;
                white-space: nowrap;
                font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
                .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-url-text span {
                  font-size: 16px;
                  font-weight: 300;
                  line-height: 24px;
                  letter-spacing: 0em;
                  text-align: left;
                  color: #667085; }
              .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons {
                display: flex;
                flex-direction: column;
                align-self: stretch; }
                .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons .popup-btn-copy {
                  cursor: pointer;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  padding: 12px 20px;
                  gap: 8px;
                  flex: 1 0 0;
                  border-radius: 0px 20px;
                  border: 2px solid var(--primary-500, #182D4D);
                  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
                  .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons .popup-btn-copy .svg-icon-copy-clipboard {
                    width: 17px;
                    height: 18px;
                    display: flex; }
                    .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons .popup-btn-copy .svg-icon-copy-clipboard .icon-copy-clipboard path {
                      stroke: #182D4D; }
          .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend h2 {
            color: var(--gray-900, #101828);
            text-align: center;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 32px;
            margin: 0; }
          .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend .popup-content-referfriend p {
            color: var(--gray-500, #667085);
            text-align: center;
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
            margin: 0; }
  .refer-friend-dashboard .btn-show-all:hover,
  .refer-friend-dashboard .btn-copy:hover,
  .refer-friend-dashboard .btn-share:hover {
    transform: scale(1.05); }
  .refer-friend-dashboard .url-text {
    border-radius: 5px;
    padding: 7px 13px;
    border: 1px solid #EAECF0;
    overflow: hidden;
    max-height: 40px; }
    .refer-friend-dashboard .url-text span {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 15px;
      font-weight: 300;
      line-height: 22px;
      text-align: left;
      color: #667085;
      word-break: break-all; }
  @media (min-width: 1279px) {
    .refer-friend-dashboard {
      margin-top: 100px; }
      .refer-friend-dashboard .rf-card-header {
        flex-direction: row;
        column-gap: 24px;
        align-items: center; }
        .refer-friend-dashboard .rf-card-header h3,
        .refer-friend-dashboard .rf-card-header p {
          justify-content: start;
          text-align: left; }
      .refer-friend-dashboard .rf-card-buttons {
        display: flex;
        flex-direction: row;
        column-gap: 8px; }
        .refer-friend-dashboard .rf-card-buttons .btn-show-all {
          max-width: 258px; }
        .refer-friend-dashboard .rf-card-buttons .buttons {
          width: 100%;
          min-width: 270px; }
          .refer-friend-dashboard .rf-card-buttons .buttons .popup-wrapper-referfriend {
            top: -468px; } }

.refer-friend-container {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  margin: 144px 0 52px 0; }
  .refer-friend-container .buttons {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    position: relative; }
    .refer-friend-container .buttons .btn-copy {
      cursor: pointer;
      border-radius: 0px 20px 0px 20px;
      padding: 12px 20px 12px 20px;
      box-shadow: 0px 1px 2px 0px #1018280D;
      border: 2px solid #63CFE3;
      background: #182D4D;
      gap: 12px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .refer-friend-container .buttons .btn-copy span {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #fff; }
      .refer-friend-container .buttons .btn-copy .svg-icon-copy-clipboard {
        width: 17px;
        height: 18px;
        display: flex; }
    .refer-friend-container .buttons .btn-share {
      cursor: pointer;
      border-radius: 0px 20px;
      padding: 12px 20px;
      box-shadow: 0px 1px 2px 0px #1018280D;
      border: 2px solid #182D4D;
      background: #fff;
      gap: 12px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .refer-friend-container .buttons .btn-share span {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #182D4D; }
    .refer-friend-container .buttons .popup-wrapper-referfriend {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
      row-gap: 15px;
      position: absolute;
      right: 0;
      left: 0;
      top: 112px;
      z-index: 2; }
      .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        row-gap: 16px;
        align-self: stretch;
        border-radius: 0px 30px;
        background: var(--base-white, #fff);
        box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14); }
        .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-header {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          row-gap: 8px;
          align-self: stretch; }
        .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-icons {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          align-content: flex-start;
          align-self: stretch;
          flex-wrap: wrap; }
          .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-icons span {
            cursor: pointer; }
        .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          row-gap: 8px;
          align-self: stretch; }
          .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            row-gap: 16px;
            align-self: stretch; }
            .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-url-text {
              display: flex;
              align-self: stretch;
              padding: 10px 14px;
              align-items: center;
              gap: 8px;
              border-radius: 5px;
              border: 1px solid #EAECF0;
              overflow: hidden;
              max-height: 40px;
              text-overflow: clip;
              white-space: nowrap; }
              .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-url-text span {
                font-size: 16px;
                font-weight: 300;
                line-height: 24px;
                letter-spacing: 0em;
                text-align: left;
                color: #667085; }
            .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons {
              display: flex;
              flex-direction: column;
              align-self: stretch; }
              .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons .popup-btn-copy {
                cursor: pointer;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 12px 20px;
                gap: 8px;
                flex: 1 0 0;
                border-radius: 0px 20px;
                border: 2px solid var(--primary-500, #182D4D);
                box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
                .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons .popup-btn-copy .svg-icon-copy-clipboard {
                  width: 17px;
                  height: 18px;
                  display: flex; }
                  .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend .popup-share-link .popup-link-url .popup-buttons .popup-btn-copy .svg-icon-copy-clipboard .icon-copy-clipboard path {
                    stroke: #182D4D; }
        .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend h2 {
          color: var(--gray-900, #101828);
          text-align: center;
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: 32px;
          margin: 0; }
        .refer-friend-container .buttons .popup-wrapper-referfriend .popup-content-referfriend p {
          color: var(--gray-500, #667085);
          text-align: center;
          font-size: 14px;
          font-style: normal;
          font-weight: 300;
          line-height: 20px;
          margin: 0; }
  @media (min-width: 1024px) {
    .refer-friend-container {
      row-gap: 64px;
      margin: 140px 100px; }
      .refer-friend-container .buttons {
        flex-direction: row;
        align-items: flex-end;
        column-gap: 8px; }
        .refer-friend-container .buttons .btn-copy,
        .refer-friend-container .buttons .btn-share {
          height: 48px; }
          .refer-friend-container .buttons .btn-copy .btn-copy-text,
          .refer-friend-container .buttons .btn-share .btn-copy-text {
            text-wrap: nowrap; }
        .refer-friend-container .buttons .popup-wrapper-referfriend {
          top: 70px;
          width: 400px; } }

.refer-friend-link-container {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  .refer-friend-link-container .link-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px; }
  .refer-friend-link-container .primary-text {
    color: #101828;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0; }
  .refer-friend-link-container .secondary-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #667085; }
  .refer-friend-link-container .link-url {
    display: flex;
    flex-direction: column;
    row-gap: 16px; }
    .refer-friend-link-container .link-url .url-text {
      border-radius: 5px;
      padding: 10px 14px 10px 14px;
      border: 1px solid #EAECF0;
      overflow: hidden;
      text-overflow: clip;
      white-space: nowrap; }
      .refer-friend-link-container .link-url .url-text span {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #667085; }
  .refer-friend-link-container .badges-wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 16px; }
    .refer-friend-link-container .badges-wrapper .badge-content {
      display: flex;
      flex-direction: column;
      padding: 15px 12px 3px 12px;
      border-radius: 8px;
      flex: 1;
      flex-basis: 0;
      height: 250px;
      justify-content: center;
      align-items: center; }
      .refer-friend-link-container .badges-wrapper .badge-content .badge-header {
        display: flex;
        flex-direction: column;
        row-gap: 8px; }
      .refer-friend-link-container .badges-wrapper .badge-content .badge-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        color: #182D4D;
        margin: 0; }
      .refer-friend-link-container .badges-wrapper .badge-content .badge-description {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        color: #182D4D;
        margin: 0; }
      .refer-friend-link-container .badges-wrapper .badge-content .badge-points {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        column-gap: 5px;
        font-size: 38px;
        font-weight: 700;
        line-height: 55px;
        letter-spacing: 0em;
        text-align: left;
        color: #fff; }
      .refer-friend-link-container .badges-wrapper .badge-content.badge-true-points {
        background: #63CFE3; }
      .refer-friend-link-container .badges-wrapper .badge-content.badge-false-points {
        background: #F9FAFB;
        border-style: dashed;
        border-color: #D0D5DD; }
        .refer-friend-link-container .badges-wrapper .badge-content.badge-false-points .badge-title {
          color: #475467; }
        .refer-friend-link-container .badges-wrapper .badge-content.badge-false-points .badge-description {
          color: #667085; }
  @media (min-width: 1024px) {
    .refer-friend-link-container {
      padding: 0 0;
      flex-direction: row;
      column-gap: 76px; }
      .refer-friend-link-container .link-wrapper {
        row-gap: 32px; }
      .refer-friend-link-container .primary-text {
        font-size: 36px;
        font-weight: 700;
        line-height: 44px;
        letter-spacing: -0.02em;
        margin: 0; }
      .refer-friend-link-container .secondary-text {
        font-size: 18px;
        font-weight: 300;
        line-height: 28px; }
      .refer-friend-link-container .link-url {
        flex-direction: row;
        column-gap: 16px; }
        .refer-friend-link-container .link-url .url-text {
          width: 511px; }
          .refer-friend-link-container .link-url .url-text span {
            font-size: 16px;
            font-weight: 300;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: left;
            color: #667085; } }

.refer-friend-table-container {
  overflow: hidden;
  border: 1px solid #EAECF0; }
  .refer-friend-table-container table {
    width: 100%;
    border-collapse: collapse; }
    .refer-friend-table-container table th,
    .refer-friend-table-container table td {
      text-align: left;
      vertical-align: middle !important;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
    .refer-friend-table-container table thead tr {
      height: 44px;
      background-color: #F9FAFB;
      border-bottom: 1px solid #EAECF0; }
      .refer-friend-table-container table thead tr th {
        padding: 13px 24px;
        font-size: 12px;
        line-height: 18px;
        color: #667085; }
    .refer-friend-table-container table tbody tr {
      height: 72px;
      background-color: #fff;
      border-bottom: none; }
      .refer-friend-table-container table tbody tr.mobile-only {
        padding: 0;
        display: contents; }
    .refer-friend-table-container table tbody th,
    .refer-friend-table-container table tbody td {
      padding: 26px 24px;
      font-size: 14px;
      line-height: 20px; }
    .refer-friend-table-container table tbody th {
      font-weight: 500;
      color: #101828; }
    .refer-friend-table-container table tbody td {
      font-weight: 300;
      color: #667085; }
    .refer-friend-table-container table .desktop-only {
      display: none; }
    .refer-friend-table-container table .view-more {
      width: 47px; }
    .refer-friend-table-container table .name-col {
      min-width: 88px;
      width: 100%; }
    .refer-friend-table-container table .status-col {
      min-width: 146px;
      width: 146px; }
    .refer-friend-table-container table .points-col {
      width: 76px;
      text-align: center;
      padding: 13px 20px; }
    .refer-friend-table-container table .date-col {
      min-width: 134px;
      text-align: center; }
    .refer-friend-table-container table .reward {
      text-align: center;
      color: #63CFE3;
      font-size: 14px;
      font-weight: 700;
      padding: 25px 16px; }
      .refer-friend-table-container table .reward .svg-icon-points {
        height: 13px;
        width: 13px;
        display: contents; }
        .refer-friend-table-container table .reward .svg-icon-points .icon-points {
          margin: 0; }
      .refer-friend-table-container table .reward .reward-txt {
        display: flex;
        flex-direction: row;
        column-gap: 2px;
        align-items: center;
        justify-content: center; }
    .refer-friend-table-container table .status {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      column-gap: 4px;
      border-radius: 16px;
      padding: 2px 0;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      line-height: 18px;
      font-size: 12px;
      font-weight: 500; }
      .refer-friend-table-container table .status.ticket-updated {
        background-color: #ECFDF3;
        color: #027A48; }
      .refer-friend-table-container table .status.registered {
        background-color: #FFFAEB;
        color: #B54708; }
    .refer-friend-table-container table .hidden-row {
      border-bottom: 1px solid #EAECF0; }
    .refer-friend-table-container table .accordion-toggle {
      cursor: pointer; }
      .refer-friend-table-container table .accordion-toggle.collapsed .icon-chevron-down {
        transform: rotate(0deg); }
      .refer-friend-table-container table .accordion-toggle .icon-chevron-down {
        transform: rotate(180deg); }
    .refer-friend-table-container table .accordion-body-content {
      display: flex;
      flex-direction: column;
      row-gap: 12px;
      margin: 16px; }
      .refer-friend-table-container table .accordion-body-content .accordion-body-content-row {
        display: flex;
        flex-direction: column;
        row-gap: 4px; }
        .refer-friend-table-container table .accordion-body-content .accordion-body-content-row .accordion-body-content-row-label {
          font-size: 12px;
          font-weight: 500;
          line-height: 18px; }
        .refer-friend-table-container table .accordion-body-content .accordion-body-content-row .accordion-body-content-row-value {
          font-size: 14px;
          font-weight: 300;
          line-height: 20px; }
  .refer-friend-table-container.empty-table {
    display: flex;
    justify-content: center;
    padding: 16px;
    margin: 0 16px;
    border-radius: 5px;
    box-shadow: 0px 12px 22px -4px #1018280D;
    border: unset; }
    .refer-friend-table-container.empty-table .empty-table-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      row-gap: 32px;
      width: 100%;
      max-width: 482px; }
    .refer-friend-table-container.empty-table .icon-person-plus {
      width: 96px;
      height: 96px; }
    .refer-friend-table-container.empty-table .text-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 8px;
      align-items: center;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      color: #182D4D;
      text-align: center; }
      .refer-friend-table-container.empty-table .text-wrapper .title {
        line-height: 30px;
        font-size: 20px;
        font-weight: 700; }
      .refer-friend-table-container.empty-table .text-wrapper .description {
        line-height: 24px;
        font-size: 16px;
        font-weight: 300; }
    .refer-friend-table-container.empty-table .buttons-wrapper {
      display: flex;
      width: 100%; }
      .refer-friend-table-container.empty-table .buttons-wrapper .buttons {
        flex-direction: column-reverse;
        width: 100%; }
        .refer-friend-table-container.empty-table .buttons-wrapper .buttons .btn-copy,
        .refer-friend-table-container.empty-table .buttons-wrapper .buttons .btn-share {
          width: 100%;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
  @media (min-width: 1024px) {
    .refer-friend-table-container {
      border-radius: 8px; }
      .refer-friend-table-container table tbody tr {
        border-bottom: 1px solid #EAECF0; }
        .refer-friend-table-container table tbody tr:last-child {
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px;
          border-bottom: none; }
      .refer-friend-table-container table .mobile-only {
        display: none; }
      .refer-friend-table-container table .desktop-only {
        display: table-cell; }
      .refer-friend-table-container table .name-col {
        min-width: 177px;
        border-top-left-radius: 8px;
        width: unset; }
      .refer-friend-table-container table .points-col {
        width: 111px;
        padding: 13px 24px; }
      .refer-friend-table-container table .details-col {
        border-top-right-radius: 8px;
        width: 100%; }
      .refer-friend-table-container table .reward {
        padding: 25px 34px; }
      .refer-friend-table-container table .hidden-row {
        border-bottom: none; }
      .refer-friend-table-container.empty-table {
        padding: 40px 0 50px 0;
        margin: 0;
        border: 1px solid #EAECF0; }
        .refer-friend-table-container.empty-table .icon-person-plus {
          width: 125px;
          height: 125px; }
        .refer-friend-table-container.empty-table .buttons-wrapper .buttons {
          flex-direction: row-reverse;
          column-gap: 8px; } }

.levels-slider {
  margin-top: -40px;
  position: relative;
  overflow: hidden;
  max-width: 1312px;
  padding: 0 16px 30px; }
  @media (min-width: 1080px) and (max-width: 1312px) {
    .levels-slider {
      padding: 0 48px !important; } }
  @media (min-width: 768px) {
    .levels-slider {
      padding: 0 16px; } }
  .levels-slider .swiper-pagination {
    bottom: 0; }
    .levels-slider .swiper-pagination .swiper-pagination-bullet {
      margin: 0 6px;
      width: 8px;
      height: 8px;
      background: #D0D5DD; }
      .levels-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #0c2340; }
  .levels-slider .swiper-slide {
    background-color: #fff;
    box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
    border-radius: 5px;
    padding: 16px;
    height: auto; }
    @media (min-width: 768px) {
      .levels-slider .swiper-slide {
        padding: 37px 32px 22px; } }
  .levels-slider .current .top-part > img {
    width: 64px; }
    @media (min-width: 768px) {
      .levels-slider .current .top-part > img {
        width: 96px; } }
  .levels-slider .current .top-part h3 {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .levels-slider .current .top-part h3 span {
      color: #63cfe3;
      display: flex;
      align-items: center; }
      .levels-slider .current .top-part h3 span span {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif"; }
    .levels-slider .current .top-part h3 .outside-circle {
      width: 16px;
      height: 16px; }
      .levels-slider .current .top-part h3 .outside-circle .inside-circle {
        width: 12px;
        height: 12px; }
  .levels-slider .current .top-part .progress-full {
    background-color: #E7E9EC;
    height: 8px;
    border-radius: 4px;
    margin-top: 12px;
    overflow: hidden; }
    .levels-slider .current .top-part .progress-full .progress-current {
      height: 8px;
      border-radius: 4px;
      background-color: #63cfe3; }
  .levels-slider .top-part {
    display: flex;
    align-items: center;
    min-height: 97px; }
    .levels-slider .top-part > img {
      width: 64px;
      margin-right: 10px; }
      @media (min-width: 768px) {
        .levels-slider .top-part > img {
          margin-right: 20px; } }
    .levels-slider .top-part .title {
      flex: 1; }
    .levels-slider .top-part h3 {
      font-size: 1.25rem;
      line-height: 1.33;
      color: #0c2340;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      display: flex;
      align-items: center;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .levels-slider .top-part h3 {
          font-size: 1.5rem; } }
      .levels-slider .top-part h3 > svg {
        margin-right: 10px;
        width: 18px;
        min-width: 18px;
        height: auto; }
    .levels-slider .top-part p {
      font-size: 0.875rem;
      line-height: 1.5;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      margin-top: 8px;
      margin-bottom: 0;
      color: #667085; }
  .levels-slider .bottom-part {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #EAECF0; }
    .levels-slider .bottom-part p {
      margin-bottom: 0;
      font-size: 0.875rem;
      line-height: 1.4;
      color: #0c2340;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      display: flex;
      align-items: flex-start; }
      .levels-slider .bottom-part p + p {
        margin-top: 12px; }
      .levels-slider .bottom-part p svg {
        margin-right: 10px;
        width: 12px;
        min-width: 12px;
        height: auto;
        position: relative;
        top: 3px; }
  .levels-slider.carousel-container.swiper-container-horizontal.swiper-container-android.active .swiper-wrapper .swiper-slide {
    padding-right: 16px; }

@media (min-width: 1280px) {
  .levels-slider {
    overflow: revert; }
    .levels-slider .swiper-wrapper {
      transform: none !important; }
    .levels-slider .swiper-slide {
      width: calc((100% - 20px) * 0.275) !important; }
      .levels-slider .swiper-slide.current {
        width: calc((100% - 20px) * 0.45) !important; }
    .levels-slider.carousel-container.swiper-container-horizontal.swiper-container-android.active .swiper-wrapper .swiper-slide {
      padding-right: 32px; } }

.club-advance-info-popup {
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: calc(100vh - 32px);
  padding: 40px 24px 32px;
  width: calc(100vw - 32px);
  max-width: 1108px;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 0px 30px;
  background: #fff; }
  @media (max-width: 375px) {
    .club-advance-info-popup {
      top: calc(50% - 35px);
      margin: 35px 0;
      height: calc(100% - 35px); } }
  @media (max-width: 768px) {
    .club-advance-info-popup {
      padding: 24px 16px 16px; } }
  .club-advance-info-popup h1 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #0c2340;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      .club-advance-info-popup h1 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0; } }
  .club-advance-info-popup #club_advance_info_popup {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .club-advance-info-popup #club_advance_info_popup {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        margin-bottom: 24px; } }
    .club-advance-info-popup #club_advance_info_popup a {
      text-decoration: underline; }
    .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:first-child {
      grid-column: 5 / 1; }
      @media (max-width: 768px) {
        .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:first-child {
          grid-column: unset; } }
    .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 20px;
      gap: 8px;
      border: 2px solid #F2F4F7;
      border-radius: 0px 20px; }
      @media (max-width: 768px) {
        .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) {
          padding: 16px; } }
      .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) svg {
        margin-bottom: 12px; }
      .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) h2 {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        color: #101828;
        margin-bottom: 0; }
      .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) ul, .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) p {
        font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 14px;
        line-height: 20px;
        color: #475467;
        margin-bottom: 0; }
        .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) ul + p, .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) p + p {
          margin-top: 8px; }
        .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) ul b, .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) p b {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: 700; }
      .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) ul {
        margin: 0 0 0 20px;
        padding: 0; }
        .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) ul.num {
          list-style-type: decimal; }
        .club-advance-info-popup #club_advance_info_popup .club_advance_info_popup-container:not(:first-child) ul.disc {
          list-style-type: disc; }
  .club-advance-info-popup .custom-button {
    display: inline-flex;
    position: relative;
    left: 45%;
    min-width: initial;
    transition: transform 0.2s; }
    .club-advance-info-popup .custom-button:hover {
      transform: scale(1.05); }
    @media (max-width: 768px) {
      .club-advance-info-popup .custom-button {
        width: 100%;
        left: 0; } }
  .club-advance-info-popup + .modal-background-popup {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(52, 64, 84, 0.7);
    backdrop-filter: blur(8px);
    z-index: 200; }

.popup-outer.exit-flow {
  text-align: center; }
  .popup-outer.exit-flow .popup-inner {
    width: 400px; }
  .popup-outer.exit-flow .image-back {
    background: #FEF0C7;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
  .popup-outer.exit-flow h2 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 1.5rem;
    line-height: 1.33;
    color: #101828;
    margin-top: 20px;
    margin-bottom: 0; }
  .popup-outer.exit-flow p {
    margin-top: 8px;
    margin-bottom: 0;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    line-height: 1.4;
    color: #667085; }
  .popup-outer.exit-flow .buttons {
    margin-top: 24px; }
    @media (min-width: 768px) {
      .popup-outer.exit-flow .buttons {
        margin-top: 32px;
        display: flex;
        flex-direction: row-reverse; } }
    .popup-outer.exit-flow .buttons button {
      margin-top: 12px;
      width: 100%; }
      @media (min-width: 768px) {
        .popup-outer.exit-flow .buttons button {
          margin-top: 0;
          margin-right: 10px; } }

.scanner-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 15px;
  z-index: 1000;
  backdrop-filter: blur(4px); }
  .scanner-popup .inner-part {
    background: #fff;
    padding: 20px 16px 16px;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    border-radius: 0px 30px;
    max-width: 100%;
    width: 400px; }
    @media (min-width: 768px) {
      .scanner-popup .inner-part {
        padding: 24px; } }
  .scanner-popup .image {
    margin: 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #D0D5DD;
    display: flex;
    align-items: center;
    justify-content: center; }
  .scanner-popup h3 {
    font-size: 1.5rem;
    line-height: 1.33;
    text-align: center;
    margin-top: 16px;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    color: #0c2340; }
  .scanner-popup p {
    font-size: 0.875rem;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    line-height: 1.4;
    text-align: center;
    margin-top: 8px;
    color: #667085; }
  .scanner-popup .checkbox {
    margin-top: 24px; }
    .scanner-popup .checkbox label {
      font-size: 1rem;
      line-height: 1.5;
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      padding-left: 32px;
      color: #0c2340;
      position: relative;
      display: flex;
      align-items: center; }
      .scanner-popup .checkbox label::before {
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid #667085;
        border-radius: 5px;
        position: absolute;
        left: 0; }
    .scanner-popup .checkbox input {
      display: none; }
      .scanner-popup .checkbox input:checked + label::before {
        background: #0c2340;
        border: 1px solid #0c2340; }
      .scanner-popup .checkbox input:checked + label::after {
        content: '';
        height: 9px;
        width: 5px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        position: absolute;
        left: 7px;
        transform: rotate(45deg); }
  .scanner-popup .buttons {
    margin-top: 26px;
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch; }
    .scanner-popup .buttons button + button {
      margin-bottom: 16px; }
    @media (min-width: 768px) {
      .scanner-popup .buttons {
        margin-top: 34px;
        flex-direction: row; }
        .scanner-popup .buttons button + button {
          margin-bottom: 0;
          margin-left: 12px; } }

.scanner-reader {
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  text-align: center;
  overflow: hidden; }
  .scanner-reader #second-reader {
    min-height: 100vh; }
    .scanner-reader #second-reader #qr-shaded-region {
      border-top-width: 400px !important; }
      .scanner-reader #second-reader #qr-shaded-region div {
        display: none; }
  .scanner-reader .ontop {
    padding: 77px 15px 15px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto; }
    @media (min-width: 768px) {
      .scanner-reader .ontop {
        padding: 64px 15px 15px; } }
  .scanner-reader .close-scanner {
    display: flex;
    align-items: center;
    position: absolute;
    top: 18px;
    left: 16px;
    cursor: pointer;
    outline: none; }
    .scanner-reader .close-scanner p {
      margin-left: 16px;
      font-size: 1.125rem;
      line-height: 1.55;
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      margin-bottom: 0;
      color: #fff; }
    @media (min-width: 768px) {
      .scanner-reader .close-scanner {
        top: 42px;
        left: 40px; } }
  .scanner-reader .buttons {
    display: flex;
    justify-content: center;
    align-items: flex-start; }
    .scanner-reader .buttons button {
      max-width: 120px;
      outline: none; }
      .scanner-reader .buttons button p {
        text-align: center;
        margin-top: 12px;
        font-size: 1.125rem;
        line-height: 1.28;
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        margin-bottom: 0;
        color: #fff; }
      .scanner-reader .buttons button.show-numbers {
        opacity: 0.5; }
        .scanner-reader .buttons button.show-numbers svg, .scanner-reader .buttons button.show-numbers rect {
          stroke: #fff;
          fill: #fff; }
      @media (min-width: 768px) {
        .scanner-reader .buttons button.show-scan {
          display: none; } }
      .scanner-reader .buttons button + button {
        margin-left: 40px; }
        @media (min-width: 768px) {
          .scanner-reader .buttons button + button {
            margin-left: 0; } }
  .scanner-reader .scanner {
    display: none; }
    .scanner-reader .scanner p {
      margin-top: 36px;
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      font-size: 1.25rem;
      line-height: 1.5; }
      @media (min-width: 768px) {
        .scanner-reader .scanner p {
          font-size: 1.5rem;
          margin-top: 83px; } }
  .scanner-reader .numbers p {
    margin: 14px auto 0;
    font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
    font-size: 1.25rem;
    line-height: 1.5;
    color: #0c2340;
    max-width: 650px; }
    @media (min-width: 768px) {
      .scanner-reader .numbers p {
        font-size: 1.5rem;
        margin: 57px auto 0; } }
  .scanner-reader .numbers img {
    margin: 8px auto 0;
    max-width: 100%; }
    @media (min-width: 768px) {
      .scanner-reader .numbers img {
        margin: 20px auto 0; } }
  .scanner-reader .numbers button {
    margin: 50px auto 0; }
    @media (min-width: 1280px) {
      .scanner-reader .numbers button {
        margin: 150px auto 0; } }
  .scanner-reader .numbers-box {
    display: flex;
    margin: 12px auto 0;
    max-width: 650px; }
    @media (min-width: 768px) {
      .scanner-reader .numbers-box {
        margin: 21px auto 0; } }
    .scanner-reader .numbers-box span {
      background: #0c2340; }
    .scanner-reader .numbers-box input {
      background: #D0D5DD;
      border: none;
      outline: none;
      border: 2px solid #D0D5DD; }
      .scanner-reader .numbers-box input::-webkit-outer-spin-button, .scanner-reader .numbers-box input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .scanner-reader .numbers-box * {
      border-radius: 5px;
      flex: 1;
      height: 34px;
      width: 100%;
      padding: 0;
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      font-size: 1.75rem;
      line-height: 1;
      padding: 0px 0px 2px 2px;
      border: 2px solid transparent; }
      @media (min-width: 768px) {
        .scanner-reader .numbers-box * {
          height: 50px;
          font-size: 2.5rem;
          padding: 3px 8px; } }
      @media (min-width: 1280px) {
        .scanner-reader .numbers-box * {
          height: 60px;
          font-size: 3.375rem;
          padding: 3px 5px; } }
      .scanner-reader .numbers-box * + * {
        margin-left: 7px; }
      .scanner-reader .numbers-box *:focus {
        border: 2px solid #0c2340; }
  .scanner-reader.blue {
    background: #fff;
    color: #0c2340; }
    .scanner-reader.blue .ontop {
      background: #fff; }
    .scanner-reader.blue .close-scanner path {
      stroke: #0c2340; }
    .scanner-reader.blue .close-scanner p {
      color: #0c2340; }
    .scanner-reader.blue .buttons button p {
      color: #0c2340; }
    .scanner-reader.blue .buttons button.show-scan {
      opacity: 0.5; }
      .scanner-reader.blue .buttons button.show-scan img {
        filter: brightness(0) saturate(100%) invert(12%) sepia(11%) saturate(5198%) hue-rotate(182deg) brightness(100%) contrast(99%); }
    .scanner-reader.blue .buttons button.show-numbers {
      opacity: 1; }
      .scanner-reader.blue .buttons button.show-numbers svg, .scanner-reader.blue .buttons button.show-numbers rect {
        stroke: #0c2340;
        fill: #0c2340; }

.popup-background {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  z-index: 1000;
  backdrop-filter: blur(4px); }
  .popup-background .popup {
    background: #fff;
    width: 400px;
    max-width: 100%;
    border-radius: 0 30px;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    padding: 20px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    @media (min-width: 768px) {
      .popup-background .popup {
        padding: 24px; } }
    .popup-background .popup > button, .popup-background .popup > a {
      display: block;
      margin-top: 20px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
  .popup-background .image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .popup-background .image.green {
      background: #D1FADF; }
    .popup-background .image.yellow {
      background: #FEF0C7; }
  .popup-background h2 {
    margin-top: 24px;
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 1.5rem;
    line-height: 1.33;
    color: #101828;
    margin-bottom: 0; }
  .popup-background p {
    margin-top: 8px;
    font-size: 0.875rem;
    line-height: 1.4;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    color: #667085;
    margin-bottom: 0; }
  .popup-background h3 {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: -2px;
    margin-top: 24px;
    margin-bottom: 0;
    color: #101828; }
    @media (min-width: 768px) {
      .popup-background h3 {
        margin-top: 20px; } }
  .popup-background .buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .popup-background .buttons {
        flex-direction: row; } }
    .popup-background .buttons button {
      width: 100%; }
      .popup-background .buttons button + button {
        margin-top: 12px; }
        @media (min-width: 768px) {
          .popup-background .buttons button + button {
            margin-top: 0;
            margin-left: 12px; } }
  @media (min-width: 768px) {
    .popup-background .not-valid button.back-to-scan {
      display: none; } }

#myAwards {
  padding: 0 16px 246px;
  max-width: 1312px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    #myAwards {
      padding: 0 16px 52px; } }
  #myAwards .club-advance-awards {
    display: flex;
    flex-direction: column;
    margin: 50px 0 32px 0;
    gap: 32px; }
    @media (max-width: 768px) {
      #myAwards .club-advance-awards {
        margin: 32px 0 20px 0;
        gap: 20px; } }
    #myAwards .club-advance-awards .top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px; }
      @media (max-width: 768px) {
        #myAwards .club-advance-awards .top {
          flex-direction: column;
          align-items: flex-start; } }
      #myAwards .club-advance-awards .top .left {
        display: flex;
        flex-direction: column;
        gap: 8px; }
        #myAwards .club-advance-awards .top .left h1 {
          font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
          font-weight: 700;
          font-size: 48px;
          line-height: 60px;
          letter-spacing: -0.02em;
          color: #0c2340;
          margin: 0;
          text-transform: capitalize; }
          @media (max-width: 768px) {
            #myAwards .club-advance-awards .top .left h1 {
              font-size: 24px;
              line-height: 32px; } }
        #myAwards .club-advance-awards .top .left p {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300;
          font-size: 16px;
          line-height: 24px;
          color: #556579;
          margin: 0; }
          @media (max-width: 768px) {
            #myAwards .club-advance-awards .top .left p {
              font-size: 14px;
              line-height: 20px; } }
      #myAwards .club-advance-awards .top .right {
        display: flex;
        flex-direction: column;
        min-width: 137px;
        padding: 16px;
        box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
        border-radius: 5px;
        background: #fff; }
        #myAwards .club-advance-awards .top .right p {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          color: #556579;
          margin: 0; }
        #myAwards .club-advance-awards .top .right .total-points .loyalty-coin {
          margin: 0 6px;
          transform: scale(1.4); }
        #myAwards .club-advance-awards .top .right .total-points span {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300; }
          #myAwards .club-advance-awards .top .right .total-points span.strong {
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            font-weight: 700;
            font-size: 20.641px;
            line-height: 29px; }

.awards-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px; }
  @media (max-width: 1024px) {
    .awards-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 26px; } }
  @media (max-width: 768px) {
    .awards-container {
      grid-template-columns: repeat(1, 1fr);
      gap: 16px; } }

.title-points-container {
  box-sizing: border-box;
  align-items: center;
  padding: 20px;
  gap: 20px;
  width: 100%;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.18); }
  .title-points-container .loyalty-coin .outside-circle {
    width: 18px;
    height: 18px; }
    .title-points-container .loyalty-coin .outside-circle .inside-circle {
      width: 13px;
      height: 13px; }
      .title-points-container .loyalty-coin .outside-circle .inside-circle svg {
        width: 10px;
        height: 10px; }

.container-title-points {
  display: flex;
  gap: 40px;
  align-content: space-between;
  padding-top: 40px; }
  .container-title-points .plus-info {
    margin-left: auto; }
    @media (max-width: 768px) {
      .container-title-points .plus-info {
        flex-direction: column;
        gap: 20px; } }

@media (max-width: 768px) {
  .container-title-points {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px; }
    .container-title-points .plus-info {
      margin-right: 100%;
      padding-bottom: 20px; }
    .container-title-points .group {
      padding-top: 32px; } }

.total-points-awards .points-number {
  font-family: 'Klavika-Bold';
  font-weight: 700;
  font-size: 20.64px;
  line-height: 20px;
  color: #63cfe3; }

.total-points-awards .points-text {
  font-size: 14px;
  font-weight: 300;
  font-family: 'Klavika-Regular'; }

.award-card-container {
  box-sizing: border-box;
  align-items: center;
  padding: 20px;
  gap: 20px;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.18); }
  .award-card-container .award-card-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%; }
    .award-card-container .award-card-info img {
      max-width: 100%; }
    .award-card-container .award-card-info .text {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
    .award-card-container .award-card-info .points-number {
      align-self: center;
      font-size: 14px; }
    .award-card-container .award-card-info .card-points {
      display: flex;
      place-items: center; }
    .award-card-container .award-card-info .custom-button.blue {
      width: 100%; }
    .award-card-container .award-card-info .card-award-title {
      font-size: 18px;
      line-height: 28px;
      color: #0C2340; }
    .award-card-container .award-card-info .card-award-description {
      font-family: 'Klavika-Regular';
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      color: #556579;
      text-align: center; }
    .award-card-container .award-card-info .custom-button.disabled {
      background: #7A8696 !important;
      color: white !important;
      width: 100% !important; }

.pending .outside-circle,
.pending .inside-circle {
  background: linear-gradient(267.73deg, #BBC3D1 2.11%, #98A2B3 96.2%) !important; }

.pending .points-number {
  color: #9EA7B3; }

.popup-outer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  backdrop-filter: blur(4px); }
  .popup-outer .popup-inner {
    background: #fff;
    max-width: 100%;
    padding: 20px 16px 16px;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    border-radius: 0px 30px;
    overflow: auto;
    max-height: 100%;
    position: relative; }
    @media (min-width: 768px) {
      .popup-outer .popup-inner {
        padding: 24px; } }
    .popup-outer .popup-inner.ticket-upload-confirm {
      width: 400px; }
    .popup-outer .popup-inner .scanned-products {
      display: flex;
      gap: 40px;
      flex-direction: row;
      flex-wrap: wrap; }
      .popup-outer .popup-inner .scanned-products .scanned-products-column-description {
        width: 432px;
        padding-bottom: 16px; }
        @media (max-width: 767.98px) {
          .popup-outer .popup-inner .scanned-products .scanned-products-column-description {
            width: 100%; } }

.delete-ticket {
  margin-top: 20px; }

.upload-ticket-container {
  display: flex;
  flex-direction: row-reverse; }
  @media (min-width: 982px) {
    .upload-ticket-container {
      gap: 20px; } }
  .upload-ticket-container .choose-one {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #081527;
    margin-bottom: 8px;
    place-self: center; }

.new-ticket {
  background: #F2F4F7;
  border-radius: 4px;
  width: 432px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px;
  margin-bottom: 8px; }
  .new-ticket .container-ticket-name {
    display: flex;
    gap: 10px; }
  .new-ticket .container-ticket-code {
    display: flex;
    flex-direction: column; }
    .new-ticket .container-ticket-code p.custom-barcode {
      padding: 0;
      margin-top: 0px;
      font-size: 14px;
      color: #101828; }
    .new-ticket .container-ticket-code .barcode-replaced {
      font-weight: 500;
      font-size: 16px;
      font-family: 'Klavika-Regular';
      font-weight: bold; }
    @media (max-width: 982px) {
      .new-ticket .container-ticket-code {
        margin-top: 15px; } }
  .new-ticket span.product-name {
    font-size: 16px;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: inherit; }
  .new-ticket span.product-count {
    font-weight: 500;
    font-size: 18px;
    color: #63CFE3;
    font-family: 'Klavika-Regular';
    font-weight: bold;
    align-self: center; }

@media (max-width: 982px) {
  .new-ticket {
    width: 100%;
    flex-direction: column;
    align-items: flex-start; }
  .popup-outer .popup-inner .scanned-products {
    display: block; }
  .ticket-upload .scan-again {
    width: 100%; }
  .upload-ticket-container {
    flex-direction: column-reverse; }
  .custom-button.red-border {
    width: 100%; } }

.ticket-upload h2 {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 1.25rem;
  line-height: 1.5;
  color: #101828;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .ticket-upload h2 {
      font-size: 1.5rem; } }

.ticket-upload p {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 0.875rem;
  margin-top: 8px;
  color: #667085;
  line-height: 1.4;
  margin-bottom: 0; }

.ticket-upload h3 {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  margin-top: 16px;
  color: #101828;
  font-size: 1.875rem;
  line-height: 1.25;
  margin-bottom: 0;
  white-space: break-spaces;
  max-width: 200px; }

.ticket-upload .scan-again {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 1rem;
  line-height: 1.5;
  color: #101828;
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 40px;
  outline: none; }
  .ticket-upload .scan-again svg {
    margin-right: 4px; }

.ticket-upload .take-photo {
  width: 100%;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }

.ticket-upload .photo-placeholder {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px); }
  .ticket-upload .photo-placeholder .placeholder-inner {
    position: relative;
    display: flex;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .ticket-upload .photo-placeholder .take-photo-close {
    position: absolute;
    bottom: 23.5px;
    left: calc(50% - 50px);
    transform: translateX(-50%);
    z-index: 1;
    cursor: pointer; }
  .ticket-upload .photo-placeholder video {
    width: Min(90%, 400px);
    height: auto !important;
    display: block; }
  .ticket-upload .photo-placeholder button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff8300;
    z-index: 1; }
  .ticket-upload .photo-placeholder canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.ticket-upload #input-form {
  display: none; }

.ticket-upload #upload-ticket {
  height: 130px;
  width: 100%;
  opacity: 0;
  cursor: pointer; }

.ticket-upload .upload-ticket {
  cursor: pointer;
  margin-bottom: 0px;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif"; }
  .ticket-upload .upload-ticket .image-back {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F2F4F7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px; }
  .ticket-upload .upload-ticket b {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 600;
    color: #101828; }
  @media (max-width: 768px) {
    .ticket-upload .upload-ticket span {
      display: none; } }

.ticket-upload .uploaded-image {
  margin-top: 16px;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #0c2340;
  position: relative;
  display: flex; }
  .ticket-upload .uploaded-image .image-back {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 16px;
    background: #F2F4F7;
    display: flex;
    align-items: center;
    justify-content: center; }
  .ticket-upload .uploaded-image .details {
    padding-right: 20px;
    flex: 1; }
    .ticket-upload .uploaded-image .details h4 {
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      color: #101828;
      font-size: 0.875rem;
      line-height: 1.4;
      margin-bottom: 0;
      max-width: 252px;
      text-overflow: ellipsis;
      overflow: hidden; }
      @media (max-width: 768px) {
        .ticket-upload .uploaded-image .details h4 {
          max-width: 200px; } }
    .ticket-upload .uploaded-image .details .bar-progress {
      display: flex;
      align-items: center;
      flex: 1;
      margin-top: 4px; }
    .ticket-upload .uploaded-image .details .bar {
      margin-right: 12px;
      border-radius: 4px;
      height: 8px;
      background: #63CFE3;
      flex: 1; }
    .ticket-upload .uploaded-image .details svg {
      position: absolute;
      top: 16px;
      right: 16px; }

.ticket-upload .buttons {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 40px; }
  @media (min-width: 768px) {
    .ticket-upload .buttons {
      flex-direction: row; } }
  .ticket-upload .buttons button {
    width: 100%; }
    .ticket-upload .buttons button + button {
      margin-bottom: 12px; }
      @media (min-width: 768px) {
        .ticket-upload .buttons button + button {
          margin-bottom: 0;
          margin-left: 10px; } }

#private-area-dashboard-container {
  max-width: 1240px;
  padding: 0 15px;
  margin: auto;
  display: grid;
  gap: 52px;
  font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif"; }
  @media (min-width: 1280px) {
    #private-area-dashboard-container {
      margin: 60px auto;
      grid-template-columns: 1fr 1fr;
      gap: 80px; } }
  #private-area-dashboard-container .pageHeaderPrivateArea {
    padding: 0;
    width: 100%; }
  #private-area-dashboard-container .dashboard-elements {
    grid-template-columns: 100%;
    padding-bottom: 0; }
    #private-area-dashboard-container .dashboard-elements .club-advance a.custom-button {
      margin-top: 13px; }
      @media (min-width: 1280px) {
        #private-area-dashboard-container .dashboard-elements .club-advance a.custom-button {
          margin-top: 32px; } }
    #private-area-dashboard-container .dashboard-elements .points-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      #private-area-dashboard-container .dashboard-elements .points-box .top {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%; }
        #private-area-dashboard-container .dashboard-elements .points-box .top .top-row {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          padding: 0; }
          #private-area-dashboard-container .dashboard-elements .points-box .top .top-row h3 {
            font-weight: 700;
            font-size: 30px;
            margin: 0;
            color: #182D4D;
            line-height: 16px; }
          #private-area-dashboard-container .dashboard-elements .points-box .top .top-row .total-points {
            display: flex;
            align-items: center;
            white-space: nowrap; }
            #private-area-dashboard-container .dashboard-elements .points-box .top .top-row .total-points .strong {
              font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif" !important;
              font-size: 20.64px;
              margin-right: 5px;
              font-weight: 700; }
            #private-area-dashboard-container .dashboard-elements .points-box .top .top-row .total-points span {
              font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
              font-weight: 300;
              font-size: 20px; }
            #private-area-dashboard-container .dashboard-elements .points-box .top .top-row .total-points .loyalty-coin {
              transform: scale(1.5);
              margin: 0 5px 0 3px; }
        #private-area-dashboard-container .dashboard-elements .points-box .top #pointsMessage {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 0;
          font-size: 14px;
          color: #666;
          margin-top: 6px;
          white-space: nowrap;
          line-height: 28px; }
          @media (max-width: 634px) {
            #private-area-dashboard-container .dashboard-elements .points-box .top #pointsMessage {
              white-space: normal; } }
      #private-area-dashboard-container .dashboard-elements .points-box .tiers-container {
        display: flex;
        justify-content: space-between;
        width: 100%; }
        #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box {
          flex: 1;
          margin: 0 10px;
          text-align: left;
          align-items: flex-start; }
          #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box h3 {
            color: #182D4D;
            font-weight: 700;
            font-size: 16px;
            margin-bottom: 2px;
            line-height: 16px;
            letter-spacing: 0.5px; }
          #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box .tierImage {
            max-width: 56px;
            height: auto;
            margin-bottom: 12px; }
          #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box .progress-bar {
            width: 100%;
            height: 8px;
            background-color: #e0e0e0;
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 12px; }
            #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box .progress-bar .fill {
              height: 100%;
              background-color: #76c7c0;
              width: 0;
              transition: width 0.3s ease; }
          #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box .points-level {
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            color: #7A8696;
            font-size: 10px;
            font-weight: 500;
            margin-bottom: 2px; }
          #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box .points-status {
            font-size: 12px;
            font-weight: 700;
            margin: 0;
            letter-spacing: 0.5px;
            line-height: 16px; }
          #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box#tier-basic {
            margin-left: 0; }
          #private-area-dashboard-container .dashboard-elements .points-box .tiers-container .tier-box#tier-advanced {
            margin-right: 0; }
  #private-area-dashboard-container .main-private-area {
    padding-top: 0; }
    #private-area-dashboard-container .main-private-area h1 {
      padding: 0;
      margin-bottom: 12px; }
      @media (min-width: 1280px) {
        #private-area-dashboard-container .main-private-area h1 {
          margin-bottom: 16px; } }
    #private-area-dashboard-container .main-private-area .exclusive-content h2 {
      font-size: 16px;
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      margin-bottom: 32px;
      font-weight: 300;
      line-height: 24px; }
    #private-area-dashboard-container .main-private-area .exclusive-content .title-and-subtitle .title {
      margin-bottom: 8px; }
    #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-content-swiper {
      max-width: calc(100vw - 30px);
      width: 100%;
      overflow: hidden; }
    #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block {
      margin-top: 12px; }
      #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-list {
        list-style-type: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
        padding: 0;
        margin-bottom: 23px;
        gap: 0; }
      #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        box-sizing: border-box;
        align-items: center;
        padding: 16px;
        gap: 20px;
        min-width: 258px;
        max-width: 280px;
        border-radius: 5px;
        box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
        width: 100%;
        height: 100%;
        max-height: 371px; }
        #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .img-wrapper {
          width: 100%;
          max-height: 128px; }
          #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .img-wrapper .article-img {
            width: 100%;
            height: 128px;
            border-radius: 5px; }
        #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .text-wrapper {
          text-align: center;
          display: flex;
          flex-direction: column;
          row-gap: 4px;
          width: 100%; }
          #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .text-wrapper .title {
            font-size: 19px;
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            line-height: 27px;
            color: #182D4D;
            font-weight: 700;
            margin: 0; }
          #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .text-wrapper .description {
            font-size: 16px;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            line-height: 24px;
            color: #556579;
            font-weight: 300;
            margin: 0; }
        #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .btn-wrapper {
          width: 100%;
          display: flex;
          flex-direction: column;
          row-gap: 12px;
          justify-content: end;
          height: 92px; }
          #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .btn-wrapper .custom-button {
            min-height: 40px;
            max-height: 40px;
            border-radius: 0 10px; }
            #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .btn-wrapper .custom-button .icon-download {
              margin-top: -6px; }
      @media (min-width: 768px) {
        #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block {
          margin: 0; }
          #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-list {
            flex-direction: row;
            gap: 20px;
            justify-content: start;
            flex-wrap: wrap;
            align-items: stretch;
            max-width: unset; }
          #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item {
            padding: 20px;
            min-width: 272px;
            max-width: calc(50% - 20px);
            max-height: 383px; }
            #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .text-wrapper {
              row-gap: 8px;
              overflow: hidden; }
              #private-area-dashboard-container .main-private-area .exclusive-content .exclusive-articles-block .article-module-item .text-wrapper .text {
                font-size: 18px;
                line-height: 28px; } }
  #private-area-dashboard-container.private-area-guided-tour.private-area-guided-tour-step-1 .points-box, #private-area-dashboard-container.private-area-guided-tour.private-area-guided-tour-step-2 .points-box {
    z-index: 152;
    pointer-events: none; }

.dark-background.private-area-guided-tour {
  z-index: 152; }

@media (max-width: 320px) {
  #private-area-dashboard-container .points-box .top .top-row .total-points .strong {
    font-size: 18px; }
  #private-area-dashboard-container .points-box .top .top-row .total-points span {
    font-size: 18px; }
  #private-area-dashboard-container .points-box .top #pointsMessage {
    font-size: 14px; } }

body:not([data-action="Account-Show"]):not([data-action="Articles-List"]) .exclusive-content {
  display: none; }

.favorite-stores * {
  margin-bottom: 0; }

.favorite-stores .no-favourite-store {
  background: #fff;
  padding: 16px;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-top: 16px; }
  @media (min-width: 768px) {
    .favorite-stores .no-favourite-store {
      padding: 32px; } }

.favorite-stores .no-store-image {
  min-width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #F2F4F7;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 768px) {
    .favorite-stores .no-store-image {
      min-width: 120px;
      height: 120px;
      margin-right: 28px; } }

.favorite-stores .no-store-details h3 {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-size: 1.25rem;
  line-height: 1.5;
  color: #0c2340; }

.favorite-stores .no-store-details p {
  margin-top: 8px;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-size: 1rem;
  line-height: 1.5;
  color: #0c2340; }

.favorite-stores .no-store-details .button-with-points {
  margin-top: 20px;
  display: flex;
  align-items: center; }
  .favorite-stores .no-store-details .button-with-points .total-points {
    margin-left: 15px;
    font-size: 0.875rem; }

.favorite-stores .favourite-store {
  margin-top: 12px;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px;
  background: #fff;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px; }
  @media (min-width: 768px) {
    .favorite-stores .favourite-store {
      margin-top: 16px;
      padding: 20px; } }
  .favorite-stores .favourite-store h4 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 1rem;
    line-height: 1.5;
    color: #0c2340; }
    @media (min-width: 768px) {
      .favorite-stores .favourite-store h4 {
        font-size: 1.125rem; } }
  .favorite-stores .favourite-store h5 {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 1.5;
    color: #0c2340; }

.favorite-stores > .buttons {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 16px;
  align-items: flex-start; }
  @media (min-width: 768px) {
    .favorite-stores > .buttons {
      flex-direction: row;
      justify-content: space-between;
      align-items: center; } }
  .favorite-stores > .buttons div {
    width: 100%; }
    @media (min-width: 768px) {
      .favorite-stores > .buttons div {
        width: auto; } }
  .favorite-stores > .buttons button {
    font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
    font-size: 1rem;
    line-height: 1.5;
    color: #0c2340;
    text-decoration: underline;
    margin-bottom: 16px;
    outline: none; }
    @media (min-width: 768px) {
      .favorite-stores > .buttons button {
        margin-bottom: 0; } }

.search-pos .popup-inner {
  width: 400px; }

.search-pos .back-to-ticket-confirm {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  color: #101828;
  outline: none; }
  .search-pos .back-to-ticket-confirm svg {
    margin-right: 16px; }

.search-pos h2 {
  margin-top: 16px;
  font-size: 1.5rem;
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  color: #101828;
  line-height: 1.33; }
  .search-pos h2 span {
    color: #ff8300;
    position: relative; }
    .search-pos h2 span .total-points {
      position: absolute;
      top: 4px;
      right: -20px; }
      .search-pos h2 span .total-points .outside-circle {
        width: 14px;
        height: 14px; }
        .search-pos h2 span .total-points .outside-circle .inside-circle {
          width: 10px;
          height: 10px; }

.search-pos p {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-size: 0.875rem;
  margin-top: 8px;
  line-height: 1.4;
  color: #667085; }

.search-pos .tabs {
  display: flex;
  margin-top: 23px; }
  @media (min-width: 768px) {
    .search-pos .tabs {
      margin-top: 32px; } }
  .search-pos .tabs button {
    width: 100%;
    padding: 10px 16px;
    color: #101828;
    font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    line-height: 1.4;
    outline: none;
    border: 1px solid #D0D5DD; }
    .search-pos .tabs button svg {
      margin-right: 8px; }
      .search-pos .tabs button svg path {
        stroke: #101828; }
    .search-pos .tabs button.active {
      color: #fff;
      background: #101828;
      border: 1px solid #101828; }
      .search-pos .tabs button.active svg path {
        stroke: #fff; }
    .search-pos .tabs button:first-child {
      border-radius: 0 0 0 8px; }
    .search-pos .tabs button:last-child {
      border-radius: 0 8px 0 0; }

.search-pos .show-tab {
  margin-top: 32px; }
  .search-pos .show-tab div {
    position: relative; }
    .search-pos .show-tab div svg {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%); }
  .search-pos .show-tab input {
    width: 100%;
    border-radius: 5px;
    padding: 8px 50px 8px 12px;
    outline: none;
    border: 1px solid #556579;
    font-size: 1rem;
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    line-height: 1.5;
    color: #101828; }

.search-pos .store-postal {
  position: relative; }

.search-pos .clear-search {
  background-image: url(../img/close-icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute !important;
  right: 55px;
  top: 10px;
  width: 22px;
  height: 22px;
  filter: invert(11%) sepia(37%) saturate(1898%) hue-rotate(184deg) brightness(94%) contrast(97%); }

.search-pos .search-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  border-radius: 0px 5px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  outline: none; }
  .search-pos .search-button.button-two-content {
    padding: 0; }
    .search-pos .search-button.button-two-content .button-two {
      font-size: 22px;
      display: flex;
      align-items: center;
      justify-content: center; }

.search-pos .list {
  margin-top: 20px; }
  .search-pos .list h3 {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.55;
    color: #101828; }

.search-pos .stores {
  max-height: 205px;
  overflow: auto;
  padding-bottom: 1px;
  margin-top: 12px; }

.search-pos .store + .store {
  margin-top: 12px; }

.search-pos .store label {
  padding: 16px 16px 16px 40px;
  border: 1px solid #EAECF0;
  border-radius: 8px;
  width: 100%;
  position: relative;
  cursor: pointer; }
  .search-pos .store label::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #EAECF0; }

.search-pos .store input:checked + label {
  border: 2px solid #556579;
  background: #E7E9EC; }
  .search-pos .store input:checked + label::before {
    border: 1px solid #556579;
    background: #fff; }
  .search-pos .store input:checked + label::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #556579;
    position: absolute;
    top: 23px;
    left: 21px; }

.search-pos .store h4 {
  font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
  font-size: 0.875rem;
  line-height: 1.4;
  color: #101828; }

.search-pos .store p {
  margin-top: 0; }

.search-pos .buttons {
  margin-top: 23px; }
  @media (min-width: 768px) {
    .search-pos .buttons {
      display: flex;
      flex-direction: row-reverse; } }
  .search-pos .buttons .custom-button {
    width: 100%; }
    .search-pos .buttons .custom-button + .custom-button {
      margin-top: 12px; }
      @media (min-width: 768px) {
        .search-pos .buttons .custom-button + .custom-button {
          margin-top: 0;
          margin-right: 10px; } }

.search-pos .result-list-stores {
  margin-top: 12px; }
  .search-pos .result-list-stores .js-number-stores, .search-pos .result-list-stores .icon-icn-loc-2, .search-pos .result-list-stores .buttons-store-info {
    display: none; }
  .search-pos .result-list-stores ul {
    list-style: none;
    padding-left: 0;
    padding-right: 10px;
    margin-top: 1rem;
    max-height: 160px;
    overflow: auto; }
  .search-pos .result-list-stores li {
    margin-bottom: 12px; }
  .search-pos .result-list-stores .no-result {
    font-family: "Klavika-Regular";
    font-size: 1rem;
    margin: 0;
    padding-bottom: 1rem; }

.search-pos .info-store {
  padding: 16px 16px 16px 40px;
  border: 1px solid #EAECF0;
  border-radius: 8px;
  width: 100%;
  position: relative;
  cursor: pointer; }
  .search-pos .info-store::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #EAECF0; }
  .search-pos .info-store .name-store {
    font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    line-height: 1.4;
    color: #101828; }
  .search-pos .info-store .address-store {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    line-height: 1.4;
    color: #667085; }
  .search-pos .info-store img {
    max-width: 100px; }

.search-pos .stores .store-result + .store-result {
  margin-top: 12px; }

.search-pos .store-result.active .info-store {
  border: 2px solid #556579;
  background: #E7E9EC; }
  .search-pos .store-result.active .info-store::before {
    border: 1px solid #556579;
    background: #fff; }
  .search-pos .store-result.active .info-store::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #556579;
    position: absolute;
    top: 23px;
    left: 21px; }

.search-pos .map-canvas {
  width: 100%;
  height: 250px;
  margin-top: 20px;
  display: none; }

.search-pos .gm-bundled-control-on-bottom {
  right: 40px !important;
  top: 80px !important;
  bottom: auto !important; }

.search-pos .gm-style-iw-d > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }

.search-pos .gm-style-iw-d .info-store-name {
  padding-bottom: 25px; }

.search-pos .gm-style-iw-d .buttons-store-info {
  padding: 10px 0; }

.search-pos .gm-style-iw-tc {
  position: absolute !important; }

.remove-favourite-store {
  text-align: center; }
  .remove-favourite-store .image-back {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto;
    background: #FEF0C7;
    display: flex;
    align-items: center;
    justify-content: center; }

.banner-content-download {
  background: radial-gradient(50% 35% at 50% 90%, #1782FF 0%, #182D4D 100%);
  width: auto;
  height: auto;
  border-radius: 20px 0px 20px 0px;
  margin: 32px 16px;
  padding: 40px 16px 16px 16px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .banner-content-download {
      background: radial-gradient(35% 60% at 50% 50%, #1782FF -120%, #182D4D 100%);
      width: 100%;
      margin: 76px auto;
      flex-direction: row;
      padding: 80px 70px; } }
  .banner-content-download .radial-gradient {
    width: 1200px;
    height: 1200px;
    top: -184px;
    left: 136px;
    opacity: 50%; }
  .banner-content-download .text-container .text {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px; }
    .banner-content-download .text-container .text .banner-title {
      color: #fff;
      font-family: "Klavika-Medium", "Helvetica", "Arial", "sans-serif";
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
      margin-bottom: 16px; }
      @media (min-width: 768px) {
        .banner-content-download .text-container .text .banner-title {
          font-size: 30px;
          line-height: 38px;
          margin-bottom: 20px; } }
    .banner-content-download .text-container .text .banner-subtitle {
      color: #fff;
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-size: 18px;
      line-height: 28px; }
  .banner-content-download .text-container .advance-button-banner {
    width: 100%;
    height: 52px;
    margin-bottom: 90px; }
    @media (min-width: 768px) {
      .banner-content-download .text-container .advance-button-banner {
        margin-bottom: 0;
        width: 127px;
        height: 28px; } }
    .banner-content-download .text-container .advance-button-banner .button-text {
      color: #fff;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 16px;
      font-weight: 700;
      line-height: 24px; }
  .banner-content-download .text-container .advance-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 90px; }
    @media (min-width: 768px) {
      .banner-content-download .text-container .advance-buttons {
        flex-direction: row;
        gap: 20px;
        margin-bottom: 0; } }
    .banner-content-download .text-container .advance-buttons .register {
      background: transparent;
      border: 2px solid #fff;
      color: #fff; }
  .banner-content-download .banner-image .pet {
    width: 100%;
    height: 188px;
    border-radius: 40px 0px;
    object-fit: cover; }
    @media (min-width: 768px) {
      .banner-content-download .banner-image .pet {
        width: 100%;
        max-width: 265px;
        height: 170px; } }
  .banner-content-download .banner-image .exclusive {
    position: absolute;
    top: -60px;
    left: 0px;
    width: 150px;
    height: 150px;
    transform: rotate(5deg); }
    @media (min-width: 768px) {
      .banner-content-download .banner-image .exclusive {
        top: 25px;
        left: -70px; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
body[data-action="Recommendation-Show"] {
  background-color: #F2F4F7; }

.recommended-products-page {
  padding: 62px 16px 66px;
  display: flex;
  flex-direction: column;
  row-gap: 48px; }
  .recommended-products-page .completed-uncompleted-section {
    display: flex;
    flex-direction: column;
    row-gap: 48px; }
  .recommended-products-page.no-pets {
    row-gap: 32px; }
  .recommended-products-page .page-title,
  .recommended-products-page .recommended-products-pet-name {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    color: #182D4D; }
  .recommended-products-page .page-title {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    line-height: 38px; }
  .recommended-products-page .recommended-products-pet-name {
    font-size: 24px;
    line-height: 32px; }
  .recommended-products-page .recommended-products-header {
    display: flex;
    flex-direction: column;
    row-gap: 48px; }
  .recommended-products-page .recommended-products-content {
    display: flex;
    flex-direction: column;
    row-gap: 48px; }
    .recommended-products-page .recommended-products-content .recommended-products-pet-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 20px; }
      .recommended-products-page .recommended-products-content .recommended-products-pet-wrapper.dashboard-content {
        display: none; }
    @media (min-width: 768px) {
      .recommended-products-page .recommended-products-content {
        flex-direction: row;
        column-gap: 84px;
        flex-wrap: wrap; }
        .recommended-products-page .recommended-products-content .recommended-products-pet-wrapper {
          row-gap: 32px;
          flex-basis: 100%;
          max-width: 100%; } }
    @media (min-width: 1180px) {
      .recommended-products-page .recommended-products-content {
        gap: 84px; }
        .recommended-products-page .recommended-products-content .recommended-products-pet-wrapper {
          row-gap: 32px;
          flex-basis: calc(50% - 42px);
          max-width: calc(50% - 42px); } }
  .recommended-products-page .custom-button {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    background-color: #182D4D;
    color: #fff;
    border: 2px solid #63cfe3;
    height: 48px;
    width: 100%;
    padding: 12px 20px;
    border-radius: 0px 20px;
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    transition: 0.2s ease-in-out; }
    .recommended-products-page .custom-button.update-button {
      max-width: 100%; }
    .recommended-products-page .custom-button.add-pet-button {
      max-width: 100%;
      flex: 1 0 0;
      border: 1px solid var(--orange-500, #E94E0F);
      background: var(--orange-500, #E94E0F);
      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
      margin: 0; }
    .recommended-products-page .custom-button:hover {
      color: #fff; }
    .recommended-products-page .custom-button .svg-icon-link-external .icon-link-external {
      margin-bottom: 4px; }
    .recommended-products-page .custom-button .svg-icon-update .icon-update {
      margin-bottom: 4px; }
  .recommended-products-page h2 {
    margin: 0; }
  @media (min-width: 768px) {
    .recommended-products-page {
      padding: 58px 100px 59px 100px;
      margin: 0 auto;
      max-width: 1440px;
      display: flex;
      row-gap: 60px; }
      .recommended-products-page .completed-uncompleted-section {
        row-gap: 60px; }
      .recommended-products-page .page-title {
        font-weight: 700;
        font-size: 48px;
        line-height: 60px;
        color: #182D4D;
        letter-spacing: -0.02em; }
      .recommended-products-page .recommended-products-header {
        flex-direction: row;
        row-gap: 32px;
        justify-content: space-between;
        align-items: center; }
      .recommended-products-page .custom-button.update-button {
        max-width: 225px; }
      .recommended-products-page .recommended-products-pet-name {
        font-size: 28px;
        line-height: 38px; } }

.recommended-products-no-pets-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 12px; }
  .recommended-products-no-pets-wrapper h2 {
    margin: 0; }
  .recommended-products-no-pets-wrapper .no-pets.page-subtitle {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #182D4D; }
  .recommended-products-no-pets-wrapper .no-pets-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 4px 9px -2px rgba(16, 24, 40, 0.02), 0px 12px 22px -4px rgba(16, 24, 40, 0.05); }
  .recommended-products-no-pets-wrapper .no-pets-body {
    display: flex;
    flex-direction: column;
    row-gap: 8px; }
    .recommended-products-no-pets-wrapper .no-pets-body .question {
      color: #182D4D;
      text-align: center;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 19px;
      font-weight: 700;
      line-height: 27px; }
    .recommended-products-no-pets-wrapper .no-pets-body .description {
      color: #182D4D;
      text-align: center;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 16px;
      font-weight: 300;
      line-height: 24px; }
  .recommended-products-no-pets-wrapper .no-pets-btn {
    align-self: stretch; }
  @media (min-width: 768px) {
    .recommended-products-no-pets-wrapper {
      row-gap: 16px; }
      .recommended-products-no-pets-wrapper .no-pets-content {
        padding: 40px 0px 50px 0px;
        row-gap: 32px; }
      .recommended-products-no-pets-wrapper .no-pets-body .question {
        font-size: 20px;
        line-height: 30px; }
      .recommended-products-no-pets-wrapper .no-pets-btn {
        width: 400px;
        align-self: auto; } }

.recommended-products-wrapper .recommended-products-row {
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: start;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  align-items: stretch; }
  @media (min-width: 768px) {
    .recommended-products-wrapper .recommended-products-row {
      gap: 20px; } }

.recommended-products-wrapper .no-products {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #0c2340; }

.recommended-products-wrapper .product-tile {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  row-gap: 19px;
  text-align: center;
  width: 100%;
  max-width: 412px;
  min-width: 20%;
  max-height: fit-content;
  box-shadow: 0px 12px 22px -4px #1018280D;
  height: auto; }
  .recommended-products-wrapper .product-tile .product-tile-image {
    width: 137px;
    height: 137px; }
  .recommended-products-wrapper .product-tile .product-tile-content-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    justify-content: space-between;
    height: 100%; }
  .recommended-products-wrapper .product-tile .product-tile-content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-block: auto; }
  .recommended-products-wrapper .product-tile .product-tile-name {
    font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
    font-size: 19px;
    line-height: 16px;
    color: #182D4D; }
    .recommended-products-wrapper .product-tile .product-tile-name a {
      text-decoration: none; }
  .recommended-products-wrapper .product-tile .product-tile-description {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #0c2340;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .recommended-products-wrapper .product-tile .product-tile-achievement {
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    background-color: #F9FAFB;
    color: #7A8696;
    border: 2px solid #EAECF0;
    width: 100%;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    transition: 0.2s ease-in-out;
    display: flex;
    flex-direction: row; }
  .recommended-products-wrapper .product-tile .product-tile-achievement-tile {
    display: flex;
    align-items: center; }
  .recommended-products-wrapper .product-tile .icon-section {
    flex: 0 0 20%; }
  .recommended-products-wrapper .product-tile .product-tile-achievement-block {
    margin-block: auto;
    text-align: left; }
  .recommended-products-wrapper .product-tile .product-tile-achievement-tile-locked-name {
    font-weight: bold;
    color: #32455E; }
  .recommended-products-wrapper .product-tile .product-tile-achievement-tile-unlocked-name {
    font-weight: bold;
    color: #7A8696; }
  .recommended-products-wrapper .product-tile .svg-icon-achievement-locked path {
    fill: #182D4D; }
  .recommended-products-wrapper .product-tile .svg-icon-achievement-unlocked path:first-child {
    fill: #475467; }
  @media (min-width: 768px) {
    .recommended-products-wrapper .product-tile {
      flex-basis: calc(50% - 10px);
      max-width: calc(50% - 10px); } }

.recommended-products-wrapper.recommended-products-swiper {
  max-width: calc(100vw - 30px);
  width: 100%; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.dashboard-menu-container {
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: start;
  column-gap: 0;
  height: 84px;
  z-index: 151;
  width: 100%;
  max-width: 1440px;
  top: calc(100% - 84px);
  bottom: 0;
  left: 0;
  pointer-events: none; }
  @media (min-width: 1280px) {
    .dashboard-menu-container {
      column-gap: 8px;
      height: 772px;
      max-width: 1440px;
      top: 76px;
      bottom: unset;
      left: calc(50% + 16px);
      transform: translate(-50%, 0);
      pointer-events: none; } }

.dashboard-menu-wrapper {
  background-color: #182D4D;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 16px 42px 32px;
  pointer-events: auto;
  box-shadow: 0px 16px 44px 0px #00000012; }
  .dashboard-menu-wrapper .dashboard-menu-ctas-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between; }
  .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-home-cta {
    padding-bottom: 10px; }
  .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-page-cta {
    padding-bottom: 10px; }
  .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-logout-cta {
    display: none;
    margin-bottom: 8px;
    padding-top: 20px;
    width: 100%;
    text-align: center;
    border-radius: 0;
    border-top: 1px solid #EAECF0; }
  .dashboard-menu-wrapper .dashboard-menu-cta.active {
    border-bottom: 3px solid #fff;
    padding-bottom: 7px; }
    .dashboard-menu-wrapper .dashboard-menu-cta.active .svg-wrapper path {
      stroke: #fff; }
  .dashboard-menu-wrapper .dashboard-menu-cta .svg-wrapper .svg-inline {
    width: 24px; }
  .dashboard-menu-wrapper .dashboard-menu-cta .svg-wrapper path {
    stroke: #fff; }
  @media (min-width: 1280px) {
    .dashboard-menu-wrapper {
      background-color: #fff;
      width: 76px;
      border-radius: 8px;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 0;
      box-shadow: 0px 16px 44px 0px #00000012; }
      .dashboard-menu-wrapper .dashboard-menu-ctas-wrapper {
        flex-direction: column;
        row-gap: 8px;
        justify-content: start; }
      .dashboard-menu-wrapper .dashboard-menu-cta {
        padding: 12px;
        border-radius: 8px; }
        .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-home-cta {
          width: 100%;
          background-color: #e94e0f;
          margin-bottom: 6px;
          padding-top: 18px;
          padding-bottom: 18px;
          text-align: center;
          border-radius: 8px 8px 0 0; }
          .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-home-cta .svg-wrapper path {
            stroke: #fff; }
          .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-home-cta.active {
            border: 0;
            padding: 18px; }
        .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-page-cta {
          padding-bottom: 12px; }
          .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-page-cta:hover {
            background-color: #F2F4F7; }
            .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-page-cta:hover .svg-wrapper path {
              stroke: #182D4D; }
          .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-page-cta.active {
            background-color: #182D4D;
            border: 0;
            padding: 12px; }
            .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-page-cta.active .svg-wrapper path {
              stroke: #fff; }
          .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-page-cta .svg-wrapper path {
            stroke: #182D4D; }
        .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-logout-cta {
          display: flex;
          justify-content: center; }
          .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-logout-cta .svg-wrapper path {
            stroke: #182D4D; }
          .dashboard-menu-wrapper .dashboard-menu-cta.dashboard-menu-logout-cta.active {
            border-top: 1px solid #EAECF0;
            border-bottom: 0;
            padding: 12px; }
        .dashboard-menu-wrapper .dashboard-menu-cta .svg-wrapper .svg-inline {
          width: 32px; } }

.dashboard-menu-title-wrapper {
  width: 120px;
  display: flex;
  flex-direction: column;
  row-gap: 31px;
  padding-top: 94px; }
  .dashboard-menu-title-wrapper .dashboard-menu-title {
    width: max-content;
    height: 34px;
    display: none; }
    .dashboard-menu-title-wrapper .dashboard-menu-title .triangle {
      width: 6px;
      height: 0;
      margin-top: 10px;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 6px solid #182D4D; }
    .dashboard-menu-title-wrapper .dashboard-menu-title .title {
      background-color: #182D4D;
      color: #fff;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 12px;
      line-height: 18px;
      border-radius: 8px;
      padding: 8px 12px;
      margin: 0; }
    .dashboard-menu-title-wrapper .dashboard-menu-title.display {
      display: flex; }
      .dashboard-menu-title-wrapper .dashboard-menu-title.display.paw-dialog-title {
        margin-top: 62px; }
      .dashboard-menu-title-wrapper .dashboard-menu-title.display.profile-title {
        margin-top: 126px; }
      .dashboard-menu-title-wrapper .dashboard-menu-title.display.star-title {
        margin-top: 188px; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
#private-area-dashboard-container.dashboard-page-container {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0;
  padding: 40px 15px 73px;
  display: flex;
  flex-direction: column; }
  #private-area-dashboard-container.dashboard-page-container.home {
    row-gap: 32px; }
  @media (min-width: 1280px) {
    #private-area-dashboard-container.dashboard-page-container {
      margin: 0 auto;
      padding: 62px 57px 64px 143px; } }
  #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-title {
      display: flex;
      flex-direction: column;
      row-gap: 8px;
      color: #182D4D; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-title .title {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 28px;
        font-weight: 700;
        line-height: 38px;
        letter-spacing: 0;
        text-align: center;
        margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-title .description {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
        margin: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points {
      position: relative; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog, #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog-and-cat {
        padding: 215px 0 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog .points-img-cat, #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog-and-cat .points-img-cat {
          top: 106px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.cat {
        padding: 109px 0 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points .points-img-cat,
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points .points-img-dog {
        position: absolute;
        z-index: 150;
        left: 50%;
        transform: translate(-50%); }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points .points-img-dog {
        left: 0;
        transform: translate(0);
        z-index: 0; }
    @media (min-width: 1280px) {
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header {
        flex-direction: row;
        column-gap: 8px;
        row-gap: 0;
        justify-content: space-between; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-title {
          row-gap: 16px;
          max-width: 484px;
          min-width: 418px;
          padding-top: 52px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-title .title {
            font-size: 48px;
            line-height: 58px;
            letter-spacing: -0.02em;
            text-align: left; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-title .description {
            font-size: 20px;
            line-height: 30px;
            text-align: left; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-title .clubadvance-info-btn {
            max-width: fit-content; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.cat, #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog-and-cat {
          padding: 112px 0 45px 175px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.cat .points-img-cat, #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog-and-cat .points-img-cat {
            top: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog {
          padding: 46px 0 45px 175px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points.dog .points-img-dog {
            top: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points .points-img-dog {
          top: 66px;
          left: 0;
          transform: translate(0);
          z-index: 151; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-header .dashboard-home-page-header-points .points-img-cat {
          top: 0;
          right: 0;
          left: unset;
          transform: translate(0); } }
  #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: stretch; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper {
      background-color: #182D4D;
      width: 100%;
      height: 100%;
      min-height: 180px;
      padding: 24px 16px 24px 129px;
      border-radius: 0px 30px;
      box-shadow: 0px 8px 8px -4px #10182808;
      box-shadow: 0px 20px 24px -4px #10182814;
      display: flex;
      flex-direction: row;
      column-gap: 16px;
      align-items: center;
      position: relative;
      flex: 1; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .img {
        position: absolute;
        left: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .label-wrapper-text {
        display: flex;
        flex-direction: column;
        row-gap: 4px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .title {
        color: #fff;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        text-align: left;
        margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .description {
        color: #fff;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        text-align: left;
        margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper:hover {
        transform: scale(1.05); }
    @media (min-width: 1280px) {
      #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels {
        flex-direction: row;
        column-gap: 42px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper {
          padding: 0 24px 34px 24px;
          flex-direction: column;
          row-gap: 0;
          border: 1px solid #000; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .label-wrapper-text {
            row-gap: 8px;
            height: 116px;
            margin-top: 158px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .img {
            left: unset; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .title,
          #private-area-dashboard-container.dashboard-page-container .dashboard-home-page-labels .label-wrapper .description {
            text-align: center; } }

#private-area-dashboard-container .dashboard-elements .club-advance .points-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 12px 22px -4px rgba(16, 24, 40, 0.05), 0px 4px 9px -2px rgba(16, 24, 40, 0.02);
  border-radius: 5px; }
  #private-area-dashboard-container .dashboard-elements .club-advance .points-box:hover {
    cursor: pointer; }
  @media (max-width: 768px) {
    #private-area-dashboard-container .dashboard-elements .club-advance .points-box {
      gap: 16px;
      padding: 20px; } }
  #private-area-dashboard-container .dashboard-elements .club-advance .points-box .circle {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 96px;
    min-height: 96px;
    background: linear-gradient(45deg, #63CFE3 0%, #63CFE3 100%);
    border: 3px solid #fff;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
    border-radius: 100%; }
    @media (max-width: 768px) {
      #private-area-dashboard-container .dashboard-elements .club-advance .points-box .circle {
        min-width: 64px;
        min-height: 64px; }
        #private-area-dashboard-container .dashboard-elements .club-advance .points-box .circle svg {
          width: 28px;
          height: 28px;
          object-fit: contain; } }
  #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px; }
    #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top h3 {
        font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
        font-weight: 700;
        font-size: 30px;
        line-height: 38px;
        color: #0c2340;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top h3 {
            font-size: 20px;
            line-height: 30px; } }
      #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top .total-points {
        display: flex;
        align-items: center; }
        #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top .total-points span {
          font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
          font-weight: 300;
          font-size: 20px;
          line-height: 30px;
          color: #63cfe3; }
          #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top .total-points span.strong {
            font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
            font-weight: 700; }
      #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top .loyalty-coin {
        transform: scale(1.48);
        margin: 0 6px; }
      #private-area-dashboard-container .dashboard-elements .club-advance .points-box .right .top .top-row {
        padding: 0;
        line-height: 16px; }
  #private-area-dashboard-container .dashboard-elements .club-advance .points-box .points-bar {
    position: relative;
    width: 100%;
    height: 8px;
    background: #E7E9EC;
    border-radius: 4px;
    overflow: hidden; }
    #private-area-dashboard-container .dashboard-elements .club-advance .points-box .points-bar .fill {
      position: absolute;
      top: 0;
      left: 0;
      width: 67%;
      height: 8px;
      background: #63cfe3;
      border-radius: 4px;
      z-index: 1; }
  #private-area-dashboard-container .dashboard-elements .club-advance .points-box p {
    font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    margin: 0;
    padding: 0; }
    @media (max-width: 768px) {
      #private-area-dashboard-container .dashboard-elements .club-advance .points-box p {
        font-size: 14px;
        line-height: 20px; } }
  @media (min-width: 1280px) {
    #private-area-dashboard-container .dashboard-elements .club-advance .points-box {
      max-width: 573px;
      min-width: 486px; } }

#private-area-dashboard-container .dashboard-elements .club-advance .subtitle {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #0c2340;
  margin: 32px 0;
  padding: 0; }
  @media (max-width: 768px) {
    #private-area-dashboard-container .dashboard-elements .club-advance .subtitle {
      font-size: 18px;
      line-height: 28px;
      margin: 20px 0; } }

#private-area-dashboard-container .dashboard-elements .club-advance a.custom-button {
  margin-top: 12px;
  max-width: 225px; }
  @media (max-width: 768px) {
    #private-area-dashboard-container .dashboard-elements .club-advance a.custom-button {
      margin-top: 0;
      max-width: 100%; } }

#private-area-dashboard-container .dashboard-elements .points-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
#private-area-dashboard-container.dashboard-page-container.rewards {
  row-gap: 0; }
  #private-area-dashboard-container.dashboard-page-container.rewards.private-area-guided-tour.private-area-guided-tour-step-1 .content-wrapper {
    z-index: 153;
    margin-top: 84px;
    pointer-events: none; }
    @media (min-width: 1280px) {
      #private-area-dashboard-container.dashboard-page-container.rewards.private-area-guided-tour.private-area-guided-tour-step-1 .content-wrapper {
        margin-top: 84px; } }
  #private-area-dashboard-container.dashboard-page-container.rewards.private-area-guided-tour.private-area-guided-tour-step-2 .content-wrapper {
    z-index: 153;
    pointer-events: none;
    padding-top: 0;
    margin-top: 84px; }
    #private-area-dashboard-container.dashboard-page-container.rewards.private-area-guided-tour.private-area-guided-tour-step-2 .content-wrapper .dashboard-home-page-header-points {
      display: none; }
      #private-area-dashboard-container.dashboard-page-container.rewards.private-area-guided-tour.private-area-guided-tour-step-2 .content-wrapper .dashboard-home-page-header-points .collapsible.open {
        border-top: unset; }
    @media (min-width: 1280px) {
      #private-area-dashboard-container.dashboard-page-container.rewards.private-area-guided-tour.private-area-guided-tour-step-2 .content-wrapper {
        margin-top: 0; } }
  #private-area-dashboard-container.dashboard-page-container.rewards.private-area-guided-tour.private-area-guided-tour-step-3 .tickets-inner {
    position: relative;
    z-index: 153;
    pointer-events: none; }

#private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-header {
  width: 100%;
  margin-bottom: 16px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-header .dashboard-rewards-page-header-title {
    width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-header .dashboard-rewards-page-header-title .title {
      color: #182D4D;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 30px;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: 0;
      text-align: left;
      margin: 0; }

#private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content {
  display: flex;
  flex-direction: column;
  row-gap: 52px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 16px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .title {
      margin-bottom: 4px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .points-img-dog,
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .points-img-cat {
      display: none; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      border-radius: 5px;
      box-shadow: 0px 12px 22px -4px #1018280D;
      padding: 20px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .custom-button {
        position: relative;
        overflow: visible; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 16px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible {
        border-top: 1px solid #EAECF0;
        overflow: visible;
        position: relative; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px 0 20px;
        cursor: pointer; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-header .title {
          color: #182D4D;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-size: 16px;
          font-weight: 700;
          line-height: 16px;
          letter-spacing: 0.5; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-content {
        padding: 0;
        background-color: #fff;
        margin-top: 0;
        transition: height 0.6s ease;
        height: 0;
        position: relative;
        overflow: hidden; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-content .achievements-wrapper {
          margin-bottom: -10px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-content .my-awards {
          position: relative;
          overflow: visible; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-content .my-awards h2,
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-content .my-awards p {
            display: none; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .svg-icon-chevron-down {
        transition: transform 0.3s ease; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible.open .svg-icon-chevron-down {
        transform: rotate(180deg); }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible.open .collapsible-content {
        height: auto;
        overflow: visible;
        margin-top: 20px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .dashboard-elements .club-advance .points-box {
      box-shadow: none;
      padding: 0;
      margin-bottom: 16px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .dashboard-elements .club-advance .points-box .top #pointsMessage {
        font-size: 14px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .advance-button-dashboard {
      margin-bottom: 16px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .custom-button-activity {
      border-radius: 0 10px;
      width: fit-content;
      padding: 10px 16px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points {
      flex-direction: column;
      align-items: start;
      gap: 8px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .mobile-wrapper {
        column-gap: 12px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .info {
        flex-direction: column;
        row-gap: 14px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .info .title {
          display: flex;
          justify-content: space-between; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .image-achievements {
        width: 49px;
        height: 49px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info {
        align-items: end;
        flex-direction: row;
        justify-content: end;
        width: 100%; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill {
          width: fit-content; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill.points-enabled {
            background-color: #182D4D;
            color: #fff; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill.points-disabled {
            background-color: #EAECF0;
            color: #344054; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .group {
        row-gap: 4px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .group .title {
          color: #182D4D;
          font-size: 18px;
          line-height: 28px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .pending .group .title {
        color: #0c2340; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info {
        display: flex;
        gap: 16px; }
        @media (max-width: 768px) {
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info {
            flex-direction: row;
            justify-content: start;
            gap: 8px; } }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info a {
          font-family: 'Klavika-Bold';
          font-weight: 700;
          font-size: 14px;
          line-height: 20px;
          color: #0C2340;
          white-space: nowrap; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 6px;
          gap: 4px;
          min-width: 82px;
          height: 22px;
          border-radius: 16px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill.pending {
            background: #F2F4F7; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill.pending span {
              color: #344054; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill.completed {
            background: #ECFDF3; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill.completed span {
              color: #027A48; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .pill span {
            font-family: 'Klavika-Regular';
            font-weight: 500;
            font-size: 12px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .total-points {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          margin-left: auto; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .plus-info .total-points span {
            font-family: 'Klavika-Bold';
            font-weight: 700;
            font-size: 14px;
            line-height: 20px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #achievements-slider .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      align-items: center; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #achievements-slider .swiper-slide {
      flex-shrink: 0;
      width: 100%;
      height: 100%;
      position: relative;
      margin-bottom: 50px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #awards-slider {
      margin: 0 12px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .award-card-container {
      margin-bottom: 56px;
      box-shadow: 0px 4px 9px -2px #10182805;
      box-shadow: 0px 12px 22px -4px #1018280D; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .award-card-container .award-card-info {
        gap: 8px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .award-card-container .award-card-info img {
          width: 100%;
          height: 100px;
          object-fit: cover;
          object-position: center;
          border-radius: 5px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .swiper-pagination-bullets {
      bottom: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 8px 17px;
        background-color: #F2F4F7; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background-color: #182D4D; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second {
    width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 16px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .text-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 8px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .title {
        margin-bottom: 4px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .description {
        width: 100%;
        color: #182D4D;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommendation-products-header {
        display: flex;
        flex-direction: column;
        width: 100%; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommendation-products-header-txt {
        display: none; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommendation-products-header-dashboard-txt {
        display: flex;
        color: #182D4D;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommended-products {
        margin-top: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .product-tile-description,
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .product-tile-achievement {
        display: none; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .button-group {
        column-gap: 20px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .button-group .custom-button {
          width: 100%;
          padding: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommended-products-wrapper .product-tile {
        max-width: 279;
        border-radius: 5px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommended-products-pet-wrapper {
        margin: 0 32px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: space-between; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper .product-cell {
          width: 100%;
          flex: unset;
          max-width: unset;
          padding: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper .plp-with-points .product {
          width: calc(50% - 10px); }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper .plp-with-points .product .product-tile {
            padding: 20px 24px;
            min-height: 316px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper .plp-with-points .product .product-size,
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper .plp-with-points .product .product-points,
          #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper .plp-with-points .product .tile-tags {
            display: none; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .custom-tab-container .product-wrapper .icon-product-link {
          margin-bottom: 4px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .plp-search-filter-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        padding: 0;
        margin: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .plp-search-filter-wrapper h2 {
          display: flex;
          color: #182D4D;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-size: 20px;
          font-weight: 500;
          line-height: 30px;
          margin: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard h3 {
      padding-left: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-dashboard-title-txt {
      display: flex;
      color: #182D4D;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 20px;
      font-weight: 500;
      line-height: 30px;
      margin: 0 0 12px 0;
      justify-content: center;
      margin-top: 8px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-title-txt {
      display: none; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-top .image-circle {
      width: 96px;
      min-width: 96px;
      height: 96px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-top {
      justify-content: center; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-top h3 {
        justify-content: center; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-top .text {
        text-align: center; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-buttons .send-barcode {
      margin-bottom: 4px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .title {
    color: #182D4D;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0;
    text-align: left;
    margin: 0; }

@media (min-width: 768px) {
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .content-wrapper .award-card-container .award-card-info img {
    width: unset; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommendation-products-header {
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
    margin-bottom: 12px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommendation-products-header .btn-dashboard-dropdown {
      width: 172px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommendation-products-header .filters-dropdown {
      margin-bottom: 0;
      margin-right: 20px; } }

@media (min-width: 1280px) {
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-header {
    margin-bottom: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-header .dashboard-rewards-page-header-title .title {
      font-size: 48px;
      line-height: 60px;
      letter-spacing: -0.02em; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content {
    flex-direction: row;
    column-gap: 83px;
    justify-content: space-between; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .title {
      margin-bottom: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .content-wrapper .collapsible-content .achievements-wrapper {
      margin-bottom: 20px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #achievements-slider .swiper-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 16px;
      column-gap: 8px;
      transform: none !important;
      margin-bottom: 0;
      align-items: start; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #achievements-slider .swiper-slide {
      margin-bottom: 0;
      padding: 20px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #achievements-slider .swiper-pagination-bullets {
      display: none; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #awards-slider .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      row-gap: 16px;
      column-gap: 8px;
      transform: none !important;
      margin-bottom: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #awards-slider .award-card-container {
      margin-bottom: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #awards-slider .award-card-container .award-card-info img {
        width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first #awards-slider .swiper-pagination-bullets {
      display: none; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points {
      flex-direction: row;
      align-items: start;
      gap: 12px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .image-achievements {
        width: 76px;
        height: 76px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .group {
        row-gap: 4px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .group .title {
          font-size: 19px;
          line-height: 27px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-first .action-points .pending .group .title {
        color: #0c2340; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper {
      row-gap: 24px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommendation-products-header .filters-dropdown {
        margin-right: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .recommended-products-pet-wrapper {
        margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .button-group .custom-button {
        width: calc(50% - 10px); }
      #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .dashboard-recommendation-wrapper .plp-search-filter-wrapper {
        flex-direction: row;
        column-gap: 16px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-dashboard-title-txt {
      margin: 0 0 24px 0;
      justify-content: left; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-top h3 {
      justify-content: start; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-rewards-page-content .dashboard-rewards-page-content-second .tickets-dashboard .tickets-top .text {
      text-align: left; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.recommended-products.no-pets-dashboard h2 {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
  color: #182D4D;
  margin: 52px 0 24px 0; }
  @media (min-width: 769px) {
    .recommended-products.no-pets-dashboard h2 {
      margin: 100px 0 24px 0; } }

.recommended-products.no-pets-dashboard .icon-paw {
  margin-bottom: 0; }

.recommended-products-wrapper-no-pets {
  display: flex;
  flex-direction: column;
  padding: 24px 12px;
  gap: 32px;
  background-color: #fff;
  box-shadow: 0px 12px 22px -4px #1018280D;
  align-items: center;
  border-radius: 5px; }
  .recommended-products-wrapper-no-pets .text-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    text-align: center;
    align-items: center;
    width: 100%; }
    .recommended-products-wrapper-no-pets .text-wrapper h5,
    .recommended-products-wrapper-no-pets .text-wrapper p {
      color: #182D4D;
      margin: 0; }
    .recommended-products-wrapper-no-pets .text-wrapper h5 {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700;
      font-size: 20px;
      line-height: 30px; }
    .recommended-products-wrapper-no-pets .text-wrapper p {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-weight: 300;
      font-size: 16px;
      line-height: 24px; }
    .recommended-products-wrapper-no-pets .text-wrapper .custom-button {
      background: #dd4814 !important;
      border: 2px solid #dd4814 !important; }
  .recommended-products-wrapper-no-pets .custom-button {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 8px; }
    .recommended-products-wrapper-no-pets .custom-button .icon-plus {
      margin-bottom: 3px; }
    @media (min-width: 769px) {
      .recommended-products-wrapper-no-pets .custom-button {
        max-width: 100% !important; } }
  @media (min-width: 769px) {
    .recommended-products-wrapper-no-pets {
      padding: 40px 40px 50px 40px; } }

#familyData .first-section {
  display: flex;
  flex-direction: column;
  row-gap: 52px;
  justify-content: space-between; }
  #familyData .first-section .pet-wrapper {
    width: 100%; }
  #familyData .first-section.no-pets .pet-wrapper {
    max-width: 611px; }
  #familyData .first-section .recommendation-wrapper .recommendation-products {
    display: flex;
    flex-direction: column;
    row-gap: 20px; }
    #familyData .first-section .recommendation-wrapper .recommendation-products h2 {
      font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      color: #182D4D;
      margin: 0; }
    @media (min-width: 1079px) {
      #familyData .first-section .recommendation-wrapper .recommendation-products .button-group {
        max-width: 100%; } }
  #familyData .first-section .recommendation-wrapper .no-pets {
    display: flex;
    flex-direction: column;
    padding: 32px 16px;
    gap: 28px;
    background-color: #fff;
    box-shadow: 0px 12px 22px -4px #1018280D;
    align-items: center;
    margin-bottom: 52px;
    border-radius: 2px; }
    #familyData .first-section .recommendation-wrapper .no-pets .icon-shopping-bag {
      width: 80px; }
    #familyData .first-section .recommendation-wrapper .no-pets .text-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 8px;
      text-align: center;
      align-items: center; }
      #familyData .first-section .recommendation-wrapper .no-pets .text-wrapper h5,
      #familyData .first-section .recommendation-wrapper .no-pets .text-wrapper p {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        color: #182D4D;
        margin: 0; }
      #familyData .first-section .recommendation-wrapper .no-pets .text-wrapper h5 {
        font-weight: 700;
        font-size: 20px;
        line-height: 30px; }
      #familyData .first-section .recommendation-wrapper .no-pets .text-wrapper p {
        font-weight: 300;
        font-size: 16px;
        line-height: 24px; }
      #familyData .first-section .recommendation-wrapper .no-pets .text-wrapper .custom-button {
        margin-top: 12px;
        max-width: fit-content; }
  @media (min-width: 769px) {
    #familyData .first-section {
      flex-direction: row;
      column-gap: 47px;
      margin-bottom: 80px; }
      #familyData .first-section.no-pets .pet-wrapper .dashboard-pet-elements {
        grid-template-columns: 1fr; }
      #familyData .first-section .recommendation-wrapper .recommendation-products {
        row-gap: 16px; }
        #familyData .first-section .recommendation-wrapper .recommendation-products h2 {
          font-size: 30px;
          line-height: 38px; }
      #familyData .first-section .recommendation-wrapper .no-pets {
        flex-direction: row;
        padding: 32px;
        margin-bottom: 0; }
        #familyData .first-section .recommendation-wrapper .no-pets .icon-shopping-bag {
          width: 119px; }
        #familyData .first-section .recommendation-wrapper .no-pets .text-wrapper {
          text-align: left;
          align-items: start; } }

.club-advance-dashboard .recommendationProducts-desktop {
  display: none; }
  @media (min-width: 1079px) {
    .club-advance-dashboard .recommendationProducts-desktop {
      display: flex; } }

.club-advance-dashboard .recommendationProducts-mobile {
  display: flex; }
  @media (min-width: 1079px) {
    .club-advance-dashboard .recommendationProducts-mobile {
      display: none; } }

.club-advance-dashboard .recommendation-products-header-dashboard-txt {
  display: none; }

.club-advance-dashboard .recommended-products {
  margin-top: 0;
  width: 100%; }
  @media (min-width: 1079px) {
    .club-advance-dashboard .recommended-products {
      margin-top: 100px; } }

.pet-profile-page .recommendation-products .recommendation-products-header {
  margin-bottom: 20px; }

.club-advance-dashboard .recommendation-products h2,
.pet-profile-page .recommendation-products h2,
.club-advance .recommendation-products h2,
#familyData .recommendation-products h2 {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
  color: #0c2340;
  margin: 0 0 8px;
  padding: 0; }

.club-advance-dashboard .recommendation-products > p,
.pet-profile-page .recommendation-products > p,
.club-advance .recommendation-products > p,
#familyData .recommendation-products > p {
  font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #556579;
  margin-bottom: 32px; }
  @media (min-width: 768px) {
    .club-advance-dashboard .recommendation-products > p,
    .pet-profile-page .recommendation-products > p,
    .club-advance .recommendation-products > p,
    #familyData .recommendation-products > p {
      margin-bottom: 20px; } }

.club-advance-dashboard .recommendation-products .flex,
.pet-profile-page .recommendation-products .flex,
.club-advance .recommendation-products .flex,
#familyData .recommendation-products .flex {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px; }
  @media (min-width: 768px) {
    .club-advance-dashboard .recommendation-products .flex,
    .pet-profile-page .recommendation-products .flex,
    .club-advance .recommendation-products .flex,
    #familyData .recommendation-products .flex {
      margin-bottom: 20px; } }

.club-advance-dashboard .recommendation-products .recommendation-products-header,
.pet-profile-page .recommendation-products .recommendation-products-header,
.club-advance .recommendation-products .recommendation-products-header,
#familyData .recommendation-products .recommendation-products-header {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  justify-content: start;
  align-items: start;
  width: 100%; }
  .club-advance-dashboard .recommendation-products .recommendation-products-header .filters-dropdown,
  .pet-profile-page .recommendation-products .recommendation-products-header .filters-dropdown,
  .club-advance .recommendation-products .recommendation-products-header .filters-dropdown,
  #familyData .recommendation-products .recommendation-products-header .filters-dropdown {
    width: 100%;
    margin-bottom: 20px; }
  .club-advance-dashboard .recommendation-products .recommendation-products-header .btn-dashboard-dropdown,
  .pet-profile-page .recommendation-products .recommendation-products-header .btn-dashboard-dropdown,
  .club-advance .recommendation-products .recommendation-products-header .btn-dashboard-dropdown,
  #familyData .recommendation-products .recommendation-products-header .btn-dashboard-dropdown {
    position: relative;
    background-color: #F2F4F7;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    height: 52px;
    color: #101828; }
    .club-advance-dashboard .recommendation-products .recommendation-products-header .btn-dashboard-dropdown .filter-name,
    .pet-profile-page .recommendation-products .recommendation-products-header .btn-dashboard-dropdown .filter-name,
    .club-advance .recommendation-products .recommendation-products-header .btn-dashboard-dropdown .filter-name,
    #familyData .recommendation-products .recommendation-products-header .btn-dashboard-dropdown .filter-name {
      text-align: left;
      width: 100%; }
  .club-advance-dashboard .recommendation-products .recommendation-products-header .dropdown-content,
  .pet-profile-page .recommendation-products .recommendation-products-header .dropdown-content,
  .club-advance .recommendation-products .recommendation-products-header .dropdown-content,
  #familyData .recommendation-products .recommendation-products-header .dropdown-content {
    display: none;
    flex-direction: column;
    background-color: #fff;
    height: 100%;
    max-width: 483px;
    border-radius: 8px;
    position: absolute;
    top: 52px;
    z-index: 9999;
    width: 100%; }
    .club-advance-dashboard .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:first-child,
    .pet-profile-page .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:first-child,
    .club-advance .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:first-child,
    #familyData .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:first-child {
      border-top: 1px solid #D0D5DD;
      border-right: 1px solid #D0D5DD;
      border-left: 1px solid #D0D5DD;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .club-advance-dashboard .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:last-child,
    .pet-profile-page .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:last-child,
    .club-advance .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:last-child,
    #familyData .recommendation-products .recommendation-products-header .dropdown-content .dropdown-option:last-child {
      border-bottom: 1px solid #D0D5DD;
      border-right: 1px solid #D0D5DD;
      border-left: 1px solid #D0D5DD;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  .club-advance-dashboard .recommendation-products .recommendation-products-header .dropdown-option,
  .pet-profile-page .recommendation-products .recommendation-products-header .dropdown-option,
  .club-advance .recommendation-products .recommendation-products-header .dropdown-option,
  #familyData .recommendation-products .recommendation-products-header .dropdown-option {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px 14px;
    cursor: pointer;
    background-color: #fff;
    border-right: 1px solid #D0D5DD;
    border-left: 1px solid #D0D5DD; }
  .club-advance-dashboard .recommendation-products .recommendation-products-header .dropdown-option:hover,
  .pet-profile-page .recommendation-products .recommendation-products-header .dropdown-option:hover,
  .club-advance .recommendation-products .recommendation-products-header .dropdown-option:hover,
  #familyData .recommendation-products .recommendation-products-header .dropdown-option:hover {
    background-color: #D0D5DD; }
  @media (min-width: 768px) {
    .club-advance-dashboard .recommendation-products .recommendation-products-header,
    .pet-profile-page .recommendation-products .recommendation-products-header,
    .club-advance .recommendation-products .recommendation-products-header,
    #familyData .recommendation-products .recommendation-products-header {
      flex-direction: row;
      column-gap: 16px;
      justify-content: space-between;
      width: 100%; }
      .club-advance-dashboard .recommendation-products .recommendation-products-header .filters-dropdown,
      .pet-profile-page .recommendation-products .recommendation-products-header .filters-dropdown,
      .club-advance .recommendation-products .recommendation-products-header .filters-dropdown,
      #familyData .recommendation-products .recommendation-products-header .filters-dropdown {
        max-width: 150px;
        margin-bottom: 18px; } }
  @media (min-width: 1079px) {
    .club-advance-dashboard .recommendation-products .recommendation-products-header,
    .pet-profile-page .recommendation-products .recommendation-products-header,
    .club-advance .recommendation-products .recommendation-products-header,
    #familyData .recommendation-products .recommendation-products-header {
      width: 100%; }
      .club-advance-dashboard .recommendation-products .recommendation-products-header .filters-dropdown,
      .pet-profile-page .recommendation-products .recommendation-products-header .filters-dropdown,
      .club-advance .recommendation-products .recommendation-products-header .filters-dropdown,
      #familyData .recommendation-products .recommendation-products-header .filters-dropdown {
        max-width: 150px; } }
  @media (min-width: 1199px) {
    .club-advance-dashboard .recommendation-products .recommendation-products-header .filters-dropdown,
    .pet-profile-page .recommendation-products .recommendation-products-header .filters-dropdown,
    .club-advance .recommendation-products .recommendation-products-header .filters-dropdown,
    #familyData .recommendation-products .recommendation-products-header .filters-dropdown {
      max-width: 173px; } }

.club-advance-dashboard .recommendation-products .button-group,
.pet-profile-page .recommendation-products .button-group,
.club-advance .recommendation-products .button-group,
#familyData .recommendation-products .button-group {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  max-width: 100%; }
  .club-advance-dashboard .recommendation-products .button-group .custom-button,
  .pet-profile-page .recommendation-products .button-group .custom-button,
  .club-advance .recommendation-products .button-group .custom-button,
  #familyData .recommendation-products .button-group .custom-button {
    order: initial;
    min-width: 210px; }
    .club-advance-dashboard .recommendation-products .button-group .custom-button.orange,
    .pet-profile-page .recommendation-products .button-group .custom-button.orange,
    .club-advance .recommendation-products .button-group .custom-button.orange,
    #familyData .recommendation-products .button-group .custom-button.orange {
      background: #dd4814;
      border: 2px solid #dd4814;
      color: #fff; }
    .club-advance-dashboard .recommendation-products .button-group .custom-button.blue-border,
    .pet-profile-page .recommendation-products .button-group .custom-button.blue-border,
    .club-advance .recommendation-products .button-group .custom-button.blue-border,
    #familyData .recommendation-products .button-group .custom-button.blue-border {
      background: transparent;
      border: 2px solid #0c2340;
      color: #0c2340; }
  @media (min-width: 1079px) {
    .club-advance-dashboard .recommendation-products .button-group,
    .pet-profile-page .recommendation-products .button-group,
    .club-advance .recommendation-products .button-group,
    #familyData .recommendation-products .button-group {
      flex-direction: row;
      row-gap: 20px; } }

.club-advance-dashboard .recommendation-products .custom-button,
.pet-profile-page .recommendation-products .custom-button,
.club-advance .recommendation-products .custom-button,
#familyData .recommendation-products .custom-button {
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  background-color: #182D4D;
  color: #fff;
  border: 2px solid #63cfe3;
  height: 48px;
  width: 100%;
  padding: 12px 20px;
  border-radius: 0px 20px;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  transition: 0.2s ease-in-out; }
  .club-advance-dashboard .recommendation-products .custom-button.update-button,
  .pet-profile-page .recommendation-products .custom-button.update-button,
  .club-advance .recommendation-products .custom-button.update-button,
  #familyData .recommendation-products .custom-button.update-button {
    max-width: 100%; }
  .club-advance-dashboard .recommendation-products .custom-button.add-pet-button,
  .pet-profile-page .recommendation-products .custom-button.add-pet-button,
  .club-advance .recommendation-products .custom-button.add-pet-button,
  #familyData .recommendation-products .custom-button.add-pet-button {
    max-width: 100%;
    flex: 1 0 0;
    border: 1px solid var(--orange-500, #E94E0F);
    background: var(--orange-500, #E94E0F);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    margin: 0; }
  .club-advance-dashboard .recommendation-products .custom-button:hover,
  .pet-profile-page .recommendation-products .custom-button:hover,
  .club-advance .recommendation-products .custom-button:hover,
  #familyData .recommendation-products .custom-button:hover {
    color: #fff; }
  .club-advance-dashboard .recommendation-products .custom-button .svg-icon-link-external .icon-link-external,
  .pet-profile-page .recommendation-products .custom-button .svg-icon-link-external .icon-link-external,
  .club-advance .recommendation-products .custom-button .svg-icon-link-external .icon-link-external,
  #familyData .recommendation-products .custom-button .svg-icon-link-external .icon-link-external {
    margin-bottom: 4px; }
  .club-advance-dashboard .recommendation-products .custom-button .svg-icon-update .icon-update,
  .pet-profile-page .recommendation-products .custom-button .svg-icon-update .icon-update,
  .club-advance .recommendation-products .custom-button .svg-icon-update .icon-update,
  #familyData .recommendation-products .custom-button .svg-icon-update .icon-update {
    margin-bottom: 4px; }

@media (min-width: 768px) {
  .club-advance-dashboard .recommendation-products.update-button,
  .pet-profile-page .recommendation-products.update-button,
  .club-advance .recommendation-products.update-button,
  #familyData .recommendation-products.update-button {
    max-width: 225px; } }

.club-advance-dashboard .recommended-products-content,
.pet-profile-page .recommended-products-content,
.club-advance .recommended-products-content,
#familyData .recommended-products-content {
  margin-bottom: 20px; }
  .club-advance-dashboard .recommended-products-content .recommended-products-pet-wrapper.dashboard-content,
  .pet-profile-page .recommended-products-content .recommended-products-pet-wrapper.dashboard-content,
  .club-advance .recommended-products-content .recommended-products-pet-wrapper.dashboard-content,
  #familyData .recommended-products-content .recommended-products-pet-wrapper.dashboard-content {
    display: none; }
  .club-advance-dashboard .recommended-products-content .recommended-products-pet-name,
  .pet-profile-page .recommended-products-content .recommended-products-pet-name,
  .club-advance .recommended-products-content .recommended-products-pet-name,
  #familyData .recommended-products-content .recommended-products-pet-name {
    display: none; }
  @media (min-width: 768px) {
    .club-advance-dashboard .recommended-products-content,
    .pet-profile-page .recommended-products-content,
    .club-advance .recommended-products-content,
    #familyData .recommended-products-content {
      margin-top: 0;
      margin-bottom: 32px; } }

@media (min-width: 1079px) {
  .pet-profile-page .recommendation-products .button-group,
  .club-advance-dashboard .recommendation-products .button-group {
    max-width: 100%; } }

@media (min-width: 1079px) {
  .club-advance .recommendation-products .button-group {
    max-width: calc(50% - 5px); } }

.club-advance .recommended-products {
  margin-top: 54px; }
  .club-advance .recommended-products .button-group .custom-button {
    margin: 0 !important; }
  .club-advance .recommended-products .recommended-products-wrapper .product-tile {
    max-width: 279px; }
    .club-advance .recommended-products .recommended-products-wrapper .product-tile .product-tile-buttons .custom-button {
      max-width: 100%; }
  @media (min-width: 1079px) {
    .club-advance .recommended-products {
      margin-top: 100px; } }
  @media (min-width: 768px) {
    .club-advance .recommended-products h2 {
      display: flex;
      align-items: center;
      height: 52px; }
    .club-advance .recommended-products .button-group .custom-button {
      min-width: 100%;
      margin: 0 !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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
#private-area-dashboard-container.dashboard-page-container.vetchat {
  row-gap: 0;
  height: auto; }
  #private-area-dashboard-container.dashboard-page-container.vetchat .help-component {
    top: 134px; }
    #private-area-dashboard-container.dashboard-page-container.vetchat .help-component .floating-button-menu.menu-on {
      bottom: unset;
      top: 58px; }

#private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-header {
  width: 100%;
  margin-bottom: 16px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-header .dashboard-vetchat-page-header-title {
    width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-header .dashboard-vetchat-page-header-title .title {
      color: #182D4D;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 30px;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: 0;
      text-align: left;
      margin: 0; }

#private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content {
  display: flex;
  flex-direction: column;
  row-gap: 52px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    background-color: transparent;
    padding: 211px 15px 0 15px;
    position: relative; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-paw-dialog {
      width: 96px;
      height: 96px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      padding: 16px;
      align-items: center;
      border-radius: 5px;
      box-shadow: 0px 4px 35px 0px #0C23400F;
      width: 100%;
      height: 100%;
      z-index: 1; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .content-asset {
        display: flex;
        flex-direction: column;
        row-gap: 8px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .buttons-row {
        display: flex;
        flex-direction: column;
        row-gap: 8px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .buttons-row .custom-bottom {
          width: 100%; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .text-wrapper {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        text-align: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        row-gap: 8px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .text-wrapper .title {
          color: #182D4D;
          font-size: 18px;
          font-weight: 700;
          line-height: 28px;
          margin: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .text-wrapper .description {
          color: #556579;
          font-size: 16px;
          font-weight: 300;
          line-height: 24px;
          margin: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-mobile,
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-cat {
      position: absolute;
      z-index: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-mobile {
      right: 112px;
      width: 200px;
      top: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-cat {
      width: 213px;
      top: 41px;
      right: -15px;
      z-index: 2; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .custom-button {
      width: 100%; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 52px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .second-row {
      display: flex;
      flex-direction: column;
      row-gap: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 12px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .title {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        color: #182D4D;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding: 16px;
        box-shadow: 0px 12px 22px -4px #1018280D; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content {
          display: flex;
          flex-direction: row;
          column-gap: 16px;
          box-shadow: unset;
          align-items: center;
          margin: 0; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content .text-wrapper {
            display: flex;
            flex-direction: column;
            row-gap: 4px;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content .text-wrapper .title {
              color: #182D4D;
              font-size: 18px;
              font-weight: 500;
              line-height: 28px;
              margin: 0; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content .text-wrapper .description {
              color: #556579;
              font-size: 14px;
              font-weight: 300;
              line-height: 20px;
              margin: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-asset {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      color: #000;
      font-size: 12px;
      font-weight: 300;
      line-height: 20px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-asset .bottom {
        padding-left: 25px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label {
      display: flex;
      flex-direction: column;
      row-gap: 24px;
      align-items: stretch; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper {
        background-color: #182D4D;
        width: 100%;
        height: 100%;
        min-height: 180px;
        padding: 24px 16px 24px 129px;
        border-radius: 0px 30px;
        box-shadow: 0px 8px 8px -4px #10182808;
        box-shadow: 0px 20px 24px -4px #10182814;
        display: flex;
        flex-direction: row;
        column-gap: 16px;
        align-items: center;
        position: relative;
        flex: 1; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .img {
          position: absolute;
          left: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .label-wrapper-text {
          display: flex;
          flex-direction: column;
          row-gap: 4px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .title {
          color: #fff;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-size: 18px;
          font-weight: 500;
          line-height: 28px;
          text-align: left;
          margin: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .description {
          color: #fff;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-size: 14px;
          font-weight: 300;
          line-height: 20px;
          text-align: left;
          margin: 0; }
      @media (min-width: 1280px) {
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label {
          flex-direction: row;
          column-gap: 42px;
          min-width: 279px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper {
            padding: 34px 24px;
            flex-direction: column;
            row-gap: 0;
            border: 1px solid #000;
            justify-content: center; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .label-wrapper-text {
              row-gap: 8px;
              margin-top: 50px; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .img {
              top: 0;
              left: unset; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .title,
            #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .schedule-label .label-wrapper .description {
              text-align: center; } }
  #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .title {
    color: #182D4D;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0;
    text-align: left;
    margin: 0; }

@media (min-width: 1280px) {
  #private-area-dashboard-container.dashboard-page-container.vetchat .help-component {
    top: 118px; }
    #private-area-dashboard-container.dashboard-page-container.vetchat .help-component .floating-button-menu.menu-on {
      bottom: unset;
      top: 80px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-header {
    margin-bottom: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-header .dashboard-vetchat-page-header-title .title {
      font-size: 48px;
      line-height: 60px;
      letter-spacing: -0.02em; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content {
    flex-direction: column;
    column-gap: 83px;
    justify-content: space-between; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first {
      flex-direction: row;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0px 4px 35px 0px #0C23400F;
      padding: 0;
      z-index: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-paw-dialog {
        width: 113px;
        height: 113px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper {
        background-color: transparent;
        row-gap: 16px;
        padding: 25px 55px;
        align-items: start;
        border-radius: 5px;
        box-shadow: unset;
        width: 595px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .content-asset {
          row-gap: 32px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .buttons-row {
          flex-direction: row;
          column-gap: 8px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .buttons-row .custom-bottom {
            width: 100%; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .text-wrapper {
          text-align: left;
          align-items: start;
          row-gap: 8px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .text-wrapper .title {
            font-size: 36px;
            line-height: 44px;
            letter-spacing: -0.02em; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .content-wrapper .text-wrapper .description {
            color: #182D4D;
            font-size: 23px;
            line-height: 30px;
            margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .custom-button,
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .button-vet-chat {
        max-width: 348px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-mobile {
        top: unset;
        right: 219px;
        width: 260px;
        bottom: 0;
        z-index: 1; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-first .img-cat {
        top: unset;
        width: 350px;
        bottom: -25px;
        right: 0;
        z-index: 2; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second {
      row-gap: 20px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .second-row {
        flex-direction: row;
        column-gap: 57px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper {
        row-gap: 16px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .title {
          font-size: 30px;
          line-height: 38px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table {
          flex-direction: row;
          gap: 32px;
          padding: 40px 80px 40px 32px;
          flex-wrap: wrap;
          border-radius: 5px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content {
            column-gap: 24px;
            flex: 40%;
            box-sizing: border-box;
            align-items: start; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content .text-wrapper {
              row-gap: 8px; }
              #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content .text-wrapper .title {
                font-size: 19px;
                font-weight: 700;
                line-height: 27px; }
              #private-area-dashboard-container.dashboard-page-container .dashboard-vetchat-page-content .dashboard-vetchat-page-content-second .content-wrapper .content-table .content .text-wrapper .description {
                font-size: 16px;
                line-height: 24px; } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
#private-area-dashboard-container.dashboard-page-container.profile {
  row-gap: 0;
  height: auto;
  overflow-x: hidden; }
  #private-area-dashboard-container.dashboard-page-container.profile .help-component {
    top: 134px; }
    #private-area-dashboard-container.dashboard-page-container.profile .help-component .floating-button-menu.menu-on {
      bottom: unset;
      top: 58px; }
  #private-area-dashboard-container.dashboard-page-container.profile .tab {
    margin: 18px 0 28px;
    padding: 0; }
    #private-area-dashboard-container.dashboard-page-container.profile .tab .feather-tabs {
      max-width: 50px; }
  #private-area-dashboard-container.dashboard-page-container.profile .edit-profile-form {
    padding: 0;
    margin: 0; }
  #private-area-dashboard-container.dashboard-page-container.profile #familyData {
    padding: 0;
    margin: 0; }
    #private-area-dashboard-container.dashboard-page-container.profile #familyData .first-section {
      margin-bottom: 0; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .first-section .row.pet-data {
        margin: 0; }
    #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper {
      flex-direction: column-reverse;
      margin-bottom: 0; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-products-header .recommendation-products-header-dashboard-txt {
        display: none; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-products-header .filters-dropdown .btn-dashboard-dropdown {
        font-size: unset; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .family-data p {
        color: #556579;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 16px;
        font-weight: 300;
        line-height: 24px; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .family-data .family-add .image-part svg {
        margin-right: auto; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data {
        display: flex;
        flex-direction: column;
        min-width: 100%; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-header {
          display: flex;
          flex-direction: column;
          row-gap: 8px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-header .recommendation-products-header-txt {
            color: #182D4D;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 24px;
            font-weight: 700;
            line-height: 32px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-header p {
            color: #182D4D;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 16px;
            font-weight: 300;
            line-height: 24px; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-no-pets {
          display: flex;
          flex-direction: column;
          row-gap: 16px;
          width: 100%;
          background-color: #182D4D;
          border-radius: 0px 30px 0px 30px;
          padding: 188px 24px 32px 24px;
          align-items: center;
          justify-content: center;
          margin-top: 40px;
          position: relative; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-no-pets p {
            width: 100%;
            color: #fff;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 20px;
            font-weight: 500;
            line-height: 23px;
            text-transform: uppercase;
            text-align: center;
            margin: 0; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-no-pets .dog-and-cat-img {
            position: absolute;
            z-index: 150;
            top: -37px;
            width: 233px; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper {
        display: flex;
        flex-direction: column;
        min-width: 100%;
        position: relative; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-header {
          display: flex;
          flex-direction: column; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-header .quiz-header-txt {
            color: #182D4D;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            margin-bottom: 16px; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content {
          display: flex;
          flex-direction: column;
          row-gap: 32px;
          width: 100%;
          background-color: #182D4D;
          border-radius: 0px 30px 0px 30px;
          padding: 36px 32px 32px 32px;
          align-items: center;
          justify-content: center;
          position: relative; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.started {
            row-gap: 16px;
            background-color: #fff; }
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.started .quiz-content-title,
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.started .quiz-content-description {
              text-transform: none;
              color: #182D4D; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.completed, #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.deleted {
            row-gap: 16px;
            background-color: #fff; }
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.completed .quiz-content-title,
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.completed .quiz-content-description, #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.deleted .quiz-content-title,
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.deleted .quiz-content-description {
              text-transform: none;
              color: #182D4D;
              margin: 0; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.completed .quiz-legalbases-cta {
            margin-top: 0; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.deleted {
            border-radius: 5px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-img {
            padding: 0;
            display: flex;
            flex-direction: row;
            column-gap: 8px;
            flex-wrap: wrap;
            justify-content: center; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-txt {
            display: flex;
            flex-direction: column;
            align-items: center; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .test-badge {
            position: absolute;
            z-index: 150;
            top: 0;
            left: 10px;
            max-width: 108px;
            max-height: 111px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .test-img {
            width: 100%;
            height: 100%;
            max-width: 391px;
            max-height: 235px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .level {
            padding: 0;
            width: 66px;
            height: 74px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-title,
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-subtitle,
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-description {
            width: 100%;
            color: #fff;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            text-align: center; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-title {
            font-size: 20px;
            font-weight: 700;
            line-height: 30px;
            text-transform: uppercase;
            margin: 0 0 8px 0; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-subtitle {
            font-size: 20px;
            font-weight: 300;
            line-height: 30px;
            text-transform: none;
            color: #182D4D;
            margin: 0 0 8px 0; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-description {
            font-size: 16px;
            font-weight: 300;
            line-height: 24px;
            margin: 0; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-cta {
            width: 100%; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .blue-border.later-cta {
            border: 2px solid #63cfe3;
            color: #fff; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-legalbases-cta {
            margin-top: -16px; }
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-legalbases-cta.white {
              color: #fff; }
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-legalbases-cta.gray {
              color: #475467; }
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-legalbases-cta:hover {
              text-decoration: none; }
  #private-area-dashboard-container.dashboard-page-container.profile .page-title-tabs {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px; }
  #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom {
    display: flex;
    flex-direction: column;
    row-gap: 52px; }
    #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .privacy-links {
      margin: 0; }
      #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .privacy-links .list-unstyled {
        margin: 0; }
    #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .page-subtitle {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 20px;
      font-weight: 700;
      line-height: 30px;
      margin-bottom: 12px; }
    #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .register-subscription p {
      color: #556579;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 16px;
      font-weight: 300;
      line-height: 24px; }

#private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-header {
  width: 100%;
  margin-bottom: 16px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-header .dashboard-profile-page-header-title {
    width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-header .dashboard-profile-page-header-title .title {
      color: #182D4D;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 30px;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: 0;
      text-align: left;
      margin: 0; }

#private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content {
  flex-direction: column;
  row-gap: 52px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first {
    display: flex;
    flex-direction: column;
    row-gap: 52px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .header-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 12px;
      margin-bottom: 20px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .header-wrapper .profile-incompleted {
        margin: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .save-custom-button {
      width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper {
      display: flex;
      flex-direction: column;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0px 12px 22px -4px #1018280D;
      padding: 16px 16px 0 16px;
      margin-bottom: 20px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data {
        display: flex;
        flex-direction: column; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .profile-incompleted {
        margin-bottom: 20px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first {
        display: flex;
        flex-direction: column;
        row-gap: 18px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .profile-pic {
          display: flex;
          align-items: center;
          padding: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .group {
          width: 279px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .group .membership-level {
            left: unset;
            max-width: 64px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .group .rounded-circle {
            width: 100%;
            margin-bottom: 8px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .col-sm-12 {
          padding: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .information {
          display: flex;
          flex-direction: column;
          row-gap: 20px;
          width: 100%; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .information .form-group {
            padding-bottom: 0; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .information .toggle-gender {
            margin: 0 0 16px 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-second {
        display: flex;
        flex-direction: column;
        row-gap: 20px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible {
      border-top: 1px solid #EAECF0;
      overflow: visible;
      position: relative; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0 0 0;
      cursor: pointer; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-header .title {
        color: #182D4D;
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-size: 20px;
        font-weight: 700;
        line-height: 30px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-content {
      padding: 0;
      background-color: #fff;
      margin-top: 0;
      transition: height 0.6s ease;
      height: 0;
      position: relative;
      overflow: hidden;
      margin-bottom: 16px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-content .extra-container {
        display: flex;
        flex-direction: column;
        row-gap: 32px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-content .extra-container .extra-information {
          display: flex;
          flex-direction: column;
          row-gap: 32px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-content .extra-container .extra-information div {
            width: 100%; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-content .extra-container .extra-information div .form-group {
              padding-bottom: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .svg-icon-chevron-down {
      transition: transform 0.3s ease; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible.open .svg-icon-chevron-down {
      transform: rotate(180deg); }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible.open .collapsible-content {
      height: auto;
      overflow: visible;
      margin-top: 20px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second {
    display: flex;
    flex-direction: column;
    row-gap: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second .favorite-stores .page-subtitle {
      margin-bottom: 8px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second .favorite-stores .personal-data-description {
      color: #556579;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 16px;
      font-weight: 300;
      line-height: 24px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second .favorite-stores .no-favourite-store {
      flex-direction: column;
      row-gap: 28px;
      padding: 32px 16px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second .favorite-stores .no-store-image {
      margin: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second .favorite-stores .no-store-details {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second .favorite-stores .no-store-details .total-points {
        margin-bottom: 8px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second #add-address {
      padding: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second #add-address .page-subtitle {
        margin-bottom: 8px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second #add-address .empty-address {
        display: flex;
        flex-direction: column;
        row-gap: 28px;
        background-color: #fff;
        padding: 32px;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        box-shadow: 0px 12px 22px -4px #1018280D;
        text-align: center;
        margin-top: 12px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second #add-address .empty-address .text {
          color: #182D4D;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif"; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second #add-address .empty-address .text h3 {
            font-size: 20px;
            font-weight: 700;
            line-height: 30px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second #add-address .empty-address .text p {
            font-size: 16px;
            font-weight: 300;
            line-height: 24px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second #add-address .empty-address .buttons {
          display: flex;
          justify-content: center; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .title {
    color: #182D4D;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0;
    text-align: left;
    margin: 0; }

#private-area-dashboard-container.dashboard-page-container .dashboard-family-page-content {
  flex-direction: column;
  row-gap: 52px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-family-page-content .dashboard-pet-elements {
    display: flex;
    flex-direction: column; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-family-page-content .family-add .inner {
    column-gap: 16px; }

#private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container {
  width: 100%;
  padding: 12px 0 0 0;
  background-color: transparent;
  margin: 0; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container.empty-table {
    row-gap: 12px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container {
    padding: 40px 16px;
    background-color: #fff; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .link-wrapper {
      row-gap: 16px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .link-wrapper .primary-text {
        display: flex; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .link-wrapper .secondary-text {
        margin-bottom: 4px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .badges-wrapper .badge-content {
      width: 167px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .url-text {
      white-space: wrap; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .primary-text {
    display: none; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .primary-text.empty-table {
      display: flex;
      color: #182D4D;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
      margin: 0; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .btn-share {
    background-color: transparent; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container {
    width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container.empty-table {
      background-color: #fff;
      margin: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container.empty-table .empty-table-content {
        row-gap: 20px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container.empty-table .empty-table-content .title {
          display: flex;
          flex-direction: row;
          justify-content: center; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container.empty-table .empty-table-content .url-text {
          border: 1px solid #EAECF0;
          width: 100%;
          height: 40px;
          padding: 8px 14px;
          color: #667085;
          font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
          font-size: 16px;
          font-weight: 300;
          line-height: 24px;
          text-align: left;
          border-radius: 5px;
          overflow: hidden;
          word-break: break-all; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container.empty-table .empty-table-content .buttons {
          flex-direction: row;
          column-gap: 8px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container .responsive-table .accordion-toggle {
      padding: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container .responsive-table .hidden-row {
      background-color: #fff; }

@media (min-width: 768px) {
  #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper {
    align-items: center; }
    #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .family-data {
      flex-direction: column; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content-second .favorite-stores .buttons div {
    width: 100%; } }

@media (min-width: 1280px) {
  #private-area-dashboard-container.dashboard-page-container.profile {
    min-height: 820px; }
    #private-area-dashboard-container.dashboard-page-container.profile .help-component {
      top: 118px; }
      #private-area-dashboard-container.dashboard-page-container.profile .help-component .floating-button-menu.menu-on {
        bottom: unset;
        top: 80px; }
    #private-area-dashboard-container.dashboard-page-container.profile #familyData {
      padding: 0;
      margin: 0; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .first-section {
        flex-direction: column;
        min-width: calc(100% - 663px); }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .first-section .family-data {
          flex-direction: column; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .first-section .family-data p {
            color: #556579;
            font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
            font-size: 16px;
            font-weight: 300;
            line-height: 24px; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .recommendation-products .button-group .custom-button.orange {
        padding: 19px; }
      #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper {
        flex-direction: column;
        align-items: start; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-products-header .recommendation-products-header-dashboard-txt {
          display: none; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-products-header .filters-dropdown .btn-dashboard-dropdown {
          font-size: unset; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-header .recommendation-products-header-txt {
          font-size: 30px;
          line-height: 38px; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-no-pets {
          width: 100%;
          align-items: flex-start;
          justify-content: start;
          margin-top: 37px;
          padding: 32px 24px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-no-pets p {
            max-width: 310px;
            text-align: left; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .recommendation-data .recommendation-products-no-pets .dog-and-cat-img {
            width: 287px;
            right: -27px;
            top: -40px; }
        #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper {
          display: flex;
          flex-direction: column;
          min-width: 100%;
          position: relative; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-header {
            display: flex;
            flex-direction: column; }
            #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-header .quiz-header-txt {
              color: #182D4D;
              font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
              font-size: 24px;
              font-weight: 700;
              line-height: 32px;
              margin-bottom: 16px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.started {
            row-gap: 24px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.completed .quiz-content-title {
            font-size: 24px;
            line-height: 32px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content.completed .quiz-content-subtitle {
            font-size: 24px;
            line-height: 32px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .quiz-content-img {
            padding: 0 17px;
            column-gap: 15px;
            flex-wrap: nowrap; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .level {
            width: 84px;
            height: 94px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .test-badge {
            position: absolute;
            z-index: 150;
            top: 0;
            left: 10px;
            max-width: 141px;
            max-height: 144px; }
          #private-area-dashboard-container.dashboard-page-container.profile #familyData .family-data-wrapper .quiz-wrapper .quiz-content .test-img {
            max-width: 391px;
            max-height: 235px; }
    #private-area-dashboard-container.dashboard-page-container.profile .page-title-tabs {
      font-size: 48px;
      line-height: 60px; }
    #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom {
      margin: 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      gap: 0 83px; }
      #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .communication {
        grid-column: 1;
        grid-row: 1; }
      #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .privacy-links {
        grid-column: 1;
        grid-row: 2; }
      #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .new-password-form {
        grid-column: 2;
        grid-row: 1; }
      #private-area-dashboard-container.dashboard-page-container.profile .card-columns-custom .page-subtitle {
        color: #182D4D;
        font-size: 30px;
        font-weight: 700;
        line-height: 38px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-header {
    margin-bottom: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-header .dashboard-profile-page-header-title .title {
      font-size: 48px;
      line-height: 60px;
      letter-spacing: -0.02em; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content {
    flex-direction: row;
    column-gap: 83px;
    justify-content: space-between; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first {
      row-gap: 40px;
      min-width: calc(100% - 454px); }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .save-custom-button {
        max-width: 170px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper {
        padding: 32px 32px 0 32px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data {
          flex-direction: column;
          row-gap: 40px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first {
          flex-direction: row;
          column-gap: 40px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .information {
            row-gap: 40px; }
            #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-first .information .toggle-gender {
              margin: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-second {
          flex-direction: row;
          column-gap: 40px;
          margin-bottom: 16px; }
          #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .personal-data-wrapper .personal-data-row-second .form-group {
            padding-bottom: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-content {
        margin-bottom: 32px; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-first .collapsible-content .extra-container .extra-information {
          flex-direction: row;
          column-gap: 57px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second {
      max-width: 371px;
      row-gap: 40px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-profile-page-content .dashboard-profile-page-content-second .favorite-stores .buttons div {
        max-width: 160px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-family-page-content {
    flex-direction: row;
    column-gap: 83px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container {
    width: 100%;
    padding: 12px 0 0 0;
    background-color: transparent;
    margin: 0; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container.empty-table {
      row-gap: 16px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container {
      background-color: transparent;
      row-gap: 20px;
      padding: 0; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .link-wrapper {
        max-width: calc(100% - 430px); }
        #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .link-wrapper .primary-text {
          font-size: 30px;
          line-height: 38px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .secondary-text {
        margin-bottom: 12px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-link-container .url-text {
        background-color: #fff;
        white-space: nowrap; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .primary-text.empty-table {
      font-size: 30px;
      line-height: 38px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container {
      width: 100%; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-friend-page-content .refer-friend-container .refer-friend-table-container.empty-table .empty-table-content {
        row-gap: 32px; } }

.floating-menu .menu-options-row .group .feather-tabs {
  width: 20px; }

.petRegistration__content .pet-profile-content-wrapper .pet-profile-content {
  row-gap: 52px; }
  .petRegistration__content .pet-profile-content-wrapper .pet-profile-content .recommendation-products-header .recommendation-products-header-dashboard-txt {
    display: none; }
  @media (min-width: 1280px) {
    .petRegistration__content .pet-profile-content-wrapper .pet-profile-content {
      min-width: 100%;
      flex-direction: row;
      column-gap: 85px; }
      .petRegistration__content .pet-profile-content-wrapper .pet-profile-content .pet-profile-content-left {
        max-width: calc(100% - 733px); } }

/* 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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
#private-area-dashboard-container.dashboard-page-container.exclusivecontent {
  row-gap: 0;
  height: auto;
  min-height: 800px; }
  #private-area-dashboard-container.dashboard-page-container.exclusivecontent .help-component {
    top: 134px; }
    #private-area-dashboard-container.dashboard-page-container.exclusivecontent .help-component .floating-button-menu.menu-on {
      bottom: unset;
      top: 58px; }

#private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-header {
  width: 100%;
  margin-bottom: 33px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-header .dashboard-exclusivecontent-page-header-title {
    width: 100%; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-header .dashboard-exclusivecontent-page-header-title .title {
      color: #182D4D;
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 30px;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: 0;
      text-align: left;
      margin: 0; }

#private-area-dashboard-container.dashboard-page-container .pet-type-title {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  color: #344054; }

#private-area-dashboard-container.dashboard-page-container .category-title {
  font-family: "Klavika-Bold", "Helvetica", "Arial", "sans-serif";
  color: #344054; }

#private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content {
  display: flex;
  flex-direction: column;
  row-gap: 52px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content .dashboard-exclusivecontent-page-content-first {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    background-color: transparent;
    position: relative; }

@media (min-width: 768px) {
  #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content {
    flex-direction: column;
    column-gap: 83px;
    justify-content: space-between; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content .dashboard-exclusivecontent-page-content-first {
      flex-direction: column;
      border-radius: 5px;
      padding: 0;
      z-index: 0;
      row-gap: 32px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content .dashboard-exclusivecontent-page-content-first .exclusive-articles-block {
        margin: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content .dashboard-exclusivecontent-page-content-first .exclusive-articles-block .article-module-list {
          margin: 0; } }

@media (min-width: 1280px) {
  #private-area-dashboard-container.dashboard-page-container.exclusivecontent .help-component {
    top: 118px; }
    #private-area-dashboard-container.dashboard-page-container.exclusivecontent .help-component .floating-button-menu.menu-on {
      bottom: unset;
      top: 80px; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-header {
    margin-bottom: 32px; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-header .dashboard-exclusivecontent-page-header-title .title {
      font-size: 48px;
      line-height: 60px;
      letter-spacing: -0.02em; }
  #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content {
    flex-direction: column;
    column-gap: 83px;
    justify-content: space-between; }
    #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content .dashboard-exclusivecontent-page-content-first {
      flex-direction: column;
      border-radius: 5px;
      padding: 0;
      z-index: 0;
      row-gap: 32px; }
      #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content .dashboard-exclusivecontent-page-content-first .exclusive-articles-block {
        margin: 0; }
        #private-area-dashboard-container.dashboard-page-container .dashboard-exclusivecontent-page-content .dashboard-exclusivecontent-page-content-first .exclusive-articles-block .article-module-list {
          margin: 0; } }

@media (max-width: 768px) {
  section.affinity-product--articles > .container .related-carousel.owl-carousel .owl-nav .owl-prev {
    left: 10px !important; }
  section.affinity-product--articles > .container .related-carousel.owl-carousel .owl-nav .owl-next {
    right: 10px !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; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
body .page-wrapper .content.small-cont.landing-page-quiz-wrapper {
  width: 100%;
  padding: 0 0 23px 0; }
  @media screen and (min-width: 1280px) {
    body .page-wrapper .content.small-cont.landing-page-quiz-wrapper {
      width: 600px;
      padding: 50px 0 60px 0; } }

.landing-page-quiz-wrapper .landing-page-quiz-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #182D4D;
  padding: 28px 49px 234px 49px;
  position: relative; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-banner-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #1782FF 0%, rgba(23, 130, 255, 0) 100%); }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-title {
    width: 100%;
    max-width: 276px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 700;
    font-size: 32px;
    color: white;
    line-height: 28px;
    text-align: center;
    padding: 0;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    z-index: 1; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-paragraph {
    width: 100%;
    max-width: 276px;
    font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    padding: 0;
    margin: 0 0 16px 0;
    text-transform: uppercase;
    z-index: 1; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .arrow-icon {
    z-index: 1; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .img-mobile,
  .landing-page-quiz-wrapper .landing-page-quiz-banner .img-desktop,
  .landing-page-quiz-wrapper .landing-page-quiz-banner .test-badge,
  .landing-page-quiz-wrapper .landing-page-quiz-banner .background-mobile,
  .landing-page-quiz-wrapper .landing-page-quiz-banner .background-desktop {
    position: absolute;
    z-index: 0;
    bottom: 0;
    z-index: 1; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .background-desktop {
    overflow: hidden;
    width: 100%;
    height: 100%; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .background-mobile {
    width: 100%;
    max-height: 256px;
    bottom: 0; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .img-mobile {
    margin-left: 22px; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .img-desktop {
    top: 5px;
    right: 0; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner .test-badge {
    z-index: 150;
    top: 0;
    left: 34px;
    max-width: 107px;
    max-height: 110px; }

.landing-page-quiz-wrapper .landing-page-quiz-title {
  font-family: "Darwin Pro", sans-serif;
  font-weight: 300;
  font-size: 32px;
  color: #182D4D;
  line-height: 34px;
  text-align: center;
  padding: 40px 30px 20px 30px;
  margin: 0;
  text-transform: uppercase; }
  .landing-page-quiz-wrapper .landing-page-quiz-title .light-blue {
    color: #63CFE3; }
  .landing-page-quiz-wrapper .landing-page-quiz-title .white {
    color: #fff; }
  .landing-page-quiz-wrapper .landing-page-quiz-title strong {
    font-weight: 700; }
  .landing-page-quiz-wrapper .landing-page-quiz-title .text-transform-none {
    text-transform: none; }

.landing-page-quiz-wrapper .landing-page-quiz-paragraph {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #182D4D;
  line-height: 24px;
  text-align: center;
  padding: 30px;
  margin: 0; }
  .landing-page-quiz-wrapper .landing-page-quiz-paragraph strong {
    font-weight: 700; }

.landing-page-quiz-wrapper .landing-page-quiz-cta {
  width: 257px;
  color: white;
  text-transform: uppercase;
  font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
  font-weight: 700;
  background-color: #63CFE3;
  padding: 11px 29px 8px 32px;
  font-size: 22px;
  line-height: 22px;
  border-top-right-radius: 14px;
  border-bottom-left-radius: 14px;
  margin: 32px auto;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  text-decoration: none; }
  .landing-page-quiz-wrapper .landing-page-quiz-cta:hover, .landing-page-quiz-wrapper .landing-page-quiz-cta:visited {
    color: #fff; }

.landing-page-quiz-wrapper .landing-page-quiz-legal {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #182D4D;
  line-height: 22px;
  text-align: center;
  padding: 0 48px;
  margin: 0; }
  .landing-page-quiz-wrapper .landing-page-quiz-legal a {
    text-decoration: underline; }

.landing-page-quiz-wrapper .landing-page-quiz-video-wrapper {
  padding: 0 30px; }
  .landing-page-quiz-wrapper .landing-page-quiz-video-wrapper .landing-page-quiz-video {
    border-radius: 5px;
    width: 100%;
    height: 100%; }

.landing-page-quiz-wrapper .landing-page-quiz-list-wrapper {
  padding: 24px 16px 4px 8px;
  display: flex;
  flex-direction: column;
  row-gap: 4px; }
  .landing-page-quiz-wrapper .landing-page-quiz-list-wrapper .list-item {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    padding: 16px; }
    .landing-page-quiz-wrapper .landing-page-quiz-list-wrapper .list-item .item-number {
      font-family: "Darwin Pro", sans-serif;
      font-weight: 700;
      font-size: 80px;
      color: #63cfe3;
      line-height: 46px;
      margin: 0;
      min-width: 67px;
      text-align: center; }
    .landing-page-quiz-wrapper .landing-page-quiz-list-wrapper .list-item .item-text {
      display: flex;
      flex-direction: column;
      row-gap: 4px; }
      .landing-page-quiz-wrapper .landing-page-quiz-list-wrapper .list-item .item-text .title {
        font-family: "Darwin Pro", sans-serif;
        font-weight: 700;
        font-size: 18px;
        color: #182D4D;
        line-height: 22px;
        text-align: left;
        text-transform: uppercase;
        margin: 0; }
      .landing-page-quiz-wrapper .landing-page-quiz-list-wrapper .list-item .item-text .description {
        font-family: "Ubuntu", sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: #182D4D;
        line-height: 19px;
        text-align: left;
        margin: 0; }

.landing-page-quiz-wrapper .landing-page-quiz-blue-top {
  width: 100%;
  height: 61px;
  background-color: #fff;
  position: relative; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-top .semi-circle {
    width: 100%;
    height: 51px;
    background-color: #182D4D;
    position: absolute;
    bottom: 0;
    left: 0;
    clip-path: ellipse(50% 100% at 50% 100%); }

.landing-page-quiz-wrapper .landing-page-quiz-blue-bottom {
  height: 250px;
  background-color: #fff;
  position: relative; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-bottom .rectangle {
    width: 100%;
    height: 68px;
    background-color: #182D4D; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-bottom .semi-circle {
    width: 100%;
    height: 51px;
    background-color: #182D4D;
    position: relative;
    bottom: 0;
    left: 0;
    clip-path: ellipse(50% 100% at 50% 0%); }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-bottom .products {
    position: absolute;
    top: 0;
    width: 375px; }

.landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper {
  background-color: #182D4D;
  margin-top: 30px; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-reasons-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 49px 76px;
    align-items: center; }
    .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-reasons-wrapper .landing-page-quiz-reason {
      display: flex;
      flex-direction: column;
      row-gap: 8px;
      border-radius: 0px 40px;
      border: 3px solid #63CFE3;
      padding: 16px 9px;
      align-items: center; }
      .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-reasons-wrapper .landing-page-quiz-reason .img {
        margin-bottom: 16px;
        width: 69px;
        height: 69px; }
      .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-reasons-wrapper .landing-page-quiz-reason .title {
        font-family: "Darwin Pro", sans-serif;
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
        margin: 0; }
      .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-reasons-wrapper .landing-page-quiz-reason .description {
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #fff;
        line-height: 19px;
        text-align: center;
        margin: 0; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-paragraph {
    color: #fff; }
    .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-paragraph.light-blue {
      background-color: #63cfe3;
      font-weight: 500;
      padding: 30px;
      margin-bottom: 20px; }

.landing-page-quiz-wrapper .landing-page-quiz-benefits-wrapper {
  display: flex;
  justify-content: center; }
  .landing-page-quiz-wrapper .landing-page-quiz-benefits-wrapper .img {
    width: 100%; }

.landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper {
  padding: 0 35px;
  position: relative;
  margin: 0; }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial {
    background-color: #182D4D;
    padding: 40px 30px;
    border-radius: 0px 34px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: center; }
    .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-img {
      width: 140px;
      height: 140px;
      border-radius: 50%;
      box-shadow: 0px 7px 19px 0px #00000082; }
      .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-img .img {
        width: 140px;
        height: 140px;
        border-radius: 50%; }
    .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-content {
      display: flex;
      flex-direction: column;
      row-gap: 12px; }
      .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-content .testimonial-header {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        justify-content: center;
        align-items: center; }
        .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-content .testimonial-header .testimonial-header-pet,
        .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-content .testimonial-header .testimonial-header-owner {
          font-family: "Ubuntu", sans-serif;
          font-weight: 700;
          font-size: 18px;
          color: #fff;
          line-height: 20px;
          text-align: center;
          display: flex;
          flex-direction: row;
          column-gap: 15px;
          text-transform: uppercase;
          align-items: center;
          text-align: left; }
      .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-content .testimonial-description {
        font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        text-align: center;
        margin: 0; }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-button {
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 10; }
    .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-button.swiper-button-prev {
      left: 0px; }
    .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-button.swiper-button-next {
      right: 0px; }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%); }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-pagination-bullet {
    background-color: #EAECF0;
    width: 10px;
    height: 10px;
    opacity: 1;
    margin: 0 5px; }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-pagination-bullet-active {
    background-color: #182D4D; }

@media screen and (min-width: 1280px) {
  .landing-page-quiz-wrapper.content.small-cont {
    width: 600px; }
  .landing-page-quiz-wrapper .landing-page-quiz-banner {
    padding: 50px 160px 28px 144px;
    margin-bottom: 22px; }
    .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-title,
    .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-paragraph {
      max-width: 299px;
      margin: 0 0 8px 0; }
    .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-banner-shadow {
      width: 600px;
      height: 211px; }
    .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-title {
      font-size: 22px;
      line-height: 23px; }
    .landing-page-quiz-wrapper .landing-page-quiz-banner .landing-page-quiz-paragraph {
      font-size: 16px;
      line-height: 20px; }
  .landing-page-quiz-wrapper .landing-page-quiz-video-wrapper {
    padding: 0 60px; }
    .landing-page-quiz-wrapper .landing-page-quiz-video-wrapper .landing-page-quiz-video {
      width: 468px;
      height: 263px; }
  .landing-page-quiz-wrapper .landing-page-quiz-list-wrapper {
    padding: 24px 8px;
    row-gap: 8px; }
    .landing-page-quiz-wrapper .landing-page-quiz-list-wrapper .list-item {
      column-gap: 24px;
      padding: 24px 16px; }
  .landing-page-quiz-wrapper .landing-page-quiz-legal {
    padding: 0 30px; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-top {
    width: 600px;
    height: 98px; }
    .landing-page-quiz-wrapper .landing-page-quiz-blue-top .semi-circle {
      width: 100%;
      height: 83px; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-bottom {
    height: 290px; }
    .landing-page-quiz-wrapper .landing-page-quiz-blue-bottom .products {
      width: unset;
      left: 73px; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-reasons-wrapper {
    flex-direction: row;
    column-gap: 24px;
    padding: 31px 54px; }
    .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-reasons-wrapper .landing-page-quiz-reason {
      width: 207px; }
  .landing-page-quiz-wrapper .landing-page-quiz-blue-wrapper .landing-page-quiz-paragraph.light-blue {
    padding: 30px 89px; }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial {
    flex-direction: row-reverse;
    column-gap: 24px; }
    .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-img {
      width: 168px;
      height: 168px; }
      .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-img .img {
        width: 168px;
        height: 168px; }
    .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-content .testimonial-header {
      flex-direction: row;
      column-gap: 11px;
      justify-content: start;
      align-items: center; }
    .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .landing-page-quiz-testimonial .testimonial-content .testimonial-description {
      text-align: left; }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-button.swiper-button-prev {
    left: -12px; }
  .landing-page-quiz-wrapper .landing-page-quiz-testimonial-wrapper .swiper-button.swiper-button-next {
    right: -12px; } }

/*# sourceMappingURL=main.css.map*/