@charset "UTF-8";
 html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {  }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {  } small {
font-size: 80%;
font-weight: 400;
line-height: 1.2em;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
}
input[placeholder], [placeholder], *[placeholder] {
color: #F15A29 !important;
} button,
select { text-transform: none;
} [type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
} [type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
} [type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}     .anim_slidein:before {
animation: 0.5s ease-out 1 0.75s slidein-title;
animation-play-state: running;
}
@keyframes slidein-title {
0% {
margin-left: -300px;
opacity: 0;
}
100% {
margin-left: -24px;
opacity: 1;
}
} .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--3dx .hamburger-box {
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s;
} .hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s;
} .hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0;
} .hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg);
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
} .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} body,
button,
input,
optgroup,
select,
textarea,
li,
ol,
ul,
p,
a {
color: #7A6F6C;
font-family: museo-sans;
font-size: 87.5%;
line-height: 1.2em;
font-weight: 300;
outline: 0;
background: transparent;
-webkit-appearance: none;
-webkit-border-radius: 0px;
border-radius: 0;
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
margin-bottom: 5px;
line-height: 1em;
clear: both;
color: #7A6F6C;
font-family: museo-sans;
font-weight: bold;
}
@media (max-width: 1024px) {
h1 br,
h2 br,
h3 br,
h4 br,
h5 br,
h6 br {
display: none;
}
}
h1 {
margin-bottom: 0;
font-size: 54px;
line-height: 1em;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 1.3em;
color: #7A6F6C;
}
h4 {
font-size: 28px;
line-height: 32px;
}
h5 {
font-size: 20px;
line-height: 24px;
}
p {
padding: 0;
margin: 0;
color: #7A6F6C;
font-size: 1em;
}
cite,
dfn,
em,
i {
font-style: italic;
}
blockquote {
margin: 0;
}
address {
margin: 0;
margin-bottom: 30px;
padding: 0;
font-style: normal;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins,
mark {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
li {
color: #7A6F6C;
margin-bottom: 15px;
} .select__field::-ms-expand {
display: none;
}
.select__field:focus:invalid {
border-color: #FD6347;
}
.select__field:required:valid {
border-color: #006400;
} .container {
max-width: 1200px;
width: 100%;
height: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
transition: 300ms padding ease-out;
}
.container .row {
width: calc( 100% - 20px );
height: 100%;
margin: 0 10px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.top-banner-widget h3 br{
display: block !important;
}
@media (max-width: 767px) {
.container .row {
width: calc( 100% - 40px );
margin: 0 20px;
}
}
.container .row.reverse {
flex-direction: row-reverse;
}
.container-hero.container {
max-width: 100%;
width: 100%;
}
.row-small-col .col-1 {
width: calc( 100% * 0.0833333333 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-1 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 767px) {
.row-small-col .col-1 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-1 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-2 {
width: calc( 100% * 0.1666666667 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-2 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-2 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-3 {
width: calc( 100% * 0.25 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-3 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-3 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-4 {
width: calc( 100% * 0.3333333333 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-4 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-4 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-5 {
width: calc( 100% * 0.4166666667 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-5 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-5 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-6 {
width: calc( 100% * 0.5 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-6 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-6 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-7 {
width: calc( 100% * 0.5833333333 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-7 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-7 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-8 {
width: calc( 100% * 0.6666666667 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-8 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-8 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-9 {
width: calc( 100% * 0.75 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-9 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-9 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-10 {
width: calc( 100% * 0.8333333333 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-10 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-10 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-11 {
width: calc( 100% * 0.9166666667 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-11 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-11 {
margin: 0 10px 20px 10px;
}
}
.row-small-col .col-12 {
width: calc( 100% * 1 - 20px );
margin: 0 10px 0 10px;
}
@media (max-width: 767px) {
.row-small-col .col-12 {
width: calc( 100% - 20px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.row-small-col .col-12 {
margin: 0 10px 20px 10px;
}
}
.col-1 {
width: calc( 100% * 0.0833333333 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-1 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-1 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-2 {
width: calc( 100% * 0.1666666667 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-2 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-2 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-3 {
width: calc( 100% * 0.25 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-3 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-3 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-4 {
width: calc( 100% * 0.3333333333 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-4 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-4 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-5 {
width: calc( 100% * 0.4166666667 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-5 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-5 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-6 {
width: calc( 100% * 0.5 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-6 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-6 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-7 {
width: calc( 100% * 0.5833333333 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-7 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-7 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-8 {
width: calc( 100% * 0.6666666667 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-8 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-8 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-9 {
width: calc( 100% * 0.75 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-9 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-9 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-10 {
width: calc( 100% * 0.8333333333 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-10 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-10 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-11 {
width: calc( 100% * 0.9166666667 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-11 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-11 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.col-12 {
width: calc( 100% * 1 - 10px );
margin: 0 5px 0 5px;
display: flex;
}
@media (max-width: 767px) {
.col-12 {
width: calc( 100% - 10px );
margin: 0 5px 10px 5px;
}
}
@media (max-width: 576px) {
.col-12 {
width: calc( 100% - 20px );
margin: 0 10px 20px 10px;
}
}
.container-hero {
max-width: 100%;
}
.container-large {
max-width: 1600px;
}
.container-none {
max-width: 100%;
}
.no-gutter .row {
width: 100%;
margin: 0;
}
.no-gutter .row .col-1 {
width: calc( 100% * 0.0833333333 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-1 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-1 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-2 {
width: calc( 100% * 0.1666666667 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-2 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-2 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-3 {
width: calc( 100% * 0.25 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-3 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-3 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-4 {
width: calc( 100% * 0.3333333333 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-4 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-4 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-5 {
width: calc( 100% * 0.4166666667 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-5 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-5 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-6 {
width: calc( 100% * 0.5 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-6 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-6 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-7 {
width: calc( 100% * 0.5833333333 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-7 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-7 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-8 {
width: calc( 100% * 0.6666666667 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-8 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-8 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-9 {
width: calc( 100% * 0.75 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-9 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-9 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-10 {
width: calc( 100% * 0.8333333333 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-10 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-10 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-11 {
width: calc( 100% * 0.9166666667 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-11 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-11 {
width: 100%;
margin: 0;
}
}
.no-gutter .row .col-12 {
width: calc( 100% * 1 );
margin: 0;
}
@media (max-width: 767px) {
.no-gutter .row .col-12 {
width: 100%;
margin: 0;
}
}
@media (max-width: 576px) {
.no-gutter .row .col-12 {
width: 100%;
margin: 0;
}
}
.no-bottom-gutter .row {
margin-bottom: 0;
}
.no-bottom-gutter .row .col-1 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-1 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-1 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-2 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-2 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-2 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-3 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-3 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-3 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-4 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-4 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-4 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-5 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-5 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-5 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-6 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-6 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-6 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-7 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-7 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-7 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-8 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-8 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-8 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-9 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-9 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-9 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-10 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-10 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-10 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-11 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-11 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-11 {
margin-bottom: 0;
}
}
.no-bottom-gutter .row .col-12 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.no-bottom-gutter .row .col-12 {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.no-bottom-gutter .row .col-12 {
margin-bottom: 0;
}
}
[class^=col-] [class^=col-] {
margin: 0;
}
.row .row {
width: 100%;
margin: 0;
}
.flex {
display: flex;
}
.flex-row {
flex-direction: row;
}
.flex-column {
flex-direction: column;
}
.justify-left {
justify-content: flex-start;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-around {
justify-content: space-around;
}
.justify-between {
justify-content: space-between;
}
.justify-evenly {
justify-content: space-evenly;
} html {
box-sizing: border-box;
scroll-behavior: smooth;
overflow-x: hidden;
}
*,
*:after,
*:before { box-sizing: inherit;
}
body {
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
background-position: center;
background: #F15A29;
background: linear-gradient(90deg, #FEBC22 0%, #F47B20 55.2%, #F47B20 78.4%, #F15A29 100%);
}
.lock-scroll {
position: fixed;
margin: 0;
height: 100%;
overflow: hidden;
}
#page {
margin-top: 121px;
transition: 300ms all ease-in-out;
}
@media (max-width: 1023px) {
#page {
margin-top: 75px;
}
}
.toggled #page {
margin-top: 100vh;
transition: 300ms all ease-in-out;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ol,
ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ol,
ul,
li {
font-size: inherit;
line-height: inherit;
list-style-position: inside;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 5px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}
.no-mob {
display: block;
}
@media (max-width: 767px) {
.no-mob {
display: none;
}
}
.mob {
display: none;
}
@media (max-width: 767px) {
.mob {
display: block;
}
} .jcf-button,
.jcf-file {
display: inline-block;
position: relative;
overflow: hidden;
background: #fff;
}
.button, input[type=submit]{
position: relative;
min-width: 240px;
height: 50px;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
background: #7A6F6C;
color: #fff;
font-size: 14px;
border-radius: 10px;
font-weight: bold;
transition: 300ms all ease-in-out;
}
@media (max-width: 767px) {
.button {
min-width: unset;
}
}
.button:after, .submit:after {
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 8px;
height: 12px;
margin-right: 20px;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.button:hover {
background: #F15A29;
transition: 300ms all ease-in-out;
}
.button:after {
transition: 300ms all ease-in-out;
}
.button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
transition: 300ms all ease-in-out;
}
.button span.jcf-button-content {
width: 100%;
}
.jcf-hidden {
left: 0px !important;
top: 12px !important;
z-index: 10;
height: 12px !important;
width: 12px !important;
opacity: 0;
}
.button-alt {
background: #FBAA25;
color: #fff;
}
.button-alt:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.button-alt:hover {
background: #7A6F6C;
}
.button-alt:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
}
.button-alt span.jcf-button-content {
width: 100%;
}
a.button:hover {
opacity: 1;
}
.dynamicbutton {
display: inline-block;
width: 100%;
}
.button.dynamic {
width: auto !important;
min-width: auto !important;
float: left;
padding-right: 40px;
}
.jcf-upload-button {
position: relative;
height: 50px !important;
flex-direction: column;
justify-content: center;
background: #7A6F6C;
color: #fff;
font-size: 14px;
line-height: 50px !important;
border-radius: 4px;
font-weight: bold;
transition: 300ms all ease-in-out;
cursor: hand;
cursor: pointer;
text-transform: uppercase;
padding: 0 20px !important;
}
#wpcf7-f711-o1 span.wpcf7-form-control-wrap {
max-width: 255px;
}
.jcf-file .jcf-real-element {
height: 50px !important;
}
.jcf-file .jcf-fake-input, .jcf-file .jcf-upload-button {
border: none !important;
line-height: 50px !important;
height: 50px !important;
color: #7A6F6C !important;
font-size: 14px !important;
}
.jcf-upload-button:hover, .jcf-upload-button:focus{
background: #ffffff !important;
}
.jcf-file:hover .jcf-upload-button .jcf-button-content{
color: #FBAA25 !important;
}
.single-benefit input {
color: #7A6F6C;
}
.single-benefit input:focus {
color: #7A6F6C !important;
}
.whiteform .wpcf7-form-control-wrap {
max-width: 255px;
}
.whiteform p {
margin-bottom: 18px !important;
}
.whiteform .wpcf7-list-item {
margin-bottom: 28px;
}
.whiteform .wpcf7-submit {
width: auto;
color: #ffffff;
}
.page-id-705 .wpcf7 form.invalid .wpcf7-response-output, .page-id-705 .wpcf7 form.unaccepted .wpcf7-response-output, .page-id-705 .wpcf7-response-output {
color: #FBAA25 !important;
margin-bottom: 28px;
}
.page-id-705 p > strong > a {
color: #FBAA25;
}
.page-id-705 .wpcf7-acceptance .jcf-checkbox, .lightform .wpcf7-acceptance .jcf-checkbox {
background-color: #f0f0f0;
}
.page-id-705 strong a {
font-weight: bold;
}
.icons > .button {
padding: 5px;
}
.jcf-button .jcf-real-element {
position: absolute;
min-height: 100%;
min-width: 100%;
outline: none;
opacity: 0;
padding: 0;
margin: 0;
border: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}   a {
font-size: inherit;
line-height: inherit;
color: #7A6F6C;
text-decoration: none;
outline: 0;
transition: 300ms color ease-out, 300ms opacity ease-out;
}
a:hover {
opacity: 0.5;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5 {
opacity: 0.5;
transition: 300ms color ease-out, 300ms opacity ease-out;
}
a:hover:after {
transition: 300ms opacity ease-out;
}
a a:focus {
outline: 0;
} .site-header {
position: fixed;
height: 121px;
width: 100%;
top: 0;
padding: 0;
z-index: 9999;
transition: 300ms all ease-in-out;
box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
.header-back {
position: absolute;
display: block;
width: 100%;
height: 121px;
top: 0px;
background: #F15A29;
}
@media (max-width: 1023px) {
.site-header {
height: 75px;
}
}
.toggled .site-header {
height: 100vh;
background: rgba(38, 51, 63, 0.9);
}
.site-branding {
position: absolute;
left: 0;
width: auto;
margin-right: auto;
font-weight: bold;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
z-index: 99999;
transition: 300ms width ease-in-out, 300ms height ease-in-out;
}
@media (max-width: 1023px) {
.site-branding {
height: 75px;
}
}
.site-branding .st0,
.site-branding .st1,
.site-branding .st2,
.site-branding .st3,
.site-branding .st4 {
fill: #fff;
transition: 300ms all ease-in-out;
}
.toggled .site-branding .st0,
.toggled .site-branding .st1,
.toggled .site-branding .st2,
.toggled .site-branding .st3,
.toggled .site-branding .st4 {
fill: #fff;
transition: 300ms all ease-in-out;
}
.site-branding .st1 {
fill: #91B508;
}
.site-branding svg {
width: auto;
max-width: 100%;
height: 100%;
display: block;
}
.site-header .site-branding a {
background: #fff;
border-radius: 0 0 40px 40px;
display: flex;
flex-wrap: wrap;
padding: 20px 2rem;
text-align: center;
transition: all .6s ease-in-out;
margin: 0 20px 0 0;
max-width: 216px;
}
.site-footer .site-branding a {
display: flex;
flex-wrap: wrap;
text-align: center;
transition: all .6s ease-in-out;
margin: 0 20px 0 0;
max-width: 160px;
}
@media (max-width: 1023px) {
.site-header .site-branding a { padding: 15px 15px;
border-radius: 0 0 30px 30px;
max-width: 117px;
height: 100%;
}
}
.site-footer .site-branding {
position: relative;
height: 100%;
margin-bottom: 15px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 767px) {
.site-footer .site-branding {
margin: 0 auto;
align-items: center;
}
}
.site-footer .site-branding a {
position: relative;
top: unset;
left: unset;
align-items: center;
}
@media (max-width: 1023px) {
.site-footer .site-branding a {
height: 60px;
}
.header-back {
height: 76px;
}
}
.site-footer .site-branding .st0 {
fill: #fff;
}
.section-menu {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.section-menu {
width: 100%;
justify-content: flex-start;
}
}
.section-menu .section-icons {
height: 40px;
margin-bottom: 15px;
display: flex;
justify-content: flex-end;
z-index: 2;
}
.section-menu .section-icons svg, .section-menu .section-icons img {
width: 40px;
max-height: 100%;
margin-left: 15px;
background-color: #fff;
border-radius: 20px;
padding: 5px;
}
@media (max-width: 1023px) {
.section-menu .section-icons {
display: none;
}
}
.main-navigation {
width: 100%;
top: 0;
height: inherit;
margin: 0;
padding: 0 0 0 0;
margin-left: auto;
z-index: 99;
transition: 300ms height ease-in-out;
}
@media (max-width: 1023px) {
.main-navigation {
height: 75px;
}
}
.main-navigation .fa-lg {
font-size: 1em;
}
.main-navigation .menu-main-menu-container {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
visibility: visible;
z-index: 99;
transition: 300ms height ease-in-out;
}
@media (max-width: 1023px) {
.main-navigation .menu-main-menu-container {
left: 0;
height: 0;
visibility: hidden;
transition: 300ms height ease-in-out;
}
}
.toggled .main-navigation .menu-main-menu-container {
height: calc( 100vh - 75px );
display: flex;
justify-content: center;   transition: 300ms border ease-in-out 500ms;
visibility: visible;
}
.main-navigation > ul {
top: 0;
}
.main-navigation ul {
width: 100%;
display: flex;
box-sizing: border-box;
list-style-type: none;
}
.toggled .main-navigation ul {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.main-navigation ul li {
width: auto;
height: inherit;
margin-left: 25px;
margin-bottom: 0;
text-align: left;
border: 0;
text-decoration: none;
transition: 500ms opacity ease-in-out 300ms;
}
.main-navigation ul.menu > li{
padding-bottom: 30px;
}
@media (max-width: 767px) {
.main-navigation ul li {
opacity: 0;
}
.mainbtns {
display: flex;
flex-flow: column;
grid-gap: 10px;
}
}
.main-navigation ul li:first-of-type {
margin-left: 0;
margin-right: 15px;
}
.main-navigation ul li:nth-child(7) {
transition-delay: 0;
}
.main-navigation ul li:nth-child(6) {
transition-delay: 0;
}
.main-navigation ul li:nth-child(5) {
transition-delay: 0;
}
.main-navigation ul li:nth-child(4) {
transition-delay: 0;
}
.main-navigation ul li:nth-child(3) {
transition-delay: 0;
}
.main-navigation ul li:nth-child(2) {
transition-delay: 0;
}
.main-navigation ul li:nth-child(1) {
transition-delay: 0;
}
.toggled .main-navigation ul li {
width: 100%;
margin: 0;
padding: 10px 0;
display: block;
opacity: 1;
}
.toggled .main-navigation ul li:nth-child(1) {
transition-delay: 0.35s;
}
.toggled .main-navigation ul li:nth-child(2) {
transition-delay: 0.45s;
}
.toggled .main-navigation ul li:nth-child(3) {
transition-delay: 0.55s;
}
.toggled .main-navigation ul li:nth-child(4) {
transition-delay: 0.65s;
}
.toggled .main-navigation ul li:nth-child(5) {
transition-delay: 0.75s;
}
.toggled .main-navigation ul li:nth-child(6) {
transition-delay: 0.85s;
}
.toggled .main-navigation ul li:nth-child(7) {
transition-delay: 0.95s;
}
.toggled .main-navigation ul li:nth-child(8) {
transition-delay: 1.05s;
}
.toggled .main-navigation ul li:nth-child(9) {
transition-delay: 1.15s;
}
.toggled .main-navigation ul li:first-of-type {
display: none;
}
.main-navigation ul li:hover ul {
visibility: visible;
opacity: 1;
transition: 300ms all ease-in-out;
}
.main-navigation ul li a {
font-size: 14px;
line-height: 1em;
color: #fff;
text-align: left;
font-weight: 300;
justify-content: space-between;
}
@media (max-width: 1100px) {
.main-navigation ul li a {
font-size: 12px;
}
}
.toggled .main-navigation ul li a {
font-size: 24px;
color: #fff;
display: flex;
}
.main-navigation ul li a:hover {
opacity: unset;
}
.main-navigation ul li:hover > ul {
flex-wrap: wrap;
top: 121px;
visibility: visible;
transition: 300ms max-height ease-in-out, 300ms opacity ease-in-out, 500ms top ease-in-out;
}
@media (max-width: 1023px) {
.main-navigation ul li:hover > ul {
visibility: hidden;
}
}
.main-navigation ul li.menu-item-has-children > a {
position: relative;
}
.main-navigation ul li.menu-item-has-children > a:after {
content: " ";
position: absolute;
top: 20px;
right: 0;
left: 50%;
width: 8px;
height: 12px;
margin-right: 20px;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transform: rotate(90deg);
transition: 300ms all ease-in-out;
}
@media (max-width: 1023px) {
.main-navigation ul li.menu-item-has-children > a:after {
position: relative;
top: unset;
right: unset;
left: unset;
width: 8px;
height: 12px;
margin-right: 20px;
opacity: 0;
visibility: hidden;
align-self: center;
}
}
.toggled .main-navigation ul li.menu-item-has-children > a:after {
opacity: 1;
visibility: visible;
}
@media (max-width: 1023px) {
.main-navigation ul li.menu-item-has-children.focus a:after { }
}
.main-navigation ul li.menu-item-has-children:hover a {
position: relative;
}
.main-navigation ul li.menu-item-has-children:hover a:after {
transform: rotate(-90deg);
}
.main-navigation ul .current_page_item a {
color: #FBAA25;
}
.main-navigation ul .current-menu-parent a {
color: #FBAA25;
}
@media (max-width: 1023px) {
.main-navigation ul .focus a:after {
transform: rotate(-90deg) !important;
transition: 300ms transform ease-in-out;
}
.main-navigation ul .focus ul.sub-menu {
position: relative;
top: 0;
height: auto;
width: auto;
padding: 10px 0 0 0;
max-height: unset;
visibility: visible;
background: unset;
opacity: 1;
transition: 300ms height ease-in-out, 300ms max-height ease-in-out, 0ms max-height ease-in-out, 0ms top ease-in-out, 0ms visibility ease-in-out;
}
.main-navigation ul .focus ul.sub-menu li {
width: 100%;
padding: 0;
transition: 0ms opacity ease-in-out;
}
.main-navigation ul .focus ul.sub-menu li a {
transition: 0ms opacity ease-in-out;
}
.main-navigation ul .focus ul.sub-menu li a:before {
display: none;
}
.main-navigation ul .focus ul.sub-menu a {
padding: 10px 20px;
color: #fff;
}
a .main-navigation ul .menu-item-has-children.focus:after {
opacity: 0;
}
}
.main-navigation ul ul.sub-menu {
position: absolute;
border-radius: 0px 0px 20px 20px;
top: 135px;
left: 0px;
width: calc( 100% + 50px);
margin-left: -25px;
padding: 25px 25px 25px 25px;
display: flex;
flex-wrap: wrap;
opacity: 0; background: rgba(255, 255, 255, 0.95);
padding-top: 20px;
visibility: hidden;
opacity: 0;
transition: 300ms all ease-in-out;
}
@media (max-width: 1023px) {
.main-navigation ul ul.sub-menu {
padding: 0;
margin: 0;
position: relative;
max-height: 0px;
margin-top: unset;
transition: unset;
}
}
.main-navigation ul ul.sub-menu:hover {
opacity: 1;
}
.main-navigation ul ul.sub-menu li {
width: calc( 100% / 3 );
margin-bottom: 25px;
padding-top: 10px;
min-width: 200px;
margin: 0;
display: flex;
}
.main-navigation ul ul.sub-menu li a {
width: auto;
font-size: 14px;
text-align: left;
color: #7A6F6C;
}
.main-navigation ul ul.sub-menu li a:hover{
color: #F15A29;
}
.main-navigation ul ul.sub-menu li a:hover:before {
margin-left: 5px;
margin-right: 5px;
transition: 300ms all ease-in-out;
}
.main-navigation ul ul.sub-menu li a:before {
content: " ";
width: 8px;
height: 12px;
margin-right: 10px;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: 300ms all ease-in-out;
}
.main-navigation a, .main-navigation li {
line-height: 1em;
}
.main-navigation .fa-home:before {
position: absolute;
left: 0;
width: 13px;
height: 13px;
color: #fff;
}
.main-navigation .fa-home a {
position: absolute;
left: 0;
width: 13px;
height: 13px;
line-height: 44px;
overflow: hidden;
}
.sub-menu-header {
margin-bottom: 15px;
padding-bottom: 25px;
border-bottom: 1px solid #FF8F1C;
display: flex;
flex-flow: column;
text-align: left;
justify-content: flex-start;
}
@media (max-width: 1023px) {
.sub-menu-header {
display: none !important;
}
}
.sub-menu-header h3 {
font-size: 18px;
margin-bottom: 0;
}
.sub-menu-header p {
font-size: 14px;
}
.sub-menu-header a:before {
content: unset !important;
}
.sub-menu-header:after, .sub-menu-header:before {
content: "";
width: 100%;
order: 1;
}
.break {
flex-basis: 100%;
height: 0;
}
.site-main .comment-navigation,
.site-main .site-main .post-navigation,
.site-main .site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.hamburger {
cursor: pointer;
position: relative;
height: 75px;
padding: 0;
margin: 0 0 0 auto;
align-self: center;
position: relative;
justify-content: center;
align-items: center;
z-index: 99999;
visibility: hidden;
display: none;
transition: 300ms opacity ease-in-out;
}
@media (max-width: 1023px) {
.hamburger {
display: flex;
visibility: visible;
}
}
.hamburger:hover {
opacity: 1;
}
.hamburger .hamburger-inner {
background-color: #fff;
}
.hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after {
background-color: #fff;
}
.is-active.hamburger .hamburger-inner {
background-color: #fff;
}
.is-active.hamburger .hamburger-inner:before, .is-active.hamburger .hamburger-inner:after {
background-color: #fff;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
}      .comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}   .crumbs-container {
color: #FBAA25;
font-size: 24px;
}
.crumbs-container [class^=col-] {
position: absolute;
top: 23px;
display: flex;
flex-wrap: wrap;
}
.crumbs-container .separator {
font-size: 20px;
line-height: 1em;
margin-top: -2px;
}
.crumbs-container span {
margin: 0 10px;
font-size: 12px;
font-weight: bold;
color: #7A6F6C;
}
.crumbs-container span:first-of-type {
margin-left: 0;
margin-right: 5px;
}
.crumbs-container a, .crumbs-container span {
color: #fff;
}
.site-header .row {
position: relative;
}
.site-header [class^=col-] {
position: relative;
display: flex;
justify-content: flex-end;
}
.site-content {
width: 100%;
padding: 0;
opacity: 1;
transition: 300ms margin ease-in-out, 300ms opacity ease-in-out;
}
.toggled .site-content {
opacity: 0;
}
.overlay-body {
position: fixed;
width: 100%;
height: 100%;
z-index: -1;
background-size: cover;
background-position-y: top;
mix-blend-mode: multiply;
}
.site-content section {
position: relative;
width: 100%;
margin: 65px 0 0 0;
background-size: cover;
}
@media (max-width: 1023px) {
.site-content section {
padding: 25px 0 0 0;
padding: 0; }
}
.section-title {
padding: 65px 0 0 0;
}
.section-title [class^=col-] {
display: flex;
flex-direction: column;
}
.section-title h2, .section-title p {
color: #fff;
}
.section-title h2 {
font-size: 34px;
margin-bottom: 20px;
}
.section-title p {
font-size: 16px;
}
@media (max-width: 767px) {
.section-title p {
font-size: 16px;
}
}
.site-footer {
position: relative;
width: 100%;
margin-top: 65px;
display: flex;
flex-direction: column;
z-index: 99;
transition: 500ms margin ease-in-out;
}
@media (max-width: 767px) {
.site-footer .site-branding {
margin-bottom: 25px;
}
}
.site-footer .site-branding img {
max-width: 120px;
}
.site-footer ul li {
list-style: none;
}
.site-footer li, .site-footer p, .site-footer a {
font-size: 14px;
color: #fff;
}
@media (max-width: 767px) {
.site-footer li, .site-footer p, .site-footer a {
text-align: center;
}
}
.site-footer li {
margin-bottom: 5px;
}
.site-footer li:last-of-type {
margin-bottom: 0;
}
.site-footer .first {
display: flex;
flex-direction: column;
}
.site-footer .first p {
margin-bottom: 15px;
line-height: 1em;
}
.site-footer .first a {
font-size: 22px;
line-height: 1em;
font-weight: bold;
color: #FBAA25;
transition: 300ms all ease-in;
}
.site-footer .second {
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 767px) {
.site-footer .second {
flex-direction: column;
justify-content: center;
}
}
.site-footer .second li:first-of-type a {
color: #FBAA25;
}
.site-footer .second .secondary-navigation,
.site-footer .second .tertiary-navigation {
display: flex;
flex-direction: column;
}
.site-footer .second .secondary-navigation ul li:first-of-type a,
.site-footer .second .tertiary-navigation ul li:first-of-type a {
font-weight: bold;
}
.site-footer .second .tertiary-navigation {
margin-left: 10px;
}
@media (max-width: 767px) {
.site-footer .second .tertiary-navigation {
margin: 0;
margin-top: 25px;
}
}
.main-footer {
padding: 60px 0;
background-color: #7A6F6C;
}
.sub-footer {
padding: 25px 0;
background: #C0BAB5;
}
.sub-footer li, .sub-footer a, .sub-footer p {
margin-bottom: 0;
font-size: 12px;
line-height: 18px;
color: #7A6F6C;
display: flex;
}
@media (max-width: 767px) {
.sub-footer li, .sub-footer a, .sub-footer p {
text-align: center;
}
}
@media (max-width: 767px) {
.sub-footer p { margin: 0 auto;
}
}
.sub-footer .copy {
justify-content: flex-start;
}
.sub-footer .menu {
justify-content: flex-end;
}
@media (max-width: 767px) {
.sub-footer .menu {
justify-content: center;
}
}
.sub-footer .quaternary-navigation ul {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.sub-footer .quaternary-navigation li:before {
content: "|";
margin: 0 15px;
color: #7A6F6C;
}
.sub-footer .quaternary-navigation li:first-of-type:before {
display: none;
}
.sub-footer .quaternary-navigation li a {
color: #7A6F6C;
} .facetwp-filters {
width: 100%;
}
.facetwp-filters .facetwp-facet {
position: relative;
margin-bottom: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
width: auto;
}
.facetwp-filters .facetwp-facet .facetwp-radio {
padding: 0;
margin: 0;
margin-right: 10px;
margin-bottom: 10px;
padding: 15px;
line-height: 1em;
background: unset;
list-style: none;
text-transform: uppercase;
color: #fff;
border-radius: 10px;
background: #7A6F6C;
transition: 300ms all ease-in-out;
}
.facetwp-filters .facetwp-facet .facetwp-radio .facetwp-counter {
color: #FBAA25;
}
.facetwp-filters .facetwp-facet .facetwp-radio.checked {
background: #FBAA25;
}
.facetwp-filters .facetwp-facet .facetwp-radio.checked .facetwp-counter {
color: #7A6F6C;
}
.facetwp-filters .facetwp-facet .facetwp-radio:hover {
color: #fff;
background: #FBAA25;
transition: 300ms all ease-in-out;
}
.facetwp-filters .facetwp-facet .facetwp-radio:hover .facetwp-counter {
color: #7A6F6C;
}
.facetwp-group {
width: 100%;
}
.facetwp-template {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.listing-single {
position: relative;
padding: 25px;
border-radius: 20px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
background: #E6E7E8;
}
.listing-single:nth-of-type(4n-2), .listing-single:nth-of-type(4n-1) {
background: #fff;
}
.listing-single:nth-of-type(4n-2) .header h3,
.listing-single:nth-of-type(4n-2) .header h4,
.listing-single:nth-of-type(4n-2) .content h3,
.listing-single:nth-of-type(4n-2) .content h4, .listing-single:nth-of-type(4n-1) .header h3,
.listing-single:nth-of-type(4n-1) .header h4,
.listing-single:nth-of-type(4n-1) .content h3,
.listing-single:nth-of-type(4n-1) .content h4 {
color: #FBAA25;
margin-bottom: 0;
}
.listing-single:nth-of-type(4n-2) .header h3 span,
.listing-single:nth-of-type(4n-2) .header h4 span,
.listing-single:nth-of-type(4n-2) .content h3 span,
.listing-single:nth-of-type(4n-2) .content h4 span, .listing-single:nth-of-type(4n-1) .header h3 span,
.listing-single:nth-of-type(4n-1) .header h4 span,
.listing-single:nth-of-type(4n-1) .content h3 span,
.listing-single:nth-of-type(4n-1) .content h4 span {
color: #7A6F6C;
}
.listing-single:nth-of-type(4n-2) .header .info,
.listing-single:nth-of-type(4n-2) .content .info, .listing-single:nth-of-type(4n-1) .header .info,
.listing-single:nth-of-type(4n-1) .content .info {
color: #7A6F6C;
}
.listing-single:nth-of-type(4n-2) .header .time,
.listing-single:nth-of-type(4n-2) .content .time, .listing-single:nth-of-type(4n-1) .header .time,
.listing-single:nth-of-type(4n-1) .content .time {
color: #F15A29 !important;
}
.listing-single:nth-of-type(4n-2) .footer h3 span, .listing-single:nth-of-type(4n-1) .footer h3 span {
color: #F15A29;
}
.listing-single:nth-of-type(4n-2) .footer .jcf-button,
.listing-single:nth-of-type(4n-2) .footer .button, .listing-single:nth-of-type(4n-1) .footer .jcf-button,
.listing-single:nth-of-type(4n-1) .footer .button {
background: #F15A29;
}
.listing-single:nth-of-type(4n-2) .footer .jcf-button:after,
.listing-single:nth-of-type(4n-2) .footer .button:after, .listing-single:nth-of-type(4n-1) .footer .jcf-button:after,
.listing-single:nth-of-type(4n-1) .footer .button:after {
content: " ";
position: absolute;
right: 0;
width: 8px;
height: 12px;
margin-right: 20px;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.listing-single:nth-of-type(4n-2) .footer .jcf-button:hover,
.listing-single:nth-of-type(4n-2) .footer .button:hover, .listing-single:nth-of-type(4n-1) .footer .jcf-button:hover,
.listing-single:nth-of-type(4n-1) .footer .button:hover {
background: #7A6F6C;
transition: 300ms all ease-in-out;
}
.listing-single:nth-of-type(4n-2) .footer .jcf-button:hover:after,
.listing-single:nth-of-type(4n-2) .footer .button:hover:after, .listing-single:nth-of-type(4n-1) .footer .jcf-button:hover:after,
.listing-single:nth-of-type(4n-1) .footer .button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.listing-single:nth-of-type(4n-2) .footer .links, .listing-single:nth-of-type(4n-1) .footer .links {
display: flex;
}
@media (max-width: 767px) {
.listing-single:nth-of-type(4n-2) .footer .links, .listing-single:nth-of-type(4n-1) .footer .links {
margin-top: 25px;
}
}
.listing-single:nth-of-type(4n-2) .footer .links .website, .listing-single:nth-of-type(4n-1) .footer .links .website {
}
.listing-single:nth-of-type(4n-2) .footer .links .website:before, .listing-single:nth-of-type(4n-1) .footer .links .website:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_link_green.svg);
}
.listing-single:nth-of-type(4n-2) .footer .links .tel, .listing-single:nth-of-type(4n-1) .footer .links .tel {
margin-bottom: 25px;
}
.listing-single:nth-of-type(4n-2) .footer .links .tel:before, .listing-single:nth-of-type(4n-1) .footer .links .tel:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_tel_green.svg);
}
.listing-single:nth-of-type(4n-2) .footer .links .email:before, .listing-single:nth-of-type(4n-1) .footer .links .email:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_email_green.svg);
}
.listing-single:nth-of-type(4n-2) .footer a.tel, .listing-single:nth-of-type(4n-1) .footer a.tel {
margin-bottom: 15px;
}
.listing-single:nth-of-type(4n-2) .footer a.tel:before, .listing-single:nth-of-type(4n-1) .footer a.tel:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_tel_green.svg);
}
.listing-single:nth-of-type(4n-2) .footer a.email:before, .listing-single:nth-of-type(4n-1) .footer a.email:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_email_green.svg);
}
.listing-single .header {
margin-bottom: 10px;
display: flex;
flex-direction: row;
align-items: center;
}
.listing-single .header img {
width: 46px;
max-height: 55px;
margin-right: 10px;
}
.listing-single .header h3 {
font-size: 21px;
margin-bottom: 0;
color: #F15A29;
}
.listing-single .header h4 {
font-size: 24px;
}
.listing-single .content {
display: flex;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.listing-single .content {
flex-direction: column;
}
}
.listing-single .content h3 {
color: #F15A29;
margin-bottom: 25px;
}
.listing-single .content .date {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 25px;
margin-right: 25px;
border-right: 1px #707070 solid;
}
@media (max-width: 767px) {
.listing-single .content .date {
padding-right: unset;
margin-right: unset;
border-right: unset;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px #707070 solid;
}
}
.listing-single .content .date .day {
margin-bottom: 10px;
font-size: 16px;
line-height: 1em;
font-weight: normal;
color: #7A6F6C;
}
.listing-single .content .date .month {
margin-bottom: 10px;
font-size: 30px;
line-height: 1em;
font-weight: bold;
color: #7A6F6C;
}
.listing-single .content .date .time {
margin-bottom: 10px;
font-size: 30px;
line-height: 1em;
font-weight: bold;
color: #fff;
}
@media (max-width: 767px) {
.listing-single .content .date .time {
margin-bottom: 0;
}
}
.listing-single .content .date .time span {
font-size: 15px;
line-height: 1em;
}
.listing-single .content .info h3 {
font-size: 24px;
font-weight: bold;
}
.listing-single .content .info p {
font-size: 18px;
font-weight: lighter;
}
.listing-single .content .footer {
margin-top: 25px;
}
.listing-single .content .footer .provider {
display: flex;
flex-direction: column;
margin: auto 0 0 0;
}
.listing-single .content .footer .provider:nth-of-type(2n) {
color: #FBAA25;
}
.listing-single .footer {
display: flex;
flex-direction: row;
justify-content: space-between;
font-weight: bold;
margin: auto 0 0 0;
}
@media (max-width: 767px) {
.listing-single .footer {
flex-direction: column;
}
}
.listing-single .footer h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 0;
color: #7A6F6C;
}
@media (max-width: 767px) {
.listing-single .footer h3 {
display: inline-block;
}
}
.listing-single .footer h3 span {
color: #FBAA31;
}
@media (max-width: 767px) {
.listing-single .footer .jcf-button,
.listing-single .footer .button {
margin-top: 25px;
}
}
.listing-vendor-videos .listing-single {
display: flex;
flex-direction: row;
}
@media (min-width: 767px) {
.listing-vendor-videos .listing-single {
min-height: 185px;
}
}
@media (max-width: 767px) {
.listing-vendor-videos .listing-single {
flex-direction: column;
}
}
.listing-vendor-videos .video {
position: relative;
display: block;
width: 240px;
align-self: self-start;
}
@media (max-width: 767px) {
.listing-vendor-videos .video {
width: 100%;
}
}
.listing-vendor-videos .content {
width: 60%;
margin: 0 0 0 25px;
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.listing-vendor-videos .content {
width: 100%;
margin: 25px 0 0 0;
}
}
.listing-vendor-videos .content h3 {
font-size: 18px;
font-weight: normal;
color: #F15A29;
margin-bottom: 15px;
}
.listing-vendor-videos .content h3.provider {
color: #FBAA25;
}
.listing-vendor-videos .content h3 span {
color: #7A6F6C;
}
.listing-single:nth-of-type(4n-2) .content h3.provider, .listing-single:nth-of-type(4n-1) .content h3.provider{
color: #F15A29;
}
.listing-vendor-videos .content p {
margin-bottom: 15px;
color: #7A6F6C;
}
.listing-vendor-videos .content .provider {
margin-bottom: 0px;
}
.video .vidyard {
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.key-contacts .content {
display: flex;
flex-direction: row;
}
@media (max-width: 1024px) {
.key-contacts .content {
flex-direction: column;
}
}
.key-contacts .contact-form {
background-color: #7A6F6C;
margin-bottom: 10px;
padding: 25px;
align-self: flex-start;
}
@media (max-width: 1024px) {
.key-contacts .contact-form {
width: calc( 100% - 10px );
}
}
.key-contacts .contact-form .wpcf7 {
width: 100%;
}
.key-contacts .contact-form h3 {
color: #fff;
margin-bottom: 25px;
}
.key-contacts .contact-form a {
color: #FBAA25;
}
.key-contacts .contact-form a:hover {
color: #fff;
}
.key-contacts .contact-form .wpcf7-form-control-wrap .wpcf7-list-item {
color: #fff;
padding: 10px 0;
}
.key-contacts .contact-form .button {
background: #FBAA25;
color: #fff;
width: 100%;
min-width: unset;
}
.key-contacts .contact-form .button:hover {
background: #fff;
color: #FBAA25;
}
.key-contacts .contact-form .button:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.key-contacts .contact-list,
.key-contacts .key-contacts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-self: flex-start;
}
@media (max-width: 1024px) {
.key-contacts .contact-list,
.key-contacts .key-contacts {
width: calc( 100% - 10px );
}
}
.key-contacts .listing-single {
width: calc( 50% - 10px );
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0 5px 10px 5px;
}
@media (max-width: 767px) {
.key-contacts .listing-single {
margin: 0 0 20px 0;
width: 100%;
}
}
.key-contacts .footer {
display: flex;
flex-direction: column;
margin-top: 25px;
}
.key-contacts .footer div {
display: flex;
}
.key-contacts .footer div:last-of-type {
border: 0;
}
.key-contacts .footer div a {
font-weight: bold;
color: #7A6F6C;
}
.key-contacts .footer div a {
font-size: 18px;
}
.key-contacts .footer div a:before {
content: " ";
width: 18px;
height: 18px;
margin-right: 15px;
display: inline-block;
vertical-align: bottom;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
z-index: 999;
}
.key-contacts .footer div a.tel {
margin-bottom: 15px;
}
.key-contacts .footer div a.tel:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_tel.svg);
}
.key-contacts .footer div a.email:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_email.svg);
}
.single-latest .main-content {
padding: 25px;
display: flex;
flex-direction: column;
background-color: #fff;
align-self: flex-start;
border-radius: 20px;
}
.single-benefit .main-content {
display: flex;
flex-direction: column;
}
.wellness-program .main-content {
background-color: transparent !important;
padding: 0 !important;
}
.additional-resources {
width: 100%;
}
.wellness-program .main-content {
display: flex;
gap: 10px;
flex-direction: column;
align-self: flex-start;
}
.wellness-program .main-content > div {
padding: 25px;
display: flex;
flex-direction: column;
background-color: #fff;
align-self: flex-start;
border-radius: 20px;
}
.wellness-program .main-content .resources {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.wellness-program .main-content .resources {
grid-template-columns: repeat(1, 1fr);
}
}
.single-latest .main-content > div,
.single-benefit .main-content > div {
padding: 25px;
display: flex;
flex-direction: column;
background-color: #fff;
align-self: flex-start;
border-radius: 20px;
}
.wellness .main-content .header,
.single-latest .main-content .header,
.single-benefit .main-content .header {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 25px;
}
.single-latest .main-content .header img,
.single-benefit .main-content .header img {
width: 65px;
margin-right: 25px;
}
.single-latest .main-content .header h2,
.single-benefit .main-content .header h2 {
margin-bottom: 0;
}
.single-latest .main-content .content p,
.single-benefit .main-content .content p {
margin-bottom: 14px;
}
.single-latest .main-content .content p:last-of-type,
.single-benefit .main-content .content p:last-of-type {
margin-bottom: 0;
}
.single-latest .main-content .footer,
.single-benefit .main-content .footer {
margin-top: 25px;
padding-top: 25px;
display: flex;
flex-direction: row;
border-top: 1px solid rgba(38, 51, 63, 0.5);
}
@media (max-width: 767px) {
.single-latest .main-content .footer,
.single-benefit .main-content .footer {
flex-direction: column;
}
}
.single-latest .main-content .footer div,
.single-benefit .main-content .footer div, .vcontact {
display: flex;
flex-direction: column;
}
.vcontact img{
max-width: 200px;
}
.single-latest .main-content .footer h3,
.single-benefit .main-content .footer h3 {
margin-bottom: 0;
}
.single-latest .main-content .footer h3 span,
.single-benefit .main-content .footer h3 span {
color: #FBAA25;
}
.single-latest .main-content .footer .logo,
.single-benefit .main-content .footer .logo {
margin: 0 0 25px 0;
}
.single-latest .main-content .footer .links,
.single-benefit .main-content .footer .links {
width: 100%;
display: flex;
}
@media (max-width: 767px) {
.single-latest .main-content .footer .links,
.single-benefit .main-content .footer .links {
margin-top: 25px;
}
}
.single-latest .main-content .footer .links .website,
.single-latest .main-content .footer .links .tel,
.single-latest .main-content .footer .links .email,
.single-benefit .main-content .footer .links .website,
.single-benefit .main-content .footer .links .tel,
.single-benefit .main-content .footer .links .email,
.listing-single .footer .links .website,
.listing-single .footer .links .tel,
.listing-single .footer .links .email{
position: relative;
font-size: 18px;
line-height: 1em;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
}
.single-latest .main-content .footer .links .website:before,
.single-latest .main-content .footer .links .tel:before,
.single-latest .main-content .footer .links .email:before,
.single-benefit .main-content .footer .links .website:before,
.single-benefit .main-content .footer .links .tel:before,
.single-benefit .main-content .footer .links .email:before,
.footer .vcontact.links .email:before, .footer .vcontact.links .tel:before, .footer .vcontact.links .website:before{
content: " ";
left: 0;
position: relative;
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
margin-right: 10px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.single-latest .main-content .footer .links .website,
.single-benefit .main-content .footer .links .websites{
margin-bottom: 25px;
color: #7A6F6F;
}
.footer .vcontact.links a {
color: #7A6F6F;
}
.single-latest .main-content .footer .links .website:before,
.single-benefit .main-content .footer .links .website:before,
.footer .vcontact.links .website:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_link_green.svg);
}
.single-latest .main-content .footer .links a,
.single-benefit .main-content .footer .links a,
.footer .vcontact.links a{
margin-bottom: 25px;
}
.single-latest .main-content .footer .links .tel:before,
.single-benefit .main-content .footer .links .tel:before,
.footer .vcontact.links .tel:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_tel_green.svg);
}
.single-latest .main-content .footer .links .email:before,
.single-benefit .main-content .footer .links .email:before,
.footer .vcontact.links .email:before{
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_email_green.svg);
}
.footer .vcontact.links a:last-child, .single-latest .main-content .footer .links a:last-child, .single-benefit .main-content .footer .links a:last-child{
margin-bottom: 0px;
}
.single-latest .sidebar,
.single-benefit .sidebar {
display: flex;
flex-direction: column;
}
.single-latest .sidebar-main {
margin-top: 1rem;
display: grid;
gap: 1rem;
row-gap: 2rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 580px) {
.single-latest .sidebar-main {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.single-latest .sidebar-main {
grid-template-columns: repeat(4, 1fr);
}
}
.single-latest .sidebar h3, .single-latest .sidebar p,
.single-benefit .sidebar h3,
.single-benefit .sidebar p {
color: #7A6F6C;
margin: 0;
}
.single-latest .sidebar h3,
.single-benefit .sidebar h3 {
font-size: 24px;
}
.single-latest .sidebar p,
.single-benefit .sidebar p {
margin-bottom: 25px;
}
.single-latest .sidebar .resources,
.single-benefit .sidebar .resources {
padding: 25px;
background-color: #FBAA25;
border-radius: 20px;
margin-bottom: 10px;
}
.single-latest .sidebar .resources div,
.single-benefit .sidebar .resources div {
padding: 15px 0;
border-bottom: 1px solid rgb(241 90 41 / 50%);
}
.single-latest .sidebar .resources div:last-of-type,
.single-benefit .sidebar .resources div:last-of-type {
border: 0;
padding-bottom: 0;
}
.single-latest .sidebar .resources div a,
.single-benefit .sidebar .resources div a {
font-weight: bold;
color: #fff;
}
.single-latest .sidebar .resources div a:hover,
.single-benefit .sidebar .resources div a:hover {
color: #7A6F6C;
}
.wellness-program .main-content div a,
.single-latest .main-content div a,
.single-latest .sidebar-main div a,
.single-latest .sidebar .resources div a,
.single-benefit .sidebar .resources div a {
font-size: 18px;
line-height: 1em;
display: flex;
flex-direction: row;
align-items: center;
}
.single-latest .main-content .resources {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.single-latest .main-content .resources {
grid-template-columns: repeat(1, 1fr);
}
}
.single-latest .main-content .title {
color: #7A6F6C;
}
.wellness-program .main-content .additional-resources .resources a:before,
.single-latest .main-content .resources div a.document:before,
.single-latest .sidebar-main div a.document:before,
.single-latest .sidebar .resources div a:before,
.single-benefit .sidebar .resources div a:before {
content: " ";
min-width: 18px;
min-height: 18px;
margin-right: 15px;
display: flex;
vertical-align: bottom;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
z-index: 99;
}
.wellness-program .main-content .additional-resources .resources div a.link:before,
.single-latest .main-content .resources div a.link:before,
.single-latest .sidebar-main div a.link:before,
.single-latest .sidebar .resources div a.link:before,
.single-benefit .sidebar .resources div a.link:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_link.svg);
}
.wellness-program .main-content .additional-resources .resources div a.document:before,
.single-latest .main-content .resources div a.document:before,
.single-latest .sidebar-main div a.document:before,
.single-latest .sidebar .resources div a.document:before,
.single-benefit .sidebar .resources div a.document:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_document.svg);
}
.wellness-program .main-content .additional-resources .resources div a.word:before,
.single-latest .main-content .resources div a.word:before,
.single-latest .sidebar-main div a.word:before,
.single-latest .sidebar .resources div a.word:before,
.single-benefit .sidebar .resources div a.word:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_word.svg);
}
.wellness-program .main-content .additional-resources .resources div a.powerpoint:before,
.single-latest .main-content .resources div a.powerpoint:before,
.single-latest .sidebar-main div a.powerpoint:before,
.single-latest .sidebar .resources div a.powerpoint:before,
.single-benefit .sidebar .resources div a.powerpoint:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_powerpoint.svg);
}
.wellness-program .main-content .additional-resources .resources div a.spreadsheet:before,
.single-latest .main-content .resources div a.spreadsheet:before,
.single-latest .sidebar-main div a.spreadsheet:before,
.single-latest .sidebar .resources div a.spreadsheet:before,
.single-benefit .sidebar .resources div a.spreadsheet:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_excel.svg);
}
.single-latest .sidebar .video,
.single-benefit .sidebar .video {
position: relative;
padding: 25px;
background: #7A6F6C;
border-radius: 20px;
}
.single-latest .sidebar .video h3,
.single-latest .sidebar .video p,
.single-benefit .sidebar .video h3,
.single-benefit .sidebar .video p {
color: #FBAA25;
}
.single-latest .sidebar .video h4,
.single-benefit .sidebar .video h4 {
color: #fff;
font-size: 18px;
margin-bottom: 10px;
}
.main-content h1, .main-content h2,
.wysiwyg h1,
.wysiwyg h2 {
margin-bottom: 25px;
}
.main-content h3, .main-content h4, .main-content h5,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5 {
margin-bottom: 15px;
}
.main-content p,
.wysiwyg p {
margin-bottom: 14px;
line-height: 18px;
}
.main-content span,
.wysiwyg span {
color: #FBAA25;
}
.main-content h3 {
color: #7A6F6C;
}
.main-content h2 {
color: #FBAA25;
}
.main-content a {
color: #FBAA25;
}
.main-content ul {
margin-bottom: 25px;
}
.main-content ul ul {
margin-top: 15px;
margin-left: 25px;
}
.main-content li {
margin-bottom: 5px;
}
.main-content a.button {
color: #fff;
}
.main-content a.button-extra {
margin-top: 10px;
}
.video .single-video {
margin-top: 25px;
}
.video .single-video:first-of-type {
margin-top: 0;
}
.bigvideo{
padding: 10px 10px 10px 10px;
}
.video a, .bigvideo a {
position: relative;
display: block;
}
.bigvideo a{
max-width: 85%;
margin-left: auto;
margin-right: auto;
}
.bigvideo a img{
max-width: 100%;
}
.video a .overlay, .bigvideo a .overlay {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(38, 51, 63, 0.5);
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_play.svg);
background-size: 34px 34px;
background-repeat: no-repeat;
background-position: center;
}
.grid {
width: 1200px;
margin: 10px 0 0 0;
display: -ms-grid;
display: grid;
justify-content: center;
grid-template-columns: repeat(4, 285px);
-ms-grid-columns: 285px 285px 285px 285px; grid-column-gap: 10px;
grid-row-gap: 10px;
transition: 300ms all ease-in-out; }
@media (min-width: 932px) and (max-width: 1218px) {
.grid {
grid-template-columns: repeat(3, 265px);
grid-template-rows: repeat(5, 265px);
-ms-grid-columns: 273px 273px 273px;
-ms-grid-rows: 273px 273px 273px 273px;
}
.top-banner-widget {
max-width: 825px;
}
.top-banner-widget h3, .top-banner-widget ul#countdown-grid2{
flex-basis: 50% !important;
}
}
@media (min-width: 648px) and (max-width: 932px) {
.grid {
grid-template-columns: repeat(2, 265px);
grid-template-rows: repeat(6, 265px);
-ms-grid-columns: 273px 273px;
-ms-grid-rows: 273px 273px 273px 273px 273px 273px;
}
.top-banner-widget {
max-width: 550px;
}
.top-banner-widget h3, .top-banner-widget ul#countdown-grid2{
flex-basis: 100% !important;
}
.top-banner-widget .content {
flex-direction: column;
}
.top-banner-widget ul#countdown-grid2{
margin-top: 15px;
}
.top-banner-widget h3{
font-size: 20px !important;
text-align: center;
}
}
@media (max-width: 648px) {
.grid { grid-template-columns: 100%;
grid-template-rows: repeat(9, 265px);
-ms-grid-columns: 273px;
-ms-grid-rows: 273px 273px 273px 273px 273px 273px 273px 273px 273px;
}
.top-banner-widget {
max-width: 275px;
}
.top-banner-widget h3, .top-banner-widget ul#countdown-grid2{
flex-basis: 100% !important;
}
.top-banner-widget .content {
flex-direction: column;
}
.top-banner-widget ul#countdown-grid2{
margin-top: 15px;
padding: 0px !important;
}
.top-banner-widget h3{
text-align: center;
}
}
.grid .grid-item {
position: relative;
width: 100%;
border-radius: 20px;
-ms-grid-column-span: 1;
-ms-grid-row-span: 1;
}
.grid .grid-item:nth-of-type(7n-6) { }
.grid .grid-item.prize-draw-widget {
grid-column: span 2;
grid-row: span 1;
order: 7;
-ms-grid-column-span: 1;
-ms-grid-row-span: 1;
-ms-grid-column: 4;
-ms-grid-row: 3;
}
.videos-widget{
grid-column: span 1;
}
.prize-draw-widget{
grid-column: span 2 !important;
order: 4 !important;
}
.grid-item a{font-weight: bold;}
.grid-item.white{background-color: #ffffff !important; color: #7A6F6C; }
.grid-item.white h3, .grid-item.white p{color: #7A6F6C;}
.grid-item.white p a, .grid-item.grey p a, .grid-item.blue p a, .grid-item.white li a, .grid-item.grey li a, .grid-item.blue li a{color: #FBAA25;}
.grid-item.white h3 em, .grid-item.white p strong{color: #FBAA25 !important;}
.grid-item.white a.viewall{color: #FBAA25 !important;}
.grid-item.white a.button, .grid-item.white .submit{background: #F15A29;}
.grid-item.white a.button:hover, .grid-item.white .submit:hover{background: #7A6F6C; color: #ffffff !important;}
.grid-item.white a.button:after, .grid-item.white .submit:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
}
.grid-item.white a.button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.grid-item.light{background-color: #E6E7E8 !important; color: #7A6F6C; }
.grid-item.light h3, .grid-item.light p{color: #7A6F6C !important;}
.grid-item.light p strong, .grid-item.light em{color: #F15A29; }
.grid-item.light a{color: #ffffff !important;}
.grid-item.light a.viewall{color: #FBAA25 !important;}
.grid-item.light a.button, .grid-item.light .submit{background: #FBAA25;}
.grid-item.light a.button:hover, .grid-item.light .submit:hover{background: #7A6F6C; color: #ffffff !important;}
.grid-item.light a.button:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.grid-item.light a.button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.grid-item.dark{background-color: #7A6F6C !important; color: #ffffff;}
.grid-item.dark h3{color: #ffffff;}
.grid-item.dark p{color: #b2b2b2;}
.grid-item.dark h3 em, .grid-item.dark p strong{color: #FBAA25;}
.grid-item.dark a.button{color: #F15A29; background: #ffffff;}
.grid-item.dark a.button:hover{background: #FBAA25; color: #ffffff;}
.grid-item.dark a.button:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.grid-item.dark a.button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.grid-item.yellow{background-color: #FBAA25 !important; color: #ffffff; }
.grid-item.yellow h3, .grid-item.yellow p{color: #ffffff !important;}
.grid-item.yellow p strong, .grid-item.yellow em{color: #F15A29; }
.grid-item.yellow a{color: #ffffff !important;}
.grid-item.yellow a.viewall{color: #FBAA25 !important;}
.grid-item.yellow a.button, .grid-item.yellow .submit {background: #F15A29;}
.grid-item.yellow a.button:hover, .grid-item.yellow .submit:hover {background: #ffffff; color: #FBAA25 !important;}
.grid-item.yellow a.button:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.grid-item.yellow a.button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.grid-item.green a{color: #ffffff;}
.videos-widget.green .owl-dot span {
background: #ffffff !important;
}
.videos-widget.green .owl-dot.active span {
background: #7A6F6C !important;
}
.videos-widget.grey .owl-dot span {
background: #ffffff !important;
}
.videos-widget.grey .owl-dot.active span {
background: #FBAA25 !important;
}
.grid-item.green {
background-color: #FBAA25 !important; color: #7A6F6C;
}
.grid-item.green .title a:after{background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg)}
.grid-item.green h3{color: #ffffff !important;}
.grid-item.green h3 em{color: #b2b2b2 !important;}
.wpcf7-spinner{
display: none;
}
.grid .content{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.countdown-widget {
grid-column: span 2;
grid-row: span 2;
order: 1;
-ms-grid-column-span: 2;
-ms-grid-row-span: 2;
-ms-grid-column: 1;
-ms-grid-row: 1;
background-color: #FBAA25;
}
.countdown-widget .content{
padding-top: 40px;
}
.grid .content h3 {
font-size: 20px;
text-align: left;
margin-bottom: 0;
flex: 1;
}
.countdown-widget h1, .countdown-widget h3, .countdown-widget p {
padding-left: 20px;
padding-right: 20px;
}
.mainbtns {
width: 100%;
display: flex;
}
.countdown-widget a.col-6 {
width: 50% !important;
min-width: auto !important;
padding: 0 20px !important;
font-size: 20px !important;
}
.countdown-widget .white{
color: #ffffff !important;
}
.countdown-widget .mainbtns .button:hover:after {
color: #ffffff !important;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
}
.grid .content .jcf-button,
.grid .content .button {
min-width: 100%;
}
.grid .content .green {
font-size: 12px;
color: #FBAA25;
}
.grid .content .green span {
color: #7A6F6C;
}
.benefits-widget div {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.benefits-widget div .inner-content {
height: 117px;
flex-direction: row !important;
margin-bottom: 0px;
padding: 0 15px;
}
.benefits-widget .content {
padding: 10px;
}
.benefits-widget .owl-stage {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.benefits-widget .owl-item {
padding: 0px 10px 10px 10px;
}
.benefits-widget .owl-item img {
width: 70px;
margin-right: 10px;
}
.benefits-widget .owl-nav {
margin-top: -37px !important;
padding: 10px;
flex-direction: row;
}
.benefits-widget h3 span {
color: #fff;
}
.inner-content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.videos-widget .title {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
}
.videos-widget .title h3 {
color: #FBAA25;
}
@media (max-width: 648px) {
.videos-widget .title h3 {
width: 50%;
text-align: left;
}
}
.videos-widget .title a {
font-size: 12px;
margin-bottom: 0;
color: #7A6F6C;
}
.videos-widget .title a:after {
content: "";
right: 0;
width: 6px;
height: 12px;
margin-left: 8px;
vertical-align: text-top;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.videos-widget p {
margin-top: 10px;
font-size: 12px;
text-align: center;
font-weight: bold;
}
.videos-widget .owl-carousel {
padding: 0 10px;
height: 100%;
display: flex;
align-items: center;
}
.videos-widget .owl-carousel .owl-stage-outer {
z-index: 9;
}
.videos-widget .owl-carousel .owl-stage {
display: flex;
flex-direction: row;
}
.videos-widget .owl-carousel .owl-stage .owl-item {
padding: 10px;
display: flex;
flex-direction: column;
}
.videos-widget .owl-carousel .owl-nav {
top: unset;
}
.videos-widget .owl-carousel .owl-loaded {
position: relative;
}
.videos-widget img {
width: auto;
}
.verification-widget .content {
display: block;
padding: 20px 10px;
}
@media (max-width: 648px) {
.verification-widget .content {
padding: 20px;
}
}
.verification-widget .content h3 {
padding: 0 10px;
line-height: 1.1em;
text-align: left;
}
@media (max-width: 648px) {
.verification-widget .content h3 {
margin-bottom: 20px;
}
}
.verification-widget .content h3 strong {
color: white;
}
.verification-widget .content p {
padding: 0 10px;
}
.verification-form p {
padding: 0 0;
}
@media (max-width: 648px) {
.verification-widget .content p {
margin-bottom: 20px;
}
}
.verification-widget .wpcf7-form br {
display: block;
}
.verification-widget .wpcf7-spinner {
display: none;
}
.verification-widget .verification-form {
display: flex;
flex-flow: row wrap;
}
@media (max-width: 648px) {
.verification-widget .verification-form {
flex-flow: column wrap;
}
}
.verification-widget .verification-form > div {
padding: 5px 0 0 0;
width: 50%;
display: flex;
flex-flow: column;
}
@media (max-width: 648px) {
.verification-widget .verification-form > div {
width: 100%;
padding: 0;
}
}
.verification-widget .verification-form .jcf-upload-button,
.verification-widget .verification-form .jcf-fake-input {
width: 50%;
}
.verification-widget .verification-form .jcf-upload-button {
height: calc(100% + 1px) !important;
margin: -1px 0 0 0;
border-radius: 0 10px 10px 0;
box-sizing: border-box;
padding: 0 0 !important;
text-align: center;
}
.verification-widget .verification-form .jcf-button-content {
color: #fff;
}
.verification-widget .verification-form .jcf-button {
position: relative;
min-width: 220px;
height: 50px;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
background: #7A6F6C;
color: #fff;
font-size: 14px;
line-height: 50px;
border-radius: 4px;
font-weight: bold;
transition: 300ms all ease-in-out;
}
.verification-widget .verification-form .jcf-button:hover {
background: #ffffff;
transition: 300ms all ease-in-out;
}
.verification-widget .verification-form .jcf-button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_blue.svg);
}
.verification-widget .verification-form .jcf-button:after {
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 8px;
height: 12px;
margin-right: 20px;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.verification-widget .verification-form input[type=text],
.verification-widget .verification-form input[type=email],
.verification-widget .verification-form input[type=tel] {
margin-top: 10px;
border-radius: 10px;
background-color: rgb(122 111 108 / 10%);
color: #7A6F6C;
height: 50px;
}
@media (max-width: 1218px) {
.jcf-file,
.jcf-file .jcf-real-element,
.jcf-file .jcf-fake-input,
.jcf-upload-button,
.verification-widget .verification-form input[type=text], .verification-widget .verification-form input[type=email], .verification-widget .verification-form input[type=tel], .verification-widget .verification-form input[type=submit] {
height: 40px !important;
line-height: 40px !important;
}
}
@media (max-width: 767px) {
.verification-widget .verification-form input[type=text],
.verification-widget .verification-form input[type=email],
.verification-widget .verification-form input[type=tel] {
height: 40px;
}
.verification-widget {
grid-row: span 2 !important;
}
.verification-widget p {
margin-bottom: 0px !important;
}
.verification-widget .verification-form input[type=text],
.verification-widget .verification-form input[type=email],
.verification-widget .verification-form input[type=tel] {
margin-bottom: 0px !important;
}
.verification-widget .verification-form input[type=submit] {
min-width: unset;
}
}
@media (max-width: 648px) {
.verification-widget .verification-form input[type=text],
.verification-widget .verification-form input[type=email],
.verification-widget .verification-form input[type=tel] {
margin-bottom: 20px;
}
}
.verification-widget .verification-form input[type=submit] {
margin-bottom: auto;
margin-top: 10px;
}
.verification-widget .verification-form .wpcf7-response-output {
background-color: #7A6F6C;
color: #fff;
}
.verification-widget .verification-form .jcf-file {
width: 100%;
height: 50px;
border: 1px solid #7A6F6C;
border-radius: 10px;
overflow: visible;
margin-top: 10px;
}
@media (max-width: 767px) {
.verification-widget .verification-form .jcf-upload-button, .verification-widget .verification-form .jcf-fake-input,
.jcf-file .jcf-real-element,
.verification-widget .verification-form input[type=submit],
.verification-widget .verification-form .jcf-file {
height: 40px !important;
line-height: 40px !important;
}
}
@media (max-width: 648px) {
.verification-widget .verification-form .jcf-file {
margin-top: 20px;
}
}
.latest-widget .title {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
flex: 1;
}
.latest-widget .title h3 {
color: #F15A29;
color: white;
}
.latest-widget.white .title h3 {
color: #7A6F6C;
}
.latest-widget .buttons {
display: flex;
gap: 10px;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-top: 10px; }
.latest-widget .buttons .button:nth-of-type(2) {
background: #FBAA25 !important;
color: #fff !important;
}
.latest-widget .buttons .button:nth-of-type(2):after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
@media (max-width: 648px) {
.latest-widget .title h3 {
width: 50%;
text-align: left;
}
}
.latest-widget .title a {
font-size: 12px;
margin-bottom: 0;
color: #FBAA25;
}
.latest-widget .title a:after {
content: "";
right: 0;
width: 6px;
height: 12px;
margin-left: 8px;
vertical-align: text-top;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.latest-widget.white .title a:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.latest-widget .title-icon {
max-width: 75px;
margin-right: 25px;
align-self: center;
}
.latest-widget p {
text-align: left;
color: #fff;
font-size: 16px;
line-height: 20px;
}
.latest-widget p strong {
color: #FBAA25;
}
.latest-widget .cont {
flex-direction: column;
display: flex;
height: 100%;
justify-content: space-between;
}
.latest-widget .inner-cont {
margin-top: 15px;
padding: 0 15px;
flex-direction: row;
display: flex;
}
.latest-widget .info {
max-width: 100%;
display: flex;
flex-direction: column;
}
.latest-widget .owl-carousel {
height: 100%;
display: flex;
align-items: center;
}
.latest-widget .owl-carousel .owl-stage-outer {
z-index: 9;
height: 100%;
}
.latest-widget .owl-carousel .owl-stage {
display: flex;
flex-direction: row;
height: 100%;
}
.latest-widget .owl-carousel .owl-stage .owl-item {
display: flex;
flex-direction: column;
height: 100%;
}
.latest-widget .owl-carousel .owl-nav {
top: unset;
}
.latest-widget .owl-carousel .owl-loaded {
position: relative;
}
.latest-widget .owl-next:before,
.latest-widget .owl-prev:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg) !important;
}
.latest-widget .button {
background: #FBAA25;
color: #fff;
width: 100% !important;
min-width: unset !important;
margin: 0 0 0 auto;
}
.latest-widget .button:hover {
background: #fff;
color: #FBAA25;
}
.latest-widget img {
width: auto;
}
.current-events-widget img,
.retirement-widget img {
width: 80px;
height: 65px;
margin-right: 10px;
}
.current-events-widget .buttons,
.retirement-widget .buttons {
width: 100%;
}
.current-events-widget .buttons .button:nth-of-type(2),
.retirement-widget .buttons .button:nth-of-type(2) {
margin-top: 10px;
background: #FBAA25;
color: white;
}
.current-events-widget .buttons .button:nth-of-type(2):after,
.retirement-widget .buttons .button:nth-of-type(2):after {
transition: 300ms all;
}
.current-events-widget .buttons .button:nth-of-type(2):hover:after,
.retirement-widget .buttons .button:nth-of-type(2):hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
transition: 300ms all;
}
.current-events-widget .buttons .button:nth-of-type(2):hover,
.retirement-widget .buttons .button:nth-of-type(2):hover {
color: #FBAA25;
background-color: white;
}
.current-events-widget h3 span,
.retirement-widget h3 span {
color: #fff;
}
.appointment-widget .content h3 {
font-size: 26px;
}
.appointment-widget .content .green {
text-align: center;
}
.appointment-widget .content .green em {
color: #7A6F6C;
font-style: normal;
}
.appointment-widget .inner-content img {
margin-right: 10px;
}
.appointment-widget .inner-content p {
font-size: 14px;
}
.appointment-widget .title-icon {
width: 55px;
}
.prize-draw-widget {
display: flex;
flex-direction: row;
background-color: #7A6F6C !important;
}
@media (max-width: 648px) {
.prize-draw-widget {
flex-direction: column;
}
}
.prize-draw-widget div {
display: flex;
flex-direction: column;
}
.prize-draw-widget .first {
width: 50%;
padding: 25px;
background-position: bottom right;
background-size: 56%;
background-repeat: no-repeat;
display: flex;
}
@media (max-width: 648px) {
.prize-draw-widget .first {
width: 100%;
}
}
.prize-draw-widget .second {
width: 50%;
padding: 25px;
display: flex;
justify-content: space-around;
}
@media (max-width: 648px) {
.prize-draw-widget .second {
width: 100%;
}
}
.prize-draw-widget .first p {
margin: 0;
font-size: 18px;
line-height: 22px;
color: #fff;
font-weight: 300;
margin-bottom: 10px;
}
.prize-draw-widget a {
color: #FBAA25;
}
.prize-draw-widget h2 {
margin: 0;
margin-bottom: 20px;
font-size: 38px;
line-height: 1em;
color: #FBAA25;
}
.prize-draw-widget h3 {
margin: 0;
font-size: 30px;
line-height: 34px;
color: #FBAA25;
}
.prize-draw-widget p {
margin: 0;
font-size: 18px;
line-height: 22px;
color: #fff;
}
.prize-draw-widget .jcf-select-text {
color: #b2b2b2 !important;
}
.prize-draw-widget .button {
background: #FBAA25;
color: #fff;
width: 100%;
min-width: unset;
}
.prize-draw-widget .button:hover {
background: #fff;
color: #FBAA25;
}
.prize-draw-widget .button:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.prize-draw-widget .wpcf7 form.invalid .wpcf7-response-output, .prize-draw-widget .wpcf7 form.unaccepted .wpcf7-response-output {
position: absolute;
top: 0px;
left: 20px;
background: #7A6F6C;
width: 260px;
}
.general-widget .content h3, .benefits-widget .content h3,
.survey-widget .content h3,
.current-events-widget .content h3,
.retirement-widget .content h3 {
font-size: 27px;
line-height: 1.1em;
margin-top: 0px;
}
.general-widget .content h3 em, .benefits-widget .content h3 em,
.survey-widget .content h3 em,
.current-events-widget .content h3 em,
.retirement-widget .content h3 em {
color: #fff;
font-style: normal;
}
.benefits-widget .content p, .general-widget .content p,
.survey-widget .content p,
.current-events-widget .content p,
.current-events-widget .content p,
.retirement-widget .content p {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.current-events-widget .content h3,
.current-events-widget .content h3,
.retirement-widget .content h3 {
font-size: 26px;
}
.benefits-widget .content h3 {
margin-top: 10px;
}
.countdown-widget h1 {
font-size: 50px;
}
@media (max-width: 648px) {
.countdown-widget h1 {
font-size: 48px !important;
}
}
.countdown-widget h1 span {
color: #fff;
}
.countdown-widget h2 {
font-size: 40px;
color: #fff;
}
@media (max-width: 648px) {
.countdown-widget h2 {
font-size: 30px;
}
}
.countdown-widget h3 {
font-size: 20px;
font-weight: 300;
color: #fff;
}
@media (max-width: 648px) {
.countdown-widget h3 {
font-size: 22px;
}
}
.countdown-widget h1, .countdown-widget h2, .countdown-widget h3 {
text-align: center;
margin-bottom: 0;
}
.countdown-widget .notes {
font-size: 16px;
line-height: 20px;
text-align: center;
}
.countdown-widget p {
color: #fff;
}
.countdown-widget a {
color: #7A6F6C;
}
.countdown-widget img{
max-width: 85%;
margin-left: auto;
margin-right: auto;
}
.countdown-widget ul#countdown-grid, .top-banner-widget ul#countdown-grid2 {
list-style: none;
padding: 0px 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
text-align: center;
}
.top-banner-widget ul#countdown-grid2 {
padding: 0px 20px;
flex-basis: 40%;
}
.countdown-widget ul#countdown-grid li, .top-banner-widget ul#countdown-grid2 li {
height: 104px;
width: 104px;
margin: 0 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
}
.top-banner-widget ul#countdown-grid2 li {
height: 76px;
width: 76px;
padding-top: 6px;
}
.countdown-widget ul#countdown-grid li span, .top-banner-widget ul#countdown-grid2 li span {
font-size: 30px;
font-weight: 600;
color: #7A6F6C;
font-family: museo-sans, Arial, sans-serif;
margin-bottom: 5px;
}
.top-banner-widget ul#countdown-grid2 li span{
color: #FBAA25;
}
.top-banner-widget .content{
padding: 20px;
width: 100%;
display: flex;
align-items: center;
}
.top-banner-widget h3 {
color: #ffffff;
font-size: 27px;
line-height: 1.1em;
font-weight: 600;
margin: 0px;
flex-basis: 60%;
}
.top-banner-widget h3 em{
color: #FBAA25;
font-style: normal;
}
@media (max-width: 648px) {
.countdown-widget ul#countdown-grid li span {
font-size: 26px;
}
}
.countdown-widget ul#countdown-grid li > span {
color: #FBAA25;
font-weight: bold;
}
.countdown-widget ul#countdown-grid li p {
color: #7A6F6C;
}
@media (max-width: 648px) {
.countdown-widget ul#countdown-grid li p {
font-size: 12px;
}
}
@media (max-width: 648px) {
.countdown-widget ul#countdown-grid li {
height: 75px;
width: 75px;
margin: 0 12px;
}
}
.countdown-widget ul#countdown-grid li.seperator, .top-banner-widget ul#countdown-grid2 li.seperator {
display: none;
}
.countdown-widget .button {
padding: 0 40px;
height: 85px;
font-size: 23px;
line-height: 1em;
margin-bottom: 0;
color: #fff;
}
.countdown-widget .button:after {
width: 14px;
height: 24px;
}
@media (max-width: 648px) {
.countdown-widget .button:after {
width: 8px;
height: 12px;
}
}
.countdown-widget .button.col-6:first-child {
background: #F15A29;
flex: 1;
}
.countdown-widget .button:hover {
background: #fff !important;
color: #FBAA25;
}
@media (max-width: 648px) {
.countdown-widget .button {
padding: 0 20px;
height: 50px;
font-size: 15px;
line-height: 17px;
}
}
.countdown-widget .button span {
font-size: 14px;
font-weight: lighter;
line-height: 1em;
color: #FBAA25;
}
@media (max-width: 648px) {
.countdown-widget .button span {
display: none;
}
}
.owl-theme .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: calc( 100% + 20px );
left: -10px;
height: auto;
display: flex;
justify-content: space-between;
z-index: 1;
}
.owl-theme .owl-nav [class*=owl-] {
margin: 0;
}
.owl-theme .owl-nav .owl-next:before,
.owl-theme .owl-nav .owl-prev:before {
content: "";
left: 0;
width: 13px;
height: 25px;
display: block;
font-size: 0;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
background-position: 0;
background-size: 100%;
background-repeat: no-repeat;
}
.owl-theme .owl-nav .owl-prev:before {
right: 0;
left: unset;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
transform: rotateZ(180deg);
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: unset;
color: unset;
text-decoration: unset;
transform: scale(1.1);
}
.owl-theme .owl-nav {
margin-top: -12px;
flex-direction: row;
}
.owl-theme .owl-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
display: flex;
flex-direction: row;
justify-content: center;
}
.owl-theme .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 0px 2px;
background: #b2b2b2;
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
background: #FBAA25;
}
.child-links .content {
width: 100%;
background: #fff;
padding: 25px 25px 0px 25px;
display: flex;
flex-wrap: wrap;
border-radius: 20px;
}
.child-links .content a {
width: calc( 100% / 3 );
margin-bottom: 25px;
font-size: 16px;
text-align: left;
color: #7A6F6C;
}
@media (max-width: 767px) {
.child-links .content a {
width: 100%;
}
.countdown-widget .mainbtns a.button {
width: auto !important;
min-width: unset !important;
font-size: 16px !important;
}
}
.child-links .content a:hover:before {
margin-left: 5px;
margin-right: 5px;
transition: 300ms all ease-in-out;
}
.child-links .content a:before {
content: " ";
width: 8px;
height: 12px;
margin-right: 10px;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: 300ms all ease-in-out;
}
.booking-form,
.survey {
width: 100%;
font-size: 14px;
line-height: 14px;
}
.booking-form .survey-title,
.survey .survey-title {
width: 100%;
padding: 25px;
margin-bottom: 10px;
background: #7A6F6C;
}
.booking-form .survey-title h3,
.booking-form .survey-title span,
.survey .survey-title h3,
.survey .survey-title span {
font-size: 30px;
color: #fff;
margin-bottom: 0;
}
.booking-form .wbk-outer-container,
.booking-form .wbk-inner-container,
.survey .wbk-outer-container,
.survey .wbk-inner-container {
padding: 0 0 0 0 !important;
border: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
}
.booking-form .form,
.survey .form {
width: 100%;
margin: 0 5px;
padding: 25px;
background: #fff;
}
.booking-form .form .wbk-input,
.survey .form .wbk-input {
border: 0 !important;
}
.booking-form .form .wbk-form-separator,
.booking-form .form .wbk-separator,
.survey .form .wbk-form-separator,
.survey .form .wbk-separator {
margin: 25px 0 !important;
border-top: 1px solid #b2b2b2 !important;
}
.booking-form .form .wbk-input, .booking-form .form .wbk-text, .booking-form .form .wbk-textarea, .booking-form .form .wbk-select, .booking-form .form .wbk-email-custom, .booking-form .form .StripeElement,
.survey .form .wbk-input,
.survey .form .wbk-text,
.survey .form .wbk-textarea,
.survey .form .wbk-select,
.survey .form .wbk-email-custom,
.survey .form .StripeElement {
padding: 0 0 0 15px !important;
background: rgba(178, 178, 178, 0.2) !important;
color: #7A6F6C !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: normal !important;
height: 44px !important;
border: 0 !important;
border-radius: 0 !important;
}
.booking-form .form .wbk-input:focus, .booking-form .form .wbk-text:focus, .booking-form .form .wbk-textarea:focus, .booking-form .form .wbk-select:focus, .booking-form .form .wbk-email-custom:focus, .booking-form .form .StripeElement:focus,
.survey .form .wbk-input:focus,
.survey .form .wbk-text:focus,
.survey .form .wbk-textarea:focus,
.survey .form .wbk-select:focus,
.survey .form .wbk-email-custom:focus,
.survey .form .StripeElement:focus {
background: rgba(178, 178, 178, 0.5) !important;
color: #fff !important;
}
.booking-form .form .wbk-textarea,
.survey .form .wbk-textarea {
padding: 15px !important;
height: 200px !important;
}
.booking-form .form .wbk-input-label,
.survey .form .wbk-input-label {
font-family: museo-sans;
}
.booking-form .form .wbk-slot-time,
.survey .form .wbk-slot-time {
font-size: 14px !important;
color: #fff !important;
font-style: normal !important;
font-weight: bold !important;
line-height: 24px !important;
}
.booking-form .form .wbk-slot-inner,
.survey .form .wbk-slot-inner {
margin: 5px 5px 5px 5px !important;
padding: 0 0 0 0 !important;
border: 0 !important;
border-radius: 0 !important;
background-color: #7A6F6C !important;
}
.booking-form .form .wbk-slot-inner .wbk-slot-button,
.survey .form .wbk-slot-inner .wbk-slot-button {
margin: 0 0 0 0 !important;
background: rgba(178, 178, 178, 0.5) !important;
border: 0 !important;
color: #ffffff !important;
font-size: 14px !important;
line-height: 14px !important;
font-style: normal !important;
font-weight: normal !important;
}
.booking-form .form .wbk-slot-inner .wbk-slot-active-button,
.survey .form .wbk-slot-inner .wbk-slot-active-button {
background-color: #FBAA25 !important;
color: #ffffff !important;
}
.booking-form .form .wbk-select,
.survey .form .wbk-select {
padding: 15px !important;
background-color: #e0e0e0 !important;
color: #b2b2b2 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: normal !important;
height: 45px !important;
border: 0 !important;
border-radius: 0 !important;
}
.booking-form .form .jcf-select-text,
.survey .form .jcf-select-text {
line-height: 26px !important;
opacity: 1;
}
.booking-form .form .wbk-input-label, .booking-form .form .wbk-amount-label,
.survey .form .wbk-input-label,
.survey .form .wbk-amount-label {
padding: 0 0 0 0 !important;
margin: 20px 0 10px 0 !important;
color: #FBAA25 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: normal !important;
}
.booking-form .form .wbk-button,
.survey .form .wbk-button {
margin: 20px 0 20px auto !important;
width: auto !important;
height: 50px !important;
background-color: #7A6F6C !important;
color: #fff !important;
border: 0 !important;
border-radius: 4px !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: bold !important;
padding: 0 20px !important;
position: relative;
min-width: 240px;
height: 50px;
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
background: #7A6F6C;
color: #fff;
font-size: 14px;
line-height: 50px;
border-radius: 4px;
font-weight: bold;
transition: 300ms all ease-in-out;
}
.booking-form .form .wbk-button:hover,
.survey .form .wbk-button:hover {
background-color: #FBAA25 !important;
color: #7A6F6C !important;
}
.booking-form .form .wbk-button:after,
.survey .form .wbk-button:after {
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 8px;
height: 12px;
margin-right: 20px;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.booking-form .form .wbk-button:hover,
.survey .form .wbk-button:hover {
background: #FBAA25;
transition: 300ms all ease-in-out;
}
.booking-form .form .wbk-button:hover:after,
.survey .form .wbk-button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.booking-form .form .wbk-select,
.survey .form .wbk-select {
width: 100% !important;
height: 44px !important;
padding: 15px !important;
background: rgba(178, 178, 178, 0.2) !important;
margin-bottom: 2px !important;
font-size: 14px !important;
color: #b2b2b2 !important;
}
.booking-form .wpcf7-form,
.survey .wpcf7-form {
display: flex;
flex-direction: row;
}
.booking-form .booking-form .wpcf7-form,
.booking-form .survey .wpcf7-form {
flex-direction: column;
}
@media (max-width: 1024px) {
.booking-form .wpcf7-form,
.survey .wpcf7-form {
flex-direction: column;
}
}
.booking-form .wpcf7-form [class^=col-],
.survey .wpcf7-form [class^=col-] {
display: flex;
flex-direction: column;
background-color: #fff;
}
@media (max-width: 1024px) {
.booking-form .wpcf7-form [class^=col-],
.survey .wpcf7-form [class^=col-] {
width: calc( 100% - 20px);
}
}
@media (max-width: 1024px) {
.booking-form .wpcf7-form .first-col,
.survey .wpcf7-form .first-col {
margin-bottom: 22px;
padding-bottom: 22px;
border-bottom: 1px solid rgba(178, 178, 178, 0.2);;
}
}
.booking-form label.question,
.survey label.question{
padding: 0;
margin: 0;
position: relative;
display: block;
font-size: 16px;
line-height: 20px;
padding: 0 0 0 0;
margin-left: 25px;
color: #FBAA25;
font-weight: bold;
}
.formlink {
font-size: 16px;
line-height: 20px;
color: #FBAA25;
font-weight: bold;
margin-top: 16px !important;
}
.formlink a{
font-weight: bold !important;
}
.formlist li{
margin-bottom: 4px;
}
.booking-form label.question span,
.survey label.question span {
color: #7A6F6C;
position: absolute;
left: -25px;
}
.booking-form label.question.first,
.survey label.question.first {
padding-top: 0px;
}
.booking-form .button,
.survey .button {
max-width: 240px;
margin: 25px 0 0 auto;
}
.booking-form .jcf-radio,
.survey .jcf-radio {
margin: 0 0 0 0;
}
.booking-form .range,
.survey .range {
width: 100%;
margin-top: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.booking-form .range span:nth-of-type(2n),
.survey .range span:nth-of-type(2n) {
font-size: 22px;
font-weight: bold;
margin-left: 10px;
}
.booking-form small,
.survey small {
font-size: 12px;
line-height: 16px;
display: block;
}
.booking-form .wpcf7-form {
display: flex;
flex-direction: column;
}
.booking-form .form {
margin: 0;
} ul#example {
list-style: none;
margin: 40px 0;
padding: 0;
display: block;
text-align: center;
}
ul#example li {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
ul#example li span {
font-size: 30px;
height: 80px;
width: 80px;
display: block;
font-weight: 300;
line-height: 80px;
color: #ffffff;
background-color: #2B3C4C;
border-radius: 40px;
font-family: museo-sans, Arial, sans-serif;
margin-bottom: 5px;
}
ul#example li.seperator {
font-size: 30px;
line-height: 60px;
vertical-align: top;
color: #2b3c4c;
font-family: museo-sans, Arial, sans-serif;
display: none;
}
ul#example li p {
color: #2b3c4c;
font-size: 14px;
font-family: museo-sans, Arial, sans-serif;
margin-bottom: 10px;
}
.mfp-inline-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
top: -40px;
right: -40px;
}
.mfp-close{
opacity: 1 !important;
}
.mfp-close:hover{
opacity: 1 !important;
color: #FBAA25 !important;
}
.mfp-bg {
background: #3f3a39;
}
.mfp-inline-holder .mfp-content,
.mfp-iframe-holder .mfp-content {
max-width: 934px;
}
.mfp-inline-holder .mfp-content video,
.mfp-iframe-holder .mfp-content video {
width: 100%;
height: 100%;
outline: 0;
}
#popup .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(38, 51, 63, 0.9);
opacity: 0;
visibility: hidden;
transition: 300ms all ease-in-out;
z-index: 9999;
}
#popup .overlay .pop-up {
position: relative;
width: 595px;
padding: 55px;
background: #EFEFEF;
}
@media (max-width: 767px) {
#popup .overlay .pop-up {
margin: 25px;
padding: 25px;
}
}
#popup .overlay .content {
margin: 40px 0;
display: flex;
flex-direction: row;
}
@media (max-width: 767px) {
#popup .overlay .content {
margin: 20px 0;
flex-direction: column-reverse;
}
}
#popup .overlay .content div {
width: 50%;
display: flex;
}
@media (max-width: 767px) {
#popup .overlay .content div {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
#popup .overlay .button {
width: 100%;
height: 100px;
padding: 0 35px;
font-size: 28px;
background: #FBAA25;
}
@media (max-width: 767px) {
#popup .overlay .button {
height: 50px;
padding: 0 20px;
font-size: 14px;
line-height: 1em;
}
}
#popup .overlay .button:after {
width: 12px;
height: 23px;
margin-right: 35px;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
@media (max-width: 767px) {
#popup .overlay .button:after {
width: 8px;
height: 12px;
margin-right: 20px;
}
}
#popup .overlay .button:hover {
background: #7A6F6C;
}
#popup .overlay .button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
}
#popup .overlay svg {
width: 100%;
}
@media (max-width: 767px) {
#popup .overlay svg {
width: 65%;
margin: 25px 0 0 0;
flex-direction: column;
}
}
#popup .overlay h1 {
font-size: 61px;
line-height: 1em;
font-weight: bold;
text-align: center;
}
@media (max-width: 767px) {
#popup .overlay h1 {
font-size: 35px;
}
}
#popup .overlay p {
margin-left: 25px;
font-size: 24px;
line-height: 28px;
font-weight: normal;
color: #7A6F6C;
}
@media (max-width: 767px) {
#popup .overlay p {
text-align: center;
margin-left: 0px;
font-size: 17px;
line-height: 21px;
}
}
#popup .overlay p strong {
color: #FBAA25;
}
#popup .overlay a.cross {
position: absolute;
top: -35px;
right: -35px;
width: 25px;
height: 25px;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_cross.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 767px) {
#popup .overlay a.cross {
right: 0px;
width: 15px;
height: 15px;
}
}
#popup .overlay a.cross svg {
width: 100%;
}
.some-element .video-outer {
display: flex;
justify-content: center;
}
.mfp-bg,
.mfp-wrap {
z-index: 99999;
}    .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 500ms ease-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
transition: all 500ms ease-out;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
transition: all 500ms ease-out;
}
option,
input {
width: 100%;
height: 44px;
padding: 15px;
background: rgba(178, 178, 178, 0.2); font-size: 14px;
color: #b2b2b2;
}
@media (max-width: 767px) {
option,
input {
height: 36px;
padding: 10px;
}
}
option:focus,
input:focus {
background: rgba(178, 178, 178, 0.5);
color: #fff;
}
.wpcf7-form br {
display: none;
}
.wpcf7-form-control-wrap {
display: flex;
}
.wpcf7-form .divider{
border-bottom: 1px solid rgba(178, 178, 178, 0.2);
margin-top: 6px;
margin-bottom: 24px;
}
.wpcf7 p {
padding: 0;
margin: 0;
}
.wpcf7-list-item label {
margin: 5px 0;
display: flex;
align-content: center;
}
.wpcf7-radio {
position: relative;
display: block;
}
.wpcf7-radio .wpcf7-list-item {
margin: 0 15px 20px 0;
}
.wpcf7-radio .wpcf7-list-item .jcf-radio {
margin-right: 3px;
}
.wpcf7-acceptance {
font-size: 12px;
line-height: 1em;
}
.wpcf7-acceptance .wpcf7-list-item {
padding: 5px 0;
}
.wpcf7-acceptance .jcf-checkbox {
padding: 5px;
border-radius: 0;
background: #fff;
}
.wpcf7-acceptance .jcf-label-active .jcf-checkbox {
background: #FBAA25;
}
.wpcf7-acceptance .wpcf7-list-item-label {
font-size: 13px;
}
span.wpcf7-list-item-label {
vertical-align: middle;
font-size: 14px;
line-height: 14px;
margin-left: -15px;
padding-left: 15px;
z-index: 999;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0;
vertical-align: middle;
}
body.lock-scroll {
width: 100%;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
border-color: #FBAA25;
color: #fff;
font-size: 14px;
line-height: 18px;
margin: 25px 0 0 0;
padding: 10px;
}
.survey .wpcf7 form.sent .wpcf7-response-output,
.survey .wpcf7 form.invalid .wpcf7-response-output {
color: #7A6F6C;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
color: #D8000C;
background-color: #FFBABA;
border: 0;
padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
border-color: #FBAA25;
color: #fff;
font-size: 14px;
line-height: 18px;
padding: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #FBAA25;
color: #fff;
font-size: 14px;
line-height: 18px;
border-radius: 10px;
}
div.wpcf7-mail-sent-ok:before, div.wpcf7-validation-errors:before {
font: 26px/30px dashicons;
margin-right: 16px;
vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
content: "";
}
div.wpcf7-validation-errors:before {
content: "";
}
span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid::after {
content: "!";
position: absolute;
right: -18px;
top: 1px;
font-weight: bold;
background-color: #7A6F6C;
width: 20px;
height: 20px;
text-align: center;
color: #fff;
line-height: 20px;
border-radius: 10px;
}
.ajax-loader {
display: none !important;
}
.jcf-textarea {
position: relative;
width: 100% !important;
height: 200px !important;
display: block;
background-color: rgba(178, 178, 178, 0.2);
}
@media (max-width: 767px) {
.jcf-textarea {
height: 20px;
}
}
.jcf-textarea .jcf-scrollable-wrapper {
width: 100% !important;
height: 70px !important;
}
.jcf-textarea .jcf-scrollbar-horizontal {
display: none;
height: 0;
}
.jcf-textarea textarea {
width: calc( 100% - 5px );
height: 170px !important;
padding: 15px;
border: none;
margin: 0;
font-size: 14px;
color: #b2b2b2;
}
.jcf-textarea textarea:focus {
background: rgba(178, 178, 178, 0.5);
color: #fff;
}
.jcf-list-box {
overflow: hidden;
width: 100%;
background: rgba(178, 178, 178, 0.2);
}
.jcf-list {
position: relative;
width: 100%;
background: rgba(178, 178, 178, 0.2);
vertical-align: top;
}
.jcf-list .jcf-list-content {
vertical-align: top;
display: inline-block;
width: 100%;
overflow: auto;
}
.jcf-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.jcf-list .jcf-option,
.jcf-list ul li {
overflow: hidden;
display: block;
}
.jcf-list .jcf-overflow {
overflow: auto;
}
.jcf-list .jcf-optgroup-caption {
white-space: nowrap;
font-weight: 700;
display: block;
padding: 5px 9px;
cursor: default;
color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
padding-left: 30px;
}
.jcf-option {
white-space: nowrap;
cursor: default;
padding: 5px 9px;
color: #FBAA25;
min-height: 14px;
font-weight: bold;
height: 1%;
font-size: 1.3em;
line-height: 60px;
padding: 0 25px;
}
.jcf-selected.jcf-option {
color: #fff;
}
.jcf-select-wbk-select,
.jcf-select {
position: relative;
width: 100%;
height: 44px;
line-height: 17px;
padding-top: 8px;
display: inline-block;
background: rgba(178, 178, 178, 0.2);
vertical-align: middle;
transition: 300ms all ease-out;
}
.jcf-select-wbk-select .jcf-select-text,
.jcf-select .jcf-select-text {
position: relative;
width: 70%;
height: 100%;
padding: 0 15px;
display: block;
font-size: 14px;
line-height: 15px;
color: #7A6F6C;
opacity: 0.5;
cursor: default;
text-overflow: ellipsis;
}
.jcf-select-wbk-select .jcf-select-text > span,
.jcf-select .jcf-select-text > span {
position: absolute;
width: 100%;
}
.jcf-select-wbk-select .jcf-select-text .jcf-option-unchecked:after,
.jcf-select .jcf-select-text .jcf-option-unchecked:after {
display: none;
}
.jcf-select-wbk-select .jcf-select-opener,
.jcf-select .jcf-select-opener {
position: absolute;
text-align: center;
width: 14px;
bottom: 0;
right: 0;
top: 0;
}
.jcf-select-wbk-select .jcf-select-opener:after,
.jcf-select .jcf-select-opener:after {
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(90deg);
right: 15px;
width: 11px;
height: 11px;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
background-repeat: no-repeat;
background-size: 60%;
background-position: center;
}
.booking-form .jcf-select-wbk-select .jcf-select-opener:after,
.booking-form .jcf-select .jcf-select-opener:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.jcf-select-wbk-select .jcf-select-drop,
.jcf-select .jcf-select-drop {
position: absolute;
margin-top: 0;
z-index: 9999;
top: 100%;
left: -1px;
right: -1px;
}
.jcf-select-wbk-select .jcf-select-drop .jcf-select-drop-content,
.jcf-select .jcf-select-drop .jcf-select-drop-content {
border: 1px solid red;
}
.jcf-select-wbk-select .jcf-drop-flipped,
.jcf-select .jcf-drop-flipped {
bottom: 100%;
top: auto;
}
.jcf-select-wbk-select select,
.jcf-select select {
z-index: 1;
left: 0;
top: 0;
}
.jcf-list-box .jcf-hover,
.jcf-select-drop .jcf-hover {
background: rgba(178, 178, 178, 0.2);
color: #fff;
}
.jcf-drop-active {
background: #FBAA25;
}
.jcf-drop-active .jcf-select-text {
color: #fff;
}
.jcf-drop-active .jcf-select-text .jcf-option-unchecked {
color: #fff !important;
}
.jcf-select.jcf-compact-multiple {
max-width: 220px;
}
body > .jcf-select-drop {
position: absolute;
margin: -1px 0 0;
z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
margin: 1px 0 0;
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
display: inline-block;
padding-top: 2px;
content: "...";
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
background: 0 0;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
background: #e6e6e6;
color: #000;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
display: inline-block;
content: "";
height: 4px;
width: 8px;
margin: -7px 5px 0 -3px;
border: 3px solid #777;
border-width: 0 0 3px 3px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
.jcf-radio span {
display: none;
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: #7A6F6C;
border-radius: 100%;
}
.jcf-radio input[type=radio] {
position: absolute;
height: 100%;
width: 100%;
border: 0;
margin: 0;
left: 0;
top: 0;
}
.jcf-radio.jcf-checked span {
display: block;
}
.jcf-checkbox,
.jcf-radio {
vertical-align: middle;
display: inline-block;
position: relative;
overflow: hidden;
cursor: default;
background: rgba(178, 178, 178, 0.2);
margin: 0 5px 0 0;
height: 14px;
width: 14px;
border-radius: 50%;
}
.jcf-checkbox {
margin: 0 10px 0 0;
}
.jcf-checkbox {
height: 12px;
width: 12px;
}
.jcf-checkbox span {
position: absolute;
display: none;
height: 4px;
width: 8px;
top: 50%;
left: 50%;
margin-bottom: 5px;
border: 3px solid #777;
border-width: 0 0 3px 3px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
input[type=checkbox] {
height: 12px;
width: 12px;
}
:root .jcf-checkbox span {
margin: -4px 0 0 -4px;
}
.jcf-checkbox input[type=checkbox] {
position: absolute;
width: 100%;
height: 100%;
border: 0;
margin: 0;
left: 0;
top: 0;
}
.jcf-checkbox.jcf-checked span {
display: block;
}
.jcf-file {
display: inline-block;
position: relative;
overflow: hidden;
background: rgba(178, 178, 178, 0.2);
}
.jcf-file {
white-space: nowrap;
}
.jcf-file .jcf-real-element {
position: absolute;
font-size: 200px;
height: 200px;
margin: 0;
right: 0;
top: 0;
}
.jcf-file .jcf-fake-input,
.jcf-file .jcf-upload-button {
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
border: 1px solid #777;
line-height: 28px;
height: 28px;
}
.jcf-file .jcf-fake-input {
text-overflow: ellipsis;
font-size: 1.3em;
width: 125px;
padding: 0 8px;
}
.jcf-file .jcf-upload-button {
margin: 0 0 0 -1px;
padding: 0 10px;
}
.jcf-scrollable-wrapper {
box-sizing: content-box;
position: relative;
}
.jcf-scrollbar-horizontal {
position: absolute;
background: #e3e3e3;
right: auto;
top: auto;
left: 0;
bottom: 0;
width: 1px;
height: 14px;
}
.jcf-number {
display: inline-block;
position: relative;
height: 32px;
margin-top: 4px;
}
.jcf-number input {
-moz-appearance: textfield;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 0px solid #fff;
padding: 3px 27px 3px 7px;
margin: 0;
height: 100%;
}
.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
position: absolute;
background: #aaa;
width: 20px;
height: 15px;
right: 1px;
}
.jcf-number .jcf-btn-inc {
top: 1px;
}
.jcf-number .jcf-btn-dec {
top: auto;
bottom: 1px;
}
.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
position: absolute;
content: "";
width: 0;
height: 0;
top: 50%;
left: 50%;
border: 4px solid #aaa;
}
.jcf-number .jcf-btn-inc:before {
margin: -6px 0 0 -4px;
border-color: transparent transparent #000 transparent;
}
.jcf-number .jcf-btn-dec:before {
margin: -1px 0 0 -4px;
border-color: #000 transparent transparent transparent;
}
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before,
.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before {
opacity: 0.3;
}
.jcf-range {
display: inline-block;
min-width: 200px;
margin: 0 0;
width: 100%;
}
.jcf-range .jcf-range-track {
margin: 0 13px 0 0;
position: relative;
display: block;
height: 7px;
}
.jcf-range .jcf-range-wrapper {
position: relative;
background: #b2b2b2;
display: block;
margin: 5px 0;
}
.jcf-range.jcf-vertical {
min-width: 0;
width: auto;
}
.jcf-range.jcf-vertical .jcf-range-wrapper {
margin: 0;
width: 10px;
height: auto;
padding: 20px 0 0;
}
.jcf-range.jcf-vertical .jcf-range-track {
height: 180px;
width: 10px;
}
.jcf-range.jcf-vertical .jcf-range-handle {
left: -5px;
top: auto;
}
.jcf-range .jcf-range-display-wrapper {
position: absolute;
min-height: 10px;
min-width: 10px;
left: 10px;
right: 10px;
}
.jcf-range .jcf-range-display {
border-radius: 5px;
position: absolute;
background: #888;
width: 10px;
height: 10px;
}
.jcf-range .jcf-range-display.jcf-range-min {
margin: 0 0 0 -10px;
padding: 0 0 0 10px;
}
.jcf-range .jcf-range-display.jcf-range-max {
margin: 0 -10px 0 0;
padding: 0 10px 0 0;
}
.jcf-range.jcf-vertical .jcf-range-display-wrapper {
left: auto;
right: auto;
top: 10px;
bottom: 10px;
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
margin: 0 0 -10px;
padding: 0 0 10px;
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
margin: -10px 0 0;
padding: 10px 0 0;
}
.jcf-range .jcf-range-handle {
position: absolute;
background: #7A6F6C;
border-radius: 19px;
width: 14px;
height: 14px;
margin: -4px 0 0;
z-index: 1;
top: 0;
left: 0;
}
.jcf-range .jcf-range-mark {
position: absolute;
overflow: hidden;
background: #000;
width: 1px;
height: 3px;
top: -7px;
margin: 0 0 0 9px;
}
.jcf-range.jcf-vertical .jcf-range-mark {
margin: 0 0 9px;
left: 14px;
top: auto;
width: 3px;
height: 1px;
}
.jcf-range .jcf-active-handle {
z-index: 2;
}
.jcf-range.jcf-focus .jcf-active-handle {
margin: -4px 0 0 -1px;
}
.jcf-range.jcf-disabled {
background: 0 0 !important;
opacity: 0.3;
}
.jcf-focus .jcf-select-opener:after,
.jcf-focus * .jcf-select-opener:after {
color: #fff;
transform: translateY(-50%) rotate(-90deg);
transition: 300ms all ease-in-out;
}
_:-ms-fullscreen .section-icons img,
:root .section-icons img {
width: 35px;
height: 35px;
}
_:-ms-fullscreen .videos-widget .owl-carousel,
:root .videos-widget .owl-carousel {
display: block;
}
_:-ms-fullscreen .inner-content,
:root .inner-content {
width: 100%;
}
_:-ms-fullscreen .countdown-widget .button,
:root .countdown-widget .button {
display: flex;
}
_:-ms-fullscreen .appointment-widget .title-icon,
:root .appointment-widget .title-icon {
width: 55px;
height: 55px;
}
_:-ms-fullscreen #popup .overlay .button,
:root #popup .overlay .button {
display: flex;
}
_:-ms-fullscreen .site-branding svg,
:root .site-branding svg {
width: 350px;
}
_:-ms-fullscreen .benefits-widget .content h3,
_:-ms-fullscreen .survey-widget .content h3,
_:-ms-fullscreen .current-events-widget .content h3,
_:-ms-fullscreen .retirement-widget .content h3,
:root .benefits-widget .content h3,
:root .survey-widget .content h3,
:root .current-events-widget .content h3,
:root .retirement-widget .content h3 {
width: 100%;
}
_:-ms-fullscreen .appointment-widget .content h3,
:root .appointment-widget .content h3 {
width: 100%;
}
_:-ms-fullscreen .countdown-widget h1,
_:-ms-fullscreen .countdown-widget h2,
_:-ms-fullscreen .countdown-widget h3,
:root .countdown-widget h1,
:root .countdown-widget h2,
:root .countdown-widget h3 {
width: 100%;
}
_:-ms-fullscreen .grid-item,
:root .grid-item {
margin: 5px;
}
_:-ms-fullscreen .prize-draw-widget .button,
:root .prize-draw-widget .button {
min-width: 0px;
}
body, button, input, optgroup, select, textarea, li, ol, ul, p, a {
color: #7A6F6C;
font-family: museo-sans, sans-serif;
}
.single-benefits p {
margin-bottom: 14px;
}
.countdown-widget .inner-content {
display: none;
}
.resources-block .header {
width: 100%;
border-bottom: 0;
margin-top: 0;
}
.resources-block .content,
.resources-block .resources {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.resources-block .resources {
background: #7A6F6C;
}
.resources-block .resources div a {
font-weight: bold;
color: #fff;
}
#menu-item-818,
#menu-item-367 {
display: none;
}
.prize {
position: absolute;
right: 37%;
z-index: 99;
top: -25%;
transform: rotate(45deg);
z-index: -1;
}
@media (max-width: 648px) {
.prize {
top: -17%;
}
.latest-widget .button {
width: 100% !important;
}
.latest-widget .inner-cont img {
margin-bottom: 2rem;
}
.prize-draw-widget {
grid-column: span 1 !important;
}
.grid .grid-item:nth-of-type(7n) {
grid-row: span 1;
}
.grid {
grid-template-rows: repeat(10, 265px);
grid-column-gap: 0px;
}
.latest-widget .inner-cont {
flex-direction: column;
}
.prize-draw-widget {
flex-direction: column;
}
.prize-draw-widget .first {
width: 100%;
}
.grid-item:not(.countdown-widget) {
grid-row: span 1;
grid-column: span 2 !important;
}
.general-widget .content h3 {
font-size: 23px;
}
.general-widget .content li {
margin-bottom: 10px;
}
.latest-widget .title h3 {
font-size: 18px;
}
.latest-widget .inner-cont {
flex-direction: row;
}
.latest-widget .inner-cont p:nth-of-type(2) {
display: none;
}
.grid {
grid-template-rows: repeat(10, 265px);
}
}
@media (min-width: 648px) and (max-width: 932px) {
.grid {
grid-template-columns: repeat(2, 265px);
grid-template-rows: repeat(6, 265px);
-ms-grid-columns: 273px 273px;
-ms-grid-rows: 273px 273px 273px 273px 273px 273px;
}
}
.prize img {
width: 50px;
}
@media (min-width: 932px) {
.grid { }
}
.webinars-widget {
}
.webinars-widget .title {
width: 100%;
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
}
.webinars-widget .title a {
font-size: 12px;
margin-bottom: 0;
color: #FBAA25;
}
.webinars-widget .title a:after {
content: "";
right: 0;
width: 6px;
height: 12px;
margin-left: 8px;
vertical-align: text-top;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.webinars-widget .button {
background: #FBAA25;
color: #fff;
width: 100% !important;
min-width: unset !important;
margin: 0 0 0 auto;
}
.webinars-widget .owl-webinars .owl-item > div {
display: flex; grid-gap: 0;
flex-flow: column;
height: 100%;
justify-content: space-between;
padding-top: 25px;
}
.webinars-widget p.title strong {
color: #F15A29 !important;
}
.webinars-widget.dark p,
.webinars-widget.dark a {
color: #ffffff !important;
}
.webinars-widget .excerpt {
gap: 10px;
display: flex;
flex-flow: column;
}
.webinars-widget.dark p {
color: #b2b2b2;
}
.webinars-widget.dark .button {
background: #FBAA25 !important;
color: #fff !important;
}
.webinars-widget.dark .title a:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg) !important;
}
.webinars-widget .title a:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg) !important;
}
.webinars-widget .button:hover {
background: #ffffff !important;
color: #FBAA25 !important;
}
.webinars-widget .owl-theme .owl-nav .owl-prev:before,
.webinars-widget .owl-theme .owl-nav .owl-next:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.webinars-widget a.button:hover:after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg) !important;
}
.webinars-widget .owl-webinars .owl-item > div > div {
display: flex;
grid-gap: 5px;
flex-flow: column;
padding: 0 20px;
}
.webinars-widget .owl-carousel,
.webinars-widget .owl-stage-outer,
.webinars-widget .owl-stage,
.webinars-widget .owl-item {
height: 100%;
}
.webinars-widget .owl-nav { }
.current-events-widget { }
.current-events-widget .title {
width: 100%;
display: flex;
gap: 10px;
align-items: center;
text-align: left;
}
.current-events-widget img {
display: flex;
gap: 20px;
width: 36px;
height: auto;
}
.current-events-widget form {
display: flex;
gap: 10px;
flex-flow: column;
}
.current-events-widget .button {
background-color: white; }
.current-events-widget .inner-content {
display: flex;
gap: 25px;
flex-flow: column; }
.current-events-widget .inner-content p {
color: #7A6F6C;
font-size: 18px;
line-height: 22px;
}
.current-events-widget .title strong {
color: #7A6F6C;
}
.current-events-widget h3 {
font-size: 20px !important;
}
.current-events-widget p {
font-size: 14px;
}
.current-events-widget .button:hover {
background-color: #F15A29;
color: white;
}
.current-events-widget .jcf-file {
width: 100%;
height: 50px;
border: 1px solid white;
border-radius: 10px;
overflow: visible;
margin-top: 10px;
}
.current-events-widget .jcf-file .jcf-upload-button {
background-color: #FBAA25;
border-radius: 9px;
top: -1px;
height: 50px !important;
right: -1px;
}
.current-events-widget .jcf-file:hover .jcf-upload-button {
background-color: white !important;
color: #FBAA25 !important;
}
.current-events-widget .jcf-file .jcf-fake-input {
color: white !important;
}
.current-events-widget .content h3 {
text-align: left;
}
.current-events-widget .content p {
text-align: left;
}
.reminder-widget {
}
.reminder-widget .content {
display: flex;
justify-content: unset;
}
.reminder-widget .inner-content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 100%;
font-size: 20px;
}
.reminder-widget .inner-content + * {
margin: auto;
margin-bottom: auto !important; position: relative;
}
.reminder-widget h5 {
padding: 0 20px;
color: white;
text-align: center;
margin-bottom: 0;
font-size: 25px;
line-height: 1em;
}
.reminder-widget p {
text-align: center;
color: white !important;
font-size: 17px;
line-height: 1em;
}
.reminder-widget h5 strong {
color: #FBAA25;
}
.reminder-widget .inner-content img {
width: 45px;
margin-right: 10px;
}
.reminder-widget .owl-nav .owl-prev:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.reminder-widget .owl-nav .owl-next:before {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_white.svg);
}
.reminder-widget .owl-item > div { }
.reminder-widget .owl-carousel,
.reminder-widget .owl-stage-outer,
.reminder-widget .owl-stage,
.reminder-widget .owl-item,
.reminder-widget .owl-item > div {
height: 100%;
}
.reminder-widget .owl-item > div {
padding-top: 20px;
display: flex;
gap: 10px;
flex-flow: column;
}
.reminder-widget .owl-item .button {
margin-top: auto;
}
.wpcf7 .jcf-select .jcf-select-text {
opacity: 1;
display: flex;
align-items: center;
}
.wpcf7 .jcf-select .jcf-select-text span {
color: #7A6F6C;
}
.wpcf7 .jcf-select {
padding-top: 0;
}
.wpcf7cf_group p {
margin-bottom: 10px;
}
.wpcf7 .jcf-select .jcf-select-opener::after {
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow_dark.svg);
}
.grid-item.rectangle .content {
display: flex;
gap: 20px;
flex-flow: row;
}
@media (max-width: 1023px) {
.grid-item.rectangle {
grid-row: span 2 !important;
}
.grid-item.rectangle .content {
flex-flow: column;
}
}
.grid-item.rectangle .content .general {
width: 100%;
display: flex;
gap: 20px;
flex-flow: column;
}
.grid-item.rectangle .content p {
text-align: left;
}
.grid-item.rectangle .content li {
margin-bottom: 10px;
}
.grid-item.rectangle .content img {
max-height: 100%;
}
@media (max-width: 648px) {
.appointment-widget {
grid-row: span 2 !important;
grid-column: span 2 !important;
}
}
.videos-single {
position: relative;
width: 100%;
height: 315px;
margin-top: 10px !important;
border-radius: 20px;
background-color: #E6E7E8 !important;
color: #7A6F6C;
}
.videos-single .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.videos-single .title {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
}
.videos-single .title h3 {
color: #FBAA25;
}
@media (max-width: 648px) {
.videos-single .title h3 {
width: 50%;
text-align: left;
}
}
.videos-single .title a {
font-size: 12px;
margin-bottom: 0;
color: #7A6F6C;
}
.videos-single .title a:after {
content: "";
right: 0;
width: 6px;
height: 12px;
margin-left: 8px;
vertical-align: text-top;
display: inline-block;
background-image: url(//benefits.inotiv.com/wp-content/themes/freckle/assets/img/icon_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.videos-single p {
margin-top: 10px;
font-size: 12px;
text-align: center;
font-weight: bold;
}
.videos-single .owl-carousel {
padding: 0 10px;
height: 100%;
display: flex;
align-items: center;
}
.videos-single .owl-carousel .owl-stage-outer {
z-index: 9;
}
.videos-single .owl-carousel .owl-stage {
display: flex;
flex-direction: row;
}
.videos-single .owl-carousel .owl-stage .owl-item {
padding: 10px;
display: flex;
flex-direction: column;
}
.videos-single .owl-carousel .owl-nav {
top: unset;
}
.videos-single .owl-carousel .owl-loaded {
position: relative;
}
.videos-single img {
width: auto;
}