.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 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 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;
}@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap");
:root {
--ink: #0a0909;
--ivory: #f1eee7;
--paper: #e7e1d7;
--gold: #b99a62;
--muted: #8c867d;
--line: rgba(241, 238, 231, 0.2);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background: var(--ink);
color: var(--ivory);
font-family: "DM Sans", sans-serif;
font-weight: 300;
}
a { color: inherit; text-decoration: none; }
img { object-fit: cover; }
.site-header {
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 92px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 clamp(22px, 5vw, 76px);
border-bottom: 1px solid rgba(255,255,255,.15);
}
.brand { display: flex; align-items: center; gap: 13px; font-family: "Cormorant Garamond", serif; font-size: 20px; letter-spacing: .04em; }
.brand img { border-radius: 50%; }
nav { display: flex; gap: 34px; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
nav a, .footer-links a { transition: color .25s ease; }
nav a:hover, .footer-links a:hover { color: var(--gold); }
.header-cta { border-bottom: 1px solid var(--gold); padding: 8px 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.hero {
min-height: 100svh;
display: grid;
grid-template-columns: 52% 48%;
background:
radial-gradient(circle at 17% 72%, rgba(97, 17, 17, .42), transparent 38%),
var(--ink);
}
.hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 145px clamp(24px, 6vw, 96px) 70px; }
.eyebrow, .section-number, .card-kicker {
margin: 0 0 28px;
color: var(--gold);
font-size: 10px;
font-weight: 500;
letter-spacing: .24em;
text-transform: uppercase;
}
h1, h2, .display-quote, .closing > p {
margin: 0;
font-family: "Cormorant Garamond", serif;
font-weight: 400;
letter-spacing: -.035em;
line-height: .91;
}
h1 { font-size: clamp(64px, 7.5vw, 118px); }
em { color: var(--gold); font-weight: 400; }
.hero-intro { max-width: 510px; margin: 38px 0 32px; color: #b7b0a7; font-size: 15px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 30px; }
.button {
display: inline-flex;
align-items: center;
justify-content: space-between;
min-width: 184px;
padding: 17px 19px;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: .15em;
transition: transform .25s ease, background .25s ease;
}
.button:hover { transform: translateY(-2px); }
.button.primary { background: var(--gold); color: #111; }
.text-link { display: inline-flex; gap: 18px; align-items: center; width: max-content; padding-bottom: 5px; border-bottom: 1px solid #777066; font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.text-link span { color: var(--gold); }
.age-note { margin-top: 42px; color: #6e6962; font-size: 9px; letter-spacing: .08em; }
.hero-portrait { position: relative; min-height: 640px; overflow: hidden; }
.hero-portrait:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,9,9,.75), transparent 28%), linear-gradient(0deg, rgba(10,9,9,.55), transparent 30%); }
.portrait-caption { position: absolute; z-index: 2; right: 38px; bottom: 34px; display: flex; align-items: flex-start; gap: 16px; text-align: right; }
.portrait-caption span { color: var(--gold); font-size: 9px; }
.portrait-caption p { margin: 0; font-family: "Cormorant Garamond", serif; font-size: 23px; line-height: 1.1; }
.manifesto {
display: grid;
grid-template-columns: 30% 70%;
padding: clamp(90px, 12vw, 170px) clamp(24px, 7vw, 104px);
background: var(--paper);
color: var(--ink);
}
.manifesto .section-number { color: #6f5b39; }
.display-quote { font-size: clamp(55px, 8vw, 112px); }
.body-copy { max-width: 530px; margin: 52px 0 0 auto; color: #655f57; font-size: 14px; line-height: 1.8; }
.featured { padding: clamp(90px, 10vw, 150px) clamp(24px, 7vw, 104px); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 70px; }
h2 { font-size: clamp(54px, 7vw, 96px); }
.section-heading > p { width: 280px; color: #8c867d; font-size: 13px; line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: 1.62fr 1fr; gap: clamp(24px, 4vw, 60px); align-items: start; }
.feature-card:nth-child(2) { margin-top: 120px; }
.feature-image { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: #1a1817; }
.large .feature-image { aspect-ratio: 1.35 / 1; }
.feature-image img { transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.feature-card:hover .feature-image img { transform: scale(1.025); }
.image-stamp { position: absolute; top: 20px; right: 20px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.55); font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 17px; }
.feature-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding-top: 25px; border-top: 1px solid var(--line); margin-top: 16px; }
.feature-meta.stacked { display: flex; flex-direction: column; }
.feature-meta h3 { margin: 0; font-family: "Cormorant Garamond", serif; font-size: 35px; font-weight: 400; }
.feature-meta p { margin: 0; color: #8c867d; font-size: 12px; line-height: 1.7; }
.feature-meta .card-kicker { margin-bottom: 9px; color: var(--gold); }
.focus-preview {
display: grid;
grid-template-columns: 42% 58%;
gap: clamp(40px, 8vw, 120px);
padding: clamp(90px, 11vw, 160px) clamp(24px, 7vw, 104px);
color: var(--ink);
background: var(--paper);
}
.focus-preview-copy > p:not(.section-number) {
max-width: 430px;
margin: 38px 0 34px;
color: #655f57;
font-size: 13px;
line-height: 1.8;
}
.focus-preview .section-number { color: #6f5b39; }
.focus-preview-list { border-top: 1px solid rgba(10,9,9,.2); }
.focus-preview-item {
display: grid;
grid-template-columns: 58px 1fr auto;
align-items: center;
min-height: 93px;
border-bottom: 1px solid rgba(10,9,9,.2);
transition: padding .25s ease, color .25s ease;
}
.focus-preview-item:hover { padding-left: 8px; color: #7a5d2d; }
.focus-preview-item > span { color: #8b8378; font-size: 9px; }
.focus-preview-item strong {
font-family: "Cormorant Garamond", serif;
font-size: clamp(24px, 2.4vw, 36px);
font-weight: 400;
}
.enter { padding: clamp(90px, 10vw, 150px) clamp(24px, 7vw, 104px); background: #141111; border-top: 1px solid var(--line); }
.enter-intro { display: grid; grid-template-columns: 22% 1fr 280px; align-items: end; gap: 30px; margin-bottom: 85px; }
.enter-intro > p:last-child { color: #8c867d; font-size: 13px; line-height: 1.7; }
.platform { display: grid; grid-template-columns: 8% 22% 1fr 20%; align-items: center; min-height: 128px; border-top: 1px solid var(--line); transition: padding .3s ease, color .3s ease; }
.platform:last-child { border-bottom: 1px solid var(--line); }
.platform:hover { padding-left: 10px; color: var(--gold); }
.platform-index { color: #69635c; font-size: 10px; }
.platform-name { font-family: "Cormorant Garamond", serif; font-size: clamp(28px, 3vw, 46px); }
.platform-description { max-width: 460px; color: #8c867d; font-size: 12px; line-height: 1.6; }
.platform-action { justify-self: end; font-size: 9px; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; }
.closing { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 660px; text-align: center; background: radial-gradient(circle, rgba(92,16,16,.65), transparent 52%), #090808; }
.closing img { margin-bottom: 30px; border-radius: 50%; }
.closing > p { font-size: clamp(54px, 7vw, 94px); }
.button.light { margin-top: 42px; background: var(--ivory); color: var(--ink); }
footer { display: grid; grid-template-columns: 1.5fr 1fr 1.5fr 1fr; align-items: center; padding: 34px clamp(24px, 5vw, 76px); border-top: 1px solid var(--line); color: #77716a; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.footer-brand { color: var(--ivory); font-family: "Cormorant Garamond", serif; font-size: 19px; text-transform: none; }
.footer-links { display: flex; justify-content: center; gap: 24px; }
footer p:last-child { text-align: right; }
.focus-header { position: relative; }
.focus-page { background: var(--ink); }
.focus-hero {
min-height: 680px;
display: grid;
grid-template-columns: 1.5fr 1fr;
align-items: end;
gap: 60px;
padding: 130px clamp(24px, 7vw, 104px) 95px;
background:
linear-gradient(90deg, rgba(10,9,9,.98), rgba(10,9,9,.7)),
radial-gradient(circle at 82% 42%, rgba(106,18,18,.75), transparent 40%);
}
.focus-hero h1 { font-size: clamp(84px, 12vw, 174px); }
.focus-hero-note {
max-width: 390px;
margin-bottom: 17px;
padding: 28px 0 0;
border-top: 1px solid var(--line);
}
.focus-hero-note p {
margin: 0 0 16px;
font-family: "Cormorant Garamond", serif;
font-size: 30px;
}
.focus-hero-note span { color: var(--muted); font-size: 12px; line-height: 1.8; }
.focus-categories { padding: 0 clamp(24px, 7vw, 104px); background: var(--paper); color: var(--ink); }
.focus-category {
display: grid;
grid-template-columns: 7% 35% 1fr 18%;
gap: 28px;
align-items: center;
min-height: 220px;
border-bottom: 1px solid rgba(10,9,9,.2);
}
.focus-category-number { color: #8b8378; font-size: 10px; }
.focus-category .card-kicker { margin-bottom: 10px; color: #6f5b39; }
.focus-category h2 { font-size: clamp(38px, 4.5vw, 66px); line-height: .94; }
.focus-category > p { max-width: 430px; color: #655f57; font-size: 12px; line-height: 1.75; }
.focus-category-cta {
justify-self: end;
padding-bottom: 7px;
border-bottom: 1px solid #766b5b;
font-size: 9px;
font-weight: 500;
letter-spacing: .13em;
text-transform: uppercase;
}
.focus-category-cta span { margin-left: 12px; }
.distinct-paths {
display: grid;
grid-template-columns: 1fr 1.55fr;
gap: clamp(50px, 9vw, 130px);
padding: clamp(100px, 12vw, 175px) clamp(24px, 7vw, 104px);
}
.distinct-heading > p:last-child {
max-width: 420px;
margin-top: 35px;
color: var(--muted);
font-size: 13px;
line-height: 1.8;
}
.distinct-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.distinct-grid article {
min-height: 410px;
display: flex;
flex-direction: column;
padding: 28px;
border: 1px solid var(--line);
background: #12100f;
}
.distinct-grid article > span { color: #69635c; font-size: 9px; }
.distinct-grid .card-kicker { margin: 75px 0 12px; }
.distinct-grid h3 {
margin: 0 0 24px;
font-family: "Cormorant Garamond", serif;
font-size: clamp(36px, 3.5vw, 52px);
font-weight: 400;
line-height: .96;
}
.distinct-grid article > p:not(.card-kicker) {
margin: 0 0 30px;
color: var(--muted);
font-size: 12px;
line-height: 1.75;
}
.distinct-grid .text-link { margin-top: auto; }
.focus-closing {
min-height: 590px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background: radial-gradient(circle, rgba(92,16,16,.65), transparent 52%), #090808;
}
.focus-closing .button { margin-top: 38px; }
@media (max-width: 900px) {
nav { display: none; }
.hero { grid-template-columns: 1fr; }
.hero-copy { min-height: 760px; }
.hero-portrait { min-height: 78svh; }
.manifesto { grid-template-columns: 1fr; gap: 35px; }
.feature-grid { gap: 28px; }
.focus-preview { grid-template-columns: 1fr; }
.enter-intro { grid-template-columns: 1fr; }
.platform { grid-template-columns: 8% 28% 1fr; }
.platform-action { display: none; }
footer { grid-template-columns: 1fr 1fr; gap: 20px; }
.footer-links { justify-content: flex-end; }
footer p:last-child { text-align: left; }
.focus-hero { grid-template-columns: 1fr; align-items: end; }
.focus-category { grid-template-columns: 8% 42% 1fr; }
.focus-category-cta { display: none; }
.distinct-paths { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
.site-header { height: 74px; }
.brand span { font-size: 17px; }
.brand img { width: 34px; height: 34px; }
.header-cta { display: none; }
.hero-copy { min-height: 700px; padding-top: 120px; }
h1 { font-size: clamp(60px, 20vw, 82px); }
.hero-actions { align-items: flex-start; flex-direction: column; }
.hero-portrait { min-height: 72svh; }
.portrait-caption { right: 22px; bottom: 22px; }
.display-quote { font-size: 54px; }
.body-copy { margin-top: 35px; }
.section-heading { align-items: flex-start; flex-direction: column; margin-bottom: 44px; }
.feature-grid { grid-template-columns: 1fr; }
.large .feature-image { aspect-ratio: 4 / 5; }
.feature-card:nth-child(2) { margin-top: 50px; }
.feature-meta { grid-template-columns: 1fr; }
.focus-preview-item { grid-template-columns: 38px 1fr auto; min-height: 84px; }
.enter-intro { margin-bottom: 50px; }
.platform { grid-template-columns: 14% 1fr; padding: 28px 0; }
.platform-description { grid-column: 2; margin-top: 10px; }
.closing { min-height: 540px; padding: 30px 20px; }
footer { grid-template-columns: 1fr; text-align: center; }
.footer-links { justify-content: center; flex-wrap: wrap; }
footer p:last-child { text-align: center; }
.focus-hero { min-height: 610px; padding-top: 90px; }
.focus-hero h1 { font-size: clamp(82px, 26vw, 120px); }
.focus-category { grid-template-columns: 34px 1fr; gap: 14px; padding: 42px 0; }
.focus-category > p { grid-column: 2; margin: 0; }
.focus-category-cta { display: inline-block; grid-column: 2; justify-self: start; margin-top: 12px; }
.distinct-grid { grid-template-columns: 1fr; }
.distinct-grid article { min-height: 360px; }
.focus-closing { min-height: 520px; padding: 80px 24px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *:before, *:after { transition: none !important; }
}@-webkit-keyframes jconfirm-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes jconfirm-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
body[class*=jconfirm-no-scroll-] {
overflow: hidden !important;
}
.jconfirm {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999999;
font-family: inherit;
overflow: hidden;
}
.jconfirm .jconfirm-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity .4s;
transition: opacity .4s;
}
.jconfirm .jconfirm-bg.jconfirm-bg-h {
opacity: 0 !important;
}
.jconfirm .jconfirm-scrollpane {
-webkit-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: center;
perspective-origin: center;
display: table;
width: 100%;
height: 100%;
}
.jconfirm .jconfirm-row {
display: table-row;
width: 100%;
}
.jconfirm .jconfirm-cell {
display: table-cell;
vertical-align: middle;
}
.jconfirm .jconfirm-holder {
max-height: 100%;
padding: 50px 0;
}
.jconfirm .jconfirm-box-container {
-webkit-transition: -webkit-transform;
transition: -webkit-transform;
transition: transform;
transition: transform, -webkit-transform;
}
.jconfirm .jconfirm-box-container.jconfirm-no-transition {
-webkit-transition: none !important;
transition: none !important;
}
.jconfirm .jconfirm-box {
background: white;
border-radius: 4px;
position: relative;
outline: none;
padding: 15px 15px 0;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes type-blue {
1%,
100% {
border-color: #3498db;
}
50% {
border-color: #5faee3;
}
}
@keyframes type-blue {
1%,
100% {
border-color: #3498db;
}
50% {
border-color: #5faee3;
}
}
@-webkit-keyframes type-green {
1%,
100% {
border-color: #2ecc71;
}
50% {
border-color: #54d98c;
}
}
@keyframes type-green {
1%,
100% {
border-color: #2ecc71;
}
50% {
border-color: #54d98c;
}
}
@-webkit-keyframes type-red {
1%,
100% {
border-color: #e74c3c;
}
50% {
border-color: #ed7669;
}
}
@keyframes type-red {
1%,
100% {
border-color: #e74c3c;
}
50% {
border-color: #ed7669;
}
}
@-webkit-keyframes type-orange {
1%,
100% {
border-color: #f1c40f;
}
50% {
border-color: #f4d03f;
}
}
@keyframes type-orange {
1%,
100% {
border-color: #f1c40f;
}
50% {
border-color: #f4d03f;
}
}
@-webkit-keyframes type-purple {
1%,
100% {
border-color: #9b59b6;
}
50% {
border-color: #b07cc6;
}
}
@keyframes type-purple {
1%,
100% {
border-color: #9b59b6;
}
50% {
border-color: #b07cc6;
}
}
@-webkit-keyframes type-dark {
1%,
100% {
border-color: #34495e;
}
50% {
border-color: #46627f;
}
}
@keyframes type-dark {
1%,
100% {
border-color: #34495e;
}
50% {
border-color: #46627f;
}
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
border-top: solid 7px #3498db;
-webkit-animation-name: type-blue;
animation-name: type-blue;
}
.jconfirm .jconfirm-box.jconfirm-type-green {
border-top: solid 7px #2ecc71;
-webkit-animation-name: type-green;
animation-name: type-green;
}
.jconfirm .jconfirm-box.jconfirm-type-red {
border-top: solid 7px #e74c3c;
-webkit-animation-name: type-red;
animation-name: type-red;
}
.jconfirm .jconfirm-box.jconfirm-type-orange {
border-top: solid 7px #f1c40f;
-webkit-animation-name: type-orange;
animation-name: type-orange;
}
.jconfirm .jconfirm-box.jconfirm-type-purple {
border-top: solid 7px #9b59b6;
-webkit-animation-name: type-purple;
animation-name: type-purple;
}
.jconfirm .jconfirm-box.jconfirm-type-dark {
border-top: solid 7px #34495e;
-webkit-animation-name: type-dark;
animation-name: type-dark;
}
.jconfirm .jconfirm-box.loading {
height: 120px;
}
.jconfirm .jconfirm-box.loading:before {
content: '';
position: absolute;
left: 0;
background: white;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px;
z-index: 1;
}
.jconfirm .jconfirm-box.loading:after {
opacity: 0.6;
content: '';
height: 30px;
width: 30px;
border: solid 3px transparent;
position: absolute;
left: 50%;
margin-left: -15px;
border-radius: 50%;
-webkit-animation: jconfirm-spin 1s infinite linear;
animation: jconfirm-spin 1s infinite linear;
border-bottom-color: dodgerblue;
top: 50%;
margin-top: -15px;
z-index: 2;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
height: 20px;
width: 20px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
opacity: .6;
text-align: center;
font-size: 27px !important;
line-height: 14px !important;
display: none;
z-index: 1;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
opacity: 1;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
display: block;
font-size: 22px;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
padding-bottom: 15px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
cursor: move;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
font-size: inherit;
display: inline-block;
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: inherit;
font-family: inherit;
display: inline-block;
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 15px;
height: auto;
-webkit-transition: height 0.4s ease-in;
transition: height 0.4s ease-in;
display: inline-block;
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
overflow-y: hidden;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
width: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
background: #666;
border-radius: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
overflow: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
max-width: 100%;
height: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
display: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
padding-bottom: 11px;
}
.jconfirm .jconfirm-box .jconfirm-buttons > button {
margin-bottom: 4px;
margin-left: 2px;
margin-right: 2px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
display: inline-block;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
min-height: 1em;
-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
-webkit-tap-highlight-color: transparent;
border: none;
background-image: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
background-color: #3498db;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
background-color: #2980b9;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
background-color: #2ecc71;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
background-color: #27ae60;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
background-color: #e74c3c;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
background-color: #c0392b;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
background-color: #f1c40f;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
background-color: #f39c12;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
background-color: #ecf0f1;
color: #000;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background-color: #bdc3c7;
color: #000;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
background-color: #9b59b6;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
background-color: #8e44ad;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
background-color: #34495e;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
background-color: #2c3e50;
color: #FFF;
}
.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
color: #e74c3c !important;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
color: #3498db !important;
}
.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
color: #2ecc71 !important;
}
.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
color: #9b59b6 !important;
}
.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
color: #f1c40f !important;
}
.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
color: #34495e !important;
}
.jconfirm .jconfirm-clear {
clear: both;
}
.jconfirm.jconfirm-rtl {
direction: rtl;
}
.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
left: 5px;
right: auto;
}
.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
background-color: #444;
opacity: .2;
}
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
float: right;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
-webkit-box-shadow: none;
box-shadow: none;
color: #333;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #ddd;
}
.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
background-color: darkslategray;
opacity: .4;
}
.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
background: #444;
border-radius: 5px;
color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
float: right;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
border: none;
background-image: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none;
-webkit-transition: background .1s;
transition: background .1s;
color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
background: none;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #666;
}
.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
-webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
-webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@-webkit-keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
}
}
@keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
}
}
@-webkit-keyframes glow {
0%,
100% {
-webkit-box-shadow: 0 0 0px red;
box-shadow: 0 0 0px red;
}
50% {
-webkit-box-shadow: 0 0 30px red;
box-shadow: 0 0 30px red;
}
}
@keyframes glow {
0%,
100% {
-webkit-box-shadow: 0 0 0px red;
box-shadow: 0 0 0px red;
}
50% {
-webkit-box-shadow: 0 0 30px red;
box-shadow: 0 0 30px red;
}
} .jconfirm {
-webkit-perspective: 400px;
perspective: 400px;
}
.jconfirm .jconfirm-box {
opacity: 1;
-webkit-transition-property: all;
transition-property: all;
}
.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
opacity: 0;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotate {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
-webkit-transform: rotatey(90deg);
transform: rotatey(90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
-webkit-transform: rotatey(-90deg);
transform: rotatey(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scaley {
-webkit-transform: scaley(1.5);
transform: scaley(1.5);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
-webkit-transform: scalex(1.5);
transform: scalex(1.5);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-top {
-webkit-transform: translate(0px, -100px);
transform: translate(0px, -100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-left {
-webkit-transform: translate(-100px, 0px);
transform: translate(-100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-right {
-webkit-transform: translate(100px, 0px);
transform: translate(100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-bottom {
-webkit-transform: translate(0px, 100px);
transform: translate(0px, 100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-zoom {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.jconfirm .jconfirm-box.jconfirm-animation-scale {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.jconfirm .jconfirm-box.jconfirm-animation-none {
visibility: hidden;
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
background-color: rgba(54, 70, 93, 0.95);
}
.jconfirm.jconfirm-supervan .jconfirm-box {
background-color: transparent;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
text-align: center;
color: white;
font-size: 28px;
font-weight: normal;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
padding-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
text-align: center;
color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
text-align: center;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
font-size: 16px;
border-radius: 2px;
background: #303f53;
text-shadow: none;
border: none;
color: white;
padding: 10px;
min-width: 100px;
}
.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-material .jconfirm-bg {
background-color: rgba(0, 0, 0, 0.67);
}
.jconfirm.jconfirm-material .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
padding: 30px 25px 10px 25px;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 22px;
font-weight: bold;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
text-align: right;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-weight: 500;
}
.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-bg {
background-color: rgba(0, 0, 0, 0.21);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
border: solid 1px rgba(0, 0, 0, 0.4);
padding: 15px 0 0;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 22px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
color: rgba(0, 0, 0, 0.87);
padding: 0px 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
text-align: right;
padding: 10px;
margin: -5px 0 0px;
border-top: solid 1px #ddd;
overflow: hidden;
border-radius: 0 0 4px 4px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
font-weight: 500;
}
.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-modern .jconfirm-bg {
background-color: slategray;
opacity: .6;
}
.jconfirm.jconfirm-modern .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
padding: 30px 30px 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
top: 15px;
right: 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
-webkit-transform: scale(0);
transform: scale(0);
display: block;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
font-size: 69px;
color: #aaa;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
text-align: center;
font-size: 15px;
color: #777;
margin-bottom: 25px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
text-align: center;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
font-weight: bold;
text-transform: uppercase;
-webkit-transition: background .1s;
transition: background .1s;
padding: 10px 20px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
margin-left: 4px;
}
.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
-webkit-transform: scale(1);
transform: scale(1);
}