@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--white: #fff;
--black: #000;
--primary: #091021;
--purple-1: #4C4C70;
--purple-2: #A8A8E8;
--purple-3: #8282A5;
--purple-4: #1B1B41;
--purple-5: #8690FF;
--red: #FF5151;
--transition1: all .3s ease;
--pad: 0.5rem;
--font-primary: "Lexend", sans-serif; --font-secondary: "Courier New", serif;
--plyr-color-main: var(--purple-2);
}
@font-face {
font-family: 'Lexend';
src: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-ExtraLight.woff2) format('woff2'),
url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Light.woff2) format('woff2'),
url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Regular.woff2) format('woff2'),
url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Medium.woff2) format('woff2'),
url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-SemiBold.woff2) format('woff2'),
url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Bold.woff2) format('woff2'),
url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/Lexend-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Courier New';
src: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/CourierNewPSMT.woff2) format('woff2'),
url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/fonts/CourierNewPSMT.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}  html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body, html {height: 100%;}
body {font: 1em var(--font-primary); color: var(--white); background: var(--primary); -webkit-text-size-adjust: none; font-optical-sizing: auto; }
a {color: var(--purple-2); text-decoration: none; transition: var(--transition1);}
a:hover {color: var(--white);}
input, select, textarea, button {font: 1em var(--font-primary); color: var(--primary); 
transition: var(--transition1); -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none;
}
input[type="submit"], input[type="reset"], button, label {cursor: pointer; padding: 0; border: 0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow: auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong, b {font-weight: 700;}
em, i {font-style: italic;}
p {line-height: 140%;}
*, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;	
}
.center {text-align: center !important;}
.tleft {text-align: left;}
.tright {text-align: right;}
.margin-0 {margin: 0 !important;}
.padding-0 {padding: 0 !important;}
.border-0 {border: 0 !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}
.padding-top-0 {padding-top: 0 !important;}
.clear {clear: both;}
img, svg, video {max-width: 100%; height: auto; vertical-align: middle;}
.uppercase {text-transform: uppercase}
.no-case {text-transform: none !important;}
.relative {position: relative;}
.overflow-hidden {overflow: hidden !important;}
.overflow-visible {overflow: visible !important;}
.rounded {
-webkit-border-radius: 100%;
border-radius: 100%;
}
div.rounded {overflow: hidden;}
button::-moz-focus-inner {padding: 0; border: 0}
:required {-webkit-box-shadow: none; box-shadow: none;}
.element-hidden {display: none;}
.full-width {width: 100%; min-width: var(--pad) !important;} .alignleft {
display: inline;
float: left;
margin-right: calc(var(--pad) * 3);
}
.alignright {
display: inline;
float: right;
margin-left: calc(var(--pad) * 3);
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%;
height: auto;
}
.wp-caption, .wp-video {
width: auto !important;
max-width: 100%;
text-align: center;
margin-bottom: calc(var(--pad) * 4);
}
.wp-caption:last-child, .wp-video:last-child {margin: 0;}
.wp-caption .wp-caption-text {
padding: calc(var(--pad) * 2) 0 0 0; text-align: center; font-size: 1.125rem;
}
.wp-smiley {
margin: 0;
}
img#wpstats{display: none} span.edit-link a {position: fixed; bottom: 0; left: 0; z-index: 99999; background: var(--red); color: var(--white) !important; font-size: 1em; padding: var(--pad);}
span.edit-link.static a {position: relative; bottom: auto; left: auto;}
::-moz-selection {background: var(--white); color: var(--primary);}
::selection {background: var(--white); color: var(--primary);}
*::-webkit-input-placeholder {color: var(--white); transition: var(--transition1); opacity: 0.5;}
*::-moz-placeholder {color: var(--white); transition: var(--transition1); opacity: 0.5;}
*:-ms-input-placeholder {color: var(--white); transition: var(--transition1); opacity: 0.5;}
*:-moz-placeholder {color: var(--white); transition: var(--transition1); opacity: 0.5;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {opacity: 0.15;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {opacity: 0.15;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {opacity: 0.15;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {opacity: 0.15;}
.wrapper {padding: 0 calc(var(--pad) * 6);}
.padding-top-xl {padding-top: calc(var(--pad) * 10);}
.padding-bottom-xl {padding-bottom: calc(var(--pad) * 10);}
.padding-left-xl {padding-left: 12%;}
.padding-right-xl {padding-right: 12%;}
.padding-top-l {padding-top: calc(var(--pad) * 6);}
.padding-bottom-l {padding-bottom: calc(var(--pad) * 6);}
.padding-left-l {padding-left: 8%;}
.padding-right-l {padding-right: 8%;}
.padding-top-m {padding-top: calc(var(--pad) * 4);}
.padding-bottom-m {padding-bottom: calc(var(--pad) * 4);}
.padding-left-m {padding-left: 4%;}
.padding-right-m {padding-right: 4%;}
.half-content {width: 50%;}
.full-content {width: 100%;}
.flex-row {
display: flex;	
}
.flex-row.align-center {
justify-content: center;
align-items: center;	
}
.flex-row.align-justify {
justify-content: space-between;
}
.flex-row.align-center-justify {
justify-content: space-between;
align-items: center;	
}
.flex-row.wrap {flex-wrap: wrap;}
.bg-cover {background-repeat: no-repeat; background-position: center top; background-size: cover;}
.entry-content {text-wrap: balance;}
.entry-content p, .entry-content .as-p {margin: 0 0 calc(var(--pad) * 4) 0; font-size: 1.25rem;}
.entry-content p:last-child, .entry-content .as-p:last-child {margin: 0 !important;}
.entry-content center {line-height: 150%}
.entry-content blockquote {margin: 0 0 calc(var(--pad) * 4) 0;}
.entry-content blockquote:last-child {margin-bottom: 0;}
.entry-content blockquote p {font-size: 2rem; font-weight: 500; font-style: italic; line-height: 140%; margin: 0 0 var(--pad) 0;}
.entry-content hr {padding: 0; margin: 0 0 calc(var(--pad) * 4) 0; border: 0; height: 1px; background: rgba(0, 0, 0, 0.3);}
.clear_column + hr {margin-top: calc(var(--pad) * 4);}
.entry-content ul, .entry-content ol {margin: 0 0 calc(var(--pad) * 4) 0;}
.entry-content ul:last-child, .entry-content ol:last-child {margin: 0;}
.entry-content li {margin: 0 0 calc(var(--pad) * 1.5) 0; line-height: 140%; position: relative; padding: 0 0 0 calc(var(--pad) * 3); font-size: 1.25rem;}
.entry-content li:last-child {margin-bottom: 0;}
.entry-content ul li:before {content: " "; display: block; width: 6px; aspect-ratio: 1; border-radius: 100%; background: var(--purple-3); position: absolute; left: 0; top: 9px; font-size: 1.25rem;}
.entry-content ol li {list-style-type: decimal; list-style-position: outside; padding: 0; margin: 0 0 calc(var(--pad) * 3) calc(var(--pad) * 2);}
.entry-content ol ul {margin-top: calc(var(--pad) * 3) !important;}
.entry-content ol ul li:before {display: none;}
.entry-content iframe {max-width: 100%; margin: 0 0 calc(var(--pad) * 4) 0;}
.entry-content iframe:last-child {margin: 0 !important;}
.entry-content img + img {margin: 0 0 0 calc(var(--pad) * 4);}
.entry-content a:not([class]) {word-wrap: break-word; color: var(--white); text-decoration: underline; text-decoration-color: var(--purple-2); text-decoration-thickness: 2px; text-underline-offset: 4px;}
.entry-content a:not([class]):hover {text-decoration-color: var(--white);} .entry-content .table {overflow: auto; -webkit-overflow-scrolling: touch; margin: 0 0 calc(var(--pad) * 4) 0;}
.entry-content table {margin: 0 0 calc(var(--pad) * 4) 0; background: var(--blue); border-spacing: 1px;}
.entry-content .table:last-child, .entry-content table:last-child {margin: 0 !important;}
.entry-content td, .entry-content th {background: var(--white); text-align: left; line-height: 140%; padding: calc(var(--pad) * 1.5);}
.entry-content th {background: var(--blue);}
.entry-content td p, .entry-content th p {font-size: 1em;}  body.mce-content-body {margin: calc(var(--pad) * 2); height: auto;}
body.mce-content-body [data-effect*="fade"] {opacity: 1;} [data-effect*="fade"],
.animate-onload .entry-content:not(.static) > *,
.animate-onappear .entry-content:not(.static) > * {opacity: 0;}
.button-group {display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--pad) * 3); margin: 0 0 calc(var(--pad) * 4) 0;}
.button-group:last-child {margin: 0;}
.button-group > div p {margin: 0 !important; padding: 0 !important;}
.button-group.center {justify-content: center;}
.gscrollbar-fixer {margin: 0 !important;}
.goverlay {-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(43, 42, 34, 0.85) !important;}
.glightbox-clean .gslide-media.gslide-inline,
.glightbox-clean .gslide-media.gslide-external {box-shadow: none !important; background: var(--white); padding: calc(var(--pad) * 10) calc(var(--pad) * 5) calc(var(--pad) * 5) calc(var(--pad) * 5); border-radius: 10px;}
.glightbox-clean .gslide-media.gslide-inline .ginlined-content,
.glightbox-clean .gslide-media.gslide-external .ginlined-content {padding: 0 !important;}  .lightbox-window-close {position: absolute !important; right: 40px; top: 30px; width: calc(var(--pad) * 4); aspect-ratio: 1; font-size: 0; display: flex; align-items: center; justify-content: center;}
.lightbox-window-close g {transition: var(--transition1);}
.lightbox-window-close:hover g {fill: var(--green);}
.lightbox-window-wrapper {padding: 0 var(--pad) var(--pad) var(--pad);}
.glightbox-clean .gslide-media.bg-white:has(.box.more) {background: none; color: var(--primary); padding: 0; border-radius: 0;}
.glightbox-clean .gslide-media.bg-white:has(.box.more) .lightbox-window-wrapper {padding: 0; display: flex; gap: calc(var(--pad) * 4); flex-wrap: wrap;}
.glightbox-clean .gslide-media.bg-white:has(.box.more) .lightbox-window-wrapper .box {background: white; padding: calc(var(--pad) * 5); border-radius: 10px;}
.glightbox-clean .gslide-media.bg-white:has(.box.more) .lightbox-window-wrapper .box.more {width: 350px;}
.glightbox-clean .gslide-media.bg-white:has(.box.more) .lightbox-window-wrapper .box.main {flex: 1;}
.grid {display: grid; grid-template-columns: var(--columns, repeat(1, 1fr)); gap: var(--gap, calc(var(--pad) * 8));}
.padding-from-header {padding-top: 100px;}
#header {position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; transition: var(--transition1);}
#header .content {height: 100px; transition: var(--transition1); display: grid; grid-template-columns: auto 1fr calc(var(--pad) * 3); align-items: center; gap: calc(var(--pad) * 3);}
#header:before {content: " "; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(9, 16, 33, 0.85); pointer-events: none; opacity: 0;
transition: var(--transition1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.site-logo {font-size: 0; width: 62px; transition: var(--transition1);}
.site-logo a {display: block;}
.site-logo svg {width: 100%; height: auto;}
.header-menu > ul {display: flex; align-items: center; justify-content: flex-end; gap: calc(var(--pad) * 5); padding-right: calc(var(--pad) * 2); transition: var(--transition1);}
.header-menu .level-0:not(.icon):not(.button) {position: relative; padding: calc(var(--pad) * 1.5) 0;}
.header-menu .level-0:not(.icon):not(.button) > a {display: inline-block; vertical-align: middle; position: relative;
font-size: 0.875rem; font-weight: 700; color: var(--white); line-height: 120%; text-align: center; text-transform: uppercase;
}
.header-menu .level-0:not(.icon):not(.button) > a:before {
content: " "; display: block; width: 5px; aspect-ratio: 1; border-radius: 100%; background: var(--white); position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); opacity: 0; pointer-events: none;
}
.header-menu .level-0.current-menu-item:not(.menu-item-home):not(.button):not(.menu-item-object-custom) > a:before,
.header-menu .level-0.current-menu-ancestor:not(.menu-item-home):not(.button):not(.menu-item-object-custom) > a:before {opacity: 1;}
.header-menu .sub-menu-div {position: absolute; left: 50%; top: 100%; padding: calc(var(--pad) * 2.5) 0 0 0; z-index: 5;
transform: translateX(-50%);
opacity: 0; pointer-events: none;
transition: var(--transition1);
}
.header-menu .level-0:hover .sub-menu-div, .header-menu .level-0.clicked .sub-menu-div {opacity: 1; pointer-events: auto; top: 70%;}
.header-menu .sub-menu {background: var(--purple-1); min-width: 200px; padding: calc(var(--pad) * 2.5); position: relative; text-align: center; border-radius: calc(var(--pad) * 2);}
.header-menu .sub-menu li {position: relative;}
.header-menu .sub-menu li + li {margin: calc(var(--pad) * 3) 0 0 0;}
.header-menu .sub-menu a {display: inline-block; vertical-align: middle; position: relative;
font-size: 0.875rem; font-weight: 700; color: var(--white); line-height: 120%; line-height: 120%; white-space: nowrap; text-transform: uppercase;
}  .fixed #header:before {opacity: 1;}
.header-up #header {top: -100px !important;}
.hamburger {
width: calc(var(--pad) * 6); aspect-ratio: 1; font-size: 0; margin-left: calc(var(--pad) * -1.625); position: relative;
display: inline-block; background: transparent;
cursor: pointer;
transition-property: all; border-radius: 100%;
transition-duration: 0.15s;
transition-timing-function: linear;
}
.hamburger-box {
width: 24px;
height: 20px;
display: inline-block; vertical-align: middle;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px; background: none !important;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 24px;
height: 3px;
background: var(--white); will-change: opacity, transform; border-radius: var(--pad);
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -6px; }
.hamburger-inner::after {
bottom: -6px; }
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.opened .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background: var(--white) !important; }
.hamburger--spin.opened .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.opened .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger .close {font-size: 0.875rem; font-weight: 500; text-transform: uppercase; padding-right: calc(var(--pad) * 2); color: var(--white); position: absolute; right: 100%; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none;}
.hamburger:hover {background: var(--purple-1);}
.social-menu > ul {display: inline-flex; gap: calc(var(--pad) * 2); align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.social-menu .level-0:not(.button) > a {display: inline-flex; align-items: center; justify-content: center; width: calc(var(--pad) * 5); aspect-ratio: 1; border-radius: 100%; background: var(--purple-1); color: var(--white); font-size: 0.75rem; font-weight: 700; text-transform: uppercase;}
.social-menu .level-0:not(.button) > a:hover {background: var(--purple-2); color: var(--primary);}
.social-menu .button {padding-right: calc(var(--pad) * 2);}
#footer .content {border-top: solid 1px #1E2D3A;}
body:has(.row-trusted-by:last-child) #footer .content,
body:has(.row-contact-offices:last-child) #footer .content,
body:has(.row-people-foot:last-child) #footer .content,
body:has(.page-dkc-report) #footer .content {border: 0;}
#footer .footer-menu {flex: 1; padding: 0 calc(var(--pad) * 4) 0 calc(var(--pad) * 8);}
#footer .footer-menu > ul {display: inline-grid; grid-template-columns: repeat(2, auto); gap: calc(var(--pad) * 3) calc(var(--pad) * 6);}
#footer .footer-menu .level-0 > a {display: inline-block; color: var(--white); font-weight: 500;}
#footer .footer-menu .level-0 > a:hover {color: var(--purple-2);}
#footer .footer-menu .mobile-only {display: none;}
#footer .more {width: 460px; text-align: right; display: flex; flex-direction: column; justify-content: space-between; font-size: 0.75rem;}
#footer .details {display: flex; flex-direction: column; gap: calc(var(--pad) * 2.5);}
#footer .details a {color: var(--white); text-decoration: underline; text-decoration-color: var(--purple-2); text-decoration-thickness: 2px; text-underline-offset: 4px;}
#footer .details a:hover {text-decoration-color: var(--white);}
#footer .details ul {display: flex; gap: calc(var(--pad) * 5); justify-content: flex-end; flex-wrap: wrap;}
body:has(#site-nav.opened) #header .site-logo {opacity: 0; pointer-events: none;}
body:has(#site-nav.opened) .header-menu > ul {opacity: 0; pointer-events: none;}
body:has(#site-nav.opened) .hamburger .close {opacity: 1; pointer-events: auto;}
#site-nav {position: fixed; left: 0; top: 0; z-index: 9000; pointer-events: none; opacity: 0;
width: 100%; height: 100dvh; background: var(--primary); padding: 100px 0 0 0;
transition: all .5s ease;
}
#site-nav.opened {opacity: 1; pointer-events: auto;}
#site-nav .align {display: flex; flex-direction: column; justify-content: space-between; gap: calc(var(--pad) * 6);
height: calc(100dvh - 100px); line-height: calc(100dvh - 100px);
overflow: auto; -webkit-overflow-scrolling: touch;
}
#site-nav .main-menu {text-align: center; margin-top: calc(var(--pad) * 2);}
#site-nav .main-menu .menu {display: inline-grid; grid-template-columns: repeat(2, auto); gap: calc(var(--pad) * 5) calc(var(--pad) * 10); text-align: left;}
#site-nav .main-menu .level-0 > a {display: inline-block; font-size: 3rem; font-weight: 300; color: var(--white); line-height: 115%;} #site-nav .main-menu .sub-menu {display: none;}
#site-nav .main-menu .level-1 {margin-top: calc(var(--pad) * 3); position: relative; padding-left: calc(var(--pad) * 4);}
#site-nav .main-menu .level-1:before {content: " "; display: block; width: calc(var(--pad) * 2); height: 2px; background: var(--purple-2); position: absolute; left: 0; top: calc(var(--pad) * 2.5);}
#site-nav .main-menu .level-1 > a {display: inline-block; font-size: 2rem; font-weight: 300; color: var(--white); line-height: 120%;} #site-nav .social {margin-bottom: 100px; color: var(--purple-2);}
#site-nav .social .label {position: relative; margin-bottom: calc(var(--pad) * 6);}
#site-nav .social .label:before {content: " "; display: block; width: 100%; height: 1px; background: var(--purple-2); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#site-nav .social .label strong {display: inline-block; background: var(--primary); position: relative; font-size: 1.25rem; text-transform: uppercase; font-weight: 300; padding-right: calc(var(--pad) * 4);}
#site-nav .social ul {display: flex; gap: calc(var(--pad) * 9); align-items: center; flex-wrap: wrap;}
#site-nav .social .level-0:not(.button) > a {font-size: 2.25rem; text-transform: uppercase; color: var(--white);} #site-nav .social .button {margin-left: auto;}
.row-home-about {background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/line-1.svg) no-repeat center bottom / 100% auto;}
.row-home-about .images {position: relative; aspect-ratio: 2 / 0.55;}
.row-home-about .images .img {aspect-ratio: 1; border-radius: calc(var(--pad) * 2.5); overflow: hidden;}
.row-home-about .images img {width: 100%; height: 100%; object-fit: cover;}
.row-home-about .images .image {position: absolute; width: 12.5vw;}
.row-home-about .images .image:nth-child(1) {left: 0; top: 0;}
.row-home-about .images .image:nth-child(2) {left: 10%; bottom: 0;}
.row-home-about .images .image:nth-child(3) {left: 22%; top: 20%;}
.row-home-about .images .image:nth-child(4) {left: 33%; top: 42%; width: 12vw;}
.row-home-about .images .image:nth-child(5) {left: 44%; top: 0; width: 10.5vw;}
.row-home-about .images .image:nth-child(6) {left: 44%; bottom: 0; width: 9vw;}
.row-home-about .images .image:nth-child(7) {left: 60%; top: 32%; width: 9.25vw; z-index: 1;}
.row-home-about .images .image:nth-child(8) {left: 68%; top: 0; width: 11vw;}
.row-home-about .images .image:nth-child(9) {left: 77%; top: 34%; width: 12vw;}
.row-home-about .images .image:nth-child(10) {right: 0; top: 6%; width: 8vw;}
.row-home-about .images .image:nth-child(11) {right: 3%; bottom: -5%; width: 9.5vw;}
.row-trusted-by {padding-bottom: 1px;}
.logo-scroll {
position: relative;
display: flex;
--duration: 20s;
transform: translateX(0); will-change: transform;
transition: calc(var(--duration) * .1) ease-out;
border-top: solid 1px rgba(139, 139, 139, 0.30);
}
.logo-scroll .div {
white-space: nowrap; font-size: 0;
animation: scroll var(--time) linear infinite;
animation-delay: calc(var(--time)*-1);
}
.logo-scroll .div:nth-child(2) {
animation: scroll_second var(--time) linear infinite;
animation-delay: calc(var(--time)/-2);
}
.logo-scroll + .logo-scroll {border-bottom: solid 1px rgba(139, 139, 139, 0.30);}
.logo-scroll + .logo-scroll .div {animation-name: scroll_right;}
.logo-scroll + .logo-scroll .div:nth-child(2) {animation-name: scroll_right_second;}
@keyframes scroll {
0% {transform: translateX(100%);}
100% {transform: translateX(-100%);}
}
@keyframes scroll_second {
0% {transform: translateX(0);}
100% {transform: translateX(-200%);}
}
@keyframes scroll_right {
0% {transform: translateX(-100%);}
100% {transform: translateX(100%);}
}
@keyframes scroll_right_second {
0% {transform: translateX(-200%);}
100% {transform: translateX(0);}
}
.logo-scroll .logo {display: inline-flex; flex-direction: column; width: 15vw; aspect-ratio: 1; position: relative; border-right: solid 1px rgba(139, 139, 139, 0.30);}
.logo-scroll .logo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; max-width: 40%; max-height: 30%;}
.row-home-hero {--border-radius: calc(var(--pad) * 2.5);}
.row-home-hero .align {display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 3);}
.row-home-hero .sidebar {width: 31%; border-radius: var(--border-radius); padding: calc(var(--pad) * 5); display: grid; position: relative; overflow: hidden; background: #DAC9DC; color: var(--primary);}
.row-home-hero .sidebar:before {content: " "; display: block; width: 80%; aspect-ratio: 401 / 546; position: absolute; left: 0; top: 10%;
background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/line-2.svg) no-repeat center center / cover; opacity: 0.4;
}
.row-home-hero .sidebar .tagline,
.row-home-hero .sidebar .cta {grid-area: 1 / 1;}
.row-home-hero .sidebar .tagline {position: relative; display: flex; flex-direction: column; justify-content: center;}
.row-home-hero .sidebar .tagline h1 {padding: calc(var(--pad) * 6) 0;}
.row-home-hero .sidebar .cta {display: flex; flex-direction: column; justify-content: flex-end;} .row-home-hero .main {flex: 1; display: flex; flex-direction: column; gap: calc(var(--pad) * 3); min-width: 0;}
.row-home-hero .slider {flex: 100%; position: relative;}
.row-home-hero .slider .slide {display: grid; border-radius: var(--border-radius); overflow: hidden; color: var(--white);}
.row-home-hero .slider .image,
.row-home-hero .slider .overlay {grid-area: 1 / 1;}
.row-home-hero .slider .image {aspect-ratio: 846 / 475;}
.row-home-hero .slider .image img {width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.row-home-hero .slider .overlay {display: flex; flex-direction: column; justify-content: flex-end; padding: calc(var(--pad) * 5);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0.63%, rgba(0, 0, 0, 0.00) 63.79%);
}
.row-home-hero .slider .title {text-wrap: balance;} .row-home-hero .slider .title p {font-size: 1.875rem; line-height: 130%;}
.row-home-hero .slider .pagination {all: unset; position: absolute; right: calc(var(--pad) * 5); bottom: calc(var(--pad) * 6); z-index: 1; font-size: 4rem; font-weight: 200; pointer-events: none;}
.row-home-hero .boxes {display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 3);}
.row-home-hero .box {display: flex; flex-wrap: wrap; flex: calc(50% - var(--pad) * 1.5); border-radius: var(--border-radius); overflow: hidden;}
.row-home-hero .box .title {display: block; font-size: 1.125rem; line-height: 130%; text-wrap: balance;}
.row-home-hero .box .cta {margin-top: calc(var(--pad) * 3);}
.row-home-hero .box .cta span {display: inline-block; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; border-bottom: solid 3px var(--purple-2); padding-block: 4px; transition: var(--transition1);}
.row-home-hero a.box:hover .cta span {border-color: var(--primary);}
.row-home-hero .box.style-image-in-bg {display: grid; color: var(--primary);}
.row-home-hero .box.style-image-in-bg .image,
.row-home-hero .box.style-image-in-bg .content {grid-area: 1 / 1;}
.row-home-hero .box.style-image-in-bg .image img {width: 100%; height: 100%; object-fit: cover;}
.row-home-hero .box.style-image-in-bg .content {padding: calc(var(--pad) * 3); display: flex; flex-direction: column; align-items: flex-end; justify-content: center;}
.row-home-hero .box.style-image-in-bg .title {max-width: 50%;}
.row-home-hero .box.style-image-title-cta {padding: calc(var(--pad) * 3); background: #EBE9DD; gap: calc(var(--pad) * 3); color: var(--primary);}
.row-home-hero .box.style-image-title-cta .image {width: 50%; overflow: hidden; display: flex; flex-direction: column; justify-content: center;}
.row-home-hero .box.style-image-title-cta .content {flex: 1; display: flex; flex-direction: column; justify-content: center;}
.split-letters-on-hover a {position: relative; white-space: nowrap;}
.split-letters-on-hover .sizer {opacity: 0;}
.split-letters-on-hover .wrap {
color: #fff;
text-decoration: none;
overflow-y: hidden;
position: absolute; top: 0;
}
.split-letters-on-hover .wrap div {line-height: 120%;}
.split-type {font-kerning: none;}
.split-type .line {line-height: 130%;}
.split-type .char {opacity: 0.2; transition: var(--transition1); will-change: opacity;}
.split-type .word {opacity: 0.2; transition: var(--transition1); will-change: opacity;}
.split-type .fill {opacity: 1;}
.page-template-template_work #page-content {position: relative;}
.page-template-template_work #page-content:before {content: " "; display: block; height: 100dvh; aspect-ratio: 1082 / 1320;
background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/line-3.svg) no-repeat center top / cover; position: fixed; right: 0; top: 0; pointer-events: none; z-index: -1;
}
.work-list {display: flex; flex-direction: column; gap: calc(var(--pad) * 16);}
.work-list .work {display: flex; flex-direction: column; justify-content: center; align-items: center; perspective: 100vw;}
.work-list .image {
aspect-ratio: 16 / 9;
border-radius: calc(var(--pad) * 2.5);
height: 62vh;
position: relative;
overflow: clip;
will-change: transform;
transform-style: preserve-3d;
}
.work-list .image:before {content: " "; display: block; width: 100%; height: 130%; position: absolute; left: 0; top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%); will-change: opacity; transition: var(--transition1); opacity: 0;
}
.work-list .image .bg {width: 100%; height: 100%; object-fit: cover;}
.work-list .image .title {background: var(--purple-3); color: var(--white); font-size: 1.375rem; border-radius: calc(var(--pad) * 1.25); padding: calc(var(--pad) * 1.5);
position: absolute; left: calc(var(--pad) * 5); bottom: calc(var(--pad) * 5); will-change: opacity; transition: var(--transition1);
}
.work-list .image .desc {padding: calc(var(--pad) * 5); width: 100%;
position: absolute; left: 0; bottom: 0; will-change: opacity; transition: var(--transition1); opacity: 0;
}
.work-list .image .desc p {font-size: 1.875rem; line-height: 120%;}
.work-list .logo {position: absolute; width: 86px; left: calc(var(--pad) * 7.5); top: calc(var(--pad) * 4); will-change: opacity; transition: var(--transition1); opacity: 0;}
.work-list .in-view:before {opacity: 1;}
.work-list .in-view .title {opacity: 0;}
.work-list .in-view .desc {opacity: 1;}
.work-list .in-view .logo {opacity: 1;}
.wpcf7 .field {position: relative;}
.wpcf7 .field p {line-height: unset;}
.wpcf7 .field br {display: none;}
.wpcf7 .select {position: relative;}
.wpcf7 .select:before {content: " "; display: block; width: var(--pad); aspect-ratio: 1; border: solid 2px var(--white); 
position: absolute; z-index: 20; pointer-events: none; right: 20px; top: 20px; border-top: 0; border-left: 0;
transform: rotate(45deg);
}
.wpcf7 select {-moz-appearance: none; text-indent: 0.01px; text-overflow: ""; cursor: pointer; padding-right: calc(var(--pad) * 6) !important;}
.wpcf7 select::-ms-expand {display: none;}
.wpcf7-form-control-wrap {position: unset;}
.wpcf7 .wpcf7-not-valid-tip {position: absolute; right: var(--pad); bottom: var(--pad); font-size: 0.75em; pointer-events: none; color: var(--red) !important;}
.wpcf7 .wpcf7-not-valid {border-color: var(--red);}
.wpcf7 .wpcf7-spinner {display: none;}
.wpcf7-response-output {display: none;}
.grecaptcha-badge {display: none !important;}
.wpcf7 .submitting .wpcf7-submit {opacity: 0.5; pointer-events: none;}
.wpcf7 .thank-you {display: none;}
.wpcf7 .sent .fields {display: none !important;}
.wpcf7 .sent .thank-you {display: block;}
.wpcf7 .terms {align-content: center;}
.wpcf7 .terms p {font-size: 0.75rem; font-weight: 300;}
.wpcf7 .terms a {color: var(--white); text-decoration: underline; text-decoration-color: var(--purple-2); text-underline-offset: 4px;}
.wpcf7 .terms a:hover {text-decoration-color: var(--white);}
.page-template-template_contact #page-content {position: relative;}
.page-template-template_contact #page-content:before {content: " "; display: block; width: 100%; aspect-ratio: 1512 / 1092;
background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/line-4.svg) no-repeat center top / cover; position: fixed; left: 0; top: 50px; pointer-events: none; z-index: -1;
}
.row-contact-hero .align {gap: calc(var(--pad) * 8);}
.row-contact-hero .content {flex: 1; text-wrap: balance; margin-top: 10%;}
.row-contact-hero .form {width: 55%; background: var(--purple-1); border-radius: calc(var(--pad) * 2.5); padding: calc(var(--pad) * 7);}
.row-contact-hero .fields {--columns: repeat(2, 1fr); --gap: calc(var(--pad) * 2);}
.row-contact-hero [data-class="wpcf7cf_group"] {display: grid; grid-template-columns: var(--columns); gap: var(--gap);}
.row-contact-hero [data-class="wpcf7cf_group"], 
.row-contact-hero .field.span-2 {grid-column: span 2;}
.row-contact-hero .field .label {display: block; border: 1px solid rgba(9, 16, 33, 0.50); border-radius: calc(var(--pad) * 1.25); overflow: hidden; transition: var(--transition1);} 
.row-contact-hero .field .label:has(:focus) {border-color: var(--white);}
.row-contact-hero .field .as-label {display: block; font-size: 0.75rem; font-weight: 300; padding: calc(var(--pad) * 2); padding-bottom: 4px;}
.row-contact-hero .field .input {width: 100%; max-width: 100%; background: var(--purple-1); color: var(--white); font-weight: 300; height: calc(var(--pad) * 6); padding: 0 calc(var(--pad) * 2);}
.row-contact-hero .field textarea.input {height: unset; resize: none; padding: calc(var(--pad) * 2);}
.row-contact-offices {border-bottom: solid 1px #1E2D3A; --columns: repeat(2, 1fr); --gap: 0;}
.row-contact-offices .office {border-top: solid 1px #1E2D3A; border-right: solid 1px #1E2D3A;}
.row-contact-offices .office:nth-child(2n) {border-right: 0;}
.row-contact-offices .office .align {padding: calc(var(--pad) * 4) calc(var(--pad) * 6); display: flex; gap: calc(var(--pad) * 5);}
.row-contact-offices .office .image {flex: 1;}
.row-contact-offices .office .image .img {aspect-ratio: 4 / 3.3; border-radius: calc(var(--pad) * 2.5); overflow: hidden;}
.row-contact-offices .office .image img {width: 100%; height: 100%; object-fit: cover;}
.row-contact-offices .office .details {width: 50%; display: flex; flex-direction: column; gap: calc(var(--pad) * 3); padding-top: calc(var(--pad) * 1.5);}
.row-contact-offices .office .title p {font-size: 2.5rem; font-weight: 500; line-height: 110%;}
.row-contact-offices .office .address p {font-size: 1.125rem; font-weight: 300; opacity: 0.7;}
.row-contact-offices .office .contact p {font-size: 1.125rem; font-weight: 300;}
.row-contact-offices .office .contact a {color: var(--white); text-decoration: underline; text-decoration-color: var(--purple-2); text-decoration-thickness: 2px; text-underline-offset: 4px;}
.row-contact-offices .office .contact a:hover {text-decoration-color: var(--white);}
body:has(.tab-nav-style-1) #page-content,
body:has(.analytics-services-boxes) #page-content,
body:has(.products-services-boxes) #page-content {overflow: visible !important;}
body:has(.analytics-services-boxes) #footer,
body:has(.products-services-boxes) #footer {background: var(--primary);}
.row-products-hero {position: relative;}
.row-products-hero:before {content: " "; display: block; width: 100%; height: 105%; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/bg-people-hero.svg) no-repeat center top / 100% auto;
position: absolute; left: 0; top: -5%;
} .products-table-grid {--columns: repeat(3, 1fr); --gap: calc(var(--pad) * 3);} .products-table-grid .head {display: flex; width: 100%; gap: calc(var(--pad) * 3); border-bottom: solid 1px var(--color); padding-bottom: calc(var(--pad) * 3); margin-bottom: calc(var(--pad) * 3);}
.products-table-grid .head .title {flex: 1; display: flex; flex-direction: column; justify-content: center;}
.products-table-grid .head .title p {font-size: 1.75rem; line-height: 120%; font-family: var(--font-secondary);}
.products-table-grid .body {padding-inline: 6px; flex: 1; display: flex; width: 100%; flex-direction: column;}
.products-table-grid .body ul {flex-grow: 1;}
.products-table-grid .body li {position: relative; padding-left: calc(var(--pad) * 1.5); line-height: 130%;}
.products-table-grid .body li + li {margin-top: 6px;}
.products-table-grid .body li:before {content: " "; display: block; width: 4px; aspect-ratio: 1; border-radius: 100%; background: var(--color); position: absolute; left: 0; top: var(--pad);}
.products-table-grid .body li ul {margin-top: 6px;}
.products-table-grid .body li li {padding: 0; font-weight: 300;}
.products-table-grid .body li li:before {display: none;}
.products-table-grid .body .cta {margin-top: calc(var(--pad) * 4);}
.products-table-grid .flip-card {
display: flex; flex-direction: column; min-height: 100%;
perspective: 1000px; cursor: default;
}
.products-table-grid .flip-inner {
display: grid;
grid-template-areas: "card";
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 0.6s ease;
} .products-table-grid .flip-front,
.products-table-grid .flip-back {
min-height: 100%; border-radius: calc(var(--pad) * 2.5); padding: calc(var(--pad) * 5) calc(var(--pad) * 3); background-color: var(--purple-1); color: var(--color); --color: var(--white);
grid-area: card;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
backface-visibility: hidden;
}
.products-table-grid .flip-card:nth-child(1) .flip-front,
.products-table-grid .flip-card:nth-child(1) .flip-back {background-color: var(--purple-5); --color: var(--primary);}
.products-table-grid .flip-card:nth-child(2) .flip-front,
.products-table-grid .flip-card:nth-child(2) .flip-back {background-color: var(--white); --color: var(--primary);} .products-table-grid .flip-front {position: relative;}
.products-table-grid .flip-front .title {font-size: 2.25rem; line-height: 120%; text-align: center; font-family: var(--font-secondary);}
.products-table-grid .flip-front .bg {position: absolute; inset: 0; opacity: 0.2; display: flex; align-items: center; justify-content: center;}
.products-table-grid .flip-front .bg img {width: auto; height: 42%;} .products-table-grid .flip-back {
transform: rotateY(180deg);
} .products-table-grid .flip-card:hover .flip-inner {
transform: rotateY(180deg);
}
.touch .products-table-grid .flip-card .flip-inner {
transform: rotateY(180deg);
}
.row-products-texts .row {gap: calc(var(--pad) * 4);}
.row-products-texts .row + .row {margin-top: calc(var(--pad) * 4);}
.row-products-texts .row .text {width: 60%; display: flex; flex-direction: column; justify-content: center; border: solid 1px var(--purple-1); border-radius: calc(var(--pad) * 2.5); padding: calc(var(--pad) * 10);}
.row-products-texts .row .image {flex: 1; border-radius: calc(var(--pad) * 2.5); overflow: hidden;}
.row-products-texts .row .image img {width: 100%; height: 100%; object-fit: cover;}
.row-products-texts .row:nth-child(2n) .text {order: 2;} .row-people-hero {position: relative;}
.row-people-hero:before {content: " "; display: block; width: 100%; height: 100%; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/bg-people-hero-2.svg) no-repeat center top / 100% auto;
position: absolute; inset: 0; z-index: -1;
}   .row-people-foot .align {gap: calc(var(--pad) * 12); position: relative;}
.row-people-foot .content {width: 50%; display: flex; flex-direction: column; justify-content: center;}
.row-people-foot .images {flex: 1; min-width: 0;}
.row-people-foot .images .cols {display: flex; gap: var(--pad); min-width: 0; transform: rotate(-40deg); position: relative;}
.row-people-foot .images .cols:before {content: " "; display: block; width: 140%; height: 140%; position: absolute; left: -20%; top: -20%; z-index: 2; pointer-events: none;
background: radial-gradient(circle,rgba(9, 16, 33, 0) 0%, rgba(9, 16, 33, 1) 60%);
}
.row-people-foot .images .col {flex: 1; display: flex; flex-direction: column; gap: var(--pad); min-width: 0;}
.row-people-foot .images .col-1 {transform: translateY(-10%);}
.row-people-foot .images .col-3 {transform: translateY(10%);}
.row-people-foot .images .image {aspect-ratio: 175 / 225; border-radius: calc(var(--pad) * 2.5); overflow: hidden;}
.row-people-foot .images .image img {width: 100%; height: 100%; object-fit: cover;}
.images-rainbow-grid {--columns: 1.6fr 2fr 2.5fr 2fr 1.6fr; --gap: calc(var(--pad) * 4);}
.images-rainbow-grid .stack {min-width: 0; align-content: center;}
.images-rainbow-grid .image {aspect-ratio: 1; border: solid 1px var(--purple-1); border-radius: calc(var(--pad) * 2.5); overflow: hidden; position: relative;}
.images-rainbow-grid .image img {width: 100%; height: 100%; object-fit: cover;}
.images-rainbow-grid .image:has([href*="instagram"]):before {content: " "; display: block; width: 10%; aspect-ratio: 1; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/instagram-line.svg) no-repeat center / cover; position: absolute; left: calc(var(--pad) * 2); bottom: calc(var(--pad) * 2); pointer-events: none;}
.images-rainbow-grid.home {--columns: 1fr 1.2fr 1.1fr 1.2fr; --gap: calc(var(--pad) * 7); margin-top: 6vw;}
.images-rainbow-grid.home .image img {object-position: center top;}  .images-vetrilo-grid {--columns: 1.6fr 2.1fr 2.5fr 2.1fr 1.6fr; --gap: 0;}
.images-vetrilo-grid .stack {min-width: 0; margin-inline: -6%; align-content: end;}
.images-vetrilo-grid .swiper {box-shadow: 0 4px 12px 12px rgba(0, 0, 0, 0.30); border-radius: calc(var(--pad) * 2.5); overflow: hidden;}
.images-vetrilo-grid .image {aspect-ratio: 1;}
.images-vetrilo-grid .image img {width: 100%; height: 100%; object-fit: cover;}
.images-vetrilo-grid .stack:nth-child(1) {rotate: -30deg; transform: translateY(15%); z-index: 1;}
.images-vetrilo-grid .stack:nth-child(2) {rotate: -15deg; z-index: 2;}
.images-vetrilo-grid .stack:nth-child(3) {z-index: 3; margin-inline: -10%;}
.images-vetrilo-grid .stack:nth-child(4) {rotate: 15deg; z-index: 2;}
.images-vetrilo-grid .stack:nth-child(5) {rotate: 30deg; transform: translateY(15%); z-index: 1;} 
.tab-nav-row:not(:first-child) {display: none;}
.tab-nav-style-1 {display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 8);}
.tab-nav-style-1 .sidebar {flex: 1;}
.tab-nav-style-1 .sidebar ul {display: grid; gap: calc(var(--pad) * 5); margin-top: calc(var(--pad) * -1);}
.tab-nav-style-1 .sidebar a {display: block; font-size: 2.25rem; line-height: 115%;}
.tab-nav-style-1 .sidebar .selected a {color: var(--white);}
.tab-nav-style-1 .main {width: 50%;}
.tab-nav-style-1 .entry-content {position: relative; padding-left: calc(var(--pad) * 16);}
.tab-nav-style-1 .entry-content:before {content: " "; display: block; width: 100px; height: 1px; background: var(--white); position: absolute; left: 0; top: calc(var(--pad) * 1.75);}
.tab-nav-style-1 .main .tab-nav-row {position: sticky; top: 120px;}
.with-circle-bg-1 {position: relative;}
.with-circle-bg-1:before {content: " "; display: block; width: 100%; height: 100%; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/with-circle-bg-1.svg) no-repeat center top / 100% auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: -1;}
.with-circle-bg-1.fixed:before {position: fixed; background-position: center bottom;}
.with-circle-bg-2 {position: relative;}
.with-circle-bg-2:before {content: " "; display: block; width: 100%; height: 100%; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/with-circle-bg-2.svg) no-repeat center top / 100% auto; position: absolute; left: 0; top: 0; pointer-events: none;}
.with-line-6 {position: relative;}
.with-line-6:before {content: " "; display: block; width: 100%; aspect-ratio: 1512 / 926;
background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/line-6.svg) no-repeat center top / cover; position: absolute; left: 0; top: 40%; transform: translateY(-50%); pointer-events: none; z-index: -1;
}
.with-line-6_2 {position: relative;}
.with-line-6_2:before {content: " "; display: block; width: 100%; aspect-ratio: 1512 / 926;
background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/line-6.svg) no-repeat center top / cover; position: absolute; left: 0; top: 8%; pointer-events: none; z-index: -1;
}  .row-analytics-hero {position: relative;}
.row-analytics-hero:before {content: " "; display: block; width: 100%; height: 100%; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/bg-analytics-hero.svg) no-repeat center center / cover;
position: absolute; left: 0; top: 0; mix-blend-mode: hard-light;
}
.trendspotting-grid {--columns: repeat(3, 1fr); --gap: calc(var(--pad) * 6);}
.trendspotting-grid a {display: flex; gap: calc(var(--pad) * 5); min-height: 100%; border: 1px solid rgba(139, 139, 139, 0.30); border-radius: calc(var(--pad) * 2.5); padding: calc(var(--pad) * 3); color: var(--white);}
.trendspotting-grid a:hover {border-color: var(--purple-5);}
.trendspotting-grid .icon {width: calc(var(--pad) * 10);}
.trendspotting-grid .icon .ico {aspect-ratio: 85 / 92; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/icon-report.svg) no-repeat center center / cover;}
.trendspotting-grid .content {flex: 1; display: flex; flex-direction: column; justify-content: center; gap: calc(var(--pad) * 1.5);}
.trendspotting-grid .date {font-size: 1.5rem;}
.trendspotting-grid .title span {display: inline-block; font-weight: 500; background: var(--purple-1); border-radius: 100px; line-height: calc(var(--pad) * 4); padding-inline: calc(var(--pad) * 1.5);}
.trends-grid {--gap: calc(var(--pad) * 3);}
.trends-grid a {display: flex; gap: calc(var(--pad) * 5); min-height: 100%; border: 1px solid rgba(139, 139, 139, 0.30); border-radius: calc(var(--pad) * 2.5); padding: calc(var(--pad) * 3); color: var(--white);}
.trends-grid a:hover {border-color: var(--purple-5);}
.trends-grid .icon {width: calc(var(--pad) * 10);}
.trends-grid .icon .ico {aspect-ratio: 85 / 92; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/icon-report.svg) no-repeat center center / cover;}
.trends-grid .content {flex: 1; display: flex; flex-direction: column; justify-content: center; gap: calc(var(--pad) * 1.5);}
.trends-grid .date {font-size: 1.5rem;}
.trends-grid .title span {display: inline-block; font-weight: 500; background: var(--purple-1); border-radius: 100px; line-height: calc(var(--pad) * 4); padding-inline: calc(var(--pad) * 1.5);}
.alm-btn-wrap {text-align: center;}
.alm-load-more-btn {margin: calc(var(--pad) * 6) 0 0 0;}
.alm-load-more-btn.done {display: none;}
.alm-load-more-btn.loading {opacity: 0.5; pointer-events: none;}
.post-date {color: var(--purple-3); text-transform: uppercase; font-weight: 500; margin-bottom: calc(var(--pad) * 2);}
.posts-grid-style-1 .post a {display: block; border-bottom: solid 1px rgba(139, 139, 139, 0.30); padding-block: calc(var(--pad) * 6); color: var(--white);}
.posts-grid-style-1 .post:last-child a {border: 0;}
.posts-grid-style-1 .post .title {font-size: 1.5rem; opacity: 0.7; line-height: 140%; transition: var(--transition1); will-change: opacity;}
.posts-grid-style-1 .post a:hover .title {opacity: 1;}
[data-custom-cursor], [data-custom-cursor] :is(*) {
cursor: none;
}
.custom-cursor {
z-index: 100002;
aspect-ratio: 1;
background-color: var(--primary);
opacity: 0;
pointer-events: none;
color: var(--white);
text-align: center;
border: 2px solid var(--white);
border-radius: 100%;
justify-content: center;
align-items: center;
width: calc(var(--pad) * 12);
font-weight: 700;
text-transform: uppercase;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
transform: scale(0);
}
.custom-cursor:before {content: " "; display: block; width: calc(100% - 6px); height: calc(100% - 6px); border: solid 2px var(--white); border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.custom-cursor:after {content: " "; display: block; width: calc(100% - 16px); height: calc(100% - 16px); border: solid 2px var(--white); border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media screen and not (hover:hover) {
.custom-cursor {
display: none !important;
}
}
.single-post-content .entry-content p,
.single-post-content .entry-content li {font-size: 1.125rem; font-weight: 300;}
.single-post-content .entry-content h2 {font-size: 2rem !important; line-height: 135% !important;}
.page-dkc-report .fields {--gap: calc(var(--pad) * 3);}
.page-dkc-report .field .label {display: block; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: calc(var(--pad) * 1.25); overflow: hidden; transition: var(--transition1);} 
.page-dkc-report .field .label:has(:focus) {border-color: var(--white);}
.page-dkc-report .field .as-label {display: block; font-size: 0.75rem; font-weight: 300; padding: calc(var(--pad) * 2); padding-bottom: 4px;}
.page-dkc-report .field .input {width: 100%; max-width: 100%; background: transparent; color: var(--white); font-weight: 300; height: calc(var(--pad) * 6); padding: 0 calc(var(--pad) * 2);}
.page-dkc-report .field textarea.input {height: unset; resize: none; padding: calc(var(--pad) * 2);}
.page-dkc-report {--border-radius: calc(var(--pad) * 2.5);}
.page-dkc-report .hero {display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 3);}
.page-dkc-report .hero .content {flex: 1; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/gradient-2.svg) no-repeat center center / cover; border-radius: var(--border-radius); overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end;}
.page-dkc-report .hero .content .entry-content {padding: calc(var(--pad) * 5); padding-bottom: 0;}
.page-dkc-report .hero .content .entry-content p {max-width: 70%;}
.page-dkc-report .hero .content .image {text-align: right;}
.page-dkc-report .hero .content .image img {width: 60%;}
.page-dkc-report .hero .form {width: 520px; background: var(--purple-1); color: var(--white); border-radius: var(--border-radius); padding: calc(var(--pad) * 5);}
.page-dkc-report .confirmation-message {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, 0.8); display: none; align-items: center; justify-content: center; flex-direction: column;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.page-dkc-report .confirmation-message .content {padding: calc(var(--pad) * 5); border: solid 3px var(--purple-1); border-radius: var(--border-radius); max-width: 94%;}
.page-dkc-report .confirmation-message .content .download_link:hover {color: var(--primary);}
.page-dkc-report .confirmation-message.visible {display: flex;}
.page-dkc-report .body {margin-top: calc(var(--pad) * 5); display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 3);}
.page-dkc-report .body .content {width: 40%; background: var(--purple-4); border-radius: var(--border-radius); padding: calc(var(--pad) * 5);}
.page-dkc-report .body .content .entry-content > * {margin-bottom: calc(var(--pad) * 2.5);}
.page-dkc-report .body .findings {flex: 1; background: var(--white); color: var(--primary); border-radius: var(--border-radius); padding: calc(var(--pad) * 5) calc(var(--pad) * 5) calc(var(--pad) * 2) calc(var(--pad) * 5);}
.page-dkc-report .body .findings .rows {margin-top: var(--pad);}
.page-dkc-report .body .findings .row {font-weight: 300; padding-block: calc(var(--pad) * 3); border-bottom: 1px solid rgba(76, 76, 112, 0.5); display: flex; gap: calc(var(--pad) * 4); align-items: center;} 
.page-dkc-report .body .findings .row:last-child {border: 0;}
.page-dkc-report .body .findings .row .number {width: 100px; font-size: 3rem;}
.page-dkc-report .body .findings .row .number:has(img) {font-size: 0;}
.page-dkc-report .body .findings .row .number img {width: 80%;}
.page-dkc-report .body .findings .row .text {flex: 1;}
.page-dkc-report .footer {margin-top: calc(var(--pad) * 5); display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 4) calc(var(--pad) * 8); color: var(--white); border-radius: var(--border-radius); padding: calc(var(--pad) * 5);
background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/gradient-1.svg) no-repeat right top / cover;
}
.page-dkc-report .footer .title {width: 100%;}
.page-dkc-report .footer .content {flex: 1;}
.page-dkc-report .footer .content ul {font-weight: 300; display: grid; gap: calc(var(--pad) * 3.5);}
.page-dkc-report .footer .content li {padding: 0 0 0 calc(var(--pad) * 4); margin: 0;}
.page-dkc-report .footer .content li:before {display: none;}
.page-dkc-report .footer .content li:after {content: " "; display: block; width: 20px; height: 3px; background: var(--white); position: absolute; left: 0; top: 12px;}
.page-dkc-report .footer .content li ul {margin-top: calc(var(--pad) * 3);}
.page-dkc-report .footer .content li li {padding: 0 0 0 calc(var(--pad) * 3);}
.page-dkc-report .footer .content li li:after {background: var(--white); width: 6px; height: 6px; border-radius: 100%; top: 10px;}
.page-dkc-report .footer .form {width: 440px;}
.row-dei-hero {position: relative;}
.row-dei-hero:before {content: " "; display: block; width: 100%; height: 100%; background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/bg-dei-hero.svg) no-repeat center center / cover;
position: absolute; left: 0; top: 0; z-index: -1; mix-blend-mode: overlay;
}
.content-in-wrapper {}
.content-in-wrapper.with-border-radius {border-radius: calc(var(--pad) * 2.5);}
.accordion-rows {margin: calc(var(--pad) * -4) 0 0 0;}
.accordion-rows .accordion-row {border-bottom: solid 1px rgba(255, 255, 255, 0.25);}
.accordion-rows .accordion-row:last-child {border: 0;}
.accordion-rows .accordion-row-head {cursor: pointer; padding: calc(var(--pad) * 4) 0; position: relative; transition: var(--transition1);}
.accordion-rows .accordion-row-head p {padding: 0 calc(var(--pad) * 6) 0 0; font-size: 1.5rem; font-weight: 500; line-height: 135%;}
.accordion-rows .accordion-row-head:before {content: " "; display: block; width: calc(var(--pad) * 5); aspect-ratio: 1; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(//dev.dkcnews.com/wp-content/themes/dkcnews2025/images/icon-plus.svg) no-repeat 0 0 / cover; transition: var(--transition1); will-change: transform;}
.accordion-rows .accordion-row-head:hover {color: var(--purple-2);}
.accordion-rows .accordion-row-body {display: none; padding: 0 0 calc(var(--pad) * 4) 0;}
.accordion-rows .accordion-row.opened .accordion-row-head:before {transform: translateY(-50%) rotate(45deg);}
.ez-container {padding: 0 !important; margin: calc(var(--pad) * -4) 0 0 0;}
.ez-container h1 {display: none !important;}
.ez-container .ez-acc-details-shadow {border: 0 !important; border-bottom: solid 1px rgba(255, 255, 255, 0.25) !important;}
.ez-container summary {padding: calc(var(--pad) * 4) 0 !important; margin: 0 !important;}
.ez-container [ez-acc-content=""] {padding: 0 0 calc(var(--pad) * 4) 0 !important;}
.row-mobile-only {display: none;}
.analytics-services-wrap {display: flex; gap: calc(var(--pad) * 8);}
.analytics-services-nav {width: 240px;}
.analytics-services-nav ul {position: sticky; top: 120px; transition: var(--transition1); display: grid; gap: calc(var(--pad) * 4);}
body:has(.is-stuck) .analytics-services-nav ul {top: 50%; transform: translateY(-50%);} .analytics-services-nav li {cursor: default; font-size: 1.125rem; color: var(--purple-3); line-height: 130%;}
.analytics-services-nav .selected {color: var(--white);}
.analytics-services-boxes {flex: 1; display: grid; grid-auto-rows: 1fr; gap: calc(var(--pad) * 6);} .analytics-services-boxes .box {position: sticky; top: 120px; transition: var(--transition1);}
.header-up .analytics-services-boxes .box {top: 60px;}
.analytics-services-boxes .box .align {display: flex; flex-direction: column; min-height: 100%; position: relative; border: solid 2px var(--purple-1); background: var(--purple-4); overflow: hidden; border-radius: calc(var(--pad) * 5); padding: calc(var(--pad) * 6); transition: var(--transition1); will-change: transform; transform-style: preserve-3d;}
.analytics-services-boxes .box .head {margin: 0 0 calc(var(--pad) * 6) 0;}
.analytics-services-boxes .box .head p {font-size: 2.5rem; line-height: 110%;}
.analytics-services-boxes .box .body {display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 8); flex-grow: 1;}
.analytics-services-boxes .box .content {width: 58%;}
.analytics-services-boxes .box .content p:not(:has(.button)) {font-size: 1rem !important;}
.analytics-services-boxes .box .image {flex: 1; align-self: flex-end;}
.analytics-services-boxes .box .image .img {margin-right: calc(var(--pad) * -6); margin-bottom: calc(var(--pad) * -6);}  .products-services-wrap {display: flex; gap: calc(var(--pad) * 8);}
.products-services-nav {width: 240px;}
.products-services-nav ul {position: sticky; top: 120px; transition: var(--transition1); display: grid; gap: calc(var(--pad) * 4);}
body:has(.is-stuck) .products-services-nav ul {top: 50%; transform: translateY(-50%);}
.products-services-nav li {cursor: default; font-size: 1.125rem; color: var(--purple-3); line-height: 130%;}
.products-services-nav .selected {color: var(--white);}
.products-services-boxes {flex: 1; display: grid; grid-auto-rows: 1fr; gap: calc(var(--pad) * 6);} .products-services-boxes .box {position: sticky; top: 120px; transition: var(--transition1);}
.header-up .products-services-boxes .box {top: 60px;}
.products-services-boxes .box .align {display: flex; flex-direction: column; min-height: 100%; position: relative; border: solid 2px var(--purple-1); background: var(--purple-4); overflow: hidden; border-radius: calc(var(--pad) * 5); padding: calc(var(--pad) * 6); padding-bottom: 0 !important; transition: var(--transition1); will-change: transform; transform-style: preserve-3d;}
.products-services-boxes .box .head {margin: 0 0 calc(var(--pad) * 6) 0;}
.products-services-boxes .box .head p {font-size: 2.5rem; line-height: 110%;}
.products-services-boxes .box .body {display: flex; flex-wrap: wrap; gap: calc(var(--pad) * 8); flex-grow: 1;}
.products-services-boxes .box .content {width: 50%; padding-bottom: calc(var(--pad) * 6);}
.products-services-boxes .box .content p:not(:has(.button)) {font-size: 1rem !important;}
.products-services-boxes .box .image {flex: 1;}
.products-services-boxes .box .image .img {margin-right: calc(var(--pad) * -6); position: relative; display: flex; min-height: 100%; border-top-left-radius: calc(var(--pad) * 5); overflow: hidden;}
.products-services-boxes .box .image img {width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.row-affiliate-intel-report .align {gap: calc(var(--pad) * 12);}
.row-affiliate-intel-report .image {width: 50%;}
.row-affiliate-intel-report .image img {border-radius: calc(var(--pad) * 1.5);}
.row-affiliate-intel-report .content {flex: 1; display: flex; flex-direction: column; justify-content: center;}
.font-primary {font-family: var(--font-primary) !important;}
.font-secondary {font-family: var(--font-secondary) !important;}
.font-tertiary {font-family: var(--font-secondary) !important;}
.font-weight-200 {font-weight: 200 !important;}
.font-weight-300 {font-weight: 300 !important;}
.font-weight-400 {font-weight: 400 !important;}
.font-weight-500 {font-weight: 500 !important;}
.font-weight-600 {font-weight: 600 !important;}
.font-weight-700 {font-weight: 700 !important;}
.font-weight-800 {font-weight: 800 !important;}
.font-weight-900 {font-weight: 900 !important;}
.bg-white {background-color: var(--white);}
.bg-black {background-color: var(--black);}
.bg-primary {background-color: var(--primary);}
.bg-purple-1 {background-color: var(--purple-1);}
.bg-purple-2 {background-color: var(--purple-2);}
.bg-purple-3 {background-color: var(--purple-3);}
.bg-purple-4 {background-color: var(--purple-4);}
.bg-purple-5 {background-color: var(--purple-5);}
.bg-red {background-color: var(--red);}
.color-white {color: var(--white);}
.color-black {color: var(--black);}
.color-primary {color: var(--primary);}
.color-purple-1 {color: var(--purple-1);}
.color-purple-2 {color: var(--purple-2);}
.color-purple-3 {color: var(--purple-3);}
.color-purple-4 {color: var(--purple-4);}
.color-purple-5 {color: var(--purple-5);}
.color-red {color: var(--red);}
h1, .h1 {font-size: clamp(2rem, 0.95rem + 5.25vw, 7.25rem) !important; line-height: 110% !important; margin: 0 0 calc(var(--pad) * 3) 0; font-weight: 300;}
h2, .h2 {font-size: clamp(1.75rem, 1.05rem + 3.5vw, 5.25rem) !important; line-height: 115% !important; margin: 0 0 calc(var(--pad) * 4) 0; font-weight: 300;}
h3, .h3 {font-size: 3rem !important; line-height: 125% !important; margin: 0 0 calc(var(--pad) * 4) 0; font-weight: 300;}
h4, .h4 {font-size: 2rem !important; line-height: 135% !important; margin: 0 0 calc(var(--pad) * 4) 0;}
h5, .h5 {font-size: 1.625rem !important; line-height: 140% !important; margin: 0 0 calc(var(--pad) * 4) 0;}
h6, .h6 {font-size: 1.5rem !important; line-height: 145% !important; margin: 0 0 calc(var(--pad) * 4) 0;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {margin: 0;}
a.button, .button a, button.button, input.button, span.button {display: inline-block; vertical-align: middle; position: relative;
background: var(--white); border: solid 1px var(--white); color: var(--primary); overflow: hidden; border-radius: 100px;
line-height: calc(var(--pad) * 4.25); text-align: center; font-size: 0.875rem; white-space: nowrap; font-weight: 700; text-transform: uppercase;
padding: 0 calc(var(--pad) * 3); transition: var(--transition1);
}
a.button:hover, .button a:hover, button.button:hover, input.button:hover, span.button:hover, a:hover span.button {color: var(--white);}
.button.full-width {width: 100%;}
.button:disabled {opacity: 0.5; pointer-events: none;}
.button svg {display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: var(--pad);}
a.scrollto {} a.button span, button.button span, li.button a span {
position: relative;
z-index: 2;
}
a.button .ripple, button.button .ripple, li.button a .ripple {
position: absolute;
transform: translate(-50%, -50%);
background: var(--primary);
border-radius: 50%;
width: 0;
height: 0;
opacity: 1;
transition:
width 0.75s ease,
height 0.75s ease,
opacity 0.75s ease;
z-index: 1;
}
a.button .ripple.active, button.button .ripple.active, li.button a .ripple.active {
width: var(--ripple-size);
height: var(--ripple-size);
opacity: 1;
}
a.button .ripple.fade, button.button .ripple.fade, li.button a .ripple.fade {
opacity: 0;
} a.button.medium,
.button.medium a,
button.button.medium,
input.button.medium,
span.button.medium {line-height: calc(var(--pad) * 6); padding: 0 calc(var(--pad) * 5); font-size: 1rem;}
a.button.large,
.button.large a,
button.button.large,
input.button.large,
span.button.large {line-height: calc(var(--pad) * 10); padding: 0 calc(var(--pad) * 7); font-size: 2.25rem; font-weight: 400;}
a.button.purple-1,
.button.purple-1 a,
button.button.purple-1,
input.button.purple-1,
span.button.purple-1 {background: var(--purple-1); border-color: var(--purple-1); color: var(--white);}
a.button.primary,
.button.primary a,
button.button.primary,
input.button.primary,
span.button.primary {background: var(--primary); border-color: var(--primary); color: var(--white);}
a.button.primary .ripple,
.button.primary a .ripple,
button.button.primary .ripple,
input.button.primary .ripple,
span.button.primary .ripple {background: var(--purple-1);}
 .animated {
animation-duration: 1.5s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 200%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999 !important;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
}
.glightbox-container.inactive {
display: none;
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden;
}
.glightbox-container .gslider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
position: relative;
overflow: hidden;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative;
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999;
}
.glightbox-container .gslide-inner-content {
width: 100%;
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important;
}
.gslide iframe,
.gslide video {
outline: none !important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
}
.gslide:not(.current) {
pointer-events: none;
}
.gslide-image {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gslide-image img {
max-height: 100vh;
display: block;
padding: 0;
float: none;
outline: none;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-ms-touch-action: none;
touch-action: none;
margin: auto;
min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
width: auto;
max-width: 100%;
}
.gslide-image img.zoomable {
position: relative;
}
.gslide-image img.dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none;
}
.gslide-video {
position: relative;
max-width: 100vh;
width: 100% !important;
}
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
display: none;
}
.gslide-video .gvideo-wrapper {
width: 100%; margin: auto;
}
.gslide-video::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, 0.34);
display: none;
}
.gslide-video.playing::before {
display: none;
}
.gslide-video.fullscreen {
max-width: 100% !important;
min-width: 100%;
height: 75vh;
}
.gslide-video.fullscreen video {
max-width: 100% !important;
width: 100% !important;
}
.gslide-inline {
background: var(--white);
position: relative;
text-align: left;
max-height: calc(100vh - 40px);
overflow: auto;
max-width: 100%;
margin: auto;
}
.gslide-inline .ginlined-content {
padding: 20px;
width: 100%;
}
.gslide-inline .dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none;
}
.ginlined-content {
overflow: auto;
-webkit-overflow-scrolling: touch;
display: block !important;
opacity: 1;
}
.gslide-external {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: 100%;
background: #fff;
padding: 0;
overflow: auto;
max-height: 75vh;
height: 100%;
}
.gslide-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
}
.zoomed .gslide-media {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gslide-description {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
margin: 0 auto;
width: 100%;
}
.gslide-description p {
margin-bottom: 12px;
}
.gslide-description p:last-child {
margin-bottom: 0;
}
.zoomed .gslide-description {
display: none;
}
.glightbox-button-hidden {
display: none;
} .glightbox-mobile .glightbox-container .gslide-description {
height: auto !important;
width: 100%;
position: absolute;
bottom: 0;
padding: 19px 11px;
max-width: 100vw !important;
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
max-height: 78vh;
overflow: auto !important;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0)),
to(rgba(0, 0, 0, 0.75))
);
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.75) 100%
);
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: #fff;
font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: 0.4;
}
.gdesc-open .gslide-media {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 0.4;
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 1;
}
.greset {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gabsolute {
position: absolute;
}
.grelative {
position: relative;
}
.glightbox-desc {
display: none !important;
} .gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader 0.8s infinite linear;
animation: lightboxLoader 0.8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%;
}
.goverlay {
width: 100%;
height: calc(100vh + 1px);
position: fixed;
top: -1px;
left: 0;
background: #000;
will-change: opacity;
}
.glightbox-mobile .goverlay {
background: #000;
}
.gprev,
.gnext {
display: none !important;
}
.gprev,
.gnext,
.gclose {
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gprev svg,
.gnext svg,
.gclose svg {
display: block;
width: 25px;
height: auto;
margin: 0;
padding: 0;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
opacity: 0.1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
stroke: #fff;
}
.gbtn.focused {
outline: 2px solid #0f3d81;
}
iframe.wait-autoplay {
opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
opacity: 0 !important;
} .glightbox-clean .gslide-description {
background: #fff;
}
.glightbox-clean .gdesc-inner {
padding: 22px 20px;
}
.glightbox-clean .gslide-title {
font-size: 1em;
font-weight: normal;
font-family: arial;
color: #000;
margin-bottom: 19px;
line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
font-size: 0.86em;
margin-bottom: 0;
font-family: arial;
line-height: 1.4em;
}
.glightbox-clean .gslide-video {
background: #000;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.75);
border-radius: 4px;
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
fill: #fff;
}
.glightbox-clean .gprev {
position: absolute;
top: -100%;
left: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gnext {
position: absolute;
top: -100%;
right: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gclose {
width: 35px;
height: 35px;
top: 15px;
right: 10px;
position: absolute;
}
.glightbox-clean .gclose svg {
width: 18px;
height: auto;
}
.glightbox-clean .gclose:hover {
opacity: 1;
} .gfadeIn {
-webkit-animation: gfadeIn 0.2s ease;
animation: gfadeIn 0.2s ease;
}
.gfadeOut {
-webkit-animation: gfadeOut 0.2s ease;
animation: gfadeOut 0.2s ease;
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft 0.3s ease;
animation: gslideOutLeft 0.3s ease;
}
.gslideInLeft {
-webkit-animation: gslideInLeft 0.3s ease;
animation: gslideInLeft 0.3s ease;
}
.gslideOutRight {
-webkit-animation: gslideOutRight 0.3s ease;
animation: gslideOutRight 0.3s ease;
}
.gslideInRight {
-webkit-animation: gslideInRight 0.3s ease;
animation: gslideInRight 0.3s ease;
}
.gzoomIn {
-webkit-animation: gzoomIn 0.2s ease;
animation: gzoomIn 0.2s ease;
}
.gzoomOut {
-webkit-animation: gzoomOut 0.2s ease;
animation: gzoomOut 0.2s ease;
}
@-webkit-keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@media (min-width: 769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.glightbox-container .ginner-container.desc-top .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-top .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.glightbox-container .ginner-container.desc-left .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-left .gslide-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.gslide-image img {
max-height: 97vh;
max-width: 100%;
}
.gslide-image img.zoomable {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab;
}
.gslide-inline {
max-height: 95vh;
}
.gslide-external {
max-height: 100vh;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 275px;
}
.glightbox-open {
height: auto;
}
.goverlay {
background: rgba(0, 0, 0, 0.92);
}
.glightbox-clean .gslide-media {
-webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
}
.glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
position: absolute;
height: 100%;
overflow-y: auto;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.32);
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.glightbox-clean .gprev {
top: 45%;
}
.glightbox-clean .gnext {
top: 45%;
}
}
@media (min-width: 992px) {
.glightbox-clean .gclose {
opacity: 0.7;
right: 20px;
}
}
@media screen and (max-height: 420px) {
.goverlay {
background: #000;
}
}@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
} .swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
} :root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform,
200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform,
200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root { }
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
} .swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .swiper-slide-zoomed {
cursor: move;
touch-action: none;
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}