img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

body .is-layout-flow>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-flow>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-constrained>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained>.alignwide {
    max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
    display: flex;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex>* {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6;
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-video-popup-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.88);
    z-index: 8888888
}

.wp-video-popup-video {
    display: none;
    z-index: 8888889
}

.wp-video-popup-video.is-landscape {
    width: 90%;
    height: auto;
    max-width: 1200px;
    max-height: 90%
}

.wp-video-popup-video.is-hosted.is-portrait {
    width: auto;
    height: 90%;
    max-width: 90%
}

.wp-video-popup-close {
    background-image: url(../img/wp-video-popup-close.png);
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    text-align: center;
    width: 60px;
    cursor: pointer;
    z-index: 9999999;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s
}

.wp-video-popup-close:hover {
    opacity: 0.7
}

.wp-video-popup {
    cursor: pointer
}

.simple-banner {
    width: 100%;
    text-align: center;
    z-index: 99999;
    position: relative;
    display: block;
}

.simple-banner .simple-banner-text {
    font-weight: 700;
    padding: 10px 20px;
}

.simple-banner .simple-banner-button {
    border: none;
    background-color: transparent;
    padding: 0 5px;
    margin: 0 10px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    transform: translate(0%, -50%);
    right: 0;
    top: 50%;
    font-size: 16px;
    cursor: pointer;
}

.wonderplugin3dcarousel-item-extrainfo {
    display: none;
}

.wonderplugin3dcarousel-item-button {
    display: none;
}

.wonderplugin3dcarousel-flipy-in,
.wonderplugin3dcarousel-flipy-out {
    perspective: none;
    -webkit-perspective: none;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.wonderplugin3dcarousel-fade-in,
.wonderplugin3dcarousel-fade-out {
    transition: 0.6s;
    -webkit-transition: 0.6s;
}

/* flip y */
.wonderplugin3dcarousel-flipy-in {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

.wonderplugin3dcarousel-item:hover .wonderplugin3dcarousel-flipy-in {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.wonderplugin3dcarousel-flipy-out {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.wonderplugin3dcarousel-item:hover .wonderplugin3dcarousel-flipy-out {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

/* fade effect and none effect */
.wonderplugin3dcarousel-fade-in,
.wonderplugin3dcarousel-none-in {
    opacity: 0;
}

.wonderplugin3dcarousel-item:hover .wonderplugin3dcarousel-fade-in,
.wonderplugin3dcarousel-item:hover .wonderplugin3dcarousel-none-in {
    opacity: 1;
}

.wonderplugin3dcarousel-fade-out,
.wonderplugin3dcarousel-none-out {
    opacity: 1;
}

.wonderplugin3dcarousel-item:hover .wonderplugin3dcarousel-fade-out,
.wonderplugin3dcarousel-item:hover .wonderplugin3dcarousel-none-out {
    opacity: 0;
}

/* blue button large */
.wpp-btn-blue-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #009cde;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-blue-large:hover {
    color: #fff;
    background: #0285d2;
}

.wpp-btn-blue-large:focus {
    outline: 0;
}

/* blue button medium */
.wpp-btn-blue-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #009cde;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-blue-medium:hover {
    color: #fff;
    background: #0285d2;
}

.wpp-btn-blue-medium:focus {
    outline: 0;
}

/* blue button small */
.wpp-btn-blue-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #009cde;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-blue-small:hover {
    color: #fff;
    background: #0285d2;
}

.wpp-btn-blue-small:focus {
    outline: 0;
}

/* blue border large */
.wpp-btn-blueborder-large {
    display: inline-block;
    border: 2px solid #009cde;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #009cde;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-blueborder-large:hover {
    color: #fff;
    background: #009cde;
}

.wpp-btn-blueborder-large:focus {
    outline: 0;
}

/* blue border medium */
.wpp-btn-blueborder-medium {
    display: inline-block;
    border: 2px solid #009cde;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #009cde;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-blueborder-medium:hover {
    color: #fff;
    background: #009cde;
}

.wpp-btn-blueborder-medium:focus {
    outline: 0;
}

/* blue border small */
.wpp-btn-blueborder-small {
    display: inline-block;
    border: 2px solid #009cde;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #009cde;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-blueborder-small:hover {
    color: #fff;
    background: #009cde;
}

.wpp-btn-blueborder-small:focus {
    outline: 0;
}

/* orange button large */
.wpp-btn-orange-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #f7a020;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-orange-large:hover {
    color: #fff;
    background: #ffc030;
}

.wpp-btn-orange-large:focus {
    outline: 0;
}

/* orange button medium */
.wpp-btn-orange-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #f7a020;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-orange-medium:hover {
    color: #fff;
    background: #ffc030;
}

.wpp-btn-orange-medium:focus {
    outline: 0;
}

/* orange button small */
.wpp-btn-orange-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #f7a020;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-orange-small:hover {
    color: #fff;
    background: #ffc030;
}

.wpp-btn-orange-small:focus {
    outline: 0;
}

/* orange border large */
.wpp-btn-orangeborder-large {
    display: inline-block;
    border: 2px solid #f7a020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #f7a020;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-orangeborder-large:hover {
    color: #fff;
    background: #f7a020;
}

.wpp-btn-orangeborder-large:focus {
    outline: 0;
}

/* orange border medium */
.wpp-btn-orangeborder-medium {
    display: inline-block;
    border: 2px solid #f7a020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #f7a020;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-orangeborder-medium:hover {
    color: #fff;
    background: #f7a020;
}

.wpp-btn-orangeborder-medium:focus {
    outline: 0;
}

/* orange border small */
.wpp-btn-orangeborder-small {
    display: inline-block;
    border: 2px solid #f7a020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #f7a020;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-orangeborder-small:hover {
    color: #fff;
    background: #f7a020;
}

.wpp-btn-orangeborder-small:focus {
    outline: 0;
}

/* white button large */
.wpp-btn-white-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #444;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-white-large:hover {
    color: #fff;
    background: #444;
}

.wpp-btn-white-large:focus {
    outline: 0;
}

/* white button medium */
.wpp-btn-white-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #444;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-white-medium:hover {
    color: #fff;
    background: #444;
}

.wpp-btn-white-medium:focus {
    outline: 0;
}

/* white button small */
.wpp-btn-white-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #444;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-white-small:hover {
    color: #fff;
    background: #444;
}

.wpp-btn-white-small:focus {
    outline: 0;
}

/* white border large */
.wpp-btn-whiteborder-large {
    display: inline-block;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-whiteborder-large:hover {
    color: #444;
    background: #fff;
}

.wpp-btn-whiteborder-large:focus {
    outline: 0;
}

/* white border medium */
.wpp-btn-whiteborder-medium {
    display: inline-block;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-whiteborder-medium:hover {
    color: #444;
    background: #fff;
}

.wpp-btn-whiteborder-medium:focus {
    outline: 0;
}

/* white border small */
.wpp-btn-whiteborder-small {
    display: inline-block;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-whiteborder-small:hover {
    color: #444;
    background: #fff;
}

.wpp-btn-whiteborder-small:focus {
    outline: 0;
}

/* navy button large */
.wpp-btn-navy-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #334455;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-navy-large:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navy-large:focus {
    outline: 0;
}

/* navy button medium */
.wpp-btn-navy-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #334455;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-navy-medium:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navy-medium:focus {
    outline: 0;
}

/* navy button small */
.wpp-btn-navy-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #334455;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-navy-small:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navy-small:focus {
    outline: 0;
}

/* navy border large */
.wpp-btn-navyborder-large {
    display: inline-block;
    border: 2px solid #445566;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #445566;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-navyborder-large:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navyborder-large:focus {
    outline: 0;
}

/* navy border medium */
.wpp-btn-navyborder-medium {
    display: inline-block;
    border: 2px solid #445566;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #445566;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-navyborder-medium:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navyborder-medium:focus {
    outline: 0;
}

/* navy border small */
.wpp-btn-navyborder-small {
    display: inline-block;
    border: 2px solid #445566;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #445566;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-navyborder-small:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navyborder-small:focus {
    outline: 0;
}

/* grey button large */
.wpp-btn-grey-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #666;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-grey-large:hover {
    color: #fff;
    background: #555;
}

.wpp-btn-grey-large:focus {
    outline: 0;
}

/* grey button medium */
.wpp-btn-grey-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #666;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-grey-medium:hover {
    color: #fff;
    background: #555;
}

.wpp-btn-grey-medium:focus {
    outline: 0;
}

/* grey button small */
.wpp-btn-grey-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #666;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-grey-small:hover {
    color: #fff;
    background: #555;
}

.wpp-btn-grey-small:focus {
    outline: 0;
}

/* grey border large */
.wpp-btn-greyborder-large {
    display: inline-block;
    border: 2px solid #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #555;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-greyborder-large:hover {
    color: #fff;
    background: #555;
}

.wpp-btn-greyborder-large:focus {
    outline: 0;
}

/* grey border medium */
.wpp-btn-greyborder-medium {
    display: inline-block;
    border: 2px solid #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #555;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-greyborder-medium:hover {
    color: #fff;
    background: #555;
}

.wpp-btn-greyborder-medium:focus {
    outline: 0;
}

/* grey border small */
.wpp-btn-greyborder-small {
    display: inline-block;
    border: 2px solid #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #555;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-greyborder-small:hover {
    color: #fff;
    background: #555;
}

.wpp-btn-greyborder-small:focus {
    outline: 0;
}

/* 3D effect */
.wonderplugingridgallery-flipy-in,
.wonderplugingridgallery-flipy-out {
    perspective: 1000px;
    -webkit-perspective: 1000px;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.wonderplugingridgallery-flipy-out {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

.wonderplugingridgallery-flipy-in {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

/* categories */
.wonderplugin-gridgallery-tags {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
}

/* top left */
.wonderplugin-gridgallery-tags-topleft {
    box-sizing: border-box;
    text-align: left;
}

.wonderplugin-gridgallery-tags-topleft .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 0px 6px 12px 0px;
}

/* top center */
.wonderplugin-gridgallery-tags-topcenter {
    box-sizing: border-box;
    text-align: center;
}

.wonderplugin-gridgallery-tags-topcenter .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 0px 3px 12px 3px;
}

/* top right */
.wonderplugin-gridgallery-tags-topright {
    box-sizing: border-box;
    text-align: right;
}

.wonderplugin-gridgallery-tags-topright .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 0px 0px 12px 6px;
}

/* bottom left */
.wonderplugin-gridgallery-tags-bottomleft {
    box-sizing: border-box;
    text-align: left;
}

.wonderplugin-gridgallery-tags-bottomleft .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 12px 6px 0px 0px;
}

/* bottom center */
.wonderplugin-gridgallery-tags-bottomcenter {
    box-sizing: border-box;
    text-align: center;
}

.wonderplugin-gridgallery-tags-bottomcenter .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 12px 3px 0px 3px;
}

/* bottom right */
.wonderplugin-gridgallery-tags-bottomright {
    box-sizing: border-box;
    text-align: right;
}

.wonderplugin-gridgallery-tags-bottomright .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 12px 0px 0px 6px;
}

/* left top */
.wonderplugin-gridgallery-tags-lefttop {
    box-sizing: border-box;
    float: left;
    text-align: center;
}

.wonderplugin-gridgallery-tags-lefttop .wonderplugin-gridgallery-tag {
    display: block;
    cursor: pointer;
    margin: 0px 12px 6px 0px;
}

.wonderplugin-gridgallery-tags-lefttop-smallscreen {
    box-sizing: border-box;
    text-align: left;
    float: none;
}

.wonderplugin-gridgallery-tags-lefttop-smallscreen .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 0px 6px 12px 0px;
}

/* right top */
.wonderplugin-gridgallery-tags-righttop {
    box-sizing: border-box;
    float: right;
    text-align: center;
}

.wonderplugin-gridgallery-tags-righttop .wonderplugin-gridgallery-tag {
    display: block;
    cursor: pointer;
    margin: 0px 0px 6px 12px;
}

.wonderplugin-gridgallery-tags-righttop-smallscreen {
    box-sizing: border-box;
    text-align: right;
    float: none;
}

.wonderplugin-gridgallery-tags-righttop-smallscreen .wonderplugin-gridgallery-tag {
    display: inline-block;
    cursor: pointer;
    margin: 0px 0px 12px 6px;
}

/* blue button large */
.wpp-btn-blue-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #009cde;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-blue-large:hover {
    color: #fff;
    background: #0285d2;
}

.wpp-btn-blue-large:focus {
    outline: 0;
}

/* blue button medium */
.wpp-btn-blue-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #009cde;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-blue-medium:hover {
    color: #fff;
    background: #0285d2;
}

.wpp-btn-blue-medium:focus {
    outline: 0;
}

/* blue button small */
.wpp-btn-blue-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #009cde;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-blue-small:hover {
    color: #fff;
    background: #0285d2;
}

.wpp-btn-blue-small:focus {
    outline: 0;
}

/* blue border large */
.wpp-btn-blueborder-large {
    display: inline-block;
    border: 2px solid #009cde;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #009cde;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-blueborder-large:hover {
    color: #fff;
    background: #009cde;
}

.wpp-btn-blueborder-large:focus {
    outline: 0;
}

/* blue border medium */
.wpp-btn-blueborder-medium {
    display: inline-block;
    border: 2px solid #009cde;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #009cde;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-blueborder-medium:hover {
    color: #fff;
    background: #009cde;
}

.wpp-btn-blueborder-medium:focus {
    outline: 0;
}

/* blue border small */
.wpp-btn-blueborder-small {
    display: inline-block;
    border: 2px solid #009cde;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #009cde;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-blueborder-small:hover {
    color: #fff;
    background: #009cde;
}

.wpp-btn-blueborder-small:focus {
    outline: 0;
}

/* orange button large */
.wpp-btn-orange-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #f7a020;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-orange-large:hover {
    color: #fff;
    background: #ffc030;
}

.wpp-btn-orange-large:focus {
    outline: 0;
}

/* orange button medium */
.wpp-btn-orange-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #f7a020;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-orange-medium:hover {
    color: #fff;
    background: #ffc030;
}

.wpp-btn-orange-medium:focus {
    outline: 0;
}

/* orange button small */
.wpp-btn-orange-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #f7a020;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-orange-small:hover {
    color: #fff;
    background: #ffc030;
}

.wpp-btn-orange-small:focus {
    outline: 0;
}

/* orange border large */
.wpp-btn-orangeborder-large {
    display: inline-block;
    border: 2px solid #f7a020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #f7a020;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-orangeborder-large:hover {
    color: #fff;
    background: #f7a020;
}

.wpp-btn-orangeborder-large:focus {
    outline: 0;
}

/* orange border medium */
.wpp-btn-orangeborder-medium {
    display: inline-block;
    border: 2px solid #f7a020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #f7a020;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-orangeborder-medium:hover {
    color: #fff;
    background: #f7a020;
}

.wpp-btn-orangeborder-medium:focus {
    outline: 0;
}

/* orange border small */
.wpp-btn-orangeborder-small {
    display: inline-block;
    border: 2px solid #f7a020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #f7a020;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-orangeborder-small:hover {
    color: #fff;
    background: #f7a020;
}

.wpp-btn-orangeborder-small:focus {
    outline: 0;
}

/* white button large */
.wpp-btn-white-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #444;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-white-large:hover {
    color: #fff;
    background: #444;
}

.wpp-btn-white-large:focus {
    outline: 0;
}

/* white button medium */
.wpp-btn-white-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #444;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-white-medium:hover {
    color: #fff;
    background: #444;
}

.wpp-btn-white-medium:focus {
    outline: 0;
}

/* white button small */
.wpp-btn-white-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #444;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-white-small:hover {
    color: #fff;
    background: #444;
}

.wpp-btn-white-small:focus {
    outline: 0;
}

/* white border large */
.wpp-btn-whiteborder-large {
    display: inline-block;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-whiteborder-large:hover {
    color: #444;
    background: #fff;
}

.wpp-btn-whiteborder-large:focus {
    outline: 0;
}

/* white border medium */
.wpp-btn-whiteborder-medium {
    display: inline-block;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-whiteborder-medium:hover {
    color: #444;
    background: #fff;
}

.wpp-btn-whiteborder-medium:focus {
    outline: 0;
}

/* white border small */
.wpp-btn-whiteborder-small {
    display: inline-block;
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: transparent;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-whiteborder-small:hover {
    color: #444;
    background: #fff;
}

.wpp-btn-whiteborder-small:focus {
    outline: 0;
}

/* navy button large */
.wpp-btn-navy-large {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #334455;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wpp-btn-navy-large:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navy-large:focus {
    outline: 0;
}

/* navy button medium */
.wpp-btn-navy-medium {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #334455;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wpp-btn-navy-medium:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navy-medium:focus {
    outline: 0;
}

/* navy button small */
.wpp-btn-navy-small {
    display: inline-block;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    background: #334455;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.wpp-btn-navy-small:hover {
    color: #fff;
    background: #445566;
}

.wpp-btn-navy-small:focus {
    outline: 0;
}

@charset "UTF-8";

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}

@media print,
(prefers-reduced-motion: reduce) {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }

    .animate__animated[class*='Out'] {
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

:root {
    --dark-blue: #0D144E;
    --blue: #5890F9;
    --white: #FFF;
    --gray: #8992A3
}

html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

body {
    color: var(--dark-blue);
    font-family: 'Lexend Deca', sans-serif;
    position: relative;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    background-color: transparent;
}

a,
.link {
    color: var(--dark-blue);
    text-decoration: none;
    font-family: 'Lexend Deca', sans-serif;
    cursor: pointer;
}

a:hover,
.link:hover {
    color: var(--blue) !important;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 500;
}

p {
    font-weight: 300;
    line-height: 24px;
}

.site-header {
    z-index: 1000;
    position: sticky;
    top: 0;
    width: 100%;
    background: var(--white);
}

.header-content-wrapper {
    padding: 12px 20px;
}

#main-header {
    height: 68px;
}

#main-header .cornix-logo {
    margin-right: 24px;
}

#main-header .cornix-logo img {
    aspect-ratio: 62 / 21;
    width: 130px;
    height: auto;
}

#main-header ul {
    display: flex;
}

#main-header li {
    font-size: 16px;
    font-weight: 300;
    padding: 10px 20px;
}

#main-header a {
    font-weight: 300;
}

.current-menu-item a {
    color: var(--blue);
}

#header-features:hover,
#header-resources:hover,
#header-company:hover {
    color: var(--blue);
}

.navbar-action-login {
    margin-right: 12px;
}

.user-icon {
    -webkit-mask: url("../images/design/user-solid.svg") center no-repeat;
    mask: url("../images/design/user-solid.svg") center no-repeat;
    width: 14px;
    height: 14px;
    padding-right: 6px;
}

.navbar-action-login:hover .user-icon {
    background: var(--blue);
}

.bars-icon {
    -webkit-mask: url("../images/design/bars-solid.svg") center no-repeat;
    mask: url("../images/design/bars-solid.svg") center no-repeat;
    width: 16px;
    height: 20px;
}

.site-footer {
    width: 100%;
    background: #F9FBFD;
}

.site-footer .nested li,
.site-footer .nested li a {
    color: var(--dark-blue);
}

.social-media-content-wrapper {
    display: flex;
    padding: 64px 36px 32px;
}

.footer-logo-title-wrapper {
    display: block;
}

.site-footer li {
    margin-bottom: 12px;
}

.site-footer a {
    font-weight: 300;
    font-size: 14px;
}

.footer-social-media {
    width: 25%;
    padding-right: 36px;
}

.footer-content {
    width: 75%;
    display: flex;
}

.footer-inner-content {
    display: flex;
    width: 100%;
}

.footer-social-media h4 {
    font-weight: 500;
}

.footer-social-media p {
    font-weight: 300;
    font-size: 13px;
}

.cornix-description {
    margin-top: 16px;
    line-height: 24px;
    max-width: 300px;
}

.explore-features {
    width: 40%;
    padding-right: 20px;
}

.features-row {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.footer-col {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding: 0 8px;
}

.features-col {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    margin-bottom: 40px !important;
}

.footer-col h3 {
    margin-bottom: 40px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 500;
}

.features-col h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
}

.footer-features-title {
    color: #767676;
    font-weight: 300;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    width: 90%;
}

.footer-logo-title-wrapper img {
    max-width: 120px;
    width: 100%;
    height: 100%;
}

.footer-cornix-rights {
    background: #C9CFD447;
    padding: 24px;
}

.footer-cornix-rights p {
    margin: 0;
    font-size: 14px;
    color: #767676;
}

.footer-features-title:before {
    content: "";
    display: block;
    width: 25%;
    height: 3px;
    background: #C6D7F8;
    margin-right: 4%;
}

.footer-features-title:after {
    content: "";
    display: block;
    width: 25%;
    height: 3px;
    background: #C6D7F8;
    margin-left: 4%;
}

.footer-columns {
    display: flex;
    width: 60%;
}

.features-col .collapsible {
    align-items: start;
    display: flex;
    flex-direction: row;
}

.social-media-icons {
    height: 40px;
    margin: 24px 0;
}

.social-media-icon {
    width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-media-icon a {
    background: var(--dark-blue);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width 0.15s ease-in-out, height 0.15s ease-in-out;
}

.social-media-icon:hover a {
    width: 40px;
    height: 40px;
}

.social-media-svg {
    width: 20px;
    height: auto;
    transition: width 0.01s ease-in-out;
}

.social-media-icon:hover .social-media-svg {
    width: 22px;
    height: auto;
}

#telegram {
    aspect-ratio: 20 / 21;
}

#instagram {
    aspect-ratio: 20 / 23;
}

#facebook,
#twitter {
    aspect-ratio: 1;
}

#youtube {
    aspect-ratio: 10 / 9;
}

.app-store-buttons {
    height: 80px;
}

.app-store-button {
    width: 118px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.app-store-button svg {
    width: 110px;
    transition: width 0.15s ease-in-out;
}

.app-store-button svg:hover {
    width: 116px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1002;
    top: 0;
    right: 0;
    background-color: #F8F8F8;
    overflow-x: hidden;
    transition: width 0.3s ease-in;
    box-shadow: rgb(149 157 165 / 24%) 0 8px 24px;
}

.sidenav-content {
    padding: 24px;
    opacity: 0;
    transition: opacity 0.5s linear;
}

.sidenav .nested {
    margin: 0;
}

.sidenav .nested li {
    padding: 16px 0;
}

.sidenav .nested.active {
    margin-top: 16px;
}

.sidenav .menu-item-wrapper {
    height: auto;
}

.sidenav ul {
    margin-top: 24px;
}

.sidenav li {
    padding: 12px 0;
    font-size: 16px;
    display: block;
    font-weight: 300;
}

.sidenav .nested .nested li {
    padding: 4px 0;
}

.sidenav a:hover,
.sidenav span:hover {
    color: var(--blue);
}

.sidenav button a {
    color: var(--white) !important;
}

.sidenav .navbar-action-login {
    margin: 0;
}

.sidenav-ul-menu-item .menu-item-with-icon {
    padding: 12px;
}

.sidenav-ul-menu-item .menu-item-with-icon img {
    width: 36px;
}

.header-icon {
    cursor: pointer;
    padding-left: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, .45);
}

#overlay.enabled {
    display: initial;
}

#overlay-2 {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#overlay-2.enabled {
    display: initial;
}

#mobile-header {
    display: none;
}

#main-header a {
    cursor: pointer;
}

/*cookies banner*/
.cky-notice .cky-title {
    font-weight: 600 !important;
}

.cky-notice-btn-wrapper {
    margin-top: 20px !important;
}

.page-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.page-wrapper p {
    line-height: 28px;
}

.page-wrapper a {
    color: var(--blue);
}

.page-wrapper li {
    line-height: 28px;
    font-weight: 300;
    list-style: inherit;
}

.page-wrapper ul {
    padding-inline-start: 40px;
}

.page-wrapper h3 {
    margin-top: 32px;
}

.page-wrapper tr {
    vertical-align: top;
}

.page-wrapper td {
    font-weight: 300;
}

#mobile-header .cornix-logo img {
    width: 100px;
    height: auto;
}

.sidenav .cornix-logo img {
    width: 90px;
    height: auto;
}

#resources-ul,
#features-ul {
    margin-top: 0;
}

@media (max-width: 1450px) {
    .explore-features {
        width: 50%;
    }

    .footer-columns {
        width: 50%;
    }
}

@media (max-width: 1400px) {
    .footer-features-title {
        font-size: 16px;
        width: 100%;
    }

    #main-header li {
        padding: 10px 12px;
    }
}

@media (max-width: 1275px) {
    #main-header {
        height: 66px;
    }

    #main-header li {
        font-size: 14px;
    }

    .site-header a {
        font-size: 14px;
    }

    #main-header .cornix-logo {
        margin-right: 4px;
    }

    #main-header .cornix-logo img {
        width: 124px;
    }

    .main-navbar-button {
        padding: 8px 12px !important;
    }

    .main-navbar-button a {
        font-size: 12px;
    }
}

@media (min-width: 1150px) and (max-width: 1250px) {
    .app-store-button svg {
        width: 105px;
    }

    .app-store-button svg:hover {
        width: 110px;
    }
}

@media (max-width: 1150px) {
    #mobile-header {
        display: flex;
        height: 62px;
    }

    #main-header {
        display: none;
    }

    .social-media-content-wrapper {
        flex-direction: column;
        padding-top: 48px;
    }

    .footer-social-media {
        width: 100%;
        padding: 0 0 36px 0;
    }

    .footer-social-media p {
        max-width: 400px;
        margin: 0;
        padding-top: 8px;
    }

    .footer-content {
        width: 100%;
        justify-content: center;
    }

    .footer-logo-title-wrapper {
        display: flex;
        align-items: flex-end;
        padding-bottom: 24px;
    }

    .footer-logo-title-wrapper img {
        max-width: 110px;
    }

    .cornix-description {
        margin-left: 20px;
        max-width: 100%;
    }

    .footer-features-title {
        font-size: 14px;
    }

    .footer-features-title:after {
        width: 28%;
        margin-left: 2%;
    }

    .footer-features-title:before {
        width: 28%;
        margin-right: 2%;
    }

    .social-media-icons {
        margin: 12px 0 0;
    }
}

@media (max-width: 850px) {
    .footer-columns {
        display: block;
        width: 30%;
        padding-left: 40px;
    }

    .explore-features {
        width: 70%;
        padding: 0;
    }

    .footer-col {
        width: 100%;
    }

    .footer-col:not(:last-child) {
        margin-bottom: 24px;
    }

    .footer-col h3 {
        margin-bottom: 24px;
    }
}

@media (min-width: 600px) {
    .site-footer .collapsible {
        cursor: auto;
    }

    .site-footer .nested {
        visibility: visible;
        height: auto;
        max-height: 100%;
    }

    .explore-features .nested {
        display: flex;
    }

    .explore-features .nested .nested {
        display: block;
    }

    .site-footer .collapsible:after {
        display: none;
    }

    .footer-features-title:after {
        display: block;
    }

    .footer-features-title {
        justify-content: start;
    }
}

@media (max-width: 600px) {
    .site-footer {
        padding: 0;
    }

    .site-footer .nested {
        display: none;
        visibility: hidden;
        height: 0;
        max-height: 0;
    }

    .site-footer .nested.active {
        display: block;
    }

    .site-footer .collapsible:after {
        font-size: 16px;
        display: block;
    }

    .footer-features-title:before,
    .footer-features-title:after {
        display: none;
    }

    .footer-content {
        flex-direction: column;
        width: auto;
    }

    .footer-inner-content {
        flex-direction: column;
        width: auto;
        padding: 0;
    }

    .footer-col {
        padding: 0;
    }

    .footer-columns {
        padding: 0;
    }

    .features-col,
    .footer-col,
    .explore-features,
    .footer-columns {
        width: 100%;
    }

    .site-footer li {
        width: 100%;
        margin: 0 0 16px;
    }

    .footer-col {
        margin: 0 !important;
    }

    .footer-features-title {
        font-size: 18px;
        font-weight: 400;
        color: var(--dark-blue);
        margin: 0;
    }

    .explore-features {
        padding: 0;
    }

    .explore-features .collapsible {
        padding-bottom: 24px;
    }

    .features-col {
        margin: 0 0 16px !important;
    }

    .features-col .collapsible {
        padding: 0;
        color: var(--gray);
    }

    .features-col h3 {
        font-size: 16px;
    }

    .cornix-description {
        padding: 0;
        margin-left: 0;
    }

    .social-media-content-wrapper {
        padding: 48px 48px 36px
    }

    .footer-logo-title-wrapper {
        display: block;
    }

    .footer-main-collapse-item:not(:last-child) {
        padding-bottom: 24px;
    }

    .features-row.active {
        padding: 24px 0 0;
    }
}

@media (max-width: 450px) {
    .social-media-content-wrapper {
        padding: 48px 36px 36px;
    }
}

@media (max-width: 375px) {
    .header-content-wrapper .navbar-action-login {
        display: none;
    }

    .social-media-content-wrapper {
        padding: 48px 24px 36px;
    }
}

.wow {
    visibility: hidden;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#simple-banner {
    z-index: 1001;
    top: 0;
    line-height: 26px;
}

.banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px;
}

.banner-image {
    margin-right: 16px;
}

.banner-content h4 {
    font-weight: 300;
}

.banner-content a:hover {
    color: #3a3a3a !important;
}

@media (max-width: 650px) {
    .banner-content {
        font-size: 14px;
        line-height: 22px;
    }

    .banner-image {
        width: 90px;
    }
}

@media (max-width: 550px) {
    .banner-image {
        display: none;
    }
}

.column-center-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center;
}

.section-width {
    max-width: 1400px;
}

.primary-blue {
    color: var(--blue);
}

.white-text {
    color: var(--white);
}

.secondary-grey {
    color: var(--gray);
}

.svg-color {
    background: var(--dark-blue);
}

strong {
    font-weight: 600;
}

.dark-blue-bg {
    background: #032D60;
}

.medium-blue-bg {
    background: #D7E3FF;
}

.light-blue-bg {
    background: #EAF0FF;
}

.light-grey-bg {
    background: #F8F8F8;
}

.flex {
    display: flex;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

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

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

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

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

.flex-items {
    display: flex;
    justify-content: center;
    align-items: start;
}

.flex-wrap-items {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
}

.padding-bottom-8px {
    padding-bottom: 8px;
}

.padding-bottom-16px {
    padding-bottom: 16px;
}

.padding-bottom-24px {
    padding-bottom: 24px;
}

.padding-bottom-36px {
    padding-bottom: 36px;
}

.padding-bottom-48px {
    padding-bottom: 48px;
}

.padding-bottom-64px {
    padding-bottom: 64px;
}

.margin-top-20px {
    margin-top: 20px;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

.pattern-bg {
    background-position: center center;
    background-size: contain;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.shape {
    line-height: 0;
    fill: #F8F8F8;
}

.shape svg {
    width: 100%;
    height: 80px;
}

.shape path {
    transform-origin: center;
    transform: rotateX(180deg);
}

.bottom-shape {
    line-height: 0;
    fill: #D7E3FF;
}

.bottom-shape svg {
    width: 100%;
    height: 100px;
    display: block;
}

.bottom-shape path {
    transform-origin: center;
    transform: rotateY(0deg);
}

.dots-bg {
    background-position: top left;
    background-repeat: no-repeat;
}

.blue-dot:after {
    content: ".";
    color: var(--blue);
    font-size: 36px;
}

.blue-question-mark:after {
    content: "?";
    color: var(--blue);
    font-size: 36px;
}

.blue-exclamation-mark:after {
    content: "!";
    color: var(--blue);
    font-size: 36px;
}

.one-third {
    width: 33.33%;
}

.full-width {
    width: 100%;
}

.button {
    padding: 10px 22px;
    border: none;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Lexend Deca', sans-serif;
}

.primary-button {
    color: var(--white);
    background: var(--dark-blue);
}

.primary-button:hover {
    background: var(--blue);
}

.secondary-button {
    color: var(--white);
    background: var(--blue);
    border: 1px solid var(--blue);
}

.secondary-button:hover {
    background: var(--dark-blue);
}

.border-button {
    color: var(--blue);
    background: var(--white);
    border: 1px solid var(--blue);
}

.border-button:hover {
    background: rgba(88, 144, 249, 0.04);
}

.large-button {
    padding: 12px 24px;
    font-size: 18px;
    font-weight: 500;
}

.small-button {
    padding: 8px 16px;
    font-size: 12px;
}

.rounded-button {
    border-radius: 6px;
}

.card {
    box-shadow: rgb(149 157 165 / 24%) 0 8px 24px;
    background: var(--white);
    border-radius: 12px;
}

.section {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 80px 40px;
}

.cropped-image-section {
    padding: 0 40px;
}

.cropped-image-section .file-wrapper {
    overflow: hidden;
}

.cropped-image-section img {
    transform: translateY(80px);
}

.cropped-image-section .section-content {
    padding: 0;
}

.half-section {
    width: 50%;
}

.section-padding {
    padding: 80px 40px;
}

.file-wrapper {
    justify-content: center;
    max-width: 700px;
}

.left-section-content {
    padding-right: 8%;
}

.right-section-content {
    padding-left: 8%;
}

.main-section h1 {
    font-size: 42px;
    line-height: 60px;
}

.section-title {
    font-size: 36px;
    line-height: 48px;
}

.section-content h2 {
    margin-bottom: 20px;
}

.section-content p {
    line-height: 28px;
}

.section-content li {
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 12px;
}

.section-content li div {
    display: inline;
}

.section-content li:before {
    content: url('../images/design/circle-check-solid.svg');
    position: relative;
    top: 2px;
    width: 18px;
    height: auto;
    padding-right: 8px;
    display: inline-block;
}

.section-content li a {
    color: var(--blue);
}

.narrow-file {
    max-height: 600px;
    width: auto;
}

.cta-section {
    color: var(--white);
    width: 100%;
}

.cta-section p {
    font-size: 20px;
    font-weight: 100;
    line-height: 32px;
}

.reviews-top-section {
    padding-bottom: 24px;
}

.review-stars {
    color: var(--blue);
    padding: 16px 0;
    grid-gap: 8px;
}

.star-icon {
    width: 18px;
    aspect-ratio: 9 / 8;
}

.reviews-section h4 {
    font-weight: 300;
    line-height: 24px;
    max-width: 600px;
}

.review-card {
    border: 3px solid var(--white);
    box-shadow: 1px 10px 20px rgb(129 154 181 / 20%);
    border-radius: 15px;
    padding: 24px 16px;
    text-align: center;
    cursor: pointer;
    height: calc(100% - 50px) !important;

}

.review-card p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 0;
}

.review-card h3 {
    font-size: 16px;
}

.review-card h4 {
    font-weight: 400;
    color: var(--blue);
}

.review-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.quotes-icon {
    position: relative;
    z-index: 2;
    transform: translateY(40px);
    width: 48px;
}

#reviews-slide {
    margin: 20px auto 40px;
}

#reviews-slide .splide__pagination {
    transform: translateY(40px);
}

#reviews-slide .splide__slide {
    padding-bottom: 28px;
}

#reviews-slide .splide__arrow {
    transform: translateY(-20px);
}

#reviews-slide .splide__arrow--next {
    right: -28px;
}

#reviews-slide .splide__arrow--prev {
    left: -28px;
}

.splide__arrow {
    background: transparent;
}

.splide__arrow svg {
    fill: var(--blue);
}

.splide__pagination__page.is-active {
    background: var(--blue);
}

.item {
    display: flex;
    flex-direction: column;
}

.item img {
    width: auto;
    max-height: 70px;
}

.item h3 {
    font-size: 20px;
    font-weight: 500;
    padding-top: 16px;
}

.item p {
    font-size: 16px;
    max-width: 400px;
}

.centered-item {
    padding: 0 4%;
    align-items: center;
}

.order-number {
    background: var(--blue);
    border-radius: 50%;
    color: var(--white);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup-content {
    cursor: auto;
}

.popup .features-popup-content {
    visibility: hidden;
    width: 1050px;
    border-radius: 12px;
    padding: 28px 24px 12px;
    position: absolute;
    z-index: 1;
    top: 125%;
    margin-left: -70px;
    background: var(--white);
    box-shadow: rgb(149 157 165 / 24%) 0 8px 24px;
}

.popup-all-features .arrow-right-icon {
    width: 12px;
    margin-left: 8px;
}

.popup .resources-popup-content,
.popup .company-popup-content {
    visibility: hidden;
    width: 280px;
    border-radius: 12px;
    padding: 16px;
    position: absolute;
    z-index: 1;
    top: 125%;
    margin-left: -70px;
    background: var(--white);
    box-shadow: rgb(149 157 165 / 24%) 0 8px 24px;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 0.6s;
    animation: fadeIn 0.6s
}

.popup a {
    padding: 0;
}

.menu-item-with-icon {
    padding: 12px;
}

.menu-item-with-icon img {
    width: 45px;
    height: auto;
    margin-right: 12px;
}

.menu-item-with-icon h4 {
    font-size: 14px;
    font-weight: 300;
    color: var(--dark-blue) !important;
}

.menu-item-with-icon p {
    color: var(--gray);
    font-size: 12px;
    line-height: 16px;
    margin: 6px 0 0;
}

.menu-items-category-column {
    width: 25%;
}

.menu-items-category-column h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    color: var(--blue);
}

.menu-items-category-title {
    padding-bottom: 12px;
    display: flex;
    transform: translateX(16px);
}

.menu-items-category-title .light-blue-tag {
    margin: 0 0 0 8px !important;
    font-size: 12px !important;
    padding: 0 20px !important;
    line-height: 20px !important;
}

.menu-item-with-icon .light-blue-tag {
    margin: 0 0 0 8px !important;
    font-size: 11px !important;
    padding: 0 16px !important;
    line-height: 18px !important;
    color: var(--blue) !important;
}

.menu-item-with-icon:hover {
    background: #5890f90f;
    border-radius: 12px;
}

.menu-item-with-icon:hover h4 {
    color: var(--blue) !important;
}

.menu-item-wrapper {
    height: 85px;
}

.resources-popup-content .menu-item-wrapper,
.company-popup-content .menu-item-wrapper {
    height: auto;
}

.popup-all-features h4 {
    font-weight: 300;
}

.popup-all-features a {
    padding: 16px;
}

.popup-all-features i {
    margin-left: 4px;
}

.blue-tag {
    background: #EAF0FF;
    width: fit-content;
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 14px;
    color: var(--blue);
}

.light-blue-tag {
    background: #EAF0FF;
    color: var(--blue);
    border-radius: 60px;
    padding: 0 32px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px !important;
    margin: 0 0 16px 0 !important;
    width: fit-content;
    font-weight: 500;
    line-height: 28px !important;
}

.collapsible {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nested {
    visibility: hidden;
    height: 0;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
}

.nested.active {
    visibility: visible;
    max-height: 10000px;
    height: auto;
}

.collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.collapsible:after {
    content: '';
    -webkit-mask: url("../images/design/angle-down-solid.svg") center no-repeat;
    mask: url("../images/design/angle-down-solid.svg") center no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #0D144E;
}

.sidenav-ul-menu-item .collapsible:after {
    width: 14px;
}

.sidenav-ul-menu-item li>.collapsible:after {
    background: var(--gray);
}

.sidenav-ul-menu-item .collapsible:hover:after {
    background: var(--blue);
}

.footer-content .nested .collapsible:after {
    background: var(--gray);
}

.active-arrow:after {
    transform: rotate(180deg);
    width: 16px;
}

.nested li,
.nested li a {
    color: var(--gray);
}

.extra-content a {
    cursor: pointer;
    color: var(--blue);
}

.extra-content li a {
    padding-right: 5px;
}

@media (max-width: 1500px) {
    .item h3 {
        font-size: 18px;
    }

    .item p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1300px) {
    .large-button {
        padding: 10px 22px;
        font-size: 14px;
    }

    .section {
        padding: 60px 40px;
    }

    .cropped-image-section {
        padding: 0 40px;
    }

    .section-padding {
        padding: 60px 40px;
    }

    .main-section h1 {
        font-size: 36px;
        line-height: 48px;
    }
}

@media (max-width: 1200px) {

    .review-card h3,
    .review-card h4 {
        font-size: 14px;
    }

    .quotes-icon {
        width: 44px;
    }
}

@media (max-width: 1150px) {
    .item img {
        max-height: 60px;
    }

    .cropped-image-section img {
        transform: translateY(60px);
    }

    #home-cta-section .narrow-file {
        height: 500px;
    }

    .narrow-file {
        max-height: 500px;
    }

    .cropped-image-section .section-main-content {
        width: 70%;
    }
}

@media (max-width: 1100px) {
    .left-section-content {
        padding-right: 6%;
    }

    .right-section-content {
        padding-left: 6%;
    }

    .section-title {
        font-size: 28px;
        line-height: 42px;
    }

    .blue-dot:after,
    .blue-question-mark:after,
    .blue-exclamation-mark:after {
        font-size: 28px;
    }

    .bottom-shape svg {
        height: 75px;
    }

    .dots-bg {
        background-size: 300px;
    }
}

@media (max-width: 900px) {
    .section {
        display: flex;
        flex-direction: column;
        padding: 56px 40px;
    }

    .cropped-image-section {
        padding: 30px 40px 0;
    }

    .cropped-image-section .section-main-content {
        width: 100%;
    }

    .cropped-image-section .section-content {
        transform: translateY(26px);
    }

    .section-padding {
        padding: 56px 40px;
    }

    .section-main-content {
        order: -1;
        display: flex;
        flex-direction: column;
        padding-bottom: 56px;
    }

    .youtube-section .section-main-content {
        padding-bottom: 0;
    }

    .cropped-image-section .section-main-content {
        padding: 0;
    }

    .half-section {
        width: 100%;
    }

    .left-section-content {
        padding-right: 0;
    }

    .right-section-content {
        padding-left: 0;
    }

    .mobile-text-centered {
        text-align: center;
    }

    .bottom-shape svg {
        height: 0;
    }

    .cta-section p {
        font-size: 16px;
    }

    .dots-bg {
        background-image: none !important;
    }

    .light-blue-tag {
        margin: 0 auto 16px auto !important;
    }
}

@media (max-width: 600px) {
    .section {
        padding: 40px 20px;
    }

    .cropped-image-section {
        padding: 16px 20px 0;
    }

    #home-cta-section .narrow-file {
        height: 400px;
    }

    .narrow-file {
        max-height: 400px;
    }

    .cropped-image-section .section-content {
        transform: translateY(24px);
    }

    .section-padding {
        padding: 40px 20px;
    }

    .section-title {
        font-size: 26px;
        line-height: 36px;
    }

    .blue-dot:after,
    .blue-question-mark:after,
    .blue-exclamation-mark:after {
        font-size: 26px;
    }

    .section-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .one-third {
        width: 50%;
    }

    .shape svg {
        height: 50px;
    }

    .section-main-content {
        padding-bottom: 36px;
    }

    .youtube-section .section-main-content {
        padding-bottom: 0;
    }

    .main-section h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .order-number {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .reviews-top-section h4 {
        font-size: 14px;
        max-width: 400px;
    }

    .reviews-top-section {
        padding-bottom: 12px;
    }

    .item img {
        max-height: 48px;
    }

    .item h3 {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 375px) {
    .section {
        padding: 40px 16px;
    }

    .section-padding {
        padding: 40px 16px;
    }

    .main-section h1 {
        font-size: 26px;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.main-section {
    min-height: 300px;
    height: 100%;
}

.homepage-main-animation {
    position: relative;
}

.homepage-main-image {
    aspect-ratio: 1661 / 1104;
    width: 100%;
    height: auto;
}

.main-section .left-section-content {
    transform: translateY(-7%);
}

.main-section h1 {
    max-width: 600px;
    letter-spacing: 0.8px;
}

.main-section p {
    max-width: 450px;
    line-height: 28px;
}

.main-section span {
    font-size: 18px;
}

.play-video-button {
    width: 44px;
    height: 44px;
    margin: 0 4px 0 16px;
}

.exchange-icon {
    position: absolute;
    z-index: 3;
    aspect-ratio: 1;
}

#animated-exchange-1,
#animated-exchange-4 {
    animation: upDown 3s ease-in-out infinite;
}

#animated-exchange-2,
#animated-exchange-3 {
    animation: downUp 4s ease-in-out infinite;
    width: 14%;
}

#animated-exchange-1 {
    right: 6%;
    top: 8%;
    width: 16%;
}

#animated-exchange-2 {
    left: 14%;
    top: -8%;
}

#animated-exchange-3 {
    right: 24%;
    bottom: 4%;
}

#animated-exchange-4 {
    left: -6%;
    bottom: 26%;
    width: 15%;
}

.home-page-signals-steps {
    min-height: 400px;
}

.signal-step-item {
    padding-top: 4%;
}

.signal-step-item h3 {
    font-size: 18px;
    font-weight: 300;
    padding: 16px 8px 0;
}

.signals-animation {
    aspect-ratio: 700 / 617;
}

.powerful-bots-item {
    padding: 4% 4% 0 0;
}

#bots .half-section:not(.section-main-content) img {
    aspect-ratio: 125 / 78;
}

#admin .half-section:not(.section-main-content) img {
    aspect-ratio: 258 / 173;
}

#home-cta-section .half-section:not(.section-main-content) img {
    aspect-ratio: 61 / 125;
}

#bots,
#home-reviews {
    margin-bottom: -75px;
}

#exchanges,
#pricing {
    padding-top: 75px;
}

#exchanges {
    background: var(--white);
}

.exchanges-list img {
    filter: grayscale(100%);
}

.exchanges-list img:hover {
    filter: grayscale(0%) opacity(100%) !important;
}

.features-section h2 {
    max-width: 600px;
    margin: 0 auto;
}

.features-section h4 {
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.feature-item {
    padding-bottom: 36px;
}

.feature-item p {
    padding: 0 8%;
}

.grid-gap-12 {
    grid-gap: 12px;
}

.pricing-title {
    font-size: 48px;
}

.pricing-section p {
    max-width: 500px;
}

.plan-cards {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 0 0 16px 16px;
}

.plan-card {
    height: 100%;
    position: relative;
    top: 8px;
    right: 8px;
}

.plan-card-inner {
    padding: 36px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.plan-card h2 {
    font-size: 42px;
    font-weight: 400;
}

.plan-card h2:after {
    content: "/month";
    color: #626262;
    font-size: 16px;
    font-weight: 300;
}

.plan-card h3 {
    font-weight: 500;
    font-size: 24px;
}

.plan-card button {
    padding: 8px 0;
    margin-top: 12px;
    font-size: 16px;
}

.plan-card li {
    line-height: 32px;
    font-size: 14px;
    font-weight: 300;
}

.pricing-section li {
    font-weight: 300;
}

.pricing-section li:before {
    content: url('../images/design/check-solid.svg');
    position: relative;
    display: inline-block;
    width: 12px;
    height: auto;
    top: 2px;
    padding-right: 8px;
}

.premium-plan-card li:before {
    content: url('../images/design/circle-check-solid.svg');
    top: 1px;
    width: 13px;
}

.pricing-top-section .blue-tag {
    margin: 14px 0 20px;
}

.annually-subscription-plans .blue-tag {
    margin: 8px 0 12px;
    padding: 3px 16px;
}

.pricing-section strong {
    font-weight: 500;
}

.toggle-wrapper {
    border-radius: 8px;
    border: 1px solid rgba(137, 146, 163, 0.19);
    padding: 4px;
    display: inline-flex;
    position: relative;
}

.duration-button {
    padding: 6px 16px;
    font-weight: 300;
    font-size: 16px;
    cursor: pointer;
    transition: 0.35s;
    border-radius: 6px;
    color: var(--dark-blue);
}

.duration-button:not(:last-of-type) {
    margin-right: 4px;
}

.duration-button:hover {
    background: rgba(137, 146, 163, 0.1);
    color: #2E3D5C;
}

.selected-duration-button {
    background: var(--blue) !important;
    color: var(--white) !important;
}

.all-plans-features {
    font-size: 14px;
    max-width: 450px;
    flex-wrap: wrap;
}

#home-cta-section .section {
    grid-gap: 20px;
}

#home-cta-section .file-wrapper {
    overflow: hidden;
    width: fit-content;
}

#home-cta-section .section-main-content {
    width: 60%;
}

#home-cta-section h2 {
    font-size: 42px;
}

#home-cta-section img {
    transform: translateY(70px);
}

#home-cta-section .narrow-file {
    height: 600px;
    width: auto;
}

.ribbon {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.ribbon:before,
.ribbon:after {
    position: absolute;
    content: "";
    display: block;
    border: 4px solid var(--blue);
    border-top-color: transparent;
    border-right-color: transparent;
}

.ribbon:before {
    top: 0;
    left: 0;
}

.ribbon:after {
    bottom: 0;
    right: 0;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 150px;
    padding: 8px 0;
    background-color: var(--blue);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
    z-index: 2;
    font-weight: 400;
    left: -13px;
    top: 18px;
    transform: rotate(45deg);
}

#play-video-button {
    cursor: pointer;
}

#play-video-button:hover span {
    color: var(--blue);
}

@media (max-width: 1450px) {
    .plan-card-inner {
        padding: 24px;
    }

    .plan-cards {
        grid-gap: 16px;
    }
}

@media (max-width: 1350px) {
    .plan-card-inner {
        padding: 20px;
    }

    .plan-card h2 {
        font-size: 28px;
    }

    .plan-card h3 {
        font-size: 20px;
    }

    .plan-card li {
        font-size: 13px;
        line-height: 26px;
    }

    .plan-card {
        width: 275px !important;
    }

    .pricing-top-section {
        padding-bottom: 24px;
    }

    .plan-card button {
        font-size: 14px;
    }
}

@media (max-width: 1250px) {
    .signal-step-item h3 {
        font-size: 16px;
        padding: 16px 0 0;
    }
}

@media (max-width: 1200px) {
    .plan-cards-wrapper {
        display: flex;
        overflow-x: auto;
        width: 100%;
        height: auto;
        padding: 16px 16px 20px;
    }

    .plan-cards-wrapper::-webkit-scrollbar {
        display: none;
    }

    .plan-cards-wrapper {
        -ms-overflow-style: none;
    }

    #Premium-wrapper {
        padding-right: 16px;
    }
}

@media (min-width: 1150px) {
    #exchanges .right-section-content {
        transform: translateY(-20%);
    }
}

@media (max-width: 1150px) {
    #home-cta-section img {
        transform: translateY(60px);
    }
}

@media (max-width: 1100px) {
    #main-section .section {
        display: flex;
        flex-direction: column;
    }

    #main-section .half-section {
        width: 100%;
    }

    #main-section .homepage-main-animation {
        width: 80%;
    }

    #main-section .left-section-content {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .main-section h1 {
        max-width: 500px;
    }

    .main-section .left-section-content {
        transform: none;
        padding: 0;
    }

    #main-section .section-main-content {
        padding-bottom: 48px;
    }

    .pricing-title {
        font-size: 40px;
    }

    #home-cta-section h2 {
        font-size: 36px;
    }
}

@media (max-width: 900px) {
    .pricing-title {
        font-size: 36px;
    }

    #home-cta-section .section {
        flex-direction: row !important;
        padding: 0 40px;
    }

    #exchanges .wonderplugingridgallery {
        margin: 0 !important;
    }
}

@media (max-width: 800px) {
    #main-section .homepage-main-animation {
        width: 90%;
    }

    #home-cta-section img {
        max-height: 400px;
        transform: translateY(50px);
    }
}

@media (max-width: 675px) {
    #main-features-section {
        display: none;
    }

    #mobile-features-section {
        display: block;
        width: 100%;
    }

    .feature-item {
        height: 220px;
        margin-bottom: 0;
    }

    .features-section .button {
        margin-top: 24px;
    }

    .feature-item p {
        padding: 0;
        max-width: 400px;
    }

    .centered-item {
        padding: 0;
    }

    #features-slide {
        margin: 0 auto;
    }
}

@media (min-width: 675px) {
    #main-features-section {
        display: block;
    }

    #mobile-features-section {
        display: none;
    }
}

@media (max-width: 600px) {
    #animated-exchange-4 {
        left: -4%;
    }

    .signals-integration-steps {
        flex-direction: column;
    }

    .signals-integration-steps .item {
        flex-direction: row;
        text-align: start;
    }

    .signals-integration-steps .item .item-icon {
        width: 75px !important;
    }

    .integration-signals-step-item {
        max-width: 100% !important;
        width: 100% !important;
    }

    .integration-signals-step-item .order-number {
        margin: 0 16px 0 0;
        min-width: 20px;
    }

    .integration-signals-step-item .item-order-num-content {
        display: flex;
        align-items: baseline;
        width: 100%;
    }

    .signals-integration-steps .item {
        align-items: flex-start;
    }

    .signals-integration-steps .item h3 {
        padding-top: 0;
    }

    .signal-steps-section .section-title {
        padding-bottom: 36px;
    }

    #main-section .homepage-main-animation {
        width: 100%;
    }

    #main-section .section-main-content {
        padding-bottom: 36px;
    }

    .duration-button {
        font-size: 16px;
    }

    .signal-step-item .item-order-num-content {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .signal-step-item {
        max-width: 100% !important;
        width: 100% !important;
    }

    .home-page-signals-steps .signals-integration-steps .item {
        align-items: center;
    }

    .signal-step-item .order-number {
        margin: 0 16px 0 0;
        min-width: 20px;
    }

    .features-section h2 {
        padding-bottom: 36px;
    }

    .pricing-title {
        font-size: 28px;
    }

    #home-cta-section .section {
        padding: 40px 20px 0;
        flex-direction: column !important;
        text-align: center;
        grid-gap: 0;
    }

    #home-cta-section .section-main-content,
    #home-cta-section .file-wrapper {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .feature-item p {
        max-width: 350px;
    }

    .blue-tag {
        font-size: 12px;
    }

    .pricing-top-section {
        padding-bottom: 12px;
    }
}

@media (max-width: 375px) {
    .main-section span {
        font-size: 16px;
    }

    .main-section .large-button {
        padding: 10px 16px;
    }

    .play-video-button {
        margin: 0 4px;
    }

    .feature-item {
        height: 240px;
    }

    #home-cta-section h2 {
        font-size: 28px;
    }

    .main-section p {
        font-size: 14px;
    }
}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes downUp {
    0% {
        transform: translateY(20px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(20px);
    }
}

.simple-banner {
    display: none;
}

.simple-banner {
    position: sticky;
}

.simple-banner {
    background: #EDF1FF;
}

.simple-banner .simple-banner-text {
    color: #13114D;
}

.simple-banner .simple-banner-text a {
    color: #4371F5;
}

.simple-banner .simple-banner-button {
    color: #13114D;
}

.no-js img.lazyload {
    display: none;
}

figure.wp-block-image img.lazyloading {
    min-width: 150px;
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
}