@charset "utf-8";

.shiny::after { animation: 5s ease-in-out 0s infinite normal forwards running shine; content: ""; position: absolute; top: 0px; left: -250%; width: 200%; height: 400%; opacity: 0; transform: translateY(-50%) rotate(30deg); background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0.1) 77%, rgba(204, 204, 204, 0.5) 92%, rgb(255, 255, 255)); }

@keyframes shine { 
  10% { opacity: 1; left: -33%; transition-property: left, opacity; transition-duration: 0.7s, 0.15s; transition-timing-function: ease; }
  100% { opacity: 0; left: -33%; transition-property: left, opacity; }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }

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

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::after, blockquote::before, q::after, q::before { content: none; }

table { border-collapse: collapse; border-spacing: 0px; }

input:not([type="checkbox"]) { appearance: none; }

@media (min-width: 762px) {
  .container:not(.full), .grid { max-width: 749.808px; }
}

@media (min-width: 1016px) {
  .container:not(.full), .grid { max-width: 999.744px; }
}

@media (min-width: 1270px) {
  .container:not(.full), .grid { max-width: 1249.68px; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .container:not(.outer), .grid { padding-top: 3.8%; }
  .grid { width: 96%; left: 1.97917%; }
  .grid > .module { width: 12.7083%; margin-right: 3.8%; margin-bottom: 3.95833%; }
  .grid > .module.and-a-half { width: 6.35417%; margin-right: 1.9%; margin-bottom: 1.97917%; }
  .grid.full-w { width: 100%; left: 0px; }
  .container .module.hide-mobile, .grid .module.hide-mobile { display: none; }
  .container > .module.w1 { width: 16.6667%; }
  .container > .module.w1.and-a-half { width: 8.33333%; }
  .container > .module.h1, .grid > .module.h1 { padding-bottom: 9.9125%; }
  .grid > .module.w1-3, .grid > .module.w2 { width: 29.2167%; }
  .grid > .module.w1-3.and-a-half, .grid > .module.w2.and-a-half { width: 14.6083%; }
  .container > .module.w1-3, .container > .module.w2 { width: 33.3333%; }
  .container > .module.w1-3.and-a-half, .container > .module.w2.and-a-half { width: 16.6667%; }
  .container > .module.h2, .grid > .module.h2 { padding-bottom: 23.625%; }
  .grid > .module.w1-2, .grid > .module.w3 { width: 45.725%; }
  .grid > .module.w1-2.and-a-half, .grid > .module.w3.and-a-half { width: 22.8625%; }
  .container > .module.w1-2, .container > .module.w3 { width: 50%; }
  .container > .module.w1-2.and-a-half, .container > .module.w3.and-a-half { width: 25%; }
  .container > .module.h3, .grid > .module.h3 { padding-bottom: 37.3375%; }
  .grid > .module.w4 { width: 62.2333%; }
  .grid > .module.w4.and-a-half { width: 31.1167%; }
  .container > .module.w4 { width: 66.6667%; }
  .container > .module.w4.and-a-half { width: 33.3333%; }
  .container > .module.h4, .grid > .module.h4 { padding-bottom: 51.05%; }
  .grid > .module.w5 { width: 78.7417%; }
  .grid > .module.w5.and-a-half { width: 39.3708%; }
  .container > .module.w5 { width: 83.3333%; }
  .container > .module.w5.and-a-half { width: 41.6667%; }
  .container > .module.h5, .grid > .module.h5 { padding-bottom: 64.7625%; }
  .grid > .module.w1-1, .grid > .module.w6 { width: 95.25%; }
  .grid > .module.w1-1.and-a-half, .grid > .module.w6.and-a-half { width: 47.625%; }
  .container > .module.w1-1, .container > .module.w6 { width: 100%; }
  .container > .module.w1-1.and-a-half, .container > .module.w6.and-a-half { width: 50%; }
  .container > .module.h6, .grid > .module.h6 { padding-bottom: 78.475%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .container:not(.outer), .grid { padding-top: 1.6%; }
  .grid { width: 99.96%; left: 0.80032%; }
  .grid > .module { width: 5.54222%; margin-right: 1.6%; margin-bottom: 1.60064%; }
  .grid > .module.and-a-half { width: 2.77111%; margin-right: 0.8%; margin-bottom: 0.80032%; }
  .grid.full-w { width: 100%; left: 0px; }
  .container .module.hide-desktop, .grid .module.hide-desktop { display: none; }
  .container > .module.w1 { width: 7.14286%; }
  .container > .module.w1.and-a-half { width: 3.57143%; }
  .container > .module.h1, .grid > .module.h1 { padding-bottom: 4.32293%; }
  .grid > .module.w2 { width: 12.6844%; }
  .grid > .module.w2.and-a-half { width: 6.34222%; }
  .container > .module.w2 { width: 14.2857%; }
  .container > .module.w2.and-a-half { width: 7.14286%; }
  .container > .module.h2, .grid > .module.h2 { padding-bottom: 10.2459%; }
  .grid > .module.w3 { width: 19.8267%; }
  .grid > .module.w3.and-a-half { width: 9.91333%; }
  .container > .module.w3 { width: 21.4286%; }
  .container > .module.w3.and-a-half { width: 10.7143%; }
  .container > .module.h3, .grid > .module.h3 { padding-bottom: 16.1688%; }
  .grid > .module.w4 { width: 26.9689%; }
  .grid > .module.w4.and-a-half { width: 13.4844%; }
  .container > .module.w4 { width: 28.5714%; }
  .container > .module.w4.and-a-half { width: 14.2857%; }
  .container > .module.h4, .grid > .module.h4 { padding-bottom: 22.0917%; }
  .grid > .module.w5 { width: 34.1111%; }
  .grid > .module.w5.and-a-half { width: 17.0555%; }
  .container > .module.w5 { width: 35.7143%; }
  .container > .module.w5.and-a-half { width: 17.8571%; }
  .container > .module.h5, .grid > .module.h5 { padding-bottom: 28.0146%; }
  .grid > .module.w6 { width: 41.2533%; }
  .grid > .module.w6.and-a-half { width: 20.6267%; }
  .container > .module.w6 { width: 42.8571%; }
  .container > .module.w6.and-a-half { width: 21.4286%; }
  .container > .module.h6, .grid > .module.h6 { padding-bottom: 33.9376%; }
  .grid > .module.w1-2, .grid > .module.w7 { width: 48.3955%; }
  .grid > .module.w1-2.and-a-half, .grid > .module.w7.and-a-half { width: 24.1978%; }
  .container > .module.w1-2, .container > .module.w7 { width: 50%; }
  .container > .module.w1-2.and-a-half, .container > .module.w7.and-a-half { width: 25%; }
  .container > .module.h7, .grid > .module.h7 { padding-bottom: 39.8605%; }
  .grid > .module.w8 { width: 55.5377%; }
  .grid > .module.w8.and-a-half { width: 27.7689%; }
  .container > .module.w8 { width: 57.1429%; }
  .container > .module.w8.and-a-half { width: 28.5714%; }
  .container > .module.h8, .grid > .module.h8 { padding-bottom: 45.7834%; }
  .grid > .module.w9 { width: 62.6799%; }
  .grid > .module.w9.and-a-half { width: 31.34%; }
  .container > .module.w9 { width: 64.2857%; }
  .container > .module.w9.and-a-half { width: 32.1429%; }
  .container > .module.h9, .grid > .module.h9 { padding-bottom: 51.7064%; }
  .grid > .module.w10 { width: 69.8222%; }
  .grid > .module.w10.and-a-half { width: 34.9111%; }
  .container > .module.w10 { width: 71.4286%; }
  .container > .module.w10.and-a-half { width: 35.7143%; }
  .container > .module.h10, .grid > .module.h10 { padding-bottom: 57.6293%; }
  .grid > .module.w11 { width: 76.9644%; }
  .grid > .module.w11.and-a-half { width: 38.4822%; }
  .container > .module.w11 { width: 78.5714%; }
  .container > .module.w11.and-a-half { width: 39.2857%; }
  .container > .module.h11, .grid > .module.h11 { padding-bottom: 63.5522%; }
  .grid > .module.w12 { width: 84.1066%; }
  .grid > .module.w12.and-a-half { width: 42.0533%; }
  .container > .module.w12 { width: 85.7143%; }
  .container > .module.w12.and-a-half { width: 42.8571%; }
  .container > .module.h12, .grid > .module.h12 { padding-bottom: 69.4751%; }
  .grid > .module.w13 { width: 91.2488%; }
  .grid > .module.w13.and-a-half { width: 45.6244%; }
  .container > .module.w13 { width: 92.8571%; }
  .container > .module.w13.and-a-half { width: 46.4286%; }
  .container > .module.h13, .grid > .module.h13 { padding-bottom: 75.3981%; }
  .grid > .module.w1-1, .grid > .module.w14 { width: 98.391%; }
  .grid > .module.w1-1.and-a-half, .grid > .module.w14.and-a-half { width: 49.1955%; }
  .container > .module.w1-1, .container > .module.w14 { width: 100%; }
  .container > .module.w1-1.and-a-half, .container > .module.w14.and-a-half { width: 50%; }
  .container > .module.h14, .grid > .module.h14 { padding-bottom: 81.321%; }
}

.container, .grid { margin: 0px auto; position: relative; }

.container::after, .grid::after { clear: both; content: ""; position: relative; display: block; }

.container .module, .grid .module { position: relative; display: block; float: left; }

.container .module.stretch > *, .grid .module.stretch > * { box-sizing: border-box; }

.container .module.stretch.horizontal > *, .grid .module.stretch.horizontal > * { width: 100%; }

.container .module.stretch.vertical > *, .grid .module.stretch.vertical > * { position: absolute; height: 100%; }

.container { width: 100%; }

body.dev { background-color: rgb(237, 237, 237); }

body.dev .container .module, body.dev .grid .module { background-color: rgb(255, 255, 255); box-shadow: rgb(237, 67, 116) 0px 0px 0px 4px inset; }

body.is_lander header { display: none; }

.page.account .navigation, .page.account .tabs li, .page.account table tr.odd, body.authenticated footer, header { transition: background 0.5s ease-out 0s; }

body.authenticated header:not(.hide) { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }

body.authenticated header a { padding: 0px; text-decoration: none; }

body.authenticated header a:hover { background-color: transparent; }

body.authenticated.dark:not(.fancy) header:not(.hide) { background: rgb(34, 33, 39); box-shadow: none; }

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
  body.authenticated header:not(.hide) { background: rgba(255, 255, 255, 0.7); }
}

body.authenticated.dark footer { border-top: none; }

body.authenticated footer { border-top: 1px solid rgb(219, 219, 219); background: rgb(232, 232, 232); color: rgb(135, 135, 135); padding: 1em 0px; margin-top: 2em !important; }

body.authenticated footer .static-links a { color: rgb(135, 135, 135); }

@media (min-width: 762px) {
  body.authenticated footer .static-links a:hover { border-color: rgb(135, 135, 135); }
}

body.r_billingsuccess footer, body.r_createsuccess footer, body.rb_create footer { position: relative !important; }

body.dark.authenticated footer { background: rgb(34, 33, 39); }

body.r_createsuccess footer { margin-top: 0px !important; }

body.unauthenticated footer { border-top: 1px solid rgb(66, 66, 66); background: rgb(0, 0, 0); color: rgba(255, 255, 255, 0.5); padding-bottom: 1em; }

body.unauthenticated footer span.artist-credit { display: block; }

body.unauthenticated footer .static-links li:last-of-type { margin-right: 0px; }

body.unauthenticated footer .static-links a { color: rgba(255, 255, 255, 0.75); }

@media (min-width: 762px) {
  body.unauthenticated footer .static-links a:hover { border-color: rgba(255, 255, 255, 0.75); }
}

body.unauthenticated footer .social ul { display: none; }

@media (max-width: 761px) {
  body.unauthenticated footer .social { display: none; }
  body.unauthenticated footer .grid > .copyright { width: 100%; text-align: center; }
  body.unauthenticated footer .grid > .copyright span { display: inline-block; }
}

@media (min-width: 762px) {
  body.unauthenticated footer .grid > .copyright span { display: block; }
}

body.unauthenticated footer .static-links p { font-size: 8pt; }

body.unauthenticated footer .static-links p a { color: rgb(135, 135, 135); }

body.unauthenticated footer .abj_mark { background: url("/assets/img/partners/abj_white@2x.png") center bottom / auto 100% no-repeat; height: 64px; opacity: 0.67; border-bottom: none; }

body:not(.reader) footer .static-links a { padding: 0px; font-weight: inherit; }

body:not(.reader) footer .static-links span { display: inline-block; }

body:not(.reader) footer span.artist-credit { display: none; }

@media (max-width: 375px) {
  body:not(.reader) footer .social { top: 0.2em; font-size: 0.8em; }
}

@media (min-width: 762px) {
  body:not(.reader) footer .copyright, body:not(.reader) footer .static-links { top: 0.5em; font-size: 0.9em; }
  body:not(.reader) footer .copyright ul:not(.social-links) li, body:not(.reader) footer .static-links ul:not(.social-links) li { margin: 0px 1.2em 0px 0px; font-size: 0.85em; }
  body:not(.reader) footer .copyright ul.social-links, body:not(.reader) footer .static-links ul.social-links { font-size: 1.1em; }
  body:not(.reader) footer .copyright span { font-size: 0.9em; }
  body:not(.reader) footer .social { text-align: left; }
  body:not(.reader) footer .social-links li:not(:first-of-type) { margin-left: 1em; }
}

@media (max-width: 761px) {
  body:not(.reader) footer .static-links { text-align: left; }
  body:not(.reader) footer .static-links li { margin: 0px 1em 1em 0px; }
  body:not(.reader) footer .static-links li.copyright { display: none; }
  body:not(.reader) footer .copyright, body:not(.reader) footer .static-links { font-size: 0.75em; }
  body:not(.reader) footer .copyright { display: block; height: 29px; line-height: 29px; }
  body:not(.reader) footer .copyright span { display: inline-block; line-height: 1.25em; margin-left: 0.25em; }
  body:not(.reader) footer .social-links li:not(:first-of-type) { margin-left: 0.5em; }
}

@-webkit-keyframes show-reminder { 
  0% { transform: translateY(100px); opacity: 0; }
  88% { transform: translateY(100px); opacity: 0; }
  95% { transform: translateY(-10px); opacity: 1; }
  100% { transform: translate(0px); }
}

@keyframes show-reminder { 
  0% { transform: translateY(100px); opacity: 0; }
  88% { transform: translateY(100px); opacity: 0; }
  95% { transform: translateY(-10px); opacity: 1; }
  100% { transform: translate(0px); }
}

.r_accountsubscription .timer.show { opacity: 0; animation: auto ease 0s 1 normal none running none; }

.timer { position: fixed; z-index: 999; width: 100%; bottom: 0px; text-align: center; opacity: 0; pointer-events: none; }

.timer.show { opacity: 1; animation: 2s linear 0s 1 normal none running show-reminder; }

.timer .grid { display: inline-block; text-align: right; }

.timer .grid .module { margin-bottom: 0px; }

.timer .grid .display { pointer-events: auto; display: inline-block; padding: 1em; margin-bottom: 1em; background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); border-bottom: 2px solid rgba(0, 0, 0, 0.9); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 10px; border-radius: 0.5em; }

.timer .grid .display .countdown { display: inline-block; margin-right: 1em; }

@media (max-width: 761px) {
  .timer .grid { font-size: 0.7em; text-align: center; }
  .timer .grid .countdown { margin-bottom: 0.5em; }
}

body.nofootermargin footer { margin-top: 0px !important; }

.fix { z-index: 100; position: fixed; width: 100%; }

.fix.top { top: 0px; }

.fix.bottom { bottom: 0px; }

.sticky-top { top: 0px; }

.sticky-htop, .sticky-top { z-index: 100; width: 100%; position: sticky; }

.sticky-htop { top: calc(28px + 2.5em); }

.sticky-bottom { z-index: 100; width: 100%; position: sticky; bottom: 0px; }

@media (max-width: 761px) {
  .sticky-mobile-top { top: 0px; }
  .sticky-mobile-bottom, .sticky-mobile-top { z-index: 100; width: 100%; position: sticky; }
  .sticky-mobile-bottom { bottom: 0px; }
}

.clear { clear: both; }

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

.flex.left { justify-content: flex-start; }

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

body, button, select, textarea { font-family: Montserrat, "M PLUS 2", "Helvetica Neue", Helvetica, Arial, "\\30D2ラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "\\6E38ゴシック", "Yu Gothic", YuGothic, メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; color: rgb(68, 68, 68); font-weight: 400; }

body .font-notosans, button .font-notosans, select .font-notosans, textarea .font-notosans { font-family: "Noto Sans JP", sans-serif !important; }

body { background: rgb(242, 242, 242); transition: background 0.5s ease-out 0s; }

body.dark { background: rgb(53, 51, 62); color: rgb(221, 221, 221); }

body.dark input:not([type="submit"]), body.dark textarea { color: rgb(221, 221, 221); background: rgb(34, 33, 39); }

#komiflo { transition: opacity 0.8s ease 0s, transform 0.8s ease 0s; }

#komiflo header { transition: top 0.8s ease 0s, background 0.5s ease-out 0s; }

#komiflo::before { position: fixed; content: ""; display: block; width: 0px; height: 0px; opacity: 0; top: 0px; left: 0px; z-index: 9999; background: rgb(242, 242, 242); transition: opacity 0.5s ease-in 0s; }

body.dark #komiflo::before { background: rgb(53, 51, 62); }

#komiflo.logout header { top: -70px; }

#komiflo.logout::before { width: 100%; height: 100%; opacity: 1; }

@keyframes dev-throb { 
  0% { background: rgb(255, 255, 255); color: rgb(233, 109, 99); }
  100% { background: rgb(233, 109, 99); color: rgb(255, 255, 255); }
}

.icon { background-repeat: no-repeat; }

@media (max-width: 761px) {
  .icon { background-size: auto 100%; }
}

@media (min-width: 762px) {
  .icon { background-size: auto 33.33%; }
}

.icon.module { background-position: 50% center; }

.icon:not(.module) { float: left; position: relative; display: block; background-position: 0px center; margin-left: 2.5em; }

.icon:not(.module):first-of-type, .icon span { margin-left: 0px; }

.icon span { position: relative; display: block; font-size: 1em; top: 50%; margin-top: -0.5em; color: rgb(239, 66, 116); }

@media (max-width: 761px) {
  a.button, body, button, input, select, textarea { font-size: 12pt; }
}

@media (min-width: 762px) and (max-width: 1015px) {
  a.button, body, button, input, select, textarea { font-size: 10pt; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  a.button, body, button, input, select, textarea { font-size: 12pt; }
}

@media (min-width: 1270px) {
  body, button, input, select, textarea { font-size: 12pt; }
}

a { color: rgb(239, 66, 116); font-weight: 400; text-decoration: none; border-bottom: 0.075em solid transparent; }

a.not-border { border-bottom: 0px !important; }

@media (min-width: 762px) {
  a:hover { border-color: rgb(239, 66, 116); }
}

.field, .field input { transition: all 0.15s linear 0.25s; }

.field.error { position: relative; }

.field.error::after, .field.error::before { content: ""; position: absolute; z-index: 1; width: 1em; height: 0.25em; right: 1em; top: 50%; margin-top: -0.1em; border-radius: 1px; background: rgb(255, 255, 255); transform: rotate(45deg); }

.field.error::before { transform: rotate(-45deg); }

.field.error input { color: rgb(255, 255, 255); background: rgb(233, 109, 99); border-color: rgb(233, 109, 99); }

.field.ok { position: relative; }

.field.ok input { color: rgb(127, 202, 159); border-color: rgb(127, 202, 159); }

a.button, button, input[type="email"], input[type="number"], input[type="password"], input[type="submit"], input[type="text"], textarea { padding: 0.55em 1.5em; border: 1px solid rgb(135, 135, 135); border-radius: 0.375rem; line-height: 1.5em; margin: 0px; }

textarea { padding: 0.8em; }

input.code, textarea.code { font-family: "Lucida Console", Monaco, monospace; letter-spacing: 0.25em; text-transform: uppercase; }

input[type="checkbox"], input[type="radio"] { width: auto; margin-right: 0.5em; }

input[type="radio"] { appearance: radio; }

form .highlight { box-sizing: border-box; background: rgb(255, 255, 0); animation: 1s ease-out 0s infinite alternate none running field-highlight-throb; }

@media (min-width: 762px) {
  form .highlight { width: 106%; padding: 1em 3%; left: -3%; border-radius: 0.25em; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; }
}

@media (max-width: 761px) {
  form .highlight { width: 110%; padding: 0.5em 5% 1em; left: -5%; }
}

@keyframes field-highlight-throb { 
  0% { background: rgb(255, 255, 255); }
  100% { background: rgb(255, 255, 0); }
}

.page .select { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(223, 223, 223)); box-shadow: rgba(255, 255, 255, 0.5) 0px -1px 1px inset; border: 1px solid rgb(135, 135, 135); border-radius: 0.375rem; line-height: 1em; box-sizing: border-box; display: inline-block; }

.page .select::before { content: ""; position: absolute; border-width: 0.5em; border-style: solid; border-color: rgb(68, 68, 68) transparent transparent; top: 42%; right: 0.9em; }

.page .select select { position: relative; width: 100%; padding: 0.5em 0.75em; line-height: 1.5em; background-color: transparent; border: none; appearance: none; cursor: pointer; }

.page .select.harmony { position: relative; border: none; background: transparent !important; box-shadow: none !important; }

.page .select.harmony p { color: rgb(135, 135, 135); padding: 0.5em 0px; line-height: 1.5em; margin-bottom: -3em; }

.page .select.harmony select { opacity: 0; padding: 0.5em 0px; line-height: 1.5em; }

.page .select.harmony::before { border: transparent; }

body.dark .page .select { background: linear-gradient(rgb(34, 33, 39) 0px, rgb(34, 33, 39)); box-shadow: rgba(34, 33, 39, 0.5) 0px -1px 1px inset; }

body.dark .page .select select { color: rgb(135, 135, 135) !important; }

body.dark .page .select option { background: rgb(34, 33, 39); }

body.dark .main-text-color, body.dark .page.settings .select select { color: rgb(221, 221, 221) !important; }

@media (max-width: 761px) {
  form a.button, form button, form input[type="submit"] { padding: 0.75em 1em; }
}

.with-helper-text { display: inline-block; }

.with-helper-text p { margin-bottom: 0.5em; }

.with-helper-text .helper { margin-top: 0px; font-size: 0.8em; }

label { display: inline-block; }

hr { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(135, 135, 135); margin: 2.5em 0px; }

hr.narrow { margin: 1em 0px; }

hr.mini-margin { margin: 0.8em 0px; }

hr.no-margin { margin: 0px; }

hr.t-no-margin { margin: 0px 0px 2.5em; }

hr.b-no-margin { margin: 2.5em 0px 0px; }

ul { list-style: none; margin: 0px; padding: 0px; }

ul li { display: inline-block; }

.navigation .container { padding-top: 0px; }

.navigation:not(.single) { overflow: hidden; }

.navigation:not(.single) .container::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 50%; }

.navigation:not(.single) li { width: 20%; }

@media (max-width: 761px) {
  .navigation:not(.single) li a { font-weight: 400; font-size: 0.8em; }
}

@media (max-width: 761px) {
  .navigation:not(.single) ul.c5 li, .navigation:not(.single) ul.c6 li { width: 33.33%; }
  .navigation:not(.single) ul.c5 li:nth-child(n+4) { width: 50%; }
}

.navigation:not(.single) ul.c3 li { width: 33.33%; }

.navigation:not(.single) ul.c4 li { width: 25%; }

.navigation a { position: relative; display: block; padding: 1em 0px; text-align: center; }

.navigation:not(.single) a { border-bottom: none; }

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

@media (min-width: 762px) {
  .d-center { text-align: center; }
}

@media (max-width: 761px) {
  .m-left { text-align: left; }
}

.small { font-size: 0.8em; }

.m-small { font-size: 0.9em; }

.l-small { font-size: 0.7em; }

@media (max-width: 761px) {
  .mobile-text-small { font-size: 0.9em; }
}

.mini { font-size: 0.5em; }

.strong { font-size: 1.2em !important; }

.h2 { font-size: 1.25em; }

.big { font-size: 1.4em !important; }

.bigger { font-size: 2em !important; }

.settingIcon { font-size: 2.335em !important; }

.text3em { font-size: 4em !important; }

.text1_5em { font-size: 1.5em !important; }

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

.font-black { font-weight: 900 !important; }

.font-extrabold { font-weight: 800 !important; }

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

.font-semibold { font-weight: 600 !important; }

.font-medium { font-weight: 500 !important; }

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

.font-extralight { font-weight: 200 !important; }

.font-thin { font-weight: 100 !important; }

.lineheight160 * { line-height: 1.6em !important; }

.white { color: rgb(255, 255, 255) !important; }

.grey { color: rgb(135, 135, 135) !important; }

.pink { color: rgb(239, 66, 116) !important; }

.store { color: rgb(255, 69, 0) !important; }

.main-text-color { color: rgb(66, 66, 66) !important; }

.inline-block { display: inline-block !important; }

a.noline { border-bottom: 0px !important; }

.topline { border-top: 1px solid rgb(135, 135, 135); }

.buttomline { border-bottom: 1px solid rgb(135, 135, 135); }

.underline { border-bottom: 1px dashed rgb(135, 135, 135); }

.underline:hover { color: rgb(239, 66, 116) !important; }

.lineheight110 { line-height: 1.1em; }

.lineheight150 { line-height: 1.5em; }

.lineheight200 { line-height: 2em; }

div.bottomborder { border-bottom: 1px solid rgb(135, 135, 135) !important; }

.pointer { cursor: pointer; }

.full-width { width: 100%; }

.full-width, .half-width { box-sizing: border-box; }

.half-width { width: 50%; }

.half-width.border-left { border-radius: 0.25em 0px 0px 0.25em; border-right: 1px solid rgb(255, 255, 255); }

.half-width.border-right { border-radius: 0px 0.25em 0.25em 0px; }

@media (min-width: 762px) {
  .d-width-min-600 { min-width: 600px; }
}

.point { margin: 0.5em 0.5em 0.5em 1em; }

.point::before { position: absolute; left: -1.2em; font-weight: 600; content: "・"; }

.point.nop::before { left: 0px; }

form:last-child, h1:last-child, h2:last-child, p:last-child { margin-bottom: 0px; }

h1:first-child, h2:first-child, p:first-child { margin-top: 0px; }

@media (max-width: 761px) {
  h1.title { font-size: 1.5em; margin-bottom: 0px; padding: 0.5em 0px; background: rgb(187, 187, 187); border-radius: 0.25em; color: rgb(255, 255, 255); }
  .with-subtitle p, h1.title { text-align: center; }
}

.with-subtitle > .title { margin-bottom: 0px; }

p { line-height: 1.5em; }

h1, h2, p { margin: 1em 0px; }

.split span { display: inline-block; }

.top-nav .header { padding-top: 0px; background: rgb(66, 66, 66); color: rgb(255, 255, 255); }

.top-nav .header p { padding: 1em 0px; text-align: center; }

.top-nav .help { position: absolute; right: 0.5em; line-height: 2.3em; font-size: 1.5em; }

.top-nav.gold .help { line-height: 2em; color: gold; }

.top-nav:not(.gold) .help { background: radial-gradient(circle closest-side at center center, rgb(255, 255, 255), rgb(255, 255, 255) 90%, transparent 0px, transparent 100%); }

.top-nav.brand-d .header { background: rgb(66, 143, 205); }

.top-nav.brand-b .header { background: rgb(4, 85, 160); }

.top-nav.brand-e .header { background: rgb(0, 88, 96); }

.top-nav.brand-f .header { background: rgb(0, 179, 179); }

.top-nav.gold .header { background: rgb(136, 44, 111); color: rgb(253, 215, 0); }

.top-nav .setting { background: rgb(255, 255, 255); }

@media (max-width: 761px) {
  .top-nav .setting { font-size: 0.92em; }
}

.top-nav .setting-back { display: inline-block; width: 100%; max-width: 1024px; }

.top-nav .setting-back a { color: rgb(0, 179, 179); }

@media (min-width: 762px) {
  .top-nav .setting-back a:hover { border-color: rgb(0, 179, 179); }
}

body.dark .top-nav .setting { background: rgb(34, 33, 39); }

.module.promo-heading { background: rgb(4, 85, 160); text-align: center; border-radius: 3em 3em 0px 0px; }

@media (max-width: 761px) {
  .module.promo-heading { border-radius: 3em; }
}

.module.promo-heading.no-margin { margin-bottom: 0px; }

.module.promo-heading h2 { color: rgb(255, 255, 255); padding: 1em 0px; }

.module.promo-heading hr { margin: 0px; border: 0px; padding: 1px 0px; background: linear-gradient(90deg, rgb(242, 242, 242) 0px, rgb(4, 85, 160) 20%, rgb(4, 85, 160) 80%, rgb(242, 242, 242)); border-radius: 500px 500px 0px 0px; }

@media (max-width: 761px) {
  .module.promo-heading hr { display: none; }
}

body.nottouchdevice a, body.nottouchdevice a *, body.nottouchdevice button, body.nottouchdevice button *, body.nottouchdevice input[type="submit"], body.nottouchdevice input[type="submit"] * { transition: all 0.2s linear 0s; }

body.nottouchdevice a:hover, body.nottouchdevice a :hover, body.nottouchdevice button:hover, body.nottouchdevice button :hover, body.nottouchdevice input[type="submit"]:hover, body.nottouchdevice input[type="submit"] :hover { transition: all 0.05s linear 0s; }

body.nottouchdevice a.button, body.nottouchdevice button, body.nottouchdevice input[type="submit"] { transition: all 0.2s linear 0s; }

@media (min-width: 762px) {
  .stretch.vertical a.button:not([disabled]):not(.disabled):not(.warn):hover, .stretch.vertical button:not([disabled]):not(.disabled):not(.warn):hover, .stretch.vertical input[type="submit"]:not([disabled]):not(.disabled):not(.warn):hover { box-shadow: rgb(239, 66, 116) 0px 0px 0px 1px inset; background-color: rgb(255, 255, 255); }
}

a.button-with-arrow { position: absolute; line-height: 1em; color: rgb(239, 66, 116); font-weight: 600; text-transform: uppercase; font-size: 0.9em; transition: border-color 0.15s linear 0s; top: -2px; }

a.button-with-arrow.noupper { text-transform: inherit; }

a.button-with-arrow::before { content: ""; display: block; position: absolute; font-size: 0.8em; width: 0px; height: 0px; transition: all 0.15s linear 0s; font-family: iconfont !important; }

a.button-with-arrow.margin { margin: 1em 0px; }

a.button-with-arrow:hover::before { transition: all 0.05s linear 0s; }

a.button-with-arrow:hover { transition: none 0s ease 0s; }

a.button-with-arrow:not(.left) { right: 0px; padding: 0.25em 1.25em 0.25em 0.5em; }

a.button-with-arrow:not(.left)::before { right: 9px; border-left-color: rgb(239, 66, 116); }

a.button-with-arrow:not(.left):hover::before { right: 6px; }

a.button-with-arrow.left { padding: 0.25em 0.5em 0.25em 1.25em; }

a.button-with-arrow.left::before { left: 0px; border-right-color: rgb(239, 66, 116); }

a.button-with-arrow.left:hover::before { left: -3px; }

.notifications { display: none; position: relative; }

.notifications.visible, .notifications .w6.visible { display: block; }

.notifications .w6 { color: rgba(0, 0, 0, 0.65); border-radius: 0.15em; box-sizing: border-box; background: rgb(255, 255, 255); }

.notifications p { font-weight: 700; margin-bottom: 0px; padding: 1em 1.5em; color: rgb(255, 255, 255); }

.notifications .module.w6:last-of-type ul::before { content: ""; position: absolute; width: 1em; height: 1em; bottom: -0.5em; left: 50%; margin-left: -0.5em; transform: rotate(45deg); }

.notifications .module.w6:last-of-type ul::after { content: ""; position: absolute; width: 2em; height: 1em; background: rgb(255, 255, 255); bottom: 0px; left: 50%; margin-left: -1em; }

.notifications ul { line-height: 1.5em; padding: 1em 1.5em; }

.notifications li { display: block; margin-top: 0.75em; padding-top: 0.75em; border-top: 1px solid rgb(127, 202, 159); }

.notifications li:first-of-type { margin-top: 0px; padding-top: 0px; border-top: none; }

.notifications .success { box-shadow: rgb(127, 202, 159) 0px 0px 0px 2px; }

.notifications .success p, .notifications .success ul::before { background: rgb(127, 202, 159); }

.notifications .warning { box-shadow: rgb(244, 186, 112) 0px 0px 0px 2px; }

.notifications .warning p, .notifications .warning ul::before { background: rgb(244, 186, 112); }

.notifications .warning li { border-color: rgb(244, 186, 112); }

.notifications .notice { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px; }

.notifications .notice p { background: rgb(66, 143, 205); }

.notifications .notice ul::after, .notifications .notice ul::before { display: none; }

.notifications .notice li { border-color: rgb(66, 143, 205); }

.notifications .error { box-shadow: rgb(233, 109, 99) 0px 0px 0px 2px; }

.notifications .error p, .notifications .error ul::before { background: rgb(233, 109, 99); }

.notifications .error li { border-color: rgb(233, 109, 99); }

body.dark .notifications .w6 { background: rgb(34, 33, 39); color: rgb(221, 221, 221); }

body.dark .notifications p { color: rgb(34, 33, 39); }

body.dark .notifications .module.w6:last-of-type ul::after { background: rgb(34, 33, 39); }

input.notification-error { box-shadow: rgb(233, 109, 99) 0px 0px 0px 1px; color: rgb(233, 109, 99); border-color: rgb(233, 109, 99); }

.thumbnail img { position: absolute; width: 100%; height: 100%; border-radius: 2px; }

ul.social-links { display: inline-block; }

ul.social-links li a { height: 28px; width: 29px; display: block; border-radius: 50%; line-height: 30px; text-align: center; color: rgb(255, 255, 255) !important; }

ul.social-links li a.komiflo { background-color: rgb(239, 66, 116); }

ul.social-links li a.website { background-color: rgb(66, 143, 205); }

ul.social-links li a.pixiv { background-color: rgb(0, 151, 220); }

ul.social-links li a.twitter { background-color: rgb(0, 0, 0); }

ul.social-links li a.bluesky { background-color: rgb(0, 133, 255); }

ul.social-links li a.misskey { background-color: rgb(27, 30, 31); }

ul.social-links li a.facebook { background-color: rgb(59, 87, 157); }

ul.social-links li a.instagram { background: url("/assets/img/social/instagram@2x.png") 7px 6px no-repeat rgb(230, 50, 164); }

@media (min-width: 762px) {
  ul.social-links li a.web { background-color: rgb(66, 143, 205); }
  ul.social-links li a:hover { border-bottom-color: transparent !important; }
}

body.touchdevice .thumbnail { border-radius: 1px; }

body.touchdevice:not(.dark) .thumbnail { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px; }

body.nottouchdevice .thumbnail { border-radius: 2px; }

body.nottouchdevice:not(.dark) .thumbnail { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; }

body.nottouchdevice:not(.dark) .comic-preview.plus .thumbnail { box-shadow: rgb(237, 237, 237) 0px 0px 0px 2px; }

.thumbnail.user-owns { box-shadow: rgb(253, 215, 0) 0px 0px 0px 3px !important; }

@keyframes characterShake { 
  25% { transform: rotate(-10deg); }
  75% { transform: rotate(10deg); }
}

ul.pagination { text-align: center; }

ul.pagination li { padding: 0.5em 0px; }

ul.pagination li a, ul.pagination li span { padding: 0.75em; }

ul.pagination li > span { cursor: default; }

ul.pagination.character-nav li a, ul.pagination.character-nav li span { padding: 0.5em; margin: 0px 0.25em; border-radius: 50%; }

ul.pagination.character-nav li > span { background: rgb(66, 143, 205); color: rgb(255, 255, 255); }

ul.pagination.character-nav a { color: rgb(66, 143, 205); }

@media (min-width: 762px) {
  ul.pagination.character-nav a:hover { border-bottom-color: rgb(66, 143, 205); }
  ul.pagination.character-nav li a, ul.pagination.character-nav li span { min-width: 1em; display: block; border-bottom: none; transition: transform 0.15s ease-out 0s, background-color 0.25s ease-out 0s; }
  ul.pagination.character-nav li a:hover { background-color: rgb(66, 143, 205); color: rgb(255, 255, 255); transform: scale(1.2); }
  ul.pagination.character-nav li span:hover { animation: 0.25s linear 0s 1 normal none running characterShake; }
}

@media (max-width: 761px) {
  ul.pagination.character-nav { font-size: 0.9em; }
  ul.pagination.character-nav li a, ul.pagination.character-nav li span { padding: 0.4em; }
}

@media (max-width: 395px) {
  ul.pagination.character-nav li a, ul.pagination.character-nav li span { padding: 0.5em; margin: 0px; }
}

@media (max-width: 346px) {
  ul.pagination.character-nav li a, ul.pagination.character-nav li span { padding: 0.4em; }
}

.progress { transition: all 0.5s ease-out 0s; position: relative; display: block; width: 100%; height: 0.5em; border-radius: 0.5em; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 0.1em 0.5em; }

.progress:not(.show) { opacity: 0; transform: scaleY(0); }

.progress > * { position: absolute; display: block; top: 0px; left: 0px; height: 100%; background: rgb(239, 66, 116); border-radius: 0.5em 0px 0px 0.5em; transition: all 0.4s ease-out 0s; }

.progress.complete { transition: all 0.4s ease-out 1s; }

.progress.complete > * { border-radius: 0.5em; background: rgb(66, 143, 205); }

.progress.complete:not(.keep) { opacity: 0; transform: scaleY(0); }

body.dark .progress { background: rgb(34, 33, 39); }

.magazine-cover { border-bottom: none; }

.magazine-cover img { width: 100%; display: block; }

.magazine-cover .age-mask, .magazine-cover.exclusive > div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; line-height: 1.5em; }

.magazine-cover .age-mask { cursor: pointer; background-size: auto 100%; }

.magazine-cover .age-mask span { position: absolute; width: 100%; left: 0px; padding: 1em; font-size: 0.8em; box-sizing: border-box; border-radius: 1px; }

.magazine-cover.exclusive > div { position: relative; display: inline-block; padding-bottom: 136.89%; background: none; border: 2px solid rgb(255, 255, 255); border-radius: 0.15em; color: rgb(255, 255, 255); box-sizing: border-box; }

@media (min-width: 762px) {
  .magazine-cover.exclusive > div { display: none; }
}

.magazine-cover.exclusive > div p { position: absolute; display: block; width: 100%; padding: 0px 0.5em; top: 50%; margin-top: -1.5em; box-sizing: border-box; white-space: normal; }

@media (max-width: 413px) {
  .magazine-cover.exclusive > div p { margin-top: -2.25em; }
}

.magazine-cover.exclusive > div p span { display: inline-block; }

.magazine-cover.new { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(255, 255, 255, 0.4) 0px 0px 1em 0px; border-radius: 1px; z-index: 1; }

.magazine-cover.new::before { content: "NEW!"; display: block; position: absolute; bottom: -1em; left: 50%; width: 4em; margin-left: -2em; font-size: 0.8em; font-weight: 700; padding: 0.5em 0px; line-height: 1em; border-radius: 1em; background: rgb(239, 66, 116); color: rgb(255, 255, 255); text-align: center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; z-index: 2; }

.magazine-cover p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.adults-only { background: url("/assets/img/lander/adults_only_noheart@2x.png") 100% 0px / 35px no-repeat; }

body.policy-modal-on .modal-overlay { display: block !important; }

body.policy-modal-on .modal-overlay .modal-plain { position: fixed; bottom: 0px; width: 100%; background: rgb(255, 255, 255); padding: 2em; box-sizing: border-box; }

body.policy-modal-on .modal-overlay .modal-plain .button-container { text-align: right; }

body.policy-modal-on .modal-overlay .modal-plain h1 { font-size: 1.6em; }

body.policy-modal-on .modal-overlay .modal-plain .loading { display: none; }

@media (min-width: 762px) {
  body.policy-modal-on .modal-overlay .modal-plain { position: absolute; max-width: 640px; left: 50%; margin-left: -320px; top: 10%; border-radius: 0.5em; bottom: auto; }
  body.policy-modal-on .modal-overlay .modal-plain .button-container { text-align: left; }
}

body.policy-modal-loading .modal-plain button { display: none; }

body.policy-modal-loading .modal-plain .loading { display: block; }

.modal-overlay { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); }

.modal-overlay.show { display: block; }

.modal-overlay .modal { position: absolute; display: block; background: rgb(255, 255, 255); box-shadow: rgb(239, 66, 116) 0px 0px 0px 4px, rgb(239, 66, 116) 0px 0px 50px; border-radius: 1em; text-align: center; padding: 0px; }

.modal-overlay .modal.black { box-shadow: rgb(0, 0, 0) 0px 0px 0px 4px, rgb(239, 66, 116) 0px 0px 50px; }

.modal-overlay .modal.brand-d { box-shadow: rgb(66, 143, 205) 0px 0px 0px 4px, rgb(66, 143, 205) 0px 0px 50px; }

.modal-overlay .modal.brand-b { box-shadow: rgb(4, 85, 160) 0px 0px 0px 4px, rgb(4, 85, 160) 0px 0px 50px; }

.modal-overlay .modal.length4 .magazine-cover { box-shadow: rgb(168, 168, 168) 1px 1px 0px 0px, rgb(186, 186, 186) 2px 2px 0px 0px, rgb(153, 153, 153) 3px 3px 0px 0px, rgba(0, 0, 0, 0.25) 4px 4px 6px; margin-left: 0.25em !important; }

.modal-overlay .modal.length5 .magazine-cover { box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 2px; margin-left: -1em !important; }

.modal-overlay .modal.length6 .magazine-cover, .modal-overlay .modal.length7 .magazine-cover, .modal-overlay .modal.length8 .magazine-cover { box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 2px; display: inline-block; width: 16.67%; margin-left: -0.25em !important; }

.modal-overlay .modal .grid { text-align: left; }

.modal-overlay .modal .grid .module:not(.magazines-full) { left: 3em; }

.modal-overlay .modal .grid .magazine-cover { transform: rotate(5deg); border-radius: 1px; cursor: default; animation: 0.6s linear 0s 1 normal none running magazine-rotate; }

.modal-overlay .modal .grid .more { position: absolute; z-index: 1; right: 4em; top: 50%; margin-top: -3em; width: 6em; height: 6em; background: rgb(66, 143, 205); border-radius: 3em; text-align: center; box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 2px; }

.modal-overlay .modal .grid .more span { position: relative; display: block; color: rgb(255, 255, 255); }

.modal-overlay .modal .grid .more span:first-of-type { margin-top: 0.5em; font-size: 2em; }

.modal-overlay .modal .magazines-full { text-align: center; }

.modal-overlay .modal .top { position: relative; width: 100%; background: rgb(239, 66, 116); padding: 0.75em 0px; font-size: 2em; border-radius: 0.4em 0.4em 0px 0px; margin-bottom: 1em; }

.modal-overlay .modal .top > * { color: rgb(255, 255, 255); font-size: 1em; font-weight: 700; margin-bottom: 0px; }

.modal-overlay .modal .top h2 { font-size: 0.65em; }

.modal-overlay .modal.black .top { background: rgb(0, 0, 0); }

.modal-overlay .modal.brand-d .top { background: rgb(66, 143, 205); }

.modal-overlay .modal.brand-b .top { background: rgb(4, 85, 160); }

.modal-overlay .modal p { margin: 0px 1.25em; }

.modal-overlay .modal p:not(.small) { margin: 1em; }

.modal-overlay .modal p.medium { font-size: 1.25em; }

.modal-overlay .modal p.small:not(.close) { color: rgb(135, 135, 135); margin-bottom: 1em; }

.modal-overlay .modal p.close { color: rgb(135, 135, 135); cursor: pointer; font-size: 0.8em; padding-bottom: 1.3em; text-decoration: underline; }

.modal-overlay .modal .button, .modal-overlay .modal button { font-size: inherit; }

#access.modal-overlay { background: rgb(242, 242, 242); }

#access.modal-overlay .modal p:not(.close) { color: rgb(66, 66, 66); }

#access.modal-overlay .modal h2 { font-weight: 300; }

#access.modal-overlay .modal .close { padding: 0px 1em 1.5em; }

#access.modal-overlay .modal button { font-size: 1.4em; font-weight: 600; background: red; border-color: red; margin: 0.5em 0px; }

.modal-overlay { display: none; }

@media (max-width: 761px) {
  .modal-overlay:not(#access):not(.policy) { display: none !important; }
  .modal-overlay .modal { height: 100%; overflow-y: scroll; border-radius: 0px; }
  .modal-overlay .modal .top { box-sizing: border-box; border-radius: 0px; padding-left: 1em; padding-right: 1em; }
}

@media (min-width: 762px) {
  .modal-overlay .modal { width: 600px; top: 33.3%; left: 50%; margin-top: -150px; margin-left: -300px; }
}

.hide-all { display: none !important; }

@media (max-width: 761px) {
  .hide-mobile { display: none !important; }
}

@media (min-width: 762px) {
  .hide-desktop { display: none !important; }
}

@media (min-width: 1016px) {
  .hide-medium-desktop { display: none; }
}

@media (max-width: 1015px) {
  .hide-tablet-and-mobile { display: none; }
}

form.l30r70 > div { position: relative; margin-bottom: 1em; }

form.l30r70 > div > * { position: relative; display: inline-block; }

@media (min-width: 762px) {
  form.l30r70 > div > span { float: left; width: 30%; }
  form.l30r70 > div > :not(span):not([type="checkbox"]) { width: 70%; }
}

form.l30r70 > div > span { padding: 0.5em 0px; border-top: 1px solid transparent; }

form.l30r70 > div::after { clear: both; }

div.confirm-text { vertical-align: middle; padding: 0.5em 0px; }

input[type="password"].invalid { border-color: rgb(233, 109, 99); }

p.help-text { margin: 0px; font-size: 0.75em; }

p.help-text.invalid { color: rgb(233, 109, 99); }

.text-kerning { font-feature-settings: "palt"; }

.text-kerning.span-05 { letter-spacing: 0.05em; }

.border { border: 1px solid rgb(135, 135, 135); }

.border-t { border-width: 1px 0px 0px; }

.border-r { border-width: 0px 1px 0px 0px; }

.border-b { border-width: 0px 0px 1px; }

.border-l { border-width: 0px 0px 0px 1px; }

.border-grayop04 { border-color: rgba(135, 135, 135, 0.4); }

.round-sm { border-radius: 0.3em; }

.round { border-radius: 0.6em; }

.round-b { border-radius: 0px 0px 0.6em 0.6em; }

.round-lg { border-radius: 1.2em; }

.flex { display: flex !important; }

.flex-1 { flex: 1 1 0%; }

.flex-2 { flex: 2 2 0%; }

.flex-3 { flex: 3 3 0%; }

.flex-4 { flex: 4 4 0%; }

.space-x-0\.5 > * + * { margin-left: 0.125rem; }

.space-x-1 > * + * { margin-left: 0.25rem; }

.space-x-2 > * + * { margin-left: 0.5rem; }

.space-x-3 > * + * { margin-left: 0.75rem; }

.space-x-4 > * + * { margin-left: 1rem; }

.space-x-6 > * + * { margin-left: 1.5rem; }

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

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

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

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

@media (max-width: 761px) {
  .mobile\:items-start { align-items: flex-start !important; }
}

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

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

@media (min-width: 768px) {
  .md\:flex { display: flex !important; }
  .md\:flex-1 { flex: 1 1 0%; }
}

.absolute { position: absolute; }

.relative { position: relative; }

.y-0 { top: 0px; }

.y-1\/2 { top: 50%; transform: translateY(-50%); }

.x-1\/2 { left: 50%; transform: translateX(-50%); }

.x-100 { right: 0px; }

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

@media (max-width: 749px) {
  .modern a.button, .modern button, .modern input, .modern select, .modern textarea, body .modern { font-size: 9pt; }
  .modern a.button.small, .modern a.button .small, .modern button.small, .modern button .small, .modern input.small, .modern input .small, .modern select.small, .modern select .small, .modern textarea.small, .modern textarea .small, body .modern.small, body .modern .small { font-size: 0.9em; }
  body:not(.dark) .modern h2 { color: rgb(66, 66, 66); }
}

@media (min-width: 762px) {
  .menu-show header:not(.hide) .icon.menu i:not(.top) { opacity: 0; }
  .menu-show header:not(.hide) .icon.menu::after { transform: rotate(45deg) translate(-5px, -5px); width: 24px; }
  .menu-show header:not(.hide) .icon.menu i.top { transform: rotate(-45deg) translate(-5px, 5px); width: 24px; }
}

body.authenticated.dark header:not(.hide) .icon.notifications { opacity: 0.65; }

header:not(.hide) .module .icon { height: 72px; }

header:not(.hide) .module .icon.magazines { background-image: url("/assets/img/icon_header_magazines@2x.png"); }

header:not(.hide) .module .icon.magazines span { padding-left: 19px; }

header:not(.hide) .module .icon.readinglist { background-image: url("/assets/img/icon_header_readinglist@2x.png"); }

header:not(.hide) .module .icon.readinglist span { padding-left: 24px; }

header:not(.hide) a:hover { border-color: transparent; }

header:not(.hide) .icon-f { line-height: 1.1em; font-size: 1.5em; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: end; margin-bottom: 0px !important; }

header:not(.hide) .icon-f.left { align-items: start; }

header:not(.hide) .icon span { margin-left: 0px; }

header:not(.hide) .icon.menu { position: relative; display: block; background: none; cursor: pointer; z-index: 1; }

header:not(.hide) .icon.menu::after, header:not(.hide) .icon.menu i { position: absolute; content: ""; display: block; width: 20px; height: 2px; background: rgb(239, 66, 116); border-radius: 2px; left: auto; right: 0px; margin-left: -10px; top: 50%; margin-top: -1px; transition: all 0.15s linear 0s; pointer-events: none; }

header:not(.hide) .icon.menu i.top { margin-top: -8px; }

header:not(.hide) .icon.menu::after { margin-top: 6px; }

header:not(.hide) .icon.logo { background: url("/assets/img/tileset@2x.png?a") 0px -280px / auto 356px repeat; overflow: hidden; }

header:not(.hide) .icon.logo:not(.w4) { width: 128px; }

header:not(.hide) .icon.logo h1 { font-size: 0px; color: transparent; }

header:not(.hide) .icon.logo.hide-mobile { background-position: 0px center; }

@media (min-width: 762px) {
  header > .grid { padding-top: 1.25em; }
  header > .grid > .module { margin-bottom: 1.25em; }
}

body.unauthenticated header .icon.logo { width: 100%; height: 28px; }

body.unauthenticated header .module { margin-bottom: 0px; }

@media (max-width: 761px) {
  body.authenticated header .icon.logo { background: none; }
  body.authenticated header .icon.logo::before { content: ""; position: relative; display: block; width: 21px; height: 24px; margin: 0px auto; background: url("/assets/img/tileset@2x.png?a") 0px -167px / auto 356px no-repeat; }
}

.search-overlay, header { user-select: none; }

body.menu-show header .icon.menu { background-position: 100% 5px; background-repeat: no-repeat; }

body.authenticated.dark .search-overlay { background: rgb(4, 85, 160); }

body:not(.dark) .search-overlay input[type="submit"] { background: rgb(255, 255, 255); color: rgb(239, 66, 116); }

@media (min-width: 762px) {
  body:not(.dark) .search-overlay input[type="submit"]:not([disabled]):not(.disabled):not(.warn):hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(239, 66, 116) 0px 0px 0px 1.3em inset; color: rgb(255, 255, 255); }
}

.search-overlay { opacity: 0; overflow: hidden; transition: opacity 0.2s ease-out 0s; background: rgb(239, 66, 116); }

.search-overlay .grid { height: 0px; padding: 0px; overflow: hidden; }

.search-overlay input[type="submit"] { font-size: 12pt; padding: 0.2em 0px; border: none; height: auto !important; }

.search-overlay .module { height: 28px; }

.search-overlay .module input[type="text"] { width: 100%; box-sizing: border-box; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; height: 100%; color: rgb(255, 255, 255); font-size: 12pt; padding: 0.2em 0px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.5); border-radius: 0px; background: transparent !important; }

.search-overlay .module input[type="text"]:focus { outline: none; border-color: rgb(255, 255, 255); transition: none 0s ease 0s; }

.search-overlay .module input[type="text"]::placeholder { font-size: 12pt; color: rgba(255, 255, 255, 0.5); padding-left: 0.2em; }

.search-overlay .module input[type="text"]::-webkit-input-placeholder { font-size: 12pt; color: rgba(255, 255, 255, 0.5); padding-left: 0.2em; }

.search-overlay .module.search { background: url("/assets/img/tileset@2x.png?a") -114px -174px / auto 356px no-repeat; }

.search-overlay .module.search, .search-overlay .module input { transform: translate(48px); }

.search-overlay .module.close { background-image: url("/assets/img/tileset@2x.png?a"); background-position: 214px -18px; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; cursor: pointer; background-size: auto 356px !important; }

@media (min-width: 762px) and (max-width: 1015px) {
  .search-overlay .module.close { width: 10%; }
}

body.search-show .search-overlay { opacity: 1; transition: opacity 0.2s ease-out 0s; }

body.search-show .search-overlay .grid { height: 28px; padding: 1.6% 0px; transition: none 0s ease 0s; }

body.search-show .search-overlay .search, body.search-show .search-overlay input { transform: translate(0px); transition: all 0.2s ease-out 0s; }

@-webkit-keyframes notifications-dot-throb { 
  0%, 15% { box-shadow: rgb(239, 66, 116) 0px 0px 0px; }
  60% { box-shadow: rgb(255, 255, 255) 0px 0px 0px 7px, rgba(239, 66, 116, 0) 0px 0px 1px 8px; }
  75% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 7px; }
  100% { box-shadow: none; }
}

@keyframes notifications-dot-throb { 
  0%, 15% { box-shadow: rgb(239, 66, 116) 0px 0px 0px; }
  60% { box-shadow: rgb(255, 255, 255) 0px 0px 0px 7px, rgba(239, 66, 116, 0) 0px 0px 1px 8px; }
  75% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 7px; }
  100% { box-shadow: none; }
}

@-webkit-keyframes notifications-dot-throb-dark { 
  0%, 15% { box-shadow: rgb(239, 66, 116) 0px 0px 0px; }
  60% { box-shadow: rgb(34, 33, 39) 0px 0px 0px 7px, rgba(239, 66, 116, 0) 0px 0px 1px 8px; }
  75% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 7px; }
  100% { box-shadow: none; }
}

@keyframes notifications-dot-throb-dark { 
  0%, 15% { box-shadow: rgb(239, 66, 116) 0px 0px 0px; }
  60% { box-shadow: rgb(34, 33, 39) 0px 0px 0px 7px, rgba(239, 66, 116, 0) 0px 0px 1px 8px; }
  75% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 7px; }
  100% { box-shadow: none; }
}

@media (max-width: 761px) {
  header .module { height: 24px; }
  body.menu-show header .icon.menu { transition: background-image 0.25s linear 0.25s; }
  body:not(.menu-show) header .icon.menu.dot { position: relative; }
  body:not(.menu-show) header .icon.menu.dot::before { content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 4px; top: 50%; margin-top: -13.5px; background: rgb(239, 66, 116); border-radius: 8px; animation: 1.5s linear 0s infinite normal none running notifications-dot-throb; border: 2px solid rgb(255, 255, 255); }
}

body:not(.menu-show) header .icon.menu.force-dot { position: relative; }

.menu-container i.new::after, body:not(.menu-show) header .icon.menu.force-dot::before { content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 4px; top: 50%; margin-top: -13.5px; background: rgb(239, 66, 116); border-radius: 8px; animation: 1.5s linear 0s infinite normal none running notifications-dot-throb; border: 2px solid rgb(255, 255, 255); }

body.authenticated.dark .menu-container i.new::after, body.authenticated.dark header .icon.menu.dot::before, body.authenticated.dark header .icon.menu.force-dot::before { animation: 1.5s linear 0s infinite normal none running notifications-dot-throb-dark; border: 2px solid rgb(34, 33, 39); }

.menu-container i.new::after { animation: auto ease 0s 1 normal none running none !important; }

@media (min-width: 762px) {
  .search-overlay .icon, .search-overlay .module, header .icon, header .module { background-size: auto 24px; height: 28px !important; }
  .search-overlay .icon.menu, header .icon.menu { transition: background-image 0.25s linear 0s; }
}

@media (min-width: 762px) and (max-width: 1015px) {
  header .icon.none { margin-left: 1.75em; }
}

body.unauthenticated .artist-header { overflow: visible; background: transparent; }

body.unauthenticated .artist-header .background-image { display: none; }

@media (max-width: 761px) {
  body.unauthenticated .artist-header::before { content: ""; position: absolute; top: -70px; left: 0px; width: 100%; height: 70px; background: rgb(4, 85, 160); z-index: -2; }
  body.unauthenticated .artist-header .container.full.top.mobile { text-align: center; padding-top: 0px; margin-top: 1em; }
  body.unauthenticated .artist-header .container.full.top.mobile h2 { color: rgb(255, 255, 255); padding-bottom: 0.5em; }
  body.unauthenticated .artist-header .container.full.bottom { background: rgb(255, 255, 255); padding-top: 0px; }
  body.unauthenticated .artist-header .container.full.bottom .grid { padding-top: 0px; }
  body.unauthenticated .artist-header a.tankoubons { color: rgb(239, 66, 116); padding-top: 1em; margin-top: 3px; }
  body.unauthenticated .artist-header a.tankoubons.selected { border-color: rgb(239, 66, 116); }
}

@media (min-width: 762px) {
  body.unauthenticated .artist-header .module.w1-2 { width: auto; text-align: left; }
  body.unauthenticated .artist-header .module.w1-2.right > * { float: left; margin-left: 0.5em; margin-top: 0.75em; }
}

.artist-banner-gradient { display: none; }

body.unauthenticated .artist-banner-gradient { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 156px; background: rgb(4, 85, 160); z-index: -1; overflow-x: hidden; }

body.unauthenticated .artist-banner-gradient::after { position: absolute; content: ""; display: block; left: 40%; top: 0px; width: 60%; height: 100%; background: linear-gradient(90deg, rgb(4, 85, 160) 0px, rgba(4, 85, 160, 0)); z-index: 1; }

body.unauthenticated .artist-banner-gradient img { position: absolute; left: 40%; height: 100%; filter: saturate(0); opacity: 0.25; transition: all 0.3s ease-out 0s; }

body.unauthenticated .artist-banner-gradient img.age-mask { opacity: 0; }

@media (min-width: 762px) {
  body.unauthenticated .artist-banner-gradient { overflow: hidden; height: auto; }
  body.unauthenticated .artist-banner-gradient::before { position: absolute; content: ""; display: block; left: 0px; top: 0px; width: 50%; height: 100%; background: rgb(4, 85, 160); z-index: 1; }
  body.unauthenticated .artist-banner-gradient::after { width: 50%; left: 50%; }
  body.unauthenticated .artist-banner-gradient img { height: 200%; left: 50%; top: -25%; opacity: 0.15; filter: blur(5px) saturate(0); }
}

@media (min-width: 762px) {
  .follow-container #follow-button { margin-top: -0.2em; }
}

.follow-container #follow-button .business { visibility: hidden; }

body.authenticated .artist-header::before { content: ""; backdrop-filter: blur(10px); position: absolute; inset: -5px; z-index: 1; }

body.authenticated .artist-header .background-image { position: absolute; width: 100%; transform: scale(1.1); }

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
  body.authenticated .artist-header .background-image { filter: blur(10px); }
}

body.authenticated .artist-header .container { z-index: 2; padding-top: 0px; }

body.authenticated .artist-header .container.top.mobile { font-size: 0.8em; }

body.authenticated .artist-header .container.top.mobile button { font-size: 1em; }

body.authenticated .artist-header .container.bottom { background: rgba(0, 0, 0, 0.5); }

body.authenticated .artist-header .container.top { background: rgba(4, 85, 160, 0.6); }

body.authenticated .artist-header .container.top.no-img { background: rgb(4, 85, 160); }

body.authenticated .artist-header.plus .container.top { background: rgba(136, 44, 111, 0.6); }

body.authenticated .artist-header.plus .container.top.no-img { background: rgb(136, 44, 111); }

body.authenticated .artist-header a.tankoubons, body.authenticated .artist-header h2 { color: rgb(255, 255, 255); }

body.authenticated .artist-header .right > .tankoubons:hover { border-bottom-color: rgb(255, 255, 255); transition: none 0s ease 0s; }

@media (max-width: 761px) {
  body.authenticated .artist-header h2 { margin-top: 0.6em; }
}

@media (min-width: 762px) {
  body.authenticated .artist-header .social-links { margin-left: 0px; }
  body.authenticated .artist-header .follow-container { min-height: 2.5em; }
  body.authenticated .artist-header .container.with-tankoubons > .grid { padding-top: 2em; }
  body.authenticated .artist-header .container.with-tankoubons > .grid > .module { margin-bottom: 0px; }
  body.authenticated .artist-header .container.with-tankoubons > .grid > .module .follow-container { margin-left: 1em; }
  body.authenticated .artist-header .container.with-tankoubons > .grid > .module .social-links { margin-right: 1em; }
  body.authenticated .artist-header .container.with-tankoubons > .grid > .module .tankoubons { padding: 0px 1em 2em; margin-left: 0px; border-bottom: 3px solid transparent; }
  body.authenticated .artist-header .container.with-tankoubons > .grid > .module .tankoubons.selected { color: rgba(255, 255, 255, 0.85); border-bottom-color: rgb(255, 255, 255); background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.25)); }
}

.artist-header { position: relative; overflow: hidden; }

@media (min-width: 336px) {
  .artist-header .header--links { margin-right: 3.8%; }
}

@media (max-width: 761px) {
  .artist-header .desktop { display: none; }
  .artist-header .container.bottom .module.w1-2, .artist-header .container.bottom .nav { margin-bottom: 0px; }
  .artist-header a.tankoubons { padding: 0px 0.75em 1em; display: inline-block; }
  .artist-header a.tankoubons.selected { border-bottom: 3px solid rgb(255, 255, 255); }
  .artist-header .social-links.additional { margin-top: -6px; margin-bottom: 0px; }
}

@media (min-width: 762px) {
  .artist-header .mobile { display: none; }
  .artist-header .social-links { margin-top: 0.4em; }
  .artist-header .right > * { float: right; margin-left: 2em; }
  .artist-header .right > .tankoubons { margin-top: 0.85em; }
  .artist-header h2 { margin-top: 0.3em; margin-bottom: 2em; }
}

.artist-header .social-links li { margin-left: 0.5em; }

.artist-header .social-links li:first-child { margin-left: 0px; }

.artists-list > .container { padding-top: 0px; }

.artists-list .artist-splash.no-content:nth-child(4n+1)::before, .artists-list .artist-splash.no-content:nth-child(4n+4)::before, .page.search .artist-splash.no-content:nth-child(4n+1)::before, .page.search .artist-splash.no-content:nth-child(4n+4)::before { background: rgb(4, 85, 160); }

.artists-list .artist-splash.no-content:nth-child(4n+2)::before, .artists-list .artist-splash.no-content:nth-child(4n+3)::before, .page.search .artist-splash.no-content:nth-child(4n+2)::before, .page.search .artist-splash.no-content:nth-child(4n+3)::before { background: rgb(66, 143, 205); }

body.authenticated.dark .artist-splash.no-content::before { background-color: rgb(34, 33, 39); }

body.authenticated.dark .artist-splash .new { border-bottom-color: rgb(53, 51, 62); }

.artist-splash { display: block; overflow: hidden; border: none; }

.artist-splash::before { content: ""; display: block; position: absolute; height: 110%; width: 110%; top: -5%; left: -5%; background-color: rgba(0, 0, 0, 0.6); transition: all 0.25s linear 0s; z-index: 1; }

.artist-splash.upcoming { border-bottom: 1px solid transparent; }

.artist-splash .new { position: absolute; display: block; top: -1.5em; right: -5em; width: 12em; padding: 3em 0px 1em; transform: rotate(45deg); background: rgb(66, 143, 205); color: rgb(255, 255, 255); z-index: 2; text-align: center; border-bottom: 1px solid rgb(242, 242, 242); }

.artist-splash img { position: absolute; display: block; top: -1%; left: -1%; height: auto; width: 102% !important; }

.artist-splash .name { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.artist-splash .name h2 { color: rgb(255, 255, 255); font-weight: 400; font-size: 2em; text-shadow: rgba(0, 0, 0, 0.75) 0px 1px 5px; backdrop-filter: blur(0px); }

@media (min-width: 762px) and (min-width: 762px) and (max-width: 1015px) {
  .artist-splash { min-height: 125px; }
}

@media (min-width: 762px) and (min-width: 1016px) and (max-width: 1269px) {
  .artist-splash { min-height: 170px; }
}

@media (min-width: 762px) and (min-width: 1270px) {
  .artist-splash { min-height: 200px; }
}

@media (min-width: 762px) {
  .artist-splash:hover { border-color: transparent; }
  .artist-splash:hover .new { opacity: 0; transition: none 0s ease 0s; }
  .artist-splash:hover::before { opacity: 0; transition: none 0s ease 0s; }
  .artist-splash:hover.no-content { background: rgb(239, 66, 116) !important; }
  .artist-splash:hover:not(.no-content) .name h2 { opacity: 0.5; transition: none 0s ease 0s; }
  .artist-splash:hover img { opacity: 1; transform: scale(1.025); transition: all 0.1s linear 0s; }
  .artist-splash:not(.swiper-slide) .name { top: 4em; }
  .artist-splash .coming-soon { position: absolute; left: -10%; width: 120%; bottom: 0px; font-size: 1.4em; font-weight: 700; color: rgb(255, 255, 255); padding: 0.75em 0px 1.5em; z-index: 2; text-align: center; background: linear-gradient(rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.5)); }
  .artist-splash::before { box-shadow: rgb(0, 0, 0) 0px 0px 2em inset; backdrop-filter: blur(5px) saturate(120%); }
  @supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
  .artist-splash:not(:hover) img { filter: blur(5px) saturate(150%); }
}
}

@media (max-width: 761px) {
  .artist-splash { min-height: 60px; }
  .artist-splash.swiper-slide { padding-top: 2.7% !important; }
  .artist-splash.swiper-slide h2 { font-size: 1.7em; }
  .artist-splash:not(.swiper-slide) .name { left: 1em; transform: translateY(-50%); }
  .artist-splash:not(.swiper-slide) .name h2 { font-size: 1.4em; }
  .artist-splash .new { right: -5.5em; padding-bottom: 0.5em; font-size: 0.9em; }
  .artist-splash.no-content .new { box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 0px 1px; }
  .artist-splash .coming-soon { position: absolute; display: block; right: 0px; width: 50%; height: 100%; top: 0px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; background: rgba(0, 0, 0, 0.6); z-index: 2; }
  .artist-splash .coming-soon::before { content: ""; position: absolute; display: block; left: -50%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent 0px, rgba(0, 0, 0, 0.6)); }
  .artist-splash .coming-soon span { position: absolute; display: block; width: 100%; top: 50%; margin-top: -0.5em; }
}

@media (min-width: 762px) {
  .artist-splash { width: 50%; float: left; box-sizing: border-box; max-width: 381px !important; }
  .artist-splash:nth-child(2n+1) { border-right: 1px solid transparent; }
  .artist-headers { max-width: 762px !important; }
  .artists.carousel .artist-splash:nth-child(2n+1) { border-right: none; }
}

@media (min-width: 1016px) {
  .artist-splash { width: 50%; float: left; box-sizing: border-box; max-width: 499.872px !important; }
  .artist-splash:nth-child(2n+1) { border-right: 1px solid transparent; }
  .artist-headers { max-width: 999.744px !important; }
  .artists.carousel .artist-splash:nth-child(2n+1) { border-right: none; }
}

@media (min-width: 1270px) {
  .artist-splash { width: 50%; float: left; box-sizing: border-box; max-width: 624.84px !important; }
  .artist-splash:nth-child(2n+1) { border-right: 1px solid transparent; }
  .artist-headers { max-width: 1249.68px !important; }
  .artists.carousel .artist-splash:nth-child(2n+1) { border-right: none; }
}

.artist-headers { margin: 0px auto; }

body.authenticated:not(.dark) .tankoubon .preview h2 { color: inherit; }

.tankoubon { background: rgb(255, 255, 255); border-radius: 0.5em; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.1em 0.5em 0px; }

.tankoubon > * { display: block; box-sizing: border-box; }

.tankoubon .preview { position: relative; overflow: hidden; padding: 1.5em 1.5em 2em; }

@media (max-width: 1015px) {
  .tankoubon .preview { padding-top: 0.75em; padding-left: 0.75em; padding-right: 0.75em; }
}

.tankoubon .preview .new, .tankoubon .preview .upcoming { position: absolute; z-index: 2; top: 0px; right: 0px; display: block; background: rgb(66, 143, 205); color: rgb(255, 255, 255); padding: 0.8em 1em 0.7em; border-radius: 0px 0.25em 0px 0.5em; opacity: 0.9; font-size: 0.8em; }

.tankoubon .preview .upcoming { background: rgb(4, 85, 160); }

.tankoubon .preview h2 { position: absolute; display: block; width: 100%; left: 0px; bottom: 0px; padding: 0.7em 1em; box-sizing: border-box; font-weight: 400; font-size: 0.8em; text-align: center; color: rgb(66, 66, 66); background: rgba(255, 255, 255, 0.9); z-index: 1; }

.tankoubon .summary { background: rgb(135, 135, 135); color: rgb(255, 255, 255); padding: 0.5em 0px 0.3em; text-align: center; }

.tankoubon .swiper-lazy-preloader { display: none; }

.tankoubon .thumbnail { width: 100%; padding-bottom: 0px; box-shadow: none !important; }

.tankoubon .thumbnail img { border-radius: 0.25em; position: relative; border-bottom: 0px; }

.tankoubon .info span { display: inline-block; margin: 0px 0.5em 0px 0.25em; color: rgb(237, 237, 237); }

.tankoubon .info span.title { margin: 0px 0.5em; color: rgb(204, 204, 204); }

@media (max-width: 761px) {
  .tankoubon .links { padding: 0px 0.8em; }
}

.tankoubon .links.mainlink { padding: 0px 1.5em 0.75em; }

@media (max-width: 1015px) {
  .tankoubon .links.mainlink { padding-left: 0.75em; padding-right: 0.75em; }
}

.tankoubon .links.other { background: rgb(242, 242, 242); padding: 0.75em 1.5em; }

@media (max-width: 1015px) {
  .tankoubon .links.other { padding-left: 0.75em; padding-right: 0.75em; }
}

.tankoubon .links.other .sb { gap: 0.75em; }

@media (max-width: 1015px) {
  .tankoubon .links.other .sb { gap: 0.375em; }
}

.tankoubon .links.mainlink > a.button { margin-top: 0px; }

.tankoubon .button-title { margin-bottom: 0.25em; color: rgb(135, 135, 135); }

.tankoubon .button, .tankoubon button { padding: 0.5em 0px; }

@media (max-width: 761px) {
  .tankoubon .button:first-of-type, .tankoubon button:first-of-type { margin-bottom: 0px; }
}

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
  .tankoubon .preview h2 { background: rgba(255, 255, 255, 0.75); }
}

body.unauthenticated .page.artist { margin-bottom: 2em; }

@media (min-width: 762px) {
  body.unauthenticated .page.artist .top h2 { color: rgb(255, 255, 255); font-size: 2em; opacity: 0.85; margin-top: 0px !important; margin-bottom: 0px !important; }
  body.unauthenticated .page.artist .top a.button { top: -0.35em; margin-top: 0px !important; }
  body.unauthenticated .page.artist .unauthenticated-area { background: rgb(255, 255, 255); border-radius: 1em; margin-bottom: 2em; border: 2px solid rgb(219, 219, 219); box-sizing: border-box; }
  body.unauthenticated .page.artist .unauthenticated-area p { margin-top: 1em; text-align: center; }
  body.unauthenticated .page.artist .unauthenticated-area .button { margin-bottom: 1em; }
}

@media (max-width: 761px) {
  body.unauthenticated .page.artist .unauthenticated-area { background: rgb(242, 242, 242); }
}

@media (max-width: 761px) {
  body.unauthenticated .page.artist .unauthenticated-summary p span { display: block; padding-top: 1em; text-align: center; margin-bottom: 1em; }
  body.unauthenticated .page.artist .unauthenticated-summary p .unauthenticated-button { margin-top: 1em; }
}

body.unauthenticated .page.artist .unauthenticated-summary p .button.brand-d { margin-left: 1em; }

@media (max-width: 761px) {
  body.unauthenticated .page.artist .unauthenticated-button { margin-bottom: 2em; }
}

body.unauthenticated .page.artist .results { padding-top: 0.5em; }

.loading-area .anim { position: relative; margin: 0px auto 2em; background-position: 0px 0px; background-repeat: no-repeat; background-size: auto 100%; opacity: 0; transition: opacity 1s linear 0s; }

.loading-area .anim.v1 { width: 38px; height: 90px; animation: 1s linear 0s 1 normal none running textReveal, 0.8s steps(7) 0.5s infinite alternate none running load01; opacity: 1; background-image: url("/assets/img/loading/01.png"); }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .loading-area .anim.v1 { background-image: url("/assets/img/loading/01@2x.png"); }
}

.loading-area .anim.v1.sp1 { width: 84px; background-image: url("/assets/img/loading/01_sp1.png"); animation: 1s linear 0s 1 normal none running textReveal, 0.8s steps(7) 0.5s infinite alternate none running load01sp1; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .loading-area .anim.v1.sp1 { background-image: url("/assets/img/loading/01_sp1@2x.png"); }
}

.loading-area .anim.v1.sp2 { background-image: url("/assets/img/loading/01_sp2.png"); }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .loading-area .anim.v1.sp2 { background-image: url("/assets/img/loading/01_sp2@2x.png"); }
}

.loading-area .anim.v1.sp3 { background-image: url("/assets/img/loading/01_sp3.png"); }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .loading-area .anim.v1.sp3 { background-image: url("/assets/img/loading/01_sp3@2x.png"); }
}

.loading-area .center { color: rgb(135, 135, 135); opacity: 0.75; animation: 1s ease 0s 1 normal none running textReveal; }

@keyframes animReveal { 
  0% { opacity: 0; }
  50% { opacity: 0; }
}

@keyframes textReveal { 
  0% { opacity: 0; }
  25% { opacity: 0; }
}

@keyframes load01 { 
  0% { background-position: 0px 0px; }
  50% { background-position: -266px 0px; }
  100% { background-position: -266px 0px; }
}

@keyframes load01sp1 { 
  0% { background-position: 0px 0px; }
  50% { background-position: -588px 0px; }
  100% { background-position: -588px 0px; }
}

.page.magazines { overflow: hidden; }

.page.magazines .module.icon { text-align: center; }

.page.magazines .module.icon .magazine-logo.header { display: inline-block; width: 290px; height: 100%; z-index: 2; }

@media (min-width: 762px) and (max-width: 1015px) {
  .page.magazines .module.icon .magazine-logo.header { width: 250px; }
}

@media (max-width: 761px) {
  .page.magazines .module.icon .magazine-logo.header { margin-top: 8px; margin-left: -8px; width: 230px; }
}

.page.magazines .module.icon .magazine-logo.header.none { text-align: center; color: rgb(255, 255, 255); line-height: 3em; font-size: 2em; font-weight: 600; }

@media (max-width: 761px) {
  .page.magazines .module.icon .magazine-logo.header.none { text-align: left; font-size: 1.6em; line-height: 3.1em; padding-left: 1em; }
}

.page.magazines .navigation:not(.single) { background: rgb(4, 85, 160); }

.page.magazines .navigation:not(.single).brand-d { background: rgb(66, 143, 205); }

.page.magazines .navigation:not(.single) h2 { color: rgb(255, 255, 255); line-height: 4.8em; margin-left: 1em; }

@media (max-width: 340px) {
  .page.magazines .navigation:not(.single) h2 { font-size: 1em; line-height: 6em; }
}

.page.magazines .navigation.single::before { content: ""; backdrop-filter: blur(18px); position: absolute; inset: 0px; z-index: 2; }

.page.magazines .navigation.single.nocover { background: rgb(4, 85, 160); }

.page.magazines .navigation.single img.bg { transform: scale(1.1); animation: 90s linear 0s infinite alternate none running magazineHeaderScroll; }

@keyframes magazineHeaderScroll { 
  0% { transform: translateY(0px) scale(1.1); }
  100% { transform: translateY(-90%) scale(1.1); }
}

.page.magazines .navigation.single .icon { filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px); }

.page.magazines .navigation .module { z-index: 3; height: 6em; }

.page.magazines img.bg { z-index: 1; position: absolute; width: 100%; }

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
  .page.magazines img.bg { filter: blur(18px); }
}

.page.magazines .title { color: rgb(255, 255, 255); text-align: left; font-size: 1.5em; padding: 0.8em 0px 0.7em 0.3em; height: 100%; }

.page.magazines .module.lineup, .page.magazines .module.magazines-top-link { color: rgb(255, 255, 255); font-size: 1em; line-height: 6em; cursor: pointer; text-align: right; }

@media (min-width: 1016px) {
  @keyframes lineup-hover { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(6px); }
}
}

.page.magazines .module.lineup a, .page.magazines .module.lineup p, .page.magazines .module.magazines-top-link a, .page.magazines .module.magazines-top-link p { display: inline-block; background: rgb(239, 66, 116); padding: 0.5em 1em; border-radius: 1.5em; transition: all 0.1s linear 0s; margin: 0px 1em; border-bottom: none; user-select: none; }

@media (max-width: 761px) {
  .page.magazines .module.lineup a, .page.magazines .module.lineup p, .page.magazines .module.magazines-top-link a, .page.magazines .module.magazines-top-link p { font-size: 0.9em; }
}

@media (max-width: 350px) {
  .page.magazines .module.lineup a, .page.magazines .module.lineup p, .page.magazines .module.magazines-top-link a, .page.magazines .module.magazines-top-link p { font-size: 0.75em; }
}

.page.magazines .module.lineup i, .page.magazines .module.magazines-top-link i { display: inline-block; text-shadow: none; margin-left: 0.25em; transition: all 0.1s linear 0s; }

@media (min-width: 762px) {
  .page.magazines .module.lineup:hover > p, .page.magazines .module.lineup a:hover, .page.magazines .module.magazines-top-link:hover > p, .page.magazines .module.magazines-top-link a:hover { transform: scale(1.1); }
  .page.magazines .module.lineup:hover > p i, .page.magazines .module.lineup a:hover i, .page.magazines .module.magazines-top-link:hover > p i, .page.magazines .module.magazines-top-link a:hover i { transform: rotate(90deg); }
}

.page.magazines .module.magazines-top-link { text-align: left; cursor: default; }

.page.magazines .module.magazines-top-link a { color: rgb(255, 255, 255); line-height: 1.5em; text-align: left; background: rgba(0, 0, 0, 0.65); }

.page.magazines.unauthenticated { margin: 3em 0px 5em; text-align: center; }

.page.magazines.unauthenticated h1 { margin: 0px; }

.page.magazines.unauthenticated li, .page.magazines.unauthenticated p { display: block; margin: 1em 0px; }

.page.magazines.unauthenticated .list { padding-top: 0px; }

.page.magazines .magazine-title { line-height: 1.2em; font-size: 2em; font-weight: 600; }

@media (max-width: 761px) {
  .page.magazines .magazine-title { font-size: 1.5em; }
}

.grid.loading { background: rgb(237, 237, 237); }

.grid.loading .strip { position: absolute; width: 50%; height: 0.25em; top: 50%; left: 25%; margin-top: -0.125em; background: rgb(255, 255, 255); overflow: hidden; }

.grid.loading .strip::before { content: ""; display: block; position: absolute; width: 50%; left: -50%; height: 100%; background: rgb(239, 66, 116); animation: 1s linear 0s infinite normal none running load-anim; }

body.authenticated.dark .grid.loading { background: rgb(53, 51, 62); }

body.authenticated.dark .grid.loading .strip { background: rgb(34, 33, 39); }

@keyframes load-anim { 
  0% { left: -50%; opacity: 0; }
  75% { left: 100%; }
  100% { left: 100%; }
}

.magazine-load { width: 100%; padding-bottom: 141.09%; animation: 0.5s linear 0s infinite alternate none running magazine-load-anim; background: rgb(135, 135, 135); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 2px inset; opacity: 0.25; }

@keyframes magazine-load-anim { 
  0% { opacity: 0.25; transform: scale(1); }
  100% { opacity: 0.1; transform: scale(0.95) translateY(2.5%); }
}

.mission-guide-container { position: relative; }

.mission-guide-container .close { position: absolute; z-index: 50; width: 50px; height: 50px; background: url("/assets/img/icon_header_close@2x.png") 50% center / 24px no-repeat; margin: auto 0px auto 335px; top: 0px; left: 50%; cursor: pointer; }

.mission-guide-container .close:hover { background-image: url("/assets/img/icon_header_close_white@2x.png"); }

@media (min-width: 1016px) and (max-width: 1269px) {
  .mission-guide-container .close { margin-left: 455px; }
}

@media (min-width: 1270px) {
  .mission-guide-container .close { margin-left: 581px; }
}

.mission-guide-container .mission-guide-banner { width: 100%; position: relative; border-bottom: 0px; display: flex; height: 50px; }

.mission-guide-container .mission-guide-banner::before { content: ""; display: block; position: relative; width: 100%; height: 100%; }

.mission-guide-container .mission-guide-banner.bavel { background: url("/assets/img/magazines/bavel_magazinerack_back.png") center top / auto 100% repeat-x; }

.mission-guide-container .mission-guide-banner.bavel::before { background: url("/assets/img/magazines/bavel_magazinerack_front.png") 50% center / auto 75% no-repeat; }

.mission-guide-container .mission-guide-banner.dascomi, .mission-guide-container .mission-guide-banner.special { background: url("/assets/img/magazines/dascomi_magazinerack_back.jpg") center top / auto 100% repeat-x; }

.mission-guide-container .mission-guide-banner.dascomi::before, .mission-guide-container .mission-guide-banner.special::before { background: url("/assets/img/magazines/dascomi_magazinerack_front.png") 50% center / auto 75% no-repeat; }

#magazine-lineup-menu-desktop { overflow: hidden; background: rgb(4, 85, 160); user-select: none; height: 0px; transition: height 0.15s ease-out 0s; }

#magazine-lineup-menu-desktop .container { padding-top: 0px; overflow: hidden; position: relative; }

#magazine-lineup-menu-desktop .container .swiper-wrapper { white-space: nowrap; margin-bottom: -3px; }

#magazine-lineup-menu-desktop .container .swiper-magazine-button { z-index: 2; height: 100%; position: absolute; cursor: pointer; }

#magazine-lineup-menu-desktop .container .swiper-magazine-button.disabled { display: none; }

#magazine-lineup-menu-desktop .container .swiper-magazine-button i { display: inline-block; color: rgb(255, 255, 255); font-size: 1.5em; padding-top: 20px; }

#magazine-lineup-menu-desktop .container .swiper-magazine-button.prev { text-align: center; background: linear-gradient(270deg, rgba(4, 85, 160, 0) 0px, rgb(4, 85, 160) 15%); top: 0px !important; left: 0px !important; }

#magazine-lineup-menu-desktop .container .swiper-magazine-button.prev:hover i { transition: transform 0.15s ease-in-out 0s; transform: translateX(-3px); }

#magazine-lineup-menu-desktop .container .swiper-magazine-button.next { text-align: center; background: linear-gradient(90deg, rgba(4, 85, 160, 0) 0px, rgb(4, 85, 160) 15%); top: 0px !important; right: 0px !important; }

#magazine-lineup-menu-desktop .container .swiper-magazine-button.next:hover i { transition: transform 0.15s ease-in-out 0s; transform: translateX(3px); }

#magazine-lineup-menu-desktop .container .swiper-slide { position: relative; display: inline-block; overflow: hidden; height: 45px; width: 135px; padding: 10px 0px; }

#magazine-lineup-menu-desktop .container .swiper-slide .magazine-logo { position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; overflow: hidden; height: 45px; width: 135px; }

#magazine-lineup-menu-desktop .container .swiper-slide .magazine-logo.none { text-align: center; color: rgb(255, 255, 255); line-height: 2.2em; font-size: 1.3em; font-weight: 600; }

@media (min-width: 762px) and (max-width: 1015px) {
  #magazine-lineup-menu-desktop .container .swiper-slide .magazine-logo.none { line-height: 2.5em; }
}

#magazine-lineup-menu-desktop .container .swiper-slide img.bg { z-index: 0; position: absolute; top: 0px; width: 100%; transform: scale(1.2) translateY(-7.5%); filter: blur(10px); transition: all 0.3s ease-out 0s; opacity: 0; }

#magazine-lineup-menu-desktop .container .swiper-slide:hover img.bg { opacity: 1; transform: translateY(-8.5%); filter: blur(0px); }

#magazine-lineup-menu-desktop.show { height: 64.6px; }

#magazine-lineup-menu-desktop.show-noanime { height: 0px !important; transition: none 0s ease 0s !important; }

#magazine-lineup-menu-mobile { width: 100%; height: 100%; z-index: 102; overflow: auto; background: rgba(0, 0, 0, 0.9); user-select: none; animation-name: lineup-show-mobile; animation-duration: 0.2s; }

#magazine-lineup-menu-mobile header { position: sticky; text-align: center; transition: none 0s ease 0s !important; }

#magazine-lineup-menu-mobile header p { font-weight: 900; color: rgb(239, 66, 116); }

#magazine-lineup-menu-mobile header p.new { display: inline-block; border-radius: 1em; color: rgb(255, 255, 255); background-color: rgb(239, 66, 116); padding: 0.1em 0.8em; margin: -0.1em 0px; white-space: nowrap; }

#magazine-lineup-menu-mobile header i.close { position: absolute; width: 24px; height: 24px; background: url("/assets/img/icon_header_close@2x.png") 50% center / 24px no-repeat; top: 50%; margin-top: -12px; }

#magazine-lineup-menu-mobile .main { padding-top: 0px; flex-grow: 1; }

#magazine-lineup-menu-mobile .magazine-icon { float: left; position: relative; overflow: hidden; width: 50%; height: 100px; background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.35)) rgb(91, 34, 55); }

#magazine-lineup-menu-mobile .magazine-logo { position: absolute; width: 90%; max-width: 250px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; }

#magazine-lineup-menu-mobile .bgblur { position: absolute; inset: 0px; z-index: 3; backdrop-filter: blur(8px); }

#magazine-lineup-menu-mobile .bgimage { position: absolute; inset: 0px; opacity: 0.6; z-index: 2; }

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
  #magazine-lineup-menu-mobile .bgimage { filter: blur(8px); }
}

#magazine-lineup-menu-mobile .magazine-icon-extra { float: left; text-align: center; width: 100%; background: rgb(255, 255, 255); font-size: 1.1em; padding: 1.2em 0px; }

@keyframes lineup-show-mobile { 
  0% { opacity: 0; transform: translateY(-30px); }
  50% { opacity: 0.8; transform: translateY(-2px); }
  100% { opacity: 1; transform: translateY(0px); }
}

#magazine-lineup-menu-mobile:not(.show) { display: none; }

body.touchdevice .swiper-magazine-button i { opacity: 0; }

#bottom-navigation { z-index: 50; }

#bottom-navigation .calendar { padding-bottom: 0px; }

#bottom-navigation.sticky-bottom .calendar { background: rgba(255, 255, 255, 0.9); }

@media screen and (orientation: portrait) {
  @supports (padding-bottom:env(safe-area-inset-bottom)) {
  #bottom-navigation.sticky-bottom .calendar { padding-bottom: calc(env(safe-area-inset-bottom) * 1.9); }
}
  @supports (padding-bottom:constant(safe-area-inset-bottom)) {
  #bottom-navigation.sticky-bottom .calendar { }
}
}

@media (max-width: 761px) {
  #bottom-navigation { order: 2; }
}

@media (min-width: 762px) {
  #bottom-navigation.onsticky { box-shadow: rgba(0, 0, 0, 0.08) 0px 2.5px 4px; border-top: 1px solid rgb(242, 242, 242); margin-top: -1px; transition: box-shadow 0.15s linear 0s; z-index: 101; }
}

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

body.authenticated.dark #bottom-navigation .date-filter { background: rgba(34, 33, 39, 0.95); }

@media (min-width: 762px) {
  body.authenticated.dark #bottom-navigation.onsticky { border-top: 1px solid rgb(34, 33, 39); }
}

body.authenticated.dark .magazine-icon .bgimage { opacity: 0.8; }

body.authenticated.dark .magazine-icon .colorfilter { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: rgb(34, 33, 39); z-index: 4; opacity: 0.7; }

body.authenticated.dark #magazine-lineup-menu-mobile .magazine-icon-extra { background: rgb(34, 33, 39); }

.magazine-logo::before { flex: 0 0 auto; content: ""; position: relative; display: block; width: 100%; padding-bottom: 34.1333%; background-image: url("/assets/img/magazines/magazine_logos.png??v=uf816adf2"); background-position: 100% center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; z-index: 2; background-size: 100% !important; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .magazine-logo::before { background: url("/assets/img/magazines/magazine_logos@3x.png??v=uf816adf2") 100% center no-repeat; }
}

.magazine-logo.none::before { display: none; }

.magazine-logo.kairakuten::before { background-position: 0px 0px; }

.magazine-logo.shitsurakuten::before { background-position: 0px 7.14286%; }

.magazine-logo.x-eros::before { background-position: 0px 14.2857%; }

.magazine-logo.beast::before { background-position: 0px 21.4286%; }

.magazine-logo.hotmilk::before { background-position: 0px 28.5714%; }

.magazine-logo.hotmilk-koime::before { background-position: 0px 35.7143%; }

.magazine-logo.megastore::before { background-position: 0px 42.8571%; }

.magazine-logo.bavel::before { background-position: 0px 50%; }

.magazine-logo.dascomi::before { background-position: 0px 57.1429%; }

.magazine-logo.gaira::before { background-position: 0px 64.2857%; }

.magazine-logo.isekairakuten::before { background-position: 0px 71.4286%; }

.magazine-logo.weekly-kairakuten::before { background-position: 0px 78.5714%; }

.magazine-logo.plus::before { background-position: 0px 85.7143%; }

.magazine-logo.original::before { background-position: 0px 92.8571%; }

.magazine-logo.wani-anthology::before { background-position: 0px 100%; }

.mascot-container .mascot { background: url("/assets/img/mascot/chanco/komiflo_error_404@2x.png") 100% 0px / auto 100% no-repeat; }

@media (max-width: 761px) {
  .mascot-container .mascot { background-position: center top; }
}

.mascot-container .mascot.hide-mobile > * { position: absolute; top: 50%; transform: translateY(-45%); width: 100%; }

.mascot-container .mascot.hide-mobile > * h1 { font-size: 1.8em; }

@media (max-width: 1015px) {
  .mascot-container .mascot.hide-mobile > * h1 { font-size: 1.6em; }
}

.mascot-container .mascot.center { background-position: center top; }

@media (min-width: 762px) {
  .mascot-container p:not(.small) { padding-right: 28%; }
  .mascot-container p:not(.small) .button:nth-of-type(2) { margin-left: 1.5em !important; }
}

@media (max-width: 761px) {
  .mascot-container p:not(.small) .button { margin: 0px 0.5em 0.75em; font-size: 0.9em; }
}

.mascot-container .credit { opacity: 0.25; }

.mascot-container .center.hide-desktop h1 { margin-top: 2em; font-size: 1.2em; line-height: 1.4em; }

.mascot-container.art-blank .mascot { background-image: url("/assets/img/mascot/chanco/komiflo_blank@2x.png"); }

.mascot-container.generic-error .mascot { background-image: url("/assets/img/mascot/chanco/komiflo_error@2x.png"); }

.mascot-container.generic-sorry .mascot { background-image: url("/assets/img/mascot/chanco/komiflo_sorry@2x.png"); }

.mascot-container.store-tada .mascot { background-image: url("/assets/img/mascot/chanco/store_tada.png"); }

.menu-container { position: static; opacity: 0; overflow: hidden; }

body:not(.menu-show) .menu-container ul { height: 0px; }

body:not(.menu-show) .menu-container ul li { height: 0px; overflow: hidden; }

body.menu-show .menu-container { opacity: 1; }

body:not(.dark) .menu-container .container.menu .module ul li { background: rgb(255, 255, 255); }

.menu-container .container.menu { position: absolute; }

.menu-container .container.menu a, .menu-container .container.menu a * { transition: none 0s ease 0s; }

.menu-container .container.menu .module ul { background: rgb(242, 242, 242); }

@media (min-width: 762px) {
  .menu-container .container.menu .module ul { border-right: 1px solid rgb(242, 242, 242); border-bottom: 1px solid rgb(242, 242, 242); border-left: 1px solid rgb(242, 242, 242); border-image: initial; border-top: none; }
}

.menu-container .container.menu .module ul li { width: 100%; display: block; }

.menu-container .container.menu .module ul li a { padding: 0px; border-radius: 0px; box-sizing: border-box; font-weight: inherit; color: inherit; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid rgb(242, 242, 242); display: block; }

.menu-container .container.menu .module ul li:first-child a { border: none; }

.menu-container .container.menu .module ul li span { display: inline-block; vertical-align: middle; padding: 1.5em 1.5em 1.5em 0px; }

@media (max-width: 320px) and (max-height: 515px) {
  .menu-container .container.menu .module ul li span { padding: 1.25em 0px; font-size: 0.9em; }
}

.menu-container .container.menu .module ul li i { position: relative; font-size: 1.6em; display: inline-block; vertical-align: middle; text-align: center; min-width: 2.7em; color: rgb(135, 135, 135); }

.menu-container .container.menu .module ul li i.icon-komifloplus, .menu-container .container.menu .module ul li i.icon-readinglist { transform: scale(0.9); }

.menu-container .container.menu .module ul li i.icon-mission { transform: scale(1.2); }

.menu-container .container.menu .module ul li i.pink { color: rgb(239, 66, 116) !important; }

.menu-container .container.menu .module ul li i.brand-b { color: rgb(4, 85, 160); }

.menu-container .container.menu .module ul li i.brand-d { color: rgb(66, 143, 205); }

.menu-container .container.menu .module ul li i.brand-e { color: rgb(0, 88, 96); }

.menu-container .container.menu .module ul li i.brand-f { color: rgb(0, 179, 179); }

.menu-container .container.menu .module ul li i.warning { color: rgb(233, 109, 99); }

.menu-container .container.menu .module ul li i.store { color: rgb(255, 69, 0); }

.menu-container .container.menu .module ul li i.purple { color: rgb(136, 44, 111); }

@media (max-width: 320px) and (max-height: 515px) {
  .menu-container .container.menu .module ul li i { font-size: 1.2em; min-width: 2em; }
}

.menu-container .container.menu .module ul li .underbar { position: relative; }

.menu-container .container.menu .module ul li .underbar::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; z-index: 0; background: rgba(233, 109, 99, 0.267); transition: width 0.25s ease-out 0s; }

body.authenticated.dark .menu-container .container.menu .module ul { background: rgb(53, 51, 62); border-radius: 4px; border: none !important; }

body.authenticated.dark .menu-container .container.menu .module ul li:hover a, body.authenticated.dark .menu-container .container.menu .module ul li a { background: rgb(34, 33, 39); border-top: 1px solid rgb(53, 51, 62) !important; }

body.authenticated.dark .menu-container .container.menu .module ul li:hover a:hover, body.authenticated.dark .menu-container .container.menu .module ul li a:hover { background: rgb(53, 51, 62); }

body.authenticated.dark .menu-container .container.menu .module ul li:hover:last-of-type a, body.authenticated.dark .menu-container .container.menu .module ul li:last-of-type a { border-radius: 0px 0px 3px 3px; }

header .icon.none span { margin-top: -2em; padding-top: 1.5em; padding-bottom: 1.5em; }

.nav-offset { height: 1px; }

@media (max-width: 761px) and (max-height: 700px) {
  body.menu-show .menu-container .container.menu .module ul li:not(.notifications) span { padding: 1.2em 1.5em 1.2em 0px; }
}

@media (max-width: 761px) and (max-height: 640px) {
  body.menu-show .menu-container .container.menu .module ul { font-size: 0.8em; }
  body.menu-show .menu-container .container.menu .module ul li:not(.notifications) span { padding: 1em 0px; }
}

@media (max-width: 761px) {
  .menu-container { position: absolute; }
  body.menu-show .menu-container { position: static; }
  .menu-slant { top: 0px; right: 0px; transition: background 0.25s ease-out 0.15s; z-index: 201; }
  body.authenticated.dark.menu-show .menu-container .menu-slant::after { border-bottom-color: rgb(34, 33, 39); }
  body.menu-show .menu-container .menu-slant { position: fixed; width: 12.7083%; height: 25px; padding-bottom: 7.6%; background-position: 50% center; background-size: 24px; }
  body.menu-show .menu-container .menu-slant, body.menu-show .menu-container .menu-slant::after, body.menu-show .menu-container .menu-slant::before { animation: 0.25s ease-out 0s 1 normal none running pushmenu; }
  body.menu-show .menu-container .menu-slant::after, body.menu-show .menu-container .menu-slant::before { content: ""; position: absolute; left: -71px; width: 71px; height: 100%; border-width: 4em; border-style: solid; border-color: transparent transparent rgb(135, 135, 135); border-image: initial; bottom: 0px; }
  body.menu-show .menu-container .menu-slant::after { border-bottom-color: rgb(255, 255, 255); left: -69.5px; z-index: 1; }
  body.menu-show .menu-container .menu-slant span { position: absolute; width: 24px; height: 24px; background: url("/assets/img/icon_header_close@2x.png") 50% center / 24px no-repeat; top: 50%; margin-top: -12px; animation: 0.3s ease-out 0s 1 normal none running pushmenu; z-index: 2; }
  body.menu-show .menu-container .container.menu { position: fixed; height: 100%; padding-top: 0px; background: rgba(0, 0, 0, 0.75); animation: 0.25s ease-out 0s 1 normal none running pushmenubg; z-index: 200; }
  body.menu-show .menu-container .container.menu li { display: inline-block; }
  body.menu-show .menu-container .container.menu .module { height: 100%; }
  body.menu-show .menu-container .container.menu .module ul { border-top: 1px solid rgb(135, 135, 135); width: 100%; height: 100%; animation: 0.25s ease-out 0s 1 normal none running pushmenu; }
}

@media (min-width: 762px) {
  body.nottouchdevice .menu-container { }
  body.nottouchdevice .menu-container ul li { transition: background 0.2s linear 0s; }
  body.nottouchdevice .menu-container ul li:hover { transition: none 0s ease 0s; }
  body.fancy.nottouchdevice:not(.dark) .menu-container .container.menu ul li:first-child::before { transition: border-bottom-color 0.2s linear 0s; }
  .menu-container .container.menu { padding-top: 0px; overflow: hidden; }
  .menu-container .container.menu ul { position: fixed; left: 50%; z-index: 102; width: 200px; margin-left: 169px; border-radius: 0px 0px 4px 4px; }
  .menu-container .container.menu ul li:hover { background-color: rgb(242, 242, 242); }
  .menu-container .container.menu ul li:last-child { border-radius: 0px 0px 4px 4px; }
  .menu-container .container.menu ul li.hide-desktop { display: none !important; }
  .menu-container .container.menu ul.shadow { z-index: 99; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }
  body.fancy .menu-container .container.menu ul li:first-child { border-radius: 4px 0px 0px; }
}

@media (min-width: 762px) and (min-width: 1270px) {
  body.fancy .menu-container .container.menu ul li:first-child { border-radius: 4px 4px 0px 0px; }
}

@media (min-width: 762px) {
  body.fancy:not(.dark) .menu-container .container.menu ul li:first-child::before { content: ""; display: block; position: absolute; top: -20px; right: 0px; border-width: 10px; border-style: solid; border-color: rgb(242, 242, 242) rgb(242, 242, 242) rgb(255, 255, 255); border-image: initial; }
}

@media (min-width: 762px) and (min-width: 1270px) {
  body.fancy:not(.dark) .menu-container .container.menu ul li:first-child::before { right: 0.6em; }
}

@media (min-width: 762px) {
  body.menu-show .menu-container ul { transform-origin: center top; animation: 0.2s ease 0s 1 normal none running foldmenu; }
}

header:not(.hide)::before { content: ""; position: absolute; left: -240px; width: 0px; height: 0px; bottom: 0px; border-left: 120px solid transparent; border-right: 120px solid transparent; border-bottom: 120px solid transparent; }

.tagsearch-show header:not(.hide)::before { border-bottom: 120px solid rgba(0, 0, 0, 0.8); left: -120px; transition: left 0.15s ease-out 0s; }

.tagsearch-show header { box-shadow: none; }

.tagsearch { position: fixed; z-index: 200; width: 100%; height: 0px; background: rgb(0, 0, 0); overflow: hidden scroll; padding: 0px 3.8%; box-sizing: border-box; transition: height 0.15s ease-out 0s; }

.tagsearch .loading { margin-top: 1em; text-align: center; color: rgb(255, 255, 255); }

.tagsearch h2 { color: rgb(255, 255, 255); font-size: 1em; margin-bottom: 0px; }

.tagsearch .button.brand-d, .tagsearch h2 { margin-top: 1.5em; }

.tagsearch .search.grid { left: 0px; }

.tagsearch .search.grid input { background: rgb(0, 0, 0); border-radius: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); width: calc(95% - 80px); }

.tagsearch .search.grid input[type="submit"] { background: rgb(255, 255, 255); color: rgb(239, 66, 116); border: 0px; border-radius: 999px; padding-top: 0.5em; padding-bottom: 0.5em; margin-right: 0px; float: right; width: 80px; }

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
  .tagsearch { background: rgba(0, 0, 0, 0.75); }
  .tagsearch-show header:not(.hide)::before { border-bottom-color: rgba(0, 0, 0, 0.75); }
}

.tagsearch-show .tagsearch { height: 92.5%; padding-bottom: 5em; }

.tagsearch input { transition: all 0.25s ease-out 0s; width: 100%; box-sizing: border-box; margin-top: 1.5em !important; }

body:not(.tagsearch-show) .tagsearch input { opacity: 0; }

.tagsearch-show .tagsearch .tags li { animation: 0.25s ease-out 0s 1 normal none running tagreveal; float: left; }

@keyframes tagreveal { 
  0% { transform: scale(0.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@media (min-width: 762px) {
  .tagsearch { display: none !important; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  .menu-container .container.menu::before, .menu-container .container.menu ul { width: 250px; margin-left: 242px; }
}

@media (min-width: 1270px) {
  .menu-container .container.menu::before, .menu-container .container.menu ul { width: 250px; margin-left: 375px; }
}

@-webkit-keyframes pushmenubg { 
  0% { background: transparent; }
  100% { background: rgba(0, 0, 0, 0.75); }
}

@keyframes pushmenubg { 
  0% { background: transparent; }
  100% { background: rgba(0, 0, 0, 0.75); }
}

@-webkit-keyframes pushmenu { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes pushmenu { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@-webkit-keyframes foldmenu { 
  0% { transform: scaleY(0); }
  100% { transform: scale(1); }
}

@keyframes foldmenu { 
  0% { transform: scaleY(0); }
  100% { transform: scale(1); }
}

@-webkit-keyframes reader-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes reader-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

.reader { position: fixed; top: 0px; left: 0px; background: rgb(34, 34, 34); touch-action: none; font-size: 12pt; }

.reader *, .reader ::after, .reader ::before { box-sizing: border-box; user-select: none; -webkit-tap-highlight-color: transparent; }

.reader a { padding: 0px; border-radius: 0px; font-weight: inherit; color: inherit; border-bottom: none; display: block; }

.reader .hidden:not(.top) { display: none !important; }

.reader .lock-left { position: absolute; left: 0px; top: 0px; }

.reader .lock-right { position: absolute; right: 0px; top: 0px; }

.reader .arrow { position: absolute; z-index: 2; width: 4rem; height: 4rem; background: rgb(239, 66, 116); box-shadow: rgba(0, 0, 0, 0.25) 0px 0.125rem 0.625rem, rgb(255, 255, 255) 0px 0px 0px 0.125rem inset; border-radius: 9999px; opacity: 0.9; font-size: 1.5em; transition: transform 0.2s ease 0s, background-color 0.2s ease 0s, opacity 0.2s ease 0s; transform-origin: center center; }

.reader .arrow i { display: block; width: 1.5rem; height: 1.5rem; margin: 1.25rem; background-repeat: no-repeat; background-position: 50% center; background-size: contain; }

.reader .arrow.left { left: 1.25rem; }

.reader .arrow.left > i { margin-left: 1.125rem; }

.reader .arrow.right { right: 1.25rem; }

.reader .arrow.right > i { margin-left: 1.375rem; }

@media (min-width: 762px) {
  .reader .arrow:hover { background-color: rgb(239, 66, 116); cursor: pointer; transform: scale(1.25); }
}

.reader .arrow.disabled, .reader .arrow.disabled:hover, .reader .arrow.invisible, .reader .arrow.invisible:hover { background-color: rgba(0, 0, 0, 0.25); cursor: default; transform: scale(0.75); box-shadow: none; }

.reader .arrow.invisible { opacity: 0; pointer-events: none; }

.reader .drawer { background: rgb(34, 34, 34); position: relative; z-index: 0; border-color: rgb(17, 17, 17); }

@media (max-height: 40rem) {
  .reader .drawer { z-index: 2; }
}

.reader .drawer .header { height: 2rem; line-height: 3rem; font-size: 1.8rem; text-align: center; }

.reader .drawer .header i { display: inline-block; width: 1.75rem; height: 3rem; background-size: contain; background-repeat: no-repeat; background-position: 50% center; }

@media (min-height: 641px) {
  .reader .drawer .header i { display: none !important; }
}

.reader .drawer .panel { width: 100%; overflow: hidden; position: relative; }

.reader .drawer .panel-contents img { opacity: 0; }

.reader .drawer .panel-contents img.error, .reader .drawer .panel-contents img.loaded { opacity: 1; }

.reader .drawer .panel + .panel { background: linear-gradient(rgb(17, 17, 17), rgb(34, 34, 34)); }

.reader .drawer .panel-titlebox { display: flex; justify-content: center; align-items: center; padding: 0px 0.75rem; }

.reader .drawer .panel-chapters-title, .reader .drawer .panel-title { text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: rgb(221, 221, 221); user-select: auto; font-size: 1.25rem; font-weight: 300; line-height: 4.5rem; }

@media (max-height: 60rem) {
  .reader .drawer .panel-chapters-title, .reader .drawer .panel-title { font-size: 1rem; line-height: 3.5rem; }
}

@media (min-width: 759px) {
  .reader .drawer .panel-chapters-title, .reader .drawer .panel-title { text-align: center; }
}

.reader .drawer .panel-chapters-title { width: 100%; }

.reader .drawer .pagecount { float: right; line-height: inherit; white-space: nowrap; font-size: 0.8em; opacity: 0.75; margin-left: 0.5rem; color: rgb(170, 170, 170); }

@media (min-width: 759px) {
  .reader .drawer .pagecount { float: none; display: inline-block; }
}

.reader .drawer .panel-contents { white-space: nowrap; margin-bottom: 0.25rem; position: relative; z-index: 0; }

.reader .drawer a.thumb { display: inline-block; text-align: center; padding: 0px 0.5rem; vertical-align: top; color: rgb(239, 66, 116); transition: none 0s ease 0s; position: relative; border: 0px; }

.reader .drawer a.thumb .bg { background: rgba(255, 255, 255, 0.027); transition: opacity 0.25s ease 0s; opacity: 1; position: absolute; top: 0px; z-index: 0; text-align: center; }

.reader .drawer a.thumb .bg > i { display: inline-block; position: relative; top: 50%; }

.reader .drawer a.thumb .bg.loaded { opacity: 0; }

.reader .drawer a.thumb .bg.loaded i { display: none; }

.reader .drawer a.thumb .bg.error i { width: 2rem; height: 2rem; margin-top: -1rem; font-size: 1.7em; }

.reader .drawer a.thumb.active .bg { opacity: 1; background: rgb(239, 66, 116); }

.reader .drawer a.thumb img { display: block; box-shadow: transparent 0px 0px 0px 4px; transition: box-shadow 0.125s ease 0s, opacity 0.25s ease 0s; position: relative; z-index: 1; border-radius: 1px; }

.reader .drawer a.thumb.active img { opacity: 0.85; box-shadow: rgb(239, 66, 116) 0px 0px 0px 4px; }

.reader .drawer a.thumb.active img.error { opacity: 0; }

.reader .drawer a.thumb:hover { border: 0px; }

.reader .drawer a.thumb.page span { display: block; position: absolute; font-weight: 500; font-size: 1rem; line-height: 1.5rem; padding: 0px 0.675rem; bottom: 0px; right: 0.5rem; background: rgb(34, 34, 34); color: rgb(255, 255, 255); z-index: 2; }

.reader .drawer a.thumb.page.active span { background: rgba(239, 66, 116, 0.85); }

.reader .drawer a.thumb.chapter span { display: block; line-height: 3.75rem; font-weight: 300; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; color: rgb(221, 221, 221); }

.reader .drawer a.thumb.chapter.active span { color: rgb(239, 66, 116); }

@media (max-height: 60rem) {
  .reader .drawer a.thumb.chapter span { display: none; }
}

.reader .drawer .panel-contents.empty a.thumb .bg i { display: none; }

.reader .drawer.mouse .panel-contents.loaded a.thumb:hover img { box-shadow: rgb(204, 204, 204) 0px 0px 0px 4px; }

.reader .drawer.mouse .panel-contents.loaded a.thumb.active:hover img { box-shadow: rgb(247, 161, 186) 0px 0px 0px 4px; }

.reader .drawer .pad { display: inline-block; }

.reader .ui.bar { z-index: 2; text-align: center; }

.reader .ui.bar .btn { display: inline-block; padding: 0px 0.2em; font-size: 1.8em; }

.reader .ui.bar .btn .icon-back::before { display: inline-block; transform: scale(0.8); }

.reader .ui.bar .btn span { display: inline-block; font-size: 1rem; font-weight: 500; line-height: 3rem; vertical-align: top; }

.reader .ui.bar.mouse .btn:hover { cursor: pointer; }

.reader .ui.bar.top { color: rgb(239, 66, 116); transition: opacity 0.15s linear 0s; font-size: 1em !important; }

.reader .ui.bar.top:not(.bgcolornone) { background: linear-gradient(rgba(0, 0, 0, 0.9), transparent); }

.reader .ui.bar.top .btn { line-height: 1.7em; }

.reader .ui.bar.top .btn, .reader .ui.bar.top .btn > i, .reader .ui.bar.top .btn > span { filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 20px); }

.reader .ui.bar.top div.icon-komiflo-mobile { width: 1.75rem; height: 3rem; }

.reader .ui.bar.top div.icon-komiflo-desktop { width: 8rem; height: 3rem; }

.reader .ui.bar.top .lock-left .btn > i { margin-left: 0.35rem; margin-right: 0.35rem; }

.reader .ui.bar.top .lock-right .btn:last-of-type > i { margin-right: 0.75rem; }

.reader .ui.bar.top.hidden { transform: translateY(50%); pointer-events: none; opacity: 0 !important; }

.reader .ui.bar.btm { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-radius: 3rem; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.125rem 0.25rem; }

.reader .ui.bar.btm .btn { line-height: 1.6em; width: 55px; text-align: center; transition: all 0.25s ease 0s; margin: 0.45rem 0px; }

.reader .ui.bar.btm .btn.special { width: 76px; margin: 0px 0.7rem; background:  0% 0% / auto 100% rgb(239, 66, 116); border-radius: 1.5rem; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.125rem 0.25rem; }

@media (min-width: 762px) {
  .reader .ui.bar.btm .btn.special:hover { transform: scale(1.1); }
}

.reader .ui.bar.btm .btn:not(.special) { transform: scale(0.9); }

@media (min-width: 762px) {
  .reader .ui.bar.btm .btn:not(.special):hover { transform: scale(1.1); }
}

.reader .ui.bar.btm .btn:not(.special) i { margin: 0.3em 0px; display: inline-block; }

.reader .ui.bar.btm .btn.like > i { transform: translateY(0.02rem); }

.reader .ui.bar.btm .btn.drawer > i { transform: translateY(-0.04rem); }

.reader .ui.bar.btm .btn.read-later > i { transform: translateY(-0.07rem); }

.reader .ui.bar.btm .btn.info > i { transform: translateY(0.02rem); }

.reader .ui.bar.btm .btn.autoplay > i { font-size: 0.95em; }

.reader .ui.bar.btm .btn.cart > i { font-size: 0.74em; position: relative; transform: translate(-0.48rem, -0.15rem); }

.reader .ui.bar.btm .btn.cart > i::after { font-size: 0.8em; position: absolute; display: inline-block; content: "+"; transform: translate(0.3em, 0.2em); border-radius: 1.5rem; }

.reader .ui.bar.btm .btn.cart.check > i::after { font-size: 0.65em; transform: translate(0.4em, 0.3em); content: ""; }

.reader .ui.bar.btm .btn span { display: none; }

.reader .ui.bar.btm .btn i { display: inline-block; }

.reader .ui.bar.btm.business .btn.like, .reader .ui.bar.btm.business .btn.read-later { display: none; }

.reader .ui.bar.btm.fullwidth, .reader .ui.bar.btm.fullwidth .btn:first-child, .reader .ui.bar.btm.fullwidth .btn:last-child { border-radius: 0px; }

.reader .ui.bar.btm.small .btn { margin: 0.3rem 0px; width: 45px; }

.reader .ui.bar.btm.small .btn.special { margin: 0px 0.6rem; width: 60px; }

.reader .ui.autoplaybar { pointer-events: none; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 1px; }

.reader .ui.autoplaybar .autoprogress { width: 100%; height: 100%; background: rgb(66, 143, 205); transform-origin: 100% 100%; }

.reader .ui .btn.disabled > i, .reader .ui .btn.disabled > span { opacity: 0.5; }

.reader .ui .btn.disabled:hover { cursor: default; background: transparent; }

.reader .ui.general-modal, .reader .ui.options-modal { z-index: 3; background: rgba(0, 0, 0, 0.66); overflow: hidden; }

.reader .ui .options { position: absolute; width: 100%; max-width: 30rem; left: 50%; top: 50%; max-height: 100vh; transform: translate(-50%, -50%); color: rgb(255, 255, 255); background: rgb(17, 17, 17); box-shadow: rgba(0, 0, 0, 0.75) 0px 0.5rem 2rem; }

.reader .ui .options input { vertical-align: middle; }

.reader .ui .options input[type="number"] { width: 4rem; height: 1.75rem; padding-left: 0.25rem; margin: 0.125rem 0.5rem; line-height: 1.75rem; font-size: 0.9rem; display: block; background: linear-gradient(rgb(255, 255, 255), rgb(223, 223, 223)); border: 1px solid rgb(136, 136, 136); border-radius: 0.15rem; }

.reader .ui .options input[type="number"]:disabled { background: rgb(135, 135, 135); color: rgb(170, 170, 170); }

.reader .ui .options input[type="checkbox"] { display: none; }

.reader .ui .options input[type="checkbox"] + label::before { content: ""; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; margin: 0px 0.75rem; vertical-align: -5%; }

.reader .ui .options input[type="checkbox"] + label { position: relative; }

.reader .ui .options input[type="checkbox"] + label::after { content: ""; position: absolute; top: 50%; left: 0px; width: 1rem; height: 1rem; border-radius: 50%; transition: all 0.25s ease 0s; background: rgb(255, 255, 255); margin: -0.5rem 0.75rem 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 0.6rem inset; }

.reader .ui .options input[type="checkbox"]:checked + label::after { background: rgb(4, 85, 160); box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset; }

.reader .ui .options input[type="checkbox"]:disabled + label::after { opacity: 0.5; }

.reader .ui .options input[type="checkbox"] + label:hover { cursor: pointer; }

.reader .ui .options input[type="range"] { background: linear-gradient(rgb(255, 255, 255), rgb(223, 223, 223)); border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; height: 1.5rem; margin: 0.125rem 0px 0.25rem; border: 0px; }

.reader .ui .options input[type="range"]:hover { cursor: pointer; }

.reader .ui .options input[type="range"] + span { margin: 0.25rem 0.5rem 0.25rem 0px; display: inline-block; text-align: center; width: 1.75rem; height: 1.5rem; line-height: 1.5rem; background: linear-gradient(rgb(255, 255, 255), rgb(223, 223, 223)); color: rgb(17, 17, 17); font-weight: 700; border-left: 1px solid rgb(204, 204, 204); border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.reader .ui .options .button { display: block; text-align: center; background: rgb(239, 66, 116); color: rgb(255, 255, 255); border-radius: 2em; font-weight: 400; width: 95%; margin: 0px auto; height: 2rem; line-height: 2rem; border: 0px; outline: 0px; box-shadow: none; transition: box-shadow 0.2s ease 0s, color 0.2s ease 0s; }

.reader .ui .options .button:hover { cursor: pointer; color: rgb(239, 66, 116); box-shadow: rgb(239, 66, 116) 0px 0px 0px 0.125rem inset, rgb(255, 255, 255) 0px 0px 0px 1.5rem inset; transition: none 0s ease 0s; }

.reader .ui .options .button:active { border: 0px; outline: 0px; }

.reader .ui .options .button.disabled { background: rgb(51, 51, 51); color: rgb(204, 204, 204); opacity: 0.5; }

.reader .ui .options .button.disabled:hover { cursor: default; color: rgb(204, 204, 204); box-shadow: none; }

.reader .ui .options i.icon-down { padding-top: 0.3em; transform: scale(1.5); }

.reader .ui .general-modal-box { padding: 1rem; min-width: 360px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); border-radius: 0.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.reader .ui .general-modal-box .general-modal-body { text-align: left; line-height: 1.5; margin: 0px 0px 1rem; }

.reader .ui .general-modal-box .general-modal-btn { text-align: right; }

.reader .ui .general-modal-box .general-modal-btn a.button.ok { margin: 0px 0px 0px 1em; padding: 0.55em 1.5em !important; }

.reader .ui .general-modal-box .general-modal-btn button.close { color: rgb(255, 255, 255); background-color: rgb(135, 135, 135); border-color: rgb(135, 135, 135); }

@media (min-width: 762px) {
  .reader .ui .general-modal-box .general-modal-btn button.close:hover { color: rgb(135, 135, 135); box-shadow: rgb(135, 135, 135) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 1.4em inset; }
}

.reader .options.touch input[type="number"] { height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0.25rem; padding: 0px 0.5rem; }

.reader .options.touch .button { height: 2.5rem; font-size: 1.125rem; line-height: 2.5rem; }

@media (max-width: 50rem) {
  .reader .options.touch .button { font-size: 1rem; }
}

@media (max-width: 20rem) {
  .reader .options.touch .button { font-size: 0.9rem; font-weight: 500; }
}

.reader .ui .options .header { width: 100%; text-align: center; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; font-weight: 600; background: rgb(17, 17, 17); color: rgb(255, 255, 255); }

.reader .ui .options .header > .btn { width: 2.5rem; height: 2.5rem; position: absolute; top: 0px; right: 0px; }

.reader .ui .options .header > .btn > i { width: 1.25rem; height: 1.25rem; padding: 0px; margin: 0.625rem 0px; }

.reader .ui .options .header > .btn:hover { cursor: pointer; }

.reader .options.touch .header { height: 2.5rem; line-height: 2.5rem; }

.reader .options.touch .header > .btn { width: 2.5rem; height: 2.5rem; }

.reader .options.touch .header > .btn > i { width: 1.25rem; height: 1.25rem; }

.reader .ui .options .footer { background: rgb(17, 17, 17); color: rgb(255, 255, 255); text-align: center; padding: 0.5rem; font-size: 0.75rem; user-select: auto; max-height: 3.5rem; }

.reader .ui .options .sections { background: rgb(17, 17, 17); overflow-y: auto; }

.reader .ui .options .section { display: block; min-height: 2rem; line-height: 2rem; position: relative; background: rgb(17, 17, 17); }

.reader .ui .options .section:first-child { padding-top: 0.25rem; }

.reader .ui .options .section:last-child { padding-bottom: 0.5rem; }

.reader .ui .options .section .body, .reader .ui .options .section .title { display: inline-block; height: 2rem; line-height: inherit; }

.reader .ui .options .section .title { padding-left: 0.8rem; }

.reader .ui .options .section .title.sub i { display: inline-block; border-width: 0px 0px 0.1rem 0.1rem; border-bottom-style: solid; border-left-style: solid; border-bottom-color: rgb(170, 170, 170); border-left-color: rgb(170, 170, 170); border-image: initial; border-top-style: initial; border-top-color: initial; border-right-style: initial; border-right-color: initial; width: 0.7rem; height: 0.8rem; vertical-align: top; position: relative; top: 0.3rem; float: left; margin: 0px 0.25rem; }

.reader .ui .options .section .body { float: right; margin-right: 0.25rem; }

.reader .ui .options .section .fullbody { width: 100%; padding: 0.25rem 0px; }

.reader .ui .options .section .checkbody { width: 100%; }

.reader .ui .options .section > .checkbody.suboption::before { content: " "; display: block; position: absolute; border-left: 0.1rem solid rgb(170, 170, 170); width: 1rem; transition: all 0.25s ease 0s; height: 0.75rem; top: -0.45rem; left: 1.2rem; }

.reader .ui .options .section.disabled > .checkbody.suboption::before { border-left: 0.1rem solid rgb(51, 51, 51); }

.reader .ui .options .section.type-select .body, .reader .ui .options .section.type-select .title { display: block; float: none; width: 100%; }

.reader .ui .options .section.type-select .title { height: 1.75rem; line-height: 2rem; }

.reader .ui .options .section.type-tabs .body, .reader .ui .options .section.type-tabs .title { display: block; float: none; width: 100%; }

.reader .ui .options .section.type-tabs .title { height: 1.75rem; line-height: 2rem; }

.reader .ui .options .section.type-tabs .body { margin: 0.25rem auto; text-align: center; }

.reader .ui .options .section.type-tabs .tabs { width: 95%; margin: 0px auto; }

.reader .ui .options .section.type-tabs .tab { display: inline-block; background: linear-gradient(rgb(255, 255, 255), rgb(223, 223, 223)); border: 1px solid rgb(223, 223, 223); color: rgb(17, 17, 17); text-align: center; height: 2rem; line-height: 2rem; }

.reader .ui .options .section.type-tabs .tab:hover { cursor: pointer; }

.reader .ui .options .section.type-tabs .tab + .tab { border-left: 0px; }

.reader .ui .options .section.type-tabs .tab:first-child { border-top-left-radius: 0.15rem; border-bottom-left-radius: 0.15rem; }

.reader .ui .options .section.type-tabs .tab:last-child { border-top-right-radius: 0.15rem; border-bottom-right-radius: 0.15rem; }

.reader .ui .options .section.type-tabs .tab.selected { background: rgb(4, 85, 160); border-color: rgb(3, 59, 110); color: rgb(255, 255, 255); font-weight: 700; }

.reader .ui .options .section.type-tabs .tab.selected:not(:last-child) { border-right-color: rgb(223, 223, 223); }

.reader .ui .options .section.type-range { padding: 0.1rem 0px; }

.reader .ui .options .section.js-targetSize { transition: all 0.15s ease-out 0s; }

.reader .ui .options .section.js-targetSize.disabled { height: 0px; overflow: hidden; min-height: 0px; opacity: 0; }

.reader .ui .options .section.disabled { background: rgb(17, 17, 17); }

.reader .ui .options .section.disabled .sub i { opacity: 0.25; }

.reader .ui .options .section.disabled .body, .reader .ui .options .section.disabled .title, .reader .ui .options .section.disabled label { color: rgb(170, 170, 170); }

.reader .ui .options .section.hidden { display: none; }

.reader .options.touch .section .checkbody.suboption::before { height: 0.98rem; top: -0.16rem; }

.reader .options.touch .section { min-height: 3rem; line-height: 3rem; font-size: 1.125rem; }

.reader .options.touch .section .body, .reader .options.touch .section .title { height: 3rem; }

.reader .options.touch .section .title { padding-left: 0.75rem; }

.reader .options.touch .section .title.sub i { width: 1.05rem; height: 1.2rem; top: 0.45rem; margin: 0px 0.375rem; }

.reader .options.touch .section.type-tabs .tab { height: 2.5rem; line-height: 2.5rem; }

@media (max-width: 50rem) {
  .reader .options.touch .section { font-size: 1rem; }
  .reader .options.touch .section.type-select, .reader .options.touch .section.type-tabs { padding-top: 0.75rem; }
  .reader .options.touch .section.type-select .title, .reader .options.touch .section.type-tabs .title { height: 1.5rem; line-height: 1.75rem; text-align: left; }
  .reader .options.touch .section.type-select:first-child { padding-top: 0px; }
  .reader .options.touch .section.type-tabs .body { margin: 0.5rem auto; }
}

@media (max-width: 20rem) {
  .reader .options.touch .section { font-size: 0.9rem; font-weight: 500; }
}

.reader .options.touch .section.type-checkbox { min-height: 2.25rem; height: 2.25rem; }

.reader .ui .options .select { height: 1.75rem; margin: 0.25rem auto; line-height: 1.75rem; font-size: 0.825rem; display: block; position: relative; width: 95%; background: linear-gradient(rgb(255, 255, 255), rgb(223, 223, 223)); color: rgb(17, 17, 17); border-radius: 0.15rem; border: 1px solid rgb(136, 136, 136); }

.reader .ui .options .select:hover { cursor: pointer; }

.reader .ui .options .select .current { width: 100%; padding: 0px 0.375rem; }

.reader .ui .options .select .current i { float: right; display: inline-block; width: 0.75rem; height: 1.25rem; margin: 0.25rem 0px 0.25rem 0.25rem; background-size: contain; background-repeat: no-repeat; background-position: 50% center; }

.reader .ui .options .select .choices { margin-top: -1px; background: rgb(249, 249, 249); border-top: 1px solid rgb(170, 170, 170); width: 100%; }

.reader .ui .options .select .choices.js-hidden { visibility: hidden; }

.reader .ui .options .select .choices .choice { width: 100%; padding: 0px 0.75rem 0px 0.5rem; white-space: nowrap; }

.reader .ui .options .select .choices .choice:hover { background: rgb(4, 85, 160); color: rgb(255, 255, 255); cursor: pointer; }

.reader .options.touch .select { height: 2.5rem; line-height: 2.5rem; font-size: 1rem; margin: 0.5rem auto; }

.reader .options.touch .select .current i { width: 1.125rem; height: 1.5rem; margin: 0.5rem 0px 0.5rem 0.5rem; }

.reader .options.touch .select .current { padding: 0px 0.5rem; }

@media (max-width: 50rem) {
  .reader .options.touch .select { text-align: left; font-size: 0.9rem; }
}

@media (max-width: 20rem) {
  .reader .options.touch .select { font-size: 0.8rem; font-weight: 500; }
}

.reader .ui.notify-container > .notification { background: rgba(0, 0, 0, 0.85); color: rgb(255, 255, 255); font-size: 1rem; line-height: 1.5; padding: 0.75em; width: 100%; max-width: 90%; display: inline-block; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); border-radius: 0.5rem; text-align: center; cursor: pointer; }

.reader .ui.notify-container.medium > .notification { font-size: 1.125rem; max-width: 80%; }

.reader .ui.notify-container.large > .notification { font-size: 1.25rem; max-width: 70%; width: auto; }

@media (max-width: 740px) {
  .reader .swipe { display: none; }
}

.reader .swipe { pointer-events: none; }

.reader .swipe > i { background-position: 50% center; background-repeat: no-repeat; background-size: contain; display: block; width: 100%; height: 100%; transition: all 0.15s ease 0s; opacity: 0.75; font-size: 4em; }

.reader .swipe.disabled > i { opacity: 0.125; }

.reader .endpage { background: rgb(17, 17, 17); z-index: -1; }

.reader .endpage .nextimg { position: absolute; inset: 0px; z-index: -1; }

@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
  .reader .endpage .nextimg { filter: blur(5px); }
}

.reader .endpage .nextimg::before { content: ""; backdrop-filter: blur(5px); position: absolute; inset: -5px; z-index: -1; }

.reader .endpage .nextimg::after { content: ""; background: rgb(17, 17, 17); position: absolute; inset: 0px; z-index: -1; opacity: 1; animation: 0.3s ease-out 0s 1 normal forwards running fade-Out; }

.reader .endpage.hidden-bottom .bottomside { display: none; }

.reader .endpage .header-padding { padding-top: 3rem; background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)); }

.reader .endpage .topside { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.45) 35%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.45) 65%, rgba(0, 0, 0, 0.8)); position: relative; font-size: 1.3rem; color: rgb(255, 255, 255); }

.reader .endpage .topside.narrow .message-container .message > p.content-artist { margin-bottom: 0px; }

.reader .endpage .topside.narrow .message-container .message > p.swipe-text { margin-top: 0px; }

.reader .endpage .topside.narrow .message-container .top-button { margin-top: 0.2em; }

.reader .endpage .topside .message-container { position: absolute; width: 100%; z-index: 1; top: 50%; transform: translateY(-50%); text-align: center; }

.reader .endpage .topside .message-container .message { text-align: center; transition: unset; font-weight: 600; }

.reader .endpage .topside .message-container .message p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px 0.2em; }

.reader .endpage .topside .message-container .message p.content-artist { font-size: 1em; margin-bottom: 0.4em; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.5em; }

.reader .endpage .topside .message-container .message p.content-title { font-size: 2em; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.5em; }

.reader .endpage .topside .message-container .message p.swipe-text { font-size: 1em; margin-top: 0.4em; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.5em; }

.reader .endpage .topside .message-container .top-button { font-weight: 400; padding: 0.6em 2em; display: inline-block; border: 2px solid rgb(255, 255, 255); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.1); margin-top: 0.7em; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1em; }

.reader .endpage .topside .message-container .top-button.end { font-size: 1.1em; }

.reader .endpage .topside .message-container .store-review-star { cursor: pointer; }

.reader .endpage .topside .message-container .store-review-star.active { color: rgb(243, 152, 0); }

.reader .endpage .topside .message-container .store-review-star:not(.active) { opacity: 0.5; }

.reader .endpage .topside.storesample .message-container { top: 45%; }

.reader .endpage .topside.storesample .message-container .top-button { min-width: 300px; }

.reader .endpage .topside .check-disable-endpage { margin-top: 3em; margin-bottom: -3em; }

.reader .endpage .topside .check-disable-endpage::before { content: ""; display: inline-block; margin-right: 0.4em; font-family: iconfont !important; }

.reader .endpage .topside .check-disable-endpage.on::before { content: ""; }

.reader .endpage .topside img { background-color: rgb(255, 255, 255); height: 500px; margin-bottom: 10px; }

@media (max-width: 761px) {
  .reader .endpage .topside img { height: 200px; }
}

.reader .endpage .bottomside { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 8%, rgb(0, 0, 0)); position: relative; clear: both; padding: 0.5rem 2rem; color: rgb(255, 255, 255); }

.reader .endpage .bottomside .related-container { max-width: 40rem; margin: 0px auto; }

.reader .endpage .bottomside .related-header { font-size: 1.5rem; line-height: 4rem; color: rgb(170, 170, 170); }

.reader .endpage .bottomside .related-footer { font-size: 1.5rem; line-height: 5.5rem; height: 5.5rem; }

.reader .endpage .bottomside .related-content.half > .related-chapter:nth-child(n+4) { display: none; }

.reader .endpage .bottomside .related-content.next-contents-animation { animation: 0.3s ease-out 0s 1 normal forwards running next-contents; }

.reader .endpage .bottomside .related-chapter { position: relative; display: inline-block; height: 100%; margin: 0px 10px; }

.reader .endpage .bottomside .related-chapter .related-name { height: 100%; transition: transform 0.2s ease 0s; }

.reader .endpage .bottomside .related-chapter .related-name .save-measures { position: absolute; width: 100%; height: 100%; z-index: 3; }

.reader .endpage .bottomside .related-chapter .related-name img { height: 100%; background-color: rgb(255, 255, 255); }

.reader .endpage .bottomside .related-chapter .related-name img.magazine { box-shadow: rgb(0, 0, 0) 0px 0px 0.2rem 0px, rgb(255, 255, 255) 0.2rem 0.2rem 0px 0px, rgb(0, 0, 0) 0.2rem 0.2rem 0.2rem 0px, rgb(255, 255, 255) 0.4rem 0.4rem 0px 0px; }

.reader .endpage .bottomside .related-chapter .related-name img.blank { background-color: rgb(17, 17, 17); }

.reader .endpage .bottomside .related-chapter .related-name img.loading { background-color: rgb(17, 17, 17); animation: 3s linear 0s infinite normal none running blink; }

@keyframes blink { 
  0% { background-color: rgb(17, 17, 17); }
  50% { background-color: rgb(13, 13, 13); }
  100% { background-color: rgb(17, 17, 17); }
}

.reader .endpage .bottomside .related-chapter .related-name.preview-magazine::after { content: ""; position: absolute; left: 0px; height: 100%; width: 100%; z-index: 2; background: linear-gradient(0deg, rgb(0, 0, 0) 10%, transparent 120%); pointer-events: none; }

.reader .endpage .bottomside .related-chapter .related-name.preview-magazine img { box-shadow: rgb(0, 0, 0) 0px 0px 0.2rem 0px, rgb(136, 136, 136) 0.2rem 0.2rem 0px 0px, rgb(0, 0, 0) 0.2rem 0.2rem 0.2rem 0px, rgb(136, 136, 136) 0.4rem 0.4rem 0px 0px; background-color: rgb(255, 255, 255); }

.reader .endpage .bottomside .related-chapter .related-name .magazine-logo-reader { pointer-events: none; position: absolute; left: 0px; bottom: 2em; padding-top: 30%; width: 100%; z-index: 4; }

.reader .endpage .bottomside .related-chapter .related-name .magazine-published { pointer-events: none; color: rgb(136, 136, 136); position: absolute; left: 0px; bottom: 0.7em; text-align: center; width: 100%; z-index: 4; font-weight: 600; }

@media (max-width: 761px) {
  .reader .endpage .bottomside .related-chapter .related-name .magazine-published { font-size: 0.9em; }
}

.reader .endpage .bottomside .related-chapter .related-name .magazine-preview { pointer-events: none; color: rgb(136, 136, 136); background-color: rgb(0, 0, 0); position: absolute; left: 50%; transform: translateX(-50%); top: 1em; text-align: center; padding: 0.5em 2em; z-index: 6; font-weight: 600; font-size: 0.8em; border-radius: 1em; }

@media (max-width: 761px) {
  .reader .endpage .bottomside .related-chapter .related-name .magazine-preview { padding: 0.5em; width: 80%; }
}

.reader .endpage .bottomside .related-chapter a.related-name, .reader .endpage .bottomside .related-chapter div.related-name { opacity: 0; animation: 0.3s ease-in 0s 1 normal forwards running fade-in; }

.reader .endpage .bottomside .related-title { display: flex; align-items: center; color: rgb(170, 170, 170); }

.reader .endpage .bottomside .related-title::after { border-top: 1px solid rgb(170, 170, 170); content: ""; flex-grow: 1; margin-left: 1rem; }

.reader .endpage .bottomside .related-button-box { text-align: center; display: inline-block; vertical-align: top; width: 33.33%; margin: 0.5em 0px 0.7em; color: rgb(239, 66, 116); }

.reader .endpage .bottomside .related-button-box p { font-size: 0.8em; margin: 0.7rem 0px 0px; line-height: 0; white-space: nowrap; text-overflow: ellipsis; }

.reader .endpage .bottomside .related-button-box p i { line-height: 0; }

.reader .endpage .bottomside .related-button-box .related-button { border: 2px solid rgb(239, 66, 116); display: inline-block; border-radius: 9999px; font-weight: 700; width: 94%; margin: 0px 3%; padding: 0.3rem 0px 0.5rem; line-height: normal; font-size: 0.85em; box-shadow: none; transition: box-shadow 0.2s ease 0s, color 0.2s ease 0s, border 0.2s ease 0s; }

.reader .endpage .bottomside .related-button-box .related-button.disabled { pointer-events: none; opacity: 0.3; }

.reader .endpage .bottomside .related-button-box .related-button.selected { border-color: rgb(239, 66, 116); color: rgb(255, 255, 255); box-shadow: rgb(239, 66, 116) 0px 0px 0px 2rem inset; }

.reader .endpage .bottomside .related-button-box.tweet .related-button { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }

.reader .endpage .bottomside .related-button-box.tweet .related-button.selected { color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2rem inset; }

.reader .endpage .bottomside .related-button-box.tweet .related-button:hover { color: rgb(0, 0, 0) !important; }

.reader .endpage .bottomside .related-button-box.like .related-button { border-color: rgb(229, 22, 81); color: rgb(229, 22, 81); }

.reader .endpage .bottomside .related-button-box.like .related-button.selected { color: rgb(255, 255, 255); box-shadow: rgb(229, 22, 81) 0px 0px 0px 2rem inset; }

.reader .endpage .bottomside .related-button-box.remind { width: 50%; margin: 0px; }

.reader .endpage .bottomside .panel-contents { white-space: nowrap; margin-bottom: 0.25rem; position: relative; z-index: 0; }

.reader .endpage .bottomside .panel-contents .related-chapter:first-child { margin-left: 3.25rem; }

.reader .endpage .bottomside .panel-contents .related-chapter:last-child { margin-right: 3.25rem; }

.reader .endpage .bottomside .panel-shadow { position: relative; overflow: hidden; }

.reader .endpage .bottomside .panel-shadow::after, .reader .endpage .bottomside .panel-shadow::before { content: ""; position: absolute; display: block; z-index: 2; width: 3.25rem; top: 0px; bottom: 0px; height: 100%; }

.reader .endpage .bottomside .panel-shadow::before { right: 0px; background: linear-gradient(-270deg, rgba(5, 5, 5, 0), rgba(5, 5, 5, 0.3) 20%, rgb(5, 5, 5)); }

.reader .endpage .bottomside .panel-shadow::after { left: 0px; background: linear-gradient(-90deg, rgba(5, 5, 5, 0), rgba(5, 5, 5, 0.3) 20%, rgb(5, 5, 5)); }

.reader .endpage .bottomside .panel-contents-shuffle { float: right; margin-top: -3.1rem; width: 6rem; height: 2.2rem; margin-right: -1rem; }

.reader .endpage .bottomside .panel-contents-shuffle i { display: block; width: 6rem; height: 2.2rem; border-right: 1em solid transparent; }

.reader .endpage .bottomside .panel-contents-shuffle.disabled { opacity: 0.6; pointer-events: none; }

.reader .endpage.desktop::before { filter: blur(5px); }

@media (min-width: 762px) {
  .reader .endpage.desktop .bottomside .related-button-box .related-button:hover:not(.disabled) { color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; border-color: rgb(239, 66, 116); box-shadow: rgb(239, 66, 116) 0px 0px 0px 2rem inset; transition: none 0s ease 0s; }
}

@media (min-width: 762px) {
  .reader .endpage.desktop .bottomside .related-button-box.tweet > .related-button:hover:not(.disabled) { border-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2rem inset; }
}

@media (min-width: 762px) {
  .reader .endpage.desktop .bottomside .related-button-box.like > .related-button:hover:not(.disabled) { border-color: rgb(229, 22, 81); box-shadow: rgb(229, 22, 81) 0px 0px 0px 2rem inset; }
}

.reader .endpage.touch .bottomside .related-chapter { display: inline-block; width: 31.33%; margin: 1%; }

.reader .endpage.touch .bottomside .related-chapter .related-name img { width: 100%; height: auto; }

.reader .endpage.touch .bottomside .related-title::after { margin-right: 2.5em; }

.reader .endpage.small .topside { font-size: 1rem; }

.reader .endpage.small .topside .message-container .message > p.content-title { font-size: 1.6em; }

.reader .endpage.small .topside .message-container .message > p.swipe-text { margin-top: 0.2em; font-size: 0.8em; font-weight: 200; }

.reader .endpage.small .topside.storesample .message-container .top-button { min-width: 250px; }

.reader .endpage.small .bottomside { padding: 0.25rem 1rem; }

.reader .endpage.small .bottomside .related-header { font-size: 1.125rem; line-height: 3.5rem; }

.reader .endpage.small .bottomside .related-footer { font-size: 1.125rem; line-height: 4.5rem; height: 4.5rem; }

.reader .endpage.small .bottomside .related-title { font-size: 0.8em; }

.reader .endpage.small .bottomside .related-button-box { margin: 0.5rem 0px; }

.reader .endpage.small .bottomside .related-button-box p { font-size: 0.7em; margin: 0px; line-height: 0; }

.reader .endpage.small .bottomside .related-button-box.remind { margin: 0px; }

.reader .endpage.small .bottomside .related-button { width: 94%; padding: 0.35rem 0px; font-size: 0.75em; margin: 0.7rem 0px; }

.reader .endpage.small .bottomside .related-chapter { display: inline-block; width: 31.33%; margin: 1%; }

.reader .endpage.small .bottomside .related-chapter .related-name img { width: 100%; height: auto; }

.reader .endpage.small .bottomside .related-title::after { margin-right: 3em; }

.reader .endpage.small .bottomside .panel-contents-shuffle { margin-top: -2.5rem; height: 1.5rem; }

.reader .endpage.small .bottomside .panel-contents-shuffle i { height: 1.5rem; }

.reader .endpage.medium .topside { font-size: 1rem; }

.reader .endpage.medium .topside .message-container .message > p.content-title { font-size: 1.6em; }

.reader .endpage.medium .topside.storesample .message-container .top-button { min-width: 250px; }

.reader .endpage.medium .bottomside { padding: 0.25rem 1rem; }

.reader .endpage.medium .bottomside .related-header { font-size: 1.25rem; line-height: 3.5rem; }

.reader .endpage.medium .bottomside .related-footer { font-size: 1.25rem; line-height: 4.5rem; height: 4.5rem; }

.reader .endpage.storesample img { height: 200px; }

.reader .endpage.storesample .message-container { top: 40%; }

.reader .endpage.storesample .message-container .top-button { min-width: 250px; }

.reader .endpage.small .topside, .reader .endpage.vsmall .topside { font-size: 1rem; }

.reader .endpage.small .topside.storesample img, .reader .endpage.vsmall .topside.storesample img { height: 250px; }

.reader .endpage.small .topside.storesample .message-container, .reader .endpage.vsmall .topside.storesample .message-container { top: 40%; }

.reader .endpage.vmedium .topside.storesample img { height: 300px; }

.reader .endpage.vmedium .topside.storesample .message-container { top: 40%; }

.reader .endpage .js-artist-name { cursor: pointer; margin-right: -0.3em; padding-bottom: 0.1em; }

.reader .endpage .js-artist-name:not(.disabled)::after { content: "▶"; display: inline-block; transform: translate(0.03em) scale(0.5, 0.75); }

.reader .endpage .js-artist-name:not(.disabled):hover { border-bottom: 1px solid rgb(239, 66, 116); }

.reader .endpage .js-artist-name:not(.disabled):hover::after { transition: all 0.05s linear 0s; transform: translate(0.2em) scale(0.5, 0.75); }

.reader .icon-komiflo-mobile { background-image: url("/assets/img/reader/svg/header_komiflo_minilogo.svg"); }

.reader .icon-komiflo-desktop, .reader .icon-komiflo-mobile { background-size: 90%; background-repeat: no-repeat; background-position: 50% 50%; }

.reader .icon-komiflo-desktop { background-image: url("/assets/img/reader/svg/header_komiflo_logo.svg"); }

.reader i.icon-shuffle { background-image: url("/assets/img/reader/svg/end_shuffle.svg"); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; }

.reader .ui.btm.fullwidth + div + div + div + .scrollbar { pointer-events: none; }

.reader .scrollbar { z-index: 3; width: 100%; height: 100%; opacity: 0.5; }

.reader .scrollbar, .reader .scrollbar .background { transition: opacity 0.5s ease 0s; }

.reader .scrollbar .background { position: absolute; inset: 0.25rem; background: rgb(102, 102, 102); border-radius: 0.25rem; opacity: 0.75; z-index: 1; }

.reader .scrollbar .bar { position: absolute; z-index: 2; background: rgb(66, 66, 66); border-radius: 0.25rem; transform-origin: left top; }

.reader .scrollbar.ver .bar { left: 0.25rem; right: 0.25rem; top: 0.25rem; }

.reader .scrollbar.hor .bar { top: 0.25rem; bottom: 0.25rem; left: 0.25rem; }

.reader .touch .scrollbar .background { display: none; }

.reader .touch .scrollbar .bar { background: rgba(4, 4, 4, 0.5); }

.reader .cursor-default { cursor: default; }

.reader .cursor-none { cursor: none; }

.reader .loader { text-align: center; pointer-events: none; }

.reader .icon-minispinner { width: 1.75rem; height: 1.75rem; border-width: 0.25rem; border-style: solid; border-color: rgb(204, 204, 204) transparent transparent rgb(204, 204, 204); border-image: initial; border-radius: 50%; margin-top: -0.875rem; }

.reader .icon-minispinner, .reader .icon-spinner { animation: 0.8s linear 0s infinite normal none running reader-spinner; }

.reader .icon-spinner { display: block; width: 7.5rem; height: 7.5rem; border-width: 1rem; border-style: solid; border-color: rgb(239, 66, 116) transparent transparent rgb(239, 66, 116); border-image: initial; border-radius: 50%; }

.reader .pagelink a { transition: transform 0s linear 0s, opacity 0.1s linear 0s; opacity: 0.75; text-align: right; border-radius: 0.2em; }

.reader .pagelink a:hover { animation: auto ease 0s 1 normal none running none; opacity: 1 !important; }

.reader .pagelink a i { display: inline-block; padding: 0.2em 0.2em 0.15em 0.3em; border-radius: 0px 0px 0px 0.2em; font-size: 1.5em; color: rgb(255, 255, 255); background-color: rgba(239, 66, 116, 0.85); }

@media (max-width: 761px) {
  .reader .pagelink a i { font-size: 1em; }
}

.reader.touch .pagelink a { opacity: 1; pointer-events: none; }

.pseudo-fullscreen { position: absolute; inset: -1000px 0px; background: rgba(0, 0, 0, 0.75); }

.pseudo-fullscreen .pseudo-container { position: fixed; width: 100%; top: 50%; transform: translateY(-50%); font-size: 1.125rem; line-height: 1.5rem; text-align: center; color: rgb(255, 255, 255); }

.pseudo-fullscreen .info, .pseudo-fullscreen .ok { width: 16rem; max-width: 80%; margin: 0px auto; }

.pseudo-fullscreen .ok { background: rgb(239, 66, 116); border-radius: 9999px; height: 3rem; font-size: 1.125rem; line-height: 3rem; margin-top: 1.5rem; max-width: 60%; }

.pseudo-fullscreen .arrow-down, .pseudo-fullscreen .arrow-up { width: 42px; height: 67px; margin: 2rem auto 1.5rem; background: url("/assets/img/reader/new/full_arrow@2x.png") 50% center / contain no-repeat; transition: transform 0.5s ease 0s; }

.pseudo-fullscreen .arrow-down { display: none; }

.magazine-logo-reader { background: url("/assets/lander/img/magazine_logos/magazine_logos@2x.png??v=u7930f6c2") 0px -7.69231% / 100% no-repeat; }

.magazine-logo-reader.kairakuten { background-position: 0px 7.69231%; }

.magazine-logo-reader.hotmilk { background-position: 0px 0px; }

.magazine-logo-reader.beast { background-position: 0px 15.3846%; }

.magazine-logo-reader.x-eros { background-position: 0px 23.0769%; }

.magazine-logo-reader.shitsurakuten { background-position: 0px 30.7692%; }

.magazine-logo-reader.comichappining { background-position: 0px 46.1538%; }

.magazine-logo-reader.weekly-kairakuten { background-position: 0px 53.8462%; }

.magazine-logo-reader.hotmilk-koime { background-position: 0px 61.5385%; }

.magazine-logo-reader.gaira { background-position: 0px 38.4615%; }

.magazine-logo-reader.bavel { background-position: 0px 69.2308%; }

.magazine-logo-reader.original { background-position: 0px 84.6154%; }

.magazine-logo-reader.plus { background-position: 0px 76.9231%; }

.magazine-logo-reader.isekairakuten { background-position: 0px 92.3077%; }

@media (width: 375px) {
  .arrow-down { display: none; }
  #komiflo.vh628 > .pseudo-fullscreen .arrow-up { transform: rotate(180deg); }
  #komiflo.vh628 i.icon-enlarge { background-image: url("/assets/img/reader/svg/header_settings.svg"); }
}

@media (width: 414px) {
  .arrow-down { display: none; }
  #komiflo.vh697 > .pseudo-fullscreen .arrow-up { transform: rotate(180deg); }
  #komiflo.vh697 i.icon-enlarge { background-image: url("/assets/img/reader/svg/header_settings.svg"); }
}

@media (width: 320px) {
  #komiflo.vh529 > .pseudo-fullscreen .arrow-up { transform: rotate(180deg); }
  #komiflo.vh529 i.icon-enlarge { background-image: url("/assets/img/reader/svg/header_settings.svg"); }
  .arrow-down { display: none; }
  #komiflo.vh441 > .pseudo-fullscreen .arrow-up { transform: rotate(180deg); }
  #komiflo.vh441 i.icon-enlarge { background-image: url("/assets/img/reader/svg/header_settings.svg"); }
}

@keyframes btn-animate { 
  0% { background-color: rgb(239, 66, 116); }
}

@keyframes icon-animate { 
  0% { opacity: 1; }
  100% { transform: scale(2); }
}

@keyframes fade-in { 
  0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; pointer-events: auto; }
}

@keyframes fade-Out { 
  0% { opacity: 1; }
  10% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes next-contents { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(5%); }
}

.reader.storemode .ui .icon-komiflo-desktop { background-image: url("/assets/img/reader/svg/storemode/header_komiflo_logo.svg"); }

.reader.storemode .ui .icon-komiflo-mobile { background-image: url("/assets/img/reader/svg/storemode/header_komiflo_minilogo.svg"); }

.reader.storemode .ui.top { color: rgb(255, 69, 0) !important; }

.reader.storemode .ui.btm .btn.special { background: rgb(255, 69, 0) !important; }

.reader.storemode .ui .options .button:not(.disabled) { background: rgb(255, 69, 0); }

.reader.storemode .ui .options .button:not(.disabled):hover { color: rgb(255, 69, 0); box-shadow: rgb(255, 69, 0) 0px 0px 0px 0.125rem inset, rgb(255, 255, 255) 0px 0px 0px 1.5rem inset; }

.reader.storemode .swipe > [class^="icon-"].pink { color: rgb(255, 69, 0) !important; }

.reader.storemode .loader .icon-spinner { border-top-color: rgb(255, 69, 0); border-left-color: rgb(255, 69, 0); }

.reader.storemode .arrow:not(.disabled):not(.invisible) { color: rgb(255, 69, 0); box-shadow: rgba(0, 0, 0, 0.25) 0px 0.125rem 0.625rem, rgb(255, 69, 0) 0px 0px 0px 0.125rem inset; background: rgb(255, 255, 255); }

.reader.storemode .arrow.disabled:not(.invisible) { color: rgb(255, 69, 0); background: rgb(255, 255, 255); opacity: 0.5; }

.reader.storemode .drawer a.thumb .bg.error i { color: rgb(255, 255, 255); }

.reader.storemode .drawer a.thumb.active .bg { background: rgb(243, 152, 0); }

.reader.storemode .drawer a.thumb.active img { box-shadow: rgb(243, 152, 0) 0px 0px 0px 4px; }

.reader.storemode .drawer a.thumb.active.page span { background: rgb(243, 152, 0); }

.reader.storemode .drawer a.thumb.active.chapter span { color: rgb(243, 152, 0); }

.reader.storemode .drawer.mouse .panel-contents.loaded a.thumb.active:hover img { box-shadow: rgb(249, 204, 128) 0px 0px 0px 4px; }

.reader.storemode .m-plus-1p-regular { font-family: "M PLUS 1p", sans-serif; font-weight: 400; font-style: normal; }

.reader.storemode .quicksand { font-family: Quicksand, sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; }

.reader.storemode .roboto-condensed { font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; }

@keyframes link-animate { 
  0% { opacity: 0; }
  48% { opacity: 0.5; }
  52% { opacity: 0.5; }
  100% { opacity: 0; }
}

.badge { padding: 8px; border-radius: 4px; background-color: rgb(43, 43, 43); color: rgb(255, 255, 255); font-weight: 700; }

@media (min-width: 762px) {
  .swiper-title { margin-top: 1em; }
}

.swiper-title h2 { color: rgb(66, 66, 66); font-size: 1em; }

body.dark .swiper-title h2 { color: rgb(135, 135, 135); }

body.authenticated.dark.nottouchdevice:not(.reader) .s:not(.beginning)::before, body.authenticated.dark.nottouchdevice:not(.reader) .s:not(.end)::after { border-color: rgb(34, 33, 39); }

body.dark.nottouchdevice:not(.reader) .s::after, body.dark.nottouchdevice:not(.reader) .s::before { width: 5em; }

body.dark.nottouchdevice:not(.reader) .s::before { background: linear-gradient(90deg, rgb(53, 51, 62) 0px, rgba(53, 51, 62, 0)); }

body.dark.nottouchdevice:not(.reader) .s::after { background: linear-gradient(90deg, rgba(53, 51, 62, 0) 0px, rgb(53, 51, 62)); }

body.dark.nottouchdevice:not(.reader) .s.shadow_black::before { background: linear-gradient(90deg, rgb(17, 17, 17) 0px, rgba(18, 18, 18, 0)); }

body.dark.nottouchdevice:not(.reader) .s.shadow_black::after { background: linear-gradient(90deg, rgba(18, 18, 18, 0) 0px, rgb(17, 17, 17)); }

body:not(.dark).nottouchdevice:not(.reader) .s::before { box-shadow: rgba(18, 18, 18, 0.05) 1px 0px 0px inset; border-radius: 0.5em 0px 0px 0.5em; border-left: 1px solid rgba(18, 18, 18, 0.35); }

body:not(.dark).nottouchdevice:not(.reader) .s::after { box-shadow: rgba(18, 18, 18, 0.05) -1px 0px 0px inset; border-radius: 0px 0.5em 0.5em 0px; border-right: 1px solid rgba(18, 18, 18, 0.35); }

body.nottouchdevice:not(.reader) .s { top: -0.5em; margin-bottom: 2em; }

body.nottouchdevice:not(.reader) .s::after, body.nottouchdevice:not(.reader) .s::before { content: ""; display: block; position: absolute; top: 0px; width: 3em; height: 100%; z-index: 1; pointer-events: none; transition: opacity 0.25s ease-out 0s; }

body.nottouchdevice:not(.reader) .s::before { left: 0px; background: linear-gradient(90deg, rgba(18, 18, 18, 0.2) 0px, rgba(18, 18, 18, 0)); }

body.nottouchdevice:not(.reader) .s::after { right: 0px; background: linear-gradient(90deg, rgba(18, 18, 18, 0) 0px, rgba(18, 18, 18, 0.2)); }

body.nottouchdevice:not(.reader) .s.beginning::before, body.nottouchdevice:not(.reader) .s.end::after, body.nottouchdevice:not(.reader) .s.notshadow::after, body.nottouchdevice:not(.reader) .s.notshadow::before { opacity: 0; }

body.nottouchdevice:not(.reader) .s .swiper-button { position: absolute; z-index: 2; width: 3.5em; height: 3.5em; top: 50%; margin-top: -1.75em; border-radius: 50%; background: url("/assets/img/tileset@2x.png?a") 20px -115px / auto 364px no-repeat rgb(239, 66, 116); box-shadow: rgba(18, 18, 18, 0.25) 0px 2px 10px, rgb(255, 255, 255) 0px 0px 0px 2px inset; transition: all 0.2s ease-out 0s; opacity: 0.9; cursor: pointer; }

body.nottouchdevice:not(.reader) .s .swiper-button.prev { left: 1em; }

body.nottouchdevice:not(.reader) .s .swiper-button.next { right: 1em; background-position: -56px -115px; }

@media (min-width: 762px) and (max-width: 1015px) {
  body.nottouchdevice:not(.reader) .s .swiper-button { background-position: 15px -121px; }
  body.nottouchdevice:not(.reader) .s .swiper-button.next { background-position: -60px -121px; }
}

@media (max-width: 761px) {
  body.nottouchdevice:not(.reader) .s .swiper-button { background-position: 20px -115px; }
  body.nottouchdevice:not(.reader) .s .swiper-button.next { background-position: -56px -115px; }
}

body.nottouchdevice:not(.reader) .s .swiper-button:hover { transform: scale(1.2); transition: all 0.1s ease-out 0s; }

body.nottouchdevice:not(.reader) .s.beginning .swiper-button.prev, body.nottouchdevice:not(.reader) .s.end .swiper-button.next { cursor: default; background-color: rgba(18, 18, 18, 0.25); transform: scale(0.8); box-shadow: none; border: none; }

.swiper-container .s.c1 .swiper-button, .swiper-container .s.c1::after, .swiper-container .s.c1::before, .swiper-container .s.c2 .swiper-button, .swiper-container .s.c2::after, .swiper-container .s.c2::before, .swiper-container .s.c3 .swiper-button, .swiper-container .s.c3::after, .swiper-container .s.c3::before, .swiper-container .s.c4 .swiper-button, .swiper-container .s.c4::after, .swiper-container .s.c4::before { display: none !important; }

.swiper-outside .swiper-outside-button { position: absolute; top: 50%; transform: translateY(50%); padding: 1.5em; margin: -1.5em; cursor: pointer; }

.swiper-outside .swiper-outside-button.prev { left: -2em; }

.swiper-outside .swiper-outside-button.next { right: -2em; }

.swiper-outside .swiper-outside-button.disabled { opacity: 0.2; }

body.touchdevice:not(.reader) .s { padding-top: 0px; padding-bottom: 0px; max-width: 100%; }

body:not(.reader) .s { overflow: hidden; padding-top: 1em; padding-bottom: 1em; margin-top: 0px; margin-bottom: 1em; }

body:not(.reader) .s:not(.has-progress) { margin-bottom: 2em; padding-bottom: 1em; }

body:not(.reader) .s #my-plus-comics.swiper-wrapper { padding-top: 4px; }

body:not(.reader) .s .swiper-wrapper { max-width: none; padding-top: 0px; }

body:not(.reader) .s .swiper-wrapper img.swiper-lazy { opacity: 0; transition: opacity 0.5s linear 0s; }

body:not(.reader) .s .swiper-wrapper img.swiper-lazy.swiper-lazy-loaded { opacity: 1; }

body:not(.reader) .s .swiper-pagination { display: none; position: relative; width: 100%; height: 10px; margin-top: 1em; background: rgba(18, 18, 18, 0.1); border-radius: 0.25em; }

body:not(.reader) .s .swiper-pagination .progress { position: absolute; display: block; width: 12.5%; height: 100%; background: rgba(18, 18, 18, 0.2); border-radius: 0.25em; z-index: 2; transition: right 0.15s ease-out 0s; }

@media (min-width: 0px) and (max-width: 761px) {
  .s.c1 .sw { width: 50%; }
  .s.c1 .sw .ss { width: 100%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c1 .sw .ss { width: 90%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c1 .sw { width: 21.4286%; }
  .s.c1 .sw .ss { width: 100%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c1 .sw .ss { width: 90%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c2 .sw { width: 100%; }
  .s.c2 .sw .ss { width: 50%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c2 .sw .ss { width: 45%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c2 .sw { width: 42.8571%; }
  .s.c2 .sw .ss { width: 50%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c2 .sw .ss { width: 45%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c3 .sw { width: 150%; }
  .s.c3 .sw .ss { width: 33.3333%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c3 .sw .ss { width: 30%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c3 .sw { width: 64.2857%; }
  .s.c3 .sw .ss { width: 33.3333%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c3 .sw .ss { width: 30%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c4 .sw { width: 200%; }
  .s.c4 .sw .ss { width: 25%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c4 .sw .ss { width: 22.5%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c4 .sw { width: 85.7143%; }
  .s.c4 .sw .ss { width: 25%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c4 .sw .ss { width: 22.5%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c5 .sw { width: 250%; }
  .s.c5 .sw .ss { width: 20%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c5 .sw .ss { width: 18%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c5 .sw { width: 107.143%; }
  .s.c5 .sw .ss { width: 20%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c5 .sw .ss { width: 18%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c6 .sw { width: 300%; }
  .s.c6 .sw .ss { width: 16.6667%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c6 .sw .ss { width: 15%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c6 .sw { width: 128.571%; }
  .s.c6 .sw .ss { width: 16.6667%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c6 .sw .ss { width: 15%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c7 .sw { width: 350%; }
  .s.c7 .sw .ss { width: 14.2857%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c7 .sw .ss { width: 12.8571%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c7 .sw { width: 150%; }
  .s.c7 .sw .ss { width: 14.2857%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c7 .sw .ss { width: 12.8571%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c8 .sw { width: 400%; }
  .s.c8 .sw .ss { width: 12.5%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c8 .sw .ss { width: 11.25%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c8 .sw { width: 171.429%; }
  .s.c8 .sw .ss { width: 12.5%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c8 .sw .ss { width: 11.25%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c9 .sw { width: 450%; }
  .s.c9 .sw .ss { width: 11.1111%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c9 .sw .ss { width: 10%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c9 .sw { width: 192.857%; }
  .s.c9 .sw .ss { width: 11.1111%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c9 .sw .ss { width: 10%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c10 .sw { width: 500%; }
  .s.c10 .sw .ss { width: 10%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c10 .sw .ss { width: 9%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c10 .sw { width: 214.286%; }
  .s.c10 .sw .ss { width: 10%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c10 .sw .ss { width: 9%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c11 .sw { width: 550%; }
  .s.c11 .sw .ss { width: 9.09091%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c11 .sw .ss { width: 8.18182%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c11 .sw { width: 235.714%; }
  .s.c11 .sw .ss { width: 9.09091%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c11 .sw .ss { width: 8.18182%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c12 .sw { width: 600%; }
  .s.c12 .sw .ss { width: 8.33333%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c12 .sw .ss { width: 7.5%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c12 .sw { width: 257.143%; }
  .s.c12 .sw .ss { width: 8.33333%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c12 .sw .ss { width: 7.5%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c13 .sw { width: 650%; }
  .s.c13 .sw .ss { width: 7.69231%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c13 .sw .ss { width: 6.92308%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c13 .sw { width: 278.571%; }
  .s.c13 .sw .ss { width: 7.69231%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c13 .sw .ss { width: 6.92308%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c14 .sw { width: 700%; }
  .s.c14 .sw .ss { width: 7.14286%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c14 .sw .ss { width: 6.42857%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c14 .sw { width: 300%; }
  .s.c14 .sw .ss { width: 7.14286%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c14 .sw .ss { width: 6.42857%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c15 .sw { width: 750%; }
  .s.c15 .sw .ss { width: 6.66667%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c15 .sw .ss { width: 6%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c15 .sw { width: 321.429%; }
  .s.c15 .sw .ss { width: 6.66667%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c15 .sw .ss { width: 6%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c16 .sw { width: 800%; }
  .s.c16 .sw .ss { width: 6.25%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c16 .sw .ss { width: 5.625%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c16 .sw { width: 342.857%; }
  .s.c16 .sw .ss { width: 6.25%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c16 .sw .ss { width: 5.625%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c17 .sw { width: 850%; }
  .s.c17 .sw .ss { width: 5.88235%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c17 .sw .ss { width: 5.29412%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c17 .sw { width: 364.286%; }
  .s.c17 .sw .ss { width: 5.88235%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c17 .sw .ss { width: 5.29412%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c18 .sw { width: 900%; }
  .s.c18 .sw .ss { width: 5.55556%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c18 .sw .ss { width: 5%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c18 .sw { width: 385.714%; }
  .s.c18 .sw .ss { width: 5.55556%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c18 .sw .ss { width: 5%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c19 .sw { width: 950%; }
  .s.c19 .sw .ss { width: 5.26316%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c19 .sw .ss { width: 4.73684%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c19 .sw { width: 407.143%; }
  .s.c19 .sw .ss { width: 5.26316%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c19 .sw .ss { width: 4.73684%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c20 .sw { width: 1000%; }
  .s.c20 .sw .ss { width: 5%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c20 .sw .ss { width: 4.5%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c20 .sw { width: 428.571%; }
  .s.c20 .sw .ss { width: 5%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c20 .sw .ss { width: 4.5%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c21 .sw { width: 1050%; }
  .s.c21 .sw .ss { width: 4.7619%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c21 .sw .ss { width: 4.28571%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c21 .sw { width: 450%; }
  .s.c21 .sw .ss { width: 4.7619%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c21 .sw .ss { width: 4.28571%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c22 .sw { width: 1100%; }
  .s.c22 .sw .ss { width: 4.54545%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c22 .sw .ss { width: 4.09091%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c22 .sw { width: 471.429%; }
  .s.c22 .sw .ss { width: 4.54545%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c22 .sw .ss { width: 4.09091%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c23 .sw { width: 1150%; }
  .s.c23 .sw .ss { width: 4.34783%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c23 .sw .ss { width: 3.91304%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c23 .sw { width: 492.857%; }
  .s.c23 .sw .ss { width: 4.34783%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c23 .sw .ss { width: 3.91304%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c24 .sw { width: 1200%; }
  .s.c24 .sw .ss { width: 4.16667%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c24 .sw .ss { width: 3.75%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c24 .sw { width: 514.286%; }
  .s.c24 .sw .ss { width: 4.16667%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c24 .sw .ss { width: 3.75%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c25 .sw { width: 1250%; }
  .s.c25 .sw .ss { width: 4%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c25 .sw .ss { width: 3.6%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c25 .sw { width: 535.714%; }
  .s.c25 .sw .ss { width: 4%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c25 .sw .ss { width: 3.6%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c26 .sw { width: 1300%; }
  .s.c26 .sw .ss { width: 3.84615%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c26 .sw .ss { width: 3.46154%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c26 .sw { width: 557.143%; }
  .s.c26 .sw .ss { width: 3.84615%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c26 .sw .ss { width: 3.46154%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c27 .sw { width: 1350%; }
  .s.c27 .sw .ss { width: 3.7037%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c27 .sw .ss { width: 3.33333%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c27 .sw { width: 578.571%; }
  .s.c27 .sw .ss { width: 3.7037%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c27 .sw .ss { width: 3.33333%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c28 .sw { width: 1400%; }
  .s.c28 .sw .ss { width: 3.57143%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c28 .sw .ss { width: 3.21429%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c28 .sw { width: 600%; }
  .s.c28 .sw .ss { width: 3.57143%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c28 .sw .ss { width: 3.21429%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c29 .sw { width: 1450%; }
  .s.c29 .sw .ss { width: 3.44828%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c29 .sw .ss { width: 3.10345%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c29 .sw { width: 621.429%; }
  .s.c29 .sw .ss { width: 3.44828%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c29 .sw .ss { width: 3.10345%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c30 .sw { width: 1500%; }
  .s.c30 .sw .ss { width: 3.33333%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c30 .sw .ss { width: 3%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c30 .sw { width: 642.857%; }
  .s.c30 .sw .ss { width: 3.33333%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c30 .sw .ss { width: 3%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c31 .sw { width: 1550%; }
  .s.c31 .sw .ss { width: 3.22581%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c31 .sw .ss { width: 2.90323%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c31 .sw { width: 664.286%; }
  .s.c31 .sw .ss { width: 3.22581%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c31 .sw .ss { width: 2.90323%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c32 .sw { width: 1600%; }
  .s.c32 .sw .ss { width: 3.125%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c32 .sw .ss { width: 2.8125%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c32 .sw { width: 685.714%; }
  .s.c32 .sw .ss { width: 3.125%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c32 .sw .ss { width: 2.8125%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c33 .sw { width: 1650%; }
  .s.c33 .sw .ss { width: 3.0303%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c33 .sw .ss { width: 2.72727%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c33 .sw { width: 707.143%; }
  .s.c33 .sw .ss { width: 3.0303%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c33 .sw .ss { width: 2.72727%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c34 .sw { width: 1700%; }
  .s.c34 .sw .ss { width: 2.94118%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c34 .sw .ss { width: 2.64706%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c34 .sw { width: 728.571%; }
  .s.c34 .sw .ss { width: 2.94118%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c34 .sw .ss { width: 2.64706%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c35 .sw { width: 1750%; }
  .s.c35 .sw .ss { width: 2.85714%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c35 .sw .ss { width: 2.57143%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c35 .sw { width: 750%; }
  .s.c35 .sw .ss { width: 2.85714%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c35 .sw .ss { width: 2.57143%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c36 .sw { width: 1800%; }
  .s.c36 .sw .ss { width: 2.77778%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c36 .sw .ss { width: 2.5%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c36 .sw { width: 771.429%; }
  .s.c36 .sw .ss { width: 2.77778%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c36 .sw .ss { width: 2.5%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c37 .sw { width: 1850%; }
  .s.c37 .sw .ss { width: 2.7027%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c37 .sw .ss { width: 2.43243%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c37 .sw { width: 792.857%; }
  .s.c37 .sw .ss { width: 2.7027%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c37 .sw .ss { width: 2.43243%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c38 .sw { width: 1900%; }
  .s.c38 .sw .ss { width: 2.63158%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c38 .sw .ss { width: 2.36842%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c38 .sw { width: 814.286%; }
  .s.c38 .sw .ss { width: 2.63158%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c38 .sw .ss { width: 2.36842%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c39 .sw { width: 1950%; }
  .s.c39 .sw .ss { width: 2.5641%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c39 .sw .ss { width: 2.30769%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c39 .sw { width: 835.714%; }
  .s.c39 .sw .ss { width: 2.5641%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c39 .sw .ss { width: 2.30769%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c40 .sw { width: 2000%; }
  .s.c40 .sw .ss { width: 2.5%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c40 .sw .ss { width: 2.25%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c40 .sw { width: 857.143%; }
  .s.c40 .sw .ss { width: 2.5%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c40 .sw .ss { width: 2.25%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c41 .sw { width: 2050%; }
  .s.c41 .sw .ss { width: 2.43902%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c41 .sw .ss { width: 2.19512%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c41 .sw { width: 878.571%; }
  .s.c41 .sw .ss { width: 2.43902%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c41 .sw .ss { width: 2.19512%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c42 .sw { width: 2100%; }
  .s.c42 .sw .ss { width: 2.38095%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c42 .sw .ss { width: 2.14286%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c42 .sw { width: 900%; }
  .s.c42 .sw .ss { width: 2.38095%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c42 .sw .ss { width: 2.14286%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c43 .sw { width: 2150%; }
  .s.c43 .sw .ss { width: 2.32558%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c43 .sw .ss { width: 2.09302%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c43 .sw { width: 921.429%; }
  .s.c43 .sw .ss { width: 2.32558%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c43 .sw .ss { width: 2.09302%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c44 .sw { width: 2200%; }
  .s.c44 .sw .ss { width: 2.27273%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c44 .sw .ss { width: 2.04545%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c44 .sw { width: 942.857%; }
  .s.c44 .sw .ss { width: 2.27273%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c44 .sw .ss { width: 2.04545%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c45 .sw { width: 2250%; }
  .s.c45 .sw .ss { width: 2.22222%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c45 .sw .ss { width: 2%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c45 .sw { width: 964.286%; }
  .s.c45 .sw .ss { width: 2.22222%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c45 .sw .ss { width: 2%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c46 .sw { width: 2300%; }
  .s.c46 .sw .ss { width: 2.17391%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c46 .sw .ss { width: 1.95652%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c46 .sw { width: 985.714%; }
  .s.c46 .sw .ss { width: 2.17391%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c46 .sw .ss { width: 1.95652%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c47 .sw { width: 2350%; }
  .s.c47 .sw .ss { width: 2.12766%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c47 .sw .ss { width: 1.91489%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c47 .sw { width: 1007.14%; }
  .s.c47 .sw .ss { width: 2.12766%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c47 .sw .ss { width: 1.91489%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c48 .sw { width: 2400%; }
  .s.c48 .sw .ss { width: 2.08333%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c48 .sw .ss { width: 1.875%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c48 .sw { width: 1028.57%; }
  .s.c48 .sw .ss { width: 2.08333%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c48 .sw .ss { width: 1.875%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c49 .sw { width: 2450%; }
  .s.c49 .sw .ss { width: 2.04082%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c49 .sw .ss { width: 1.83673%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c49 .sw { width: 1050%; }
  .s.c49 .sw .ss { width: 2.04082%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c49 .sw .ss { width: 1.83673%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c50 .sw { width: 2500%; }
  .s.c50 .sw .ss { width: 2%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c50 .sw .ss { width: 1.8%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c50 .sw { width: 1071.43%; }
  .s.c50 .sw .ss { width: 2%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c50 .sw .ss { width: 1.8%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c51 .sw { width: 2550%; }
  .s.c51 .sw .ss { width: 1.96078%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c51 .sw .ss { width: 1.76471%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c51 .sw { width: 1092.86%; }
  .s.c51 .sw .ss { width: 1.96078%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c51 .sw .ss { width: 1.76471%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c52 .sw { width: 2600%; }
  .s.c52 .sw .ss { width: 1.92308%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c52 .sw .ss { width: 1.73077%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c52 .sw { width: 1114.29%; }
  .s.c52 .sw .ss { width: 1.92308%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c52 .sw .ss { width: 1.73077%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c53 .sw { width: 2650%; }
  .s.c53 .sw .ss { width: 1.88679%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c53 .sw .ss { width: 1.69811%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c53 .sw { width: 1135.71%; }
  .s.c53 .sw .ss { width: 1.88679%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c53 .sw .ss { width: 1.69811%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c54 .sw { width: 2700%; }
  .s.c54 .sw .ss { width: 1.85185%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c54 .sw .ss { width: 1.66667%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c54 .sw { width: 1157.14%; }
  .s.c54 .sw .ss { width: 1.85185%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c54 .sw .ss { width: 1.66667%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c55 .sw { width: 2750%; }
  .s.c55 .sw .ss { width: 1.81818%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c55 .sw .ss { width: 1.63636%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c55 .sw { width: 1178.57%; }
  .s.c55 .sw .ss { width: 1.81818%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c55 .sw .ss { width: 1.63636%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c56 .sw { width: 2800%; }
  .s.c56 .sw .ss { width: 1.78571%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c56 .sw .ss { width: 1.60714%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c56 .sw { width: 1200%; }
  .s.c56 .sw .ss { width: 1.78571%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c56 .sw .ss { width: 1.60714%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c57 .sw { width: 2850%; }
  .s.c57 .sw .ss { width: 1.75439%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c57 .sw .ss { width: 1.57895%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c57 .sw { width: 1221.43%; }
  .s.c57 .sw .ss { width: 1.75439%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c57 .sw .ss { width: 1.57895%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c58 .sw { width: 2900%; }
  .s.c58 .sw .ss { width: 1.72414%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c58 .sw .ss { width: 1.55172%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c58 .sw { width: 1242.86%; }
  .s.c58 .sw .ss { width: 1.72414%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c58 .sw .ss { width: 1.55172%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c59 .sw { width: 2950%; }
  .s.c59 .sw .ss { width: 1.69492%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c59 .sw .ss { width: 1.52542%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c59 .sw { width: 1264.29%; }
  .s.c59 .sw .ss { width: 1.69492%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c59 .sw .ss { width: 1.52542%; }
}

@media (min-width: 0px) and (max-width: 761px) {
  .s.c60 .sw { width: 3000%; }
  .s.c60 .sw .ss { width: 1.66667%; }
}

@media (min-width: 0px) and (max-width: 761px) and (max-width: 761px) {
  .s.c60 .sw .ss { width: 1.5%; }
}

@media (min-width: 762px) and (max-width: 99999px) {
  .s.c60 .sw { width: 1285.71%; }
  .s.c60 .sw .ss { width: 1.66667%; }
}

@media (min-width: 762px) and (max-width: 99999px) and (max-width: 761px) {
  .s.c60 .sw .ss { width: 1.5%; }
}

@media (min-width: 762px) and (max-width: 1015px) {
  .swiper-pagination { max-width: 750px; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  .swiper-pagination { max-width: 1000px; }
}

@media (min-width: 1270px) {
  .swiper-pagination { max-width: 1250px; }
}

@media (min-width: 762px) {
  body.dark .swiper-pagination { background: rgba(255, 255, 255, 0.2); }
  body.dark .swiper-pagination .swiper-pagination-bullet-active, body.dark .swiper-pagination span:hover { box-shadow: none; }
  .swiper-pagination { position: relative; width: 100%; height: 6px; text-align: center; margin: 0px auto; background: rgb(255, 255, 255); border-radius: 3px; top: -1px; z-index: 1; transition: transform 0.25s linear 1s; }
  .swiper-pagination:hover { transform: scaleY(2); transition: transform 0.15s linear 0s, border-radius 0.15s linear 0s; }
  .swiper-pagination:hover span.swiper-pagination-bullet-active, .swiper-pagination:hover span:hover { transform: scaleY(0.5) translateY(-6px); height: 12px; }
  .swiper-pagination span { display: block; position: relative; width: 20%; height: 100%; box-sizing: border-box; cursor: pointer; float: left; border-radius: 6px; }
  .swiper-pagination span, .swiper-pagination span:hover { }
  .swiper-pagination span:hover { z-index: 1; background: rgb(239, 66, 116); }
  .swiper-pagination span.swiper-pagination-bullet-active { background: rgb(66, 143, 205); cursor: default; }
  .swiper-pagination span.swiper-pagination-bullet-active, .swiper-pagination span:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px; }
  .swiper-pagination.c1 { display: none; }
  .swiper-pagination.c2 span { width: 50%; }
  .swiper-pagination.c3 span { width: 33.3333%; }
  .swiper-pagination.c4 span { width: 25%; }
  .swiper-pagination.c5 span { width: 20%; }
  .swiper-pagination.c6 span { width: 16.6667%; }
  .swiper-pagination.c7 span { width: 14.2857%; }
  .swiper-pagination.c8 span { width: 12.5%; }
  .swiper-pagination.c9 span { width: 11.1111%; }
  .swiper-pagination.c10 span { width: 10%; }
  .swiper-pagination.c11 span { width: 9.09091%; }
  .swiper-pagination.c12 span { width: 8.33333%; }
  .swiper-pagination.c13 span { width: 7.69231%; }
  .swiper-pagination.c14 span { width: 7.14286%; }
  .swiper-pagination.c15 span { width: 6.66667%; }
  .swiper-pagination.c16 span { width: 6.25%; }
  .swiper-pagination.c17 span { width: 5.88235%; }
  .swiper-pagination.c18 span { width: 5.55556%; }
  .swiper-pagination.c19 span { width: 5.26316%; }
  .swiper-pagination.c20 span { width: 5%; }
  .swiper-pagination.c21 span { width: 4.7619%; }
  .swiper-pagination.c22 span { width: 4.54545%; }
  .swiper-pagination.c23 span { width: 4.34783%; }
  .swiper-pagination.c24 span { width: 4.16667%; }
  .swiper-pagination.c25 span { width: 4%; }
  .swiper-pagination.c26 span { width: 3.84615%; }
  .swiper-pagination.c27 span { width: 3.7037%; }
  .swiper-pagination.c28 span { width: 3.57143%; }
  .swiper-pagination.c29 span { width: 3.44828%; }
  .swiper-pagination.c30 span { width: 3.33333%; }
}

@media (min-width: 762px) {
  body.authenticated.dark .carousel::before { background: rgb(53, 51, 62); }
}

.carousel { overflow: hidden; }

@media (min-width: 762px) {
  .carousel::before { content: ""; position: absolute; display: block; width: 1px; height: 100%; background: rgb(242, 242, 242); z-index: 1; top: 0px; right: 0px; }
}

.carousel.c1 .swiper-slide, .carousel.c1 .swiper-wrapper { width: 100%; }

.carousel.c1 .swiper-slide.feature { padding-bottom: 63.5%; }

.carousel.c1 .swiper-slide img { width: 100%; }

.carousel.c2 .swiper-wrapper { width: 200%; }

.carousel.c2 .swiper-slide { width: 50%; }

.carousel.c2 .swiper-slide.feature { padding-bottom: 31.75%; }

.carousel.c2 .swiper-slide img { width: 100%; }

.carousel.c3 .swiper-wrapper { width: 300%; }

.carousel.c3 .swiper-slide { width: 33.3333%; }

.carousel.c3 .swiper-slide.feature { padding-bottom: 21.1667%; }

.carousel.c3 .swiper-slide img { width: 100%; }

.carousel.c4 .swiper-wrapper { width: 400%; }

.carousel.c4 .swiper-slide { width: 25%; }

.carousel.c4 .swiper-slide.feature { padding-bottom: 15.875%; }

.carousel.c4 .swiper-slide img { width: 100%; }

.carousel.c5 .swiper-wrapper { width: 500%; }

.carousel.c5 .swiper-slide { width: 20%; }

.carousel.c5 .swiper-slide.feature { padding-bottom: 12.7%; }

.carousel.c5 .swiper-slide img { width: 100%; }

.carousel.c6 .swiper-wrapper { width: 600%; }

.carousel.c6 .swiper-slide { width: 16.6667%; }

.carousel.c6 .swiper-slide.feature { padding-bottom: 10.5833%; }

.carousel.c6 .swiper-slide img { width: 100%; }

.carousel.c7 .swiper-wrapper { width: 700%; }

.carousel.c7 .swiper-slide { width: 14.2857%; }

.carousel.c7 .swiper-slide.feature { padding-bottom: 9.07143%; }

.carousel.c7 .swiper-slide img { width: 100%; }

.carousel.c8 .swiper-wrapper { width: 800%; }

.carousel.c8 .swiper-slide { width: 12.5%; }

.carousel.c8 .swiper-slide.feature { padding-bottom: 7.9375%; }

.carousel.c8 .swiper-slide img { width: 100%; }

.carousel.c9 .swiper-wrapper { width: 900%; }

.carousel.c9 .swiper-slide { width: 11.1111%; }

.carousel.c9 .swiper-slide.feature { padding-bottom: 7.05556%; }

.carousel.c9 .swiper-slide img { width: 100%; }

.carousel.c10 .swiper-wrapper { width: 1000%; }

.carousel.c10 .swiper-slide { width: 10%; }

.carousel.c10 .swiper-slide.feature { padding-bottom: 6.35%; }

.carousel.c10 .swiper-slide img { width: 100%; }

.carousel.c11 .swiper-wrapper { width: 1100%; }

.carousel.c11 .swiper-slide { width: 9.09091%; }

.carousel.c11 .swiper-slide.feature { padding-bottom: 5.77273%; }

.carousel.c11 .swiper-slide img { width: 100%; }

.carousel.c12 .swiper-wrapper { width: 1200%; }

.carousel.c12 .swiper-slide { width: 8.33333%; }

.carousel.c12 .swiper-slide.feature { padding-bottom: 5.29167%; }

.carousel.c12 .swiper-slide img { width: 100%; }

.carousel.c13 .swiper-wrapper { width: 1300%; }

.carousel.c13 .swiper-slide { width: 7.69231%; }

.carousel.c13 .swiper-slide.feature { padding-bottom: 4.88462%; }

.carousel.c13 .swiper-slide img { width: 100%; }

.carousel.c14 .swiper-wrapper { width: 1400%; }

.carousel.c14 .swiper-slide { width: 7.14286%; }

.carousel.c14 .swiper-slide.feature { padding-bottom: 4.53571%; }

.carousel.c14 .swiper-slide img { width: 100%; }

.carousel.c15 .swiper-wrapper { width: 1500%; }

.carousel.c15 .swiper-slide { width: 6.66667%; }

.carousel.c15 .swiper-slide.feature { padding-bottom: 4.23333%; }

.carousel.c15 .swiper-slide img { width: 100%; }

.carousel.c16 .swiper-wrapper { width: 1600%; }

.carousel.c16 .swiper-slide { width: 6.25%; }

.carousel.c16 .swiper-slide.feature { padding-bottom: 3.96875%; }

.carousel.c16 .swiper-slide img { width: 100%; }

.carousel.c17 .swiper-wrapper { width: 1700%; }

.carousel.c17 .swiper-slide { width: 5.88235%; }

.carousel.c17 .swiper-slide.feature { padding-bottom: 3.73529%; }

.carousel.c17 .swiper-slide img { width: 100%; }

.carousel.c18 .swiper-wrapper { width: 1800%; }

.carousel.c18 .swiper-slide { width: 5.55556%; }

.carousel.c18 .swiper-slide.feature { padding-bottom: 3.52778%; }

.carousel.c18 .swiper-slide img { width: 100%; }

.carousel.c19 .swiper-wrapper { width: 1900%; }

.carousel.c19 .swiper-slide { width: 5.26316%; }

.carousel.c19 .swiper-slide.feature { padding-bottom: 3.34211%; }

.carousel.c19 .swiper-slide img { width: 100%; }

.carousel.c20 .swiper-wrapper { width: 2000%; }

.carousel.c20 .swiper-slide { width: 5%; }

.carousel.c20 .swiper-slide.feature { padding-bottom: 3.175%; }

.carousel.c20 .swiper-slide img { width: 100%; }

.carousel.c21 .swiper-wrapper { width: 2100%; }

.carousel.c21 .swiper-slide { width: 4.7619%; }

.carousel.c21 .swiper-slide.feature { padding-bottom: 3.02381%; }

.carousel.c21 .swiper-slide img { width: 100%; }

.carousel.c22 .swiper-wrapper { width: 2200%; }

.carousel.c22 .swiper-slide { width: 4.54545%; }

.carousel.c22 .swiper-slide.feature { padding-bottom: 2.88636%; }

.carousel.c22 .swiper-slide img { width: 100%; }

.carousel.c23 .swiper-wrapper { width: 2300%; }

.carousel.c23 .swiper-slide { width: 4.34783%; }

.carousel.c23 .swiper-slide.feature { padding-bottom: 2.76087%; }

.carousel.c23 .swiper-slide img { width: 100%; }

.carousel.c24 .swiper-wrapper { width: 2400%; }

.carousel.c24 .swiper-slide { width: 4.16667%; }

.carousel.c24 .swiper-slide.feature { padding-bottom: 2.64583%; }

.carousel.c24 .swiper-slide img { width: 100%; }

.carousel.c25 .swiper-wrapper { width: 2500%; }

.carousel.c25 .swiper-slide { width: 4%; }

.carousel.c25 .swiper-slide.feature { padding-bottom: 2.54%; }

.carousel.c25 .swiper-slide img { width: 100%; }

.carousel.c26 .swiper-wrapper { width: 2600%; }

.carousel.c26 .swiper-slide { width: 3.84615%; }

.carousel.c26 .swiper-slide.feature { padding-bottom: 2.44231%; }

.carousel.c26 .swiper-slide img { width: 100%; }

.carousel.c27 .swiper-wrapper { width: 2700%; }

.carousel.c27 .swiper-slide { width: 3.7037%; }

.carousel.c27 .swiper-slide.feature { padding-bottom: 2.35185%; }

.carousel.c27 .swiper-slide img { width: 100%; }

.carousel.c28 .swiper-wrapper { width: 2800%; }

.carousel.c28 .swiper-slide { width: 3.57143%; }

.carousel.c28 .swiper-slide.feature { padding-bottom: 2.26786%; }

.carousel.c28 .swiper-slide img { width: 100%; }

.carousel.c29 .swiper-wrapper { width: 2900%; }

.carousel.c29 .swiper-slide { width: 3.44828%; }

.carousel.c29 .swiper-slide.feature { padding-bottom: 2.18966%; }

.carousel.c29 .swiper-slide img { width: 100%; }

.carousel.c30 .swiper-wrapper { width: 3000%; }

.carousel.c30 .swiper-slide { width: 3.33333%; }

.carousel.c30 .swiper-slide.feature { padding-bottom: 2.11667%; }

.carousel.c30 .swiper-slide img { width: 100%; }

.carousel .swiper-slide { display: block; float: left; }

.carousel.half-width.c1 .swiper-wrapper { width: 50%; }

.carousel.half-width.c2 .swiper-wrapper { width: 100%; }

.carousel.half-width.c3 .swiper-wrapper { width: 150%; }

.carousel.half-width.c4 .swiper-wrapper { width: 200%; }

.carousel.half-width.c5 .swiper-wrapper { width: 250%; }

.carousel.half-width.c6 .swiper-wrapper { width: 300%; }

.carousel.half-width.c7 .swiper-wrapper { width: 350%; }

.carousel.half-width.c8 .swiper-wrapper { width: 400%; }

.carousel.half-width.c9 .swiper-wrapper { width: 450%; }

.carousel.half-width.c10 .swiper-wrapper { width: 500%; }

.carousel.half-width.c11 .swiper-wrapper { width: 550%; }

.carousel.half-width.c12 .swiper-wrapper { width: 600%; }

.carousel.half-width.c13 .swiper-wrapper { width: 650%; }

.carousel.half-width.c14 .swiper-wrapper { width: 700%; }

.carousel.half-width.c15 .swiper-wrapper { width: 750%; }

.carousel.half-width.c16 .swiper-wrapper { width: 800%; }

.carousel.half-width.c17 .swiper-wrapper { width: 850%; }

.carousel.half-width.c18 .swiper-wrapper { width: 900%; }

.carousel.half-width.c19 .swiper-wrapper { width: 950%; }

.carousel.half-width.c20 .swiper-wrapper { width: 1000%; }

.carousel.half-width.c21 .swiper-wrapper { width: 1050%; }

.carousel.half-width.c22 .swiper-wrapper { width: 1100%; }

.carousel.half-width.c23 .swiper-wrapper { width: 1150%; }

.carousel.half-width.c24 .swiper-wrapper { width: 1200%; }

.carousel.half-width.c25 .swiper-wrapper { width: 1250%; }

.carousel.half-width.c26 .swiper-wrapper { width: 1300%; }

.carousel.half-width.c27 .swiper-wrapper { width: 1350%; }

.carousel.half-width.c28 .swiper-wrapper { width: 1400%; }

.carousel.half-width.c29 .swiper-wrapper { width: 1450%; }

.carousel.half-width.c30 .swiper-wrapper { width: 1500%; }

.carousel.one-third-width.c1 .swiper-wrapper { width: 75%; }

.carousel.one-third-width.c2 .swiper-wrapper { width: 150%; }

.carousel.one-third-width.c3 .swiper-wrapper { width: 225%; }

.carousel.one-third-width.c4 .swiper-wrapper { width: 300%; }

.carousel.one-third-width.c5 .swiper-wrapper { width: 375%; }

.carousel.one-third-width.c6 .swiper-wrapper { width: 450%; }

.carousel.one-third-width.c7 .swiper-wrapper { width: 525%; }

.carousel.one-third-width.c8 .swiper-wrapper { width: 600%; }

.carousel.one-third-width.c9 .swiper-wrapper { width: 675%; }

.carousel.one-third-width.c10 .swiper-wrapper { width: 750%; }

.carousel.one-third-width.c11 .swiper-wrapper { width: 825%; }

.carousel.one-third-width.c12 .swiper-wrapper { width: 900%; }

.carousel.one-third-width.c13 .swiper-wrapper { width: 975%; }

.carousel.one-third-width.c14 .swiper-wrapper { width: 1050%; }

.carousel.one-third-width.c15 .swiper-wrapper { width: 1125%; }

.carousel.one-third-width.c16 .swiper-wrapper { width: 1200%; }

.carousel.one-third-width.c17 .swiper-wrapper { width: 1275%; }

.carousel.one-third-width.c18 .swiper-wrapper { width: 1350%; }

.carousel.one-third-width.c19 .swiper-wrapper { width: 1425%; }

.carousel.one-third-width.c20 .swiper-wrapper { width: 1500%; }

.carousel.one-third-width.c21 .swiper-wrapper { width: 1575%; }

.carousel.one-third-width.c22 .swiper-wrapper { width: 1650%; }

.carousel.one-third-width.c23 .swiper-wrapper { width: 1725%; }

.carousel.one-third-width.c24 .swiper-wrapper { width: 1800%; }

.carousel.one-third-width.c25 .swiper-wrapper { width: 1875%; }

.carousel.one-third-width.c26 .swiper-wrapper { width: 1950%; }

.carousel.one-third-width.c27 .swiper-wrapper { width: 2025%; }

.carousel.one-third-width.c28 .swiper-wrapper { width: 2100%; }

.carousel.one-third-width.c29 .swiper-wrapper { width: 2175%; }

.carousel.one-third-width.c30 .swiper-wrapper { width: 2250%; }

@media (min-width: 762px) {
  .carousel.half-width-desktop.c1 .swiper-wrapper { width: 50%; }
  .carousel.half-width-desktop.c2 .swiper-wrapper { width: 100%; }
  .carousel.half-width-desktop.c3 .swiper-wrapper { width: 150%; }
  .carousel.half-width-desktop.c4 .swiper-wrapper { width: 200%; }
  .carousel.half-width-desktop.c5 .swiper-wrapper { width: 250%; }
  .carousel.half-width-desktop.c6 .swiper-wrapper { width: 300%; }
  .carousel.half-width-desktop.c7 .swiper-wrapper { width: 350%; }
  .carousel.half-width-desktop.c8 .swiper-wrapper { width: 400%; }
  .carousel.half-width-desktop.c9 .swiper-wrapper { width: 450%; }
  .carousel.half-width-desktop.c10 .swiper-wrapper { width: 500%; }
  .carousel.half-width-desktop.c11 .swiper-wrapper { width: 550%; }
  .carousel.half-width-desktop.c12 .swiper-wrapper { width: 600%; }
  .carousel.half-width-desktop.c13 .swiper-wrapper { width: 650%; }
  .carousel.half-width-desktop.c14 .swiper-wrapper { width: 700%; }
  .carousel.half-width-desktop.c15 .swiper-wrapper { width: 750%; }
  .carousel.half-width-desktop.c16 .swiper-wrapper { width: 800%; }
  .carousel.half-width-desktop.c17 .swiper-wrapper { width: 850%; }
  .carousel.half-width-desktop.c18 .swiper-wrapper { width: 900%; }
  .carousel.half-width-desktop.c19 .swiper-wrapper { width: 950%; }
  .carousel.half-width-desktop.c20 .swiper-wrapper { width: 1000%; }
  .carousel.half-width-desktop.c21 .swiper-wrapper { width: 1050%; }
  .carousel.half-width-desktop.c22 .swiper-wrapper { width: 1100%; }
  .carousel.half-width-desktop.c23 .swiper-wrapper { width: 1150%; }
  .carousel.half-width-desktop.c24 .swiper-wrapper { width: 1200%; }
  .carousel.half-width-desktop.c25 .swiper-wrapper { width: 1250%; }
  .carousel.half-width-desktop.c26 .swiper-wrapper { width: 1300%; }
  .carousel.half-width-desktop.c27 .swiper-wrapper { width: 1350%; }
  .carousel.half-width-desktop.c28 .swiper-wrapper { width: 1400%; }
  .carousel.half-width-desktop.c29 .swiper-wrapper { width: 1450%; }
  .carousel.half-width-desktop.c30 .swiper-wrapper { width: 1500%; }
  .carousel.one-third-width.c1 .swiper-wrapper { width: 33.3333%; }
  .carousel.one-third-width.c2 .swiper-wrapper { width: 66.6667%; }
  .carousel.one-third-width.c3 .swiper-wrapper { width: 100%; }
  .carousel.one-third-width.c4 .swiper-wrapper { width: 133.333%; }
  .carousel.one-third-width.c5 .swiper-wrapper { width: 166.667%; }
  .carousel.one-third-width.c6 .swiper-wrapper { width: 200%; }
  .carousel.one-third-width.c7 .swiper-wrapper { width: 233.333%; }
  .carousel.one-third-width.c8 .swiper-wrapper { width: 266.667%; }
  .carousel.one-third-width.c9 .swiper-wrapper { width: 300%; }
  .carousel.one-third-width.c10 .swiper-wrapper { width: 333.333%; }
  .carousel.one-third-width.c11 .swiper-wrapper { width: 366.667%; }
  .carousel.one-third-width.c12 .swiper-wrapper { width: 400%; }
  .carousel.one-third-width.c13 .swiper-wrapper { width: 433.333%; }
  .carousel.one-third-width.c14 .swiper-wrapper { width: 466.667%; }
  .carousel.one-third-width.c15 .swiper-wrapper { width: 500%; }
  .carousel.one-third-width.c16 .swiper-wrapper { width: 533.333%; }
  .carousel.one-third-width.c17 .swiper-wrapper { width: 566.667%; }
  .carousel.one-third-width.c18 .swiper-wrapper { width: 600%; }
  .carousel.one-third-width.c19 .swiper-wrapper { width: 633.333%; }
  .carousel.one-third-width.c20 .swiper-wrapper { width: 666.667%; }
  .carousel.one-third-width.c21 .swiper-wrapper { width: 700%; }
  .carousel.one-third-width.c22 .swiper-wrapper { width: 733.333%; }
  .carousel.one-third-width.c23 .swiper-wrapper { width: 766.667%; }
  .carousel.one-third-width.c24 .swiper-wrapper { width: 800%; }
  .carousel.one-third-width.c25 .swiper-wrapper { width: 833.333%; }
  .carousel.one-third-width.c26 .swiper-wrapper { width: 866.667%; }
  .carousel.one-third-width.c27 .swiper-wrapper { width: 900%; }
  .carousel.one-third-width.c28 .swiper-wrapper { width: 933.333%; }
  .carousel.one-third-width.c29 .swiper-wrapper { width: 966.667%; }
  .carousel.one-third-width.c30 .swiper-wrapper { width: 1000%; }
}

@media (max-width: 761px) {
  .carousel.full-width-mobile.c1 .swiper-wrapper { width: 100%; }
  .carousel.full-width-mobile.c2 .swiper-wrapper { width: 200%; }
  .carousel.full-width-mobile.c3 .swiper-wrapper { width: 300%; }
  .carousel.full-width-mobile.c4 .swiper-wrapper { width: 400%; }
  .carousel.full-width-mobile.c5 .swiper-wrapper { width: 500%; }
  .carousel.full-width-mobile.c6 .swiper-wrapper { width: 600%; }
  .carousel.full-width-mobile.c7 .swiper-wrapper { width: 700%; }
  .carousel.full-width-mobile.c8 .swiper-wrapper { width: 800%; }
  .carousel.full-width-mobile.c9 .swiper-wrapper { width: 900%; }
  .carousel.full-width-mobile.c10 .swiper-wrapper { width: 1000%; }
  .carousel.full-width-mobile.c11 .swiper-wrapper { width: 1100%; }
  .carousel.full-width-mobile.c12 .swiper-wrapper { width: 1200%; }
  .carousel.full-width-mobile.c13 .swiper-wrapper { width: 1300%; }
  .carousel.full-width-mobile.c14 .swiper-wrapper { width: 1400%; }
  .carousel.full-width-mobile.c15 .swiper-wrapper { width: 1500%; }
  .carousel.full-width-mobile.c16 .swiper-wrapper { width: 1600%; }
  .carousel.full-width-mobile.c17 .swiper-wrapper { width: 1700%; }
  .carousel.full-width-mobile.c18 .swiper-wrapper { width: 1800%; }
  .carousel.full-width-mobile.c19 .swiper-wrapper { width: 1900%; }
  .carousel.full-width-mobile.c20 .swiper-wrapper { width: 2000%; }
  .carousel.full-width-mobile.c21 .swiper-wrapper { width: 2100%; }
  .carousel.full-width-mobile.c22 .swiper-wrapper { width: 2200%; }
  .carousel.full-width-mobile.c23 .swiper-wrapper { width: 2300%; }
  .carousel.full-width-mobile.c24 .swiper-wrapper { width: 2400%; }
  .carousel.full-width-mobile.c25 .swiper-wrapper { width: 2500%; }
  .carousel.full-width-mobile.c26 .swiper-wrapper { width: 2600%; }
  .carousel.full-width-mobile.c27 .swiper-wrapper { width: 2700%; }
  .carousel.full-width-mobile.c28 .swiper-wrapper { width: 2800%; }
  .carousel.full-width-mobile.c29 .swiper-wrapper { width: 2900%; }
  .carousel.full-width-mobile.c30 .swiper-wrapper { width: 3000%; }
}

.ranking .comic-preview .thumbnail-area::after, .ranking .comic-preview .thumbnail-area::before { display: block; position: absolute; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0.5px 3px); content: ""; }

.ranking .comic-preview .thumbnail-area::after { width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(-n+3) .thumbnail-area::before { z-index: 9; width: 26px; height: 26px; bottom: -0.3em; right: calc(0.3em + 10px); filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 0.5px 2px); }

.ranking .comic-preview:nth-last-child(-n+3) .thumbnail-area::after { width: 46px; height: 46px; z-index: 10; }

.ranking .comic-preview:last-child .thumbnail-area::before { background: url("/assets/img/ranking/rank_1_ribbon.svg") 100% 100% no-repeat; }

.ranking .comic-preview:last-child .thumbnail-area::after { background: url("/assets/img/ranking/rank_1.svg") 100% 100% no-repeat; }

.ranking .comic-preview:nth-last-child(2) .thumbnail-area::before { background: url("/assets/img/ranking/rank_2_ribbon.svg") 100% 100% no-repeat; }

.ranking .comic-preview:nth-last-child(2) .thumbnail-area::after { background: url("/assets/img/ranking/rank_2.svg") 100% 100% no-repeat; }

.ranking .comic-preview:nth-last-child(3) .thumbnail-area::before { background: url("/assets/img/ranking/rank_3_ribbon.svg") 100% 100% no-repeat; }

.ranking .comic-preview:nth-last-child(3) .thumbnail-area::after { background: url("/assets/img/ranking/rank_3.svg") 100% 100% no-repeat; }

.ranking .comic-preview:nth-last-child(n+4) .thumbnail-area::after { z-index: 10; background: url("/assets/img/ranking/rank_bg.svg") 100% 100% no-repeat; }

.ranking .comic-preview:nth-last-child(4) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 0px top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(5) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 6.25% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(6) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 12.5% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(7) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 18.75% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(8) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 25% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(9) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 31.25% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(10) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 37.5% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(11) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 43.75% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(12) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 50% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(13) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 56.25% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(14) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 62.5% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(15) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 68.75% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(16) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 75% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(17) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 81.25% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(18) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 87.5% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(19) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 93.75% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

.ranking .comic-preview:nth-last-child(20) .thumbnail-area::before { z-index: 11; background: url("/assets/img/ranking/rank_4-20.svg") 100% top / auto 100% no-repeat; width: 46px; height: 46px; bottom: 0.28em; right: 0.3em; }

@media (max-width: 761px) {
  .ranking .comic-preview:nth-last-child(-n+3) .thumbnail-area::before { transform: translateY(2.3px) scale(0.9); }
  .ranking .comic-preview:nth-last-child(-n+3) .thumbnail-area::after, .ranking .comic-preview:nth-last-child(n+4) .thumbnail-area::after, .ranking .comic-preview:nth-last-child(n+4) .thumbnail-area::before { transform: translateY(4.6px) scale(0.9); }
}

body.authenticated.dark .page.articles.list .row, body.authenticated.dark .page.static.support.list .row { background: rgb(34, 33, 39); }

@media (min-width: 750px) {
  body.authenticated.dark .page.articles.list .row:hover .category, body.authenticated.dark .page.static.support.list .row:hover .category { background: rgb(135, 135, 135); color: rgb(34, 33, 39); }
  body.authenticated.dark .page.articles.list .row:hover .published, body.authenticated.dark .page.static.support.list .row:hover .published { color: rgb(135, 135, 135); }
}

body.authenticated.dark .page.articles .category, body.authenticated.dark .page.static.support .category { color: rgb(34, 33, 39); }

body.authenticated.dark .page.articles > .module.body, body.authenticated.dark .page.static.support > .module.body { background: rgb(34, 33, 39); color: rgb(204, 204, 204); }

.page.articles .title h1 { font-size: 1.4em; }

.page.articles .end { font-size: 0.8em; }

.page.articles.list .row, .page.static.support.list .row { background: rgb(255, 255, 255); padding: 1em; box-sizing: border-box; border-radius: 0.25em; box-shadow: rgba(18, 18, 18, 0.15) 0px 0.25em 1em; border-bottom: none; font-weight: 400; }

@media (min-width: 762px) {
  .page.articles.list .row:hover, .page.static.support.list .row:hover { background: rgb(239, 66, 116); color: rgb(255, 255, 255); transform: scale(1.1); box-shadow: none; }
  .page.articles.list .row:hover .category, .page.static.support.list .row:hover .category { background: rgb(255, 255, 255); color: rgb(239, 66, 116); }
  .page.articles.list .row:hover .published, .page.static.support.list .row:hover .published { color: rgb(255, 255, 255); }
}

.page.articles.list .row .progress, .page.static.support.list .row .progress { box-shadow: none; position: absolute; top: 0px; left: 0px; border-radius: 0.25em 0.25em 0px 0px; }

.page.articles.list .row .progress:not(.complete), .page.static.support.list .row .progress:not(.complete) { }

.page.articles.list .row .progress > *, .page.static.support.list .row .progress > * { border-radius: 0.25em 0px 0px; }

.page.articles.list .row .progress.complete > *, .page.static.support.list .row .progress.complete > * { border-radius: 0.25em 0.25em 0px 0px; }

.page.articles.list .row.survey p, .page.static.support.list .row.survey p { margin-top: 0.25em; }

.page.articles.list .category, .page.static.support.list .category { background: rgb(135, 135, 135); color: rgb(255, 255, 255); border-radius: 0.25em; padding: 0.3em 0.6em 0.2em; font-size: 0.8em; margin-right: 0.6em; }

.page.articles.list .published, .page.static.support.list .published { color: rgb(135, 135, 135); font-size: 0.8em; }

.page.articles.download .hero, .page.static.support.download .hero { padding-top: 0px; color: rgb(255, 255, 255); overflow: hidden; }

.page.articles.download .hero > .container, .page.static.support.download .hero > .container { background: 50% center / auto 100% no-repeat rgb(4, 85, 160); }

.page.articles.download .hero h1, .page.static.support.download .hero h1 { margin-bottom: 0px; }

.page.articles.download .hero .mobile-overlay, .page.static.support.download .hero .mobile-overlay { position: absolute; width: 100%; height: 100%; top: 0px; background: 0px 0px / 100% no-repeat rgb(4, 85, 160); left: 0px; }

@media (min-width: 762px) {
  .page.articles.download .hero .mobile-overlay, .page.static.support.download .hero .mobile-overlay { display: none; }
}

.page.articles.download .hero .container, .page.static.support.download .hero .container { margin-bottom: 0px; }

.page.articles.download .hero .container .headline, .page.static.support.download .hero .container .headline { margin-bottom: 1.2em; opacity: 0.25; }

.page.articles.download .hero .container .headline h2, .page.static.support.download .hero .container .headline h2 { color: rgb(255, 255, 255); font-size: 4em; text-transform: uppercase; letter-spacing: -0.1em; display: block; height: 0.85em; line-height: 0.7em; }

@media (max-width: 761px) {
  .page.articles.download .hero .container .headline h2, .page.static.support.download .hero .container .headline h2 { margin-bottom: 0.55em; }
}

@media (min-width: 762px) {
  .page.articles.download .hero .container .headline h2, .page.static.support.download .hero .container .headline h2 { margin-bottom: 0.13em; }
}

.page.articles.download .hero .container .title, .page.static.support.download .hero .container .title { padding: 0.5%; background: rgba(18, 18, 18, 0.8); box-shadow: rgba(18, 18, 18, 0.8) 0px 0px 0px 1.2em; }

.page.articles.download .hero .container .title > *, .page.static.support.download .hero .container .title > * { margin: 0px; }

.page.articles.download .hero .container .title h3, .page.static.support.download .hero .container .title h3 { padding: 0.5em 0px 1em; font-size: 1.2em; }

.page.articles.download .phone, .page.static.support.download .phone { position: absolute; width: 113.5%; padding-bottom: 229.5%; background: url("/assets/img/phone@2x.png") 0px 0px / 100% no-repeat rgb(255, 255, 255); z-index: 1; box-shadow: rgba(18, 18, 18, 0.25) 0px 5px 16px, rgba(18, 18, 18, 0.25) 0px 0px 0px 1px inset; transform: rotate(5deg); margin-top: -150%; right: -100%; }

@media (min-width: 1270px) {
  .page.articles.download .phone, .page.static.support.download .phone { border-radius: 26px; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  .page.articles.download .phone, .page.static.support.download .phone { border-radius: 21px; }
}

@media (min-width: 762px) and (max-width: 1015px) {
  .page.articles.download .phone, .page.static.support.download .phone { border-radius: 15px; }
}

@media (max-width: 761px) {
  .page.articles.download .phone, .page.static.support.download .phone { box-shadow: none; transform: none; background-color: transparent; right: 0px; }
}

.page.articles.download .phone .image, .page.static.support.download .phone .image { display: block; position: absolute; background: 0px 0px / 100% 100% no-repeat rgb(66, 143, 205); width: 88.33%; height: 76.92%; top: 10.99%; left: 6%; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset; }

.page.articles.download .asset-title, .page.static.support.download .asset-title { background: rgb(186, 186, 186); color: rgb(255, 255, 255); text-align: center; padding: 0.5em 0px; border-radius: 0.25em; }

.page.articles.download .body p, .page.static.support.download .body p { margin: 1em 0px; }

.page.articles.download .button-container, .page.static.support.download .button-container { margin-bottom: 3em; }

.page.articles.download .devices p, .page.static.support.download .devices p { display: inline-block; margin: 0.5em; padding: 0.5em 0.75em; border-radius: 0.25em; background: rgb(255, 255, 255); font-size: 0.9em; }

.page.articles .tags li, .page.static.support .tags li { display: inline-block; float: none; }

.page.articles > .module.title, .page.static.support > .module.title { margin: 1em 0px; font-size: 0.8em; text-align: center; padding: 1em; box-sizing: border-box; background: rgb(66, 143, 205); color: rgb(255, 255, 255); }

@media (min-width: 762px) {
  .page.articles > .module.title, .page.static.support > .module.title { margin: 2em 20%; width: 60%; }
}

.page.articles > .module.body, .page.static.support > .module.body { padding: 2em; box-sizing: border-box; font-size: 1.2em; background: rgb(255, 255, 255); color: rgb(66, 66, 66); }

@media (min-width: 762px) {
  .page.articles > .module.body, .page.static.support > .module.body { margin: 0px 20% 2em; width: 60%; }
}

.page.articles > .module.body :first-child, .page.static.support > .module.body :first-child { margin-top: 0px; }

.page.articles .question h3, .page.articles > .module.body h3, .page.static.support .question h3, .page.static.support > .module.body h3 { font-size: 1.2em; font-weight: 700; margin: 2em 0px 1em; }

.page.articles .question ol, .page.articles .question ul, .page.articles > .module.body ol, .page.articles > .module.body ul, .page.static.support .question ol, .page.static.support .question ul, .page.static.support > .module.body ol, .page.static.support > .module.body ul { list-style-type: disc; }

.page.articles .question ol li, .page.articles .question ul li, .page.articles > .module.body ol li, .page.articles > .module.body ul li, .page.static.support .question ol li, .page.static.support .question ul li, .page.static.support > .module.body ol li, .page.static.support > .module.body ul li { display: list-item; margin-left: 1em; line-height: 1.5em; }

.page.articles .question ol, .page.articles > .module.body ol, .page.static.support .question ol, .page.static.support > .module.body ol { list-style-type: decimal; }

.question textarea { box-sizing: border-box; width: 100%; height: 5em; }

.question h2 { line-height: 1.6em; }

.tag-title { line-height: 1.8em; }

.tag-title i { float: left; display: block; width: 42px; height: 42px; margin-right: 1em; background: url("/assets/img/tileset@2x.png?a") 0px -196px / auto 356px no-repeat; }

.attribute.header #follow-button, .search.header #follow-button { margin-top: -0.1em; }

@media (min-width: 762px) and (max-width: 1015px) {
  .attribute.header #follow-button, .search.header #follow-button { margin-top: 0.2em; }
}

.attribute.header .tag, .search.header .tag { position: relative; display: inline-block; margin-right: 0.5em; font-weight: 600; }

.attribute.header .tag.removable, .search.header .tag.removable { cursor: pointer; }

.attribute.header .tag.removable::before, .search.header .tag.removable::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url("/assets/img/icon_close_micro@2x.png") 50% center / auto 16px no-repeat rgb(4, 85, 160); box-shadow: rgb(4, 85, 160) 0px 0px 0px 1px; transition: all 0.2s ease-out 0s; opacity: 0; }

.attribute.header .tag.removable:hover::before, .search.header .tag.removable:hover::before { opacity: 1; transition: none 0s ease 0s; }

.attribute.header .add, .search.header .add { position: relative; top: 0.2em; margin-left: 0.25em; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 50%; width: 1em; height: 1em; text-align: center; display: inline-block; cursor: pointer; transition: all 0.2s ease-out 0s; box-shadow: rgb(239, 66, 116) 0px 0px 0px inset; }

.attribute.header .add::after, .attribute.header .add::before, .search.header .add::after, .search.header .add::before { content: ""; display: block; width: 0.6em; height: 2px; background: rgb(255, 255, 255); position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -0.3em; }

.attribute.header .add::after, .search.header .add::after { width: 2px; height: 0.6em; left: 50%; margin-left: -1px; top: 50%; margin-top: -0.3em; }

@media (max-width: 761px) {
  .attribute.header .add, .search.header .add { width: 22px; height: 22px; }
  .attribute.header .add::before, .search.header .add::before { width: 12px; margin-left: -6px; }
  .attribute.header .add::after, .search.header .add::after { height: 12px; margin-top: -6px; }
}

@media (min-width: 762px) {
  .attribute.header .add:hover, .search.header .add:hover { box-shadow: rgb(239, 66, 116) 0px 0px 0px 0.6em inset; transform: scale(1.1); transition: none 0s ease 0s; }
}

.attribute.header select, .search.header select { margin-left: 0.5em; top: -0.25em; position: relative; }

@media (max-width: 761px) {
  .attribute.header, .search.header { font-size: 1.4em; }
}

.search.header .w1-1 { line-height: 1.8em; }

.search.header i { background: url("/assets/img/tileset@2x.png?a") 0px -238px / auto 356px no-repeat; }

@media (max-width: 761px) {
  .search.header { text-align: center; }
  .search.header i { display: none; }
}

body.authenticated.dark .page.following .character-nav { background: rgb(34, 33, 39); }

.page.following .character-nav { background: rgb(255, 255, 255); text-align: center; border-radius: 0.25em; }

.page.following .character-nav li { display: block; font-size: 0.8em; color: rgb(66, 143, 205); }

.page.following .character-nav li span { display: block; padding: 0.5em 0px 0.3em; transition: all 0.25s linear 0s; }

.page.following .character-nav li:hover { cursor: pointer; }

@media (min-width: 762px) {
  .page.following .character-nav li:hover { color: rgb(255, 255, 255); }
  .page.following .character-nav li:hover span { transition: none 0s ease 0s; background: rgb(66, 143, 205); }
}

.page.following .character-nav li:first-child span { border-radius: 0.25em 0.25em 0px 0px; }

.page.following .character-nav li:last-child span { border-radius: 0px 0px 0.25em 0.25em; }

.page.following .character-nav li.selected span { background: rgb(4, 85, 160); color: rgb(255, 255, 255); transition: none 0s ease 0s; }

.page.following .follow-list li { display: block; }

.page.following .follow-list li a { display: block; background: rgb(4, 85, 160); color: rgb(255, 255, 255); padding: 0.75em 1em; margin-bottom: 0.5em; border-radius: 0.25em; border-bottom: 0px; }

@media (min-width: 762px) {
  .page.following .follow-list li a:hover { transition: none 0s ease 0s; background: rgb(239, 66, 116) !important; }
}

.page.following .follow-list li:nth-child(2n) a { background: rgb(66, 143, 205); }

.page.categories h2 { margin-bottom: 0px; }

@media (max-width: 761px) {
  .page.categories h2 { font-size: 1em; }
}

.page.categories h2.all-tags { padding: 0.4em 0px; }

.page.categories .container.black { background: rgb(0, 0, 0); padding-bottom: 0.75em; }

.page.categories .container.black h2 { color: rgb(255, 255, 255); }

.page.categories .container.top { background: rgb(0, 0, 0); }

.page.categories .container.top h1 { color: rgb(255, 255, 255); }

.page.categories a.tag.rand1 { animation: 0.75s linear 0s 1 normal none running tag-zoom1; }

.page.categories a.tag.rand2 { animation: 0.75s linear 0s 1 normal none running tag-zoom2; }

.page.categories a.tag.rand3 { animation: 0.75s linear 0s 1 normal none running tag-zoom3; }

.page.categories a.tag.rand4 { animation: 0.75s linear 0s 1 normal none running tag-zoom4; }

.page.categories a.tag.rand5 { animation: 0.75s linear 0s 1 normal none running tag-zoom5; }

.page.categories a.tag.rand6 { animation: 0.75s linear 0s 1 normal none running tag-zoom6; }

.page.categories a.tag.rand7 { animation: 0.75s linear 0s 1 normal none running tag-zoom7; }

.page.categories a.tag.rand8 { animation: 0.75s linear 0s 1 normal none running tag-zoom8; }

.page.categories a.tag.rand9 { animation: 0.75s linear 0s 1 normal none running tag-zoom9; }

.page.categories a.tag.rand10 { animation: 0.75s linear 0s 1 normal none running tag-zoom10; }

.page.categories .tag-title i { float: none; }

@keyframes tag-zoom1 { 
  0%, 5% { opacity: 0; transform: scale(0.9); }
  55% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom2 { 
  0%, 10% { opacity: 0; transform: scale(0.9); }
  60% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom3 { 
  0%, 15% { opacity: 0; transform: scale(0.9); }
  65% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom4 { 
  0%, 20% { opacity: 0; transform: scale(0.9); }
  70% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom5 { 
  0%, 25% { opacity: 0; transform: scale(0.9); }
  75% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom6 { 
  0%, 30% { opacity: 0; transform: scale(0.9); }
  80% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom7 { 
  0%, 35% { opacity: 0; transform: scale(0.9); }
  85% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom8 { 
  0%, 40% { opacity: 0; transform: scale(0.9); }
  90% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom9 { 
  0%, 45% { opacity: 0; transform: scale(0.9); }
  95% { opacity: 1; transform: scale(1); }
}

@keyframes tag-zoom10 { 
  0%, 50% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}

.categoryfilterswitch { position: relative; cursor: pointer; }

.categoryfiltermenu { position: absolute; min-width: 300px; right: -20px; z-index: 10; background-color: rgb(0, 0, 0); padding: 1em 1em 2em; color: rgb(255, 255, 255); border-radius: 1em; cursor: pointer; }

.categoryfiltermenu::before { content: ""; position: absolute; top: -25px; right: 80px; margin-left: -15px; border-width: 15px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); border-image: initial; z-index: 0; }

.categoryfiltermenu .item-container { display: flex; justify-content: space-between; border-bottom: 1px solid rgb(136, 136, 136); }

.categoryfiltermenu .item-container p { margin-top: 1.2em; margin-bottom: 0.2em; }

.categoryfiltermenu.hidden { display: none; pointer-events: none; }

body.authenticated.dark .categoryfilterswitch { color: rgb(135, 135, 135); }

.collection-header { display: flex; justify-content: space-between; }

.container-outer.collection { background: rgb(4, 85, 160); text-align: center; margin-bottom: 1em; }

.container-outer.collection .with-subtitle h1 { margin-bottom: 0px; font-size: 1.6em; line-height: 1.25em; color: rgb(255, 255, 255); }

.container-outer.collection .with-subtitle p { margin-top: 0.5em; opacity: 0.75; color: rgb(255, 255, 255); }

.container-outer.collection .with-subtitle p a { color: rgb(255, 255, 255); border-bottom: 1px dashed rgb(255, 255, 255); }

.container-outer.collection .with-subtitle p a:hover { text-decoration: none; border-bottom: 1px solid rgb(255, 255, 255); }

.container-outer.collection .like-container { margin-top: 0px; }

.container.outer.reading .select { border: 0px; background: transparent; height: 100%; font-size: 0.8em; box-shadow: none; }

.container.outer.reading .select select { height: 100%; color: rgb(135, 135, 135); font-size: inherit; }

.container.outer.reading .select::before { width: 0px; height: 0px; border-left: 0.6em solid transparent; border-right: 0.6em solid transparent; border-top: 0.6em solid rgb(135, 135, 135); }

.artist-banner .w2 { background-color: rgb(237, 67, 116); border-radius: 2px; padding: 8px 0px; color: rgb(255, 255, 255); font-weight: 600; text-align: center; opacity: 0.8; }

.artist-banner .w1-1 { color: rgb(255, 255, 255); font-size: 28pt; }

.artist-banner { background-size: cover; margin-bottom: 4px; display: block; }

.artist-banner::before { content: ""; position: absolute; inset: 0px; background: rgba(18, 18, 18, 0.3); width: 100%; height: 100%; }

@media (min-width: 762px) {
  .comic-info .like-container { float: left; display: inline-block; margin-right: 1.5em; margin-top: -0.45em; }
  .comic-info .actions { margin-top: 1.5em; }
}

.share-block { display: inline-block; background-color: rgb(255, 255, 255); border-radius: 1em; padding: 0.5em 1em; }

body.authenticated.dark .share-block { background-color: transparent; border: 1px solid rgb(135, 135, 135); }

.bluesky-share-button, .misskey-share-button, .twitter-share-button { display: inline-block; padding: 0.6em 0.7em; margin: 0px; font-size: 0.9em; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-radius: 0.3em; border: none; }

.bluesky-share-button:hover, .misskey-share-button:hover, .twitter-share-button:hover { background-color: rgb(0, 0, 0); }

.bluesky-share-button span, .misskey-share-button span, .twitter-share-button span { margin-left: 0.5em; }

.bluesky-share-button-round, .misskey-share-button-round, .twitter-share-button-round { display: inline-block; padding: 0.6em; height: 1.2em; width: 1.2em; margin: 0px; font-size: 0.9em; line-height: 1.25em; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-radius: 1.2em; border: none; }

.bluesky-share-button-round span, .misskey-share-button-round span, .twitter-share-button-round span { display: none; }

@media (max-width: 761px) {
  .comic-preview-meta { text-align: center; }
}

.bluesky-share-button, .bluesky-share-button-round { background-color: rgb(0, 133, 255); }

.misskey-share-button, .misskey-share-button-round { background-color: rgb(27, 30, 31); }

#like-button { background: rgb(239, 23, 23); border-color: rgb(239, 23, 23); border-radius: 1.5em; }

@media (min-width: 762px) {
  #like-button { padding: 0.5em 1.5em; }
}

#like-button > * { pointer-events: none; transition: none 0s ease 0s; }

@media (min-width: 750px) {
  #like-button:hover { color: rgb(239, 23, 23); box-shadow: rgb(239, 23, 23) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 1.3em inset; }
}

body.authenticated.dark .button-bubble { background: rgb(34, 33, 39); }

:not(.swiper-slide) > div > div.thumbnail-area > a.thumbnail > img.swiper-lazy { animation: 2s ease 0s 1 normal forwards running fadeIn; }

:not(.swiper-slide) > div > div.thumbnail-area > a.thumbnail > img.swiper-lazy.swiper-lazy-loaded { opacity: 1; }

.button-bubble { position: relative; display: inline-block; padding: 0.5em 1em; line-height: 1.5em; border: 1px solid rgb(136, 136, 136); background: rgb(255, 255, 255); margin-left: 0.5em; border-radius: 1.5em; }

.button-bubble::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; top: 50%; margin-top: -5px; left: -10px; border-width: 5px; border-style: solid; border-color: transparent rgb(136, 136, 136) transparent transparent; border-image: initial; }

.comic-preview > div { position: relative; }

.comic-preview hr { margin: 0px; }

.comic-preview p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8em; }

.grid:not(.comic-info):not(.collection):not(.results):not(.notifications-center):not(.notifications-list) .comic-preview { margin-bottom: 0px !important; }

.grid:not(.collection):not(.results):not(.notifications-center) .comic-preview { margin-right: 0px !important; }

.grid:not(.collection):not(.results):not(.notifications-center) .comic-preview > div { width: 92.327%; }

@media (min-width: 762px) {
  .comic-preview { margin-right: 0px !important; }
  .comic-preview > div { width: 92.327%; }
}

.comic-info, .comic-preview, .tankoubon { box-sizing: border-box; }

.comic-info a:hover, .comic-preview a:hover, .tankoubon a:hover { border-color: transparent; }

.comic-info .thumbnail-area, .comic-preview .thumbnail-area, .tankoubon .thumbnail-area { position: relative; width: 100%; padding-bottom: 141.048%; border-radius: 2px; }

.comic-info .thumbnail, .comic-info img, .comic-preview .thumbnail, .comic-preview img, .tankoubon .thumbnail, .tankoubon img { display: block; }

.comic-info .thumbnail, .comic-preview .thumbnail, .tankoubon .thumbnail { position: absolute; width: 100%; padding-bottom: 141.09%; border-bottom: none; }

.comic-info .thumbnail img, .comic-preview .thumbnail img, .tankoubon .thumbnail img { z-index: 1; position: absolute; height: 100%; }

.comic-info .thumbnail img.hidden, .comic-preview .thumbnail img.hidden, .tankoubon .thumbnail img.hidden { opacity: 0; }

.comic-info .thumbnail .swiper-lazy-preloader, .comic-preview .thumbnail .swiper-lazy-preloader, .tankoubon .thumbnail .swiper-lazy-preloader { z-index: 0; position: absolute; width: 100%; height: 100%; background: url("/assets/img/cover_bg@2x.png") 0px 0px / 100% no-repeat rgb(255, 255, 255); border-radius: 2px; opacity: 0.2; animation: 1s ease 0s infinite alternate none running cover_preloader; }

.comic-info .thumbnail:not(.user-owns).plus::before, .comic-preview .thumbnail:not(.user-owns).plus::before, .tankoubon .thumbnail:not(.user-owns).plus::before { z-index: 10; content: ""; display: block; position: absolute; left: 10px; top: 10px; width: 34px; height: 32px; background: url("/assets/img/partners/plus_16@2x.png") 50% center / auto 16px no-repeat rgb(253, 215, 0); border-radius: 50%; box-shadow: rgba(18, 18, 18, 0.4) 0px 1px 3px, rgba(255, 255, 255, 0.33) 0px 0px 0px 2px inset; transition: opacity 0.2s linear 0s; }

.comic-info .thumbnail.lock::before, .comic-preview .thumbnail.lock::before, .tankoubon .thumbnail.lock::before { z-index: 10; content: ""; color: rgb(239, 66, 116); display: block; position: absolute; left: 14px; top: 10px; font-size: 3em; text-shadow: rgb(255, 255, 255) 2px 2px 1px, rgb(255, 255, 255) -2px 2px 1px, rgb(255, 255, 255) 2px -2px 1px, rgb(255, 255, 255) -2px -2px 1px, rgb(255, 255, 255) 2px 0px 1px, rgb(255, 255, 255) 0px 2px 1px, rgb(255, 255, 255) -2px 0px 1px, rgb(255, 255, 255) 0px -2px 1px; font-family: iconfont !important; }

.comic-info .thumbnail:not(.user-owns).plus.free::after, .comic-preview .thumbnail:not(.user-owns).plus.free::after, .tankoubon .thumbnail:not(.user-owns).plus.free::after { z-index: 9; content: "無料"; display: block; position: absolute; top: 39px; left: 5px; width: 44px; border-radius: 10px; color: rgb(253, 215, 0); font-weight: 600; font-size: 13px; padding: 4px 0px 3px; text-align: center; background: rgb(136, 44, 111); box-shadow: rgb(253, 215, 0) 0px 0px 0px 2px; transition: opacity 0.2s linear 0s; }

.comic-info .purchase-overlay, .comic-preview .purchase-overlay, .tankoubon .purchase-overlay { z-index: 11; display: block; position: absolute; left: 0px; bottom: -1px; width: 100%; border-radius: 0px 0px 2px 2px; padding-top: 100%; margin-bottom: 0.5px; pointer-events: none; background: linear-gradient(rgba(18, 18, 18, 0) 75%, rgba(18, 18, 18, 0.8)); }

.comic-info .purchase-overlay > *, .comic-preview .purchase-overlay > *, .tankoubon .purchase-overlay > * { pointer-events: all; }

.comic-info .purchase-overlay span, .comic-preview .purchase-overlay span, .tankoubon .purchase-overlay span { position: absolute; display: inline-block; text-align: center; width: 100%; height: 100%; bottom: 0px; left: 0px; }

.comic-info .purchase-overlay span:first-of-type, .comic-preview .purchase-overlay span:first-of-type, .tankoubon .purchase-overlay span:first-of-type { left: 5%; width: 60px; padding-bottom: 0.25em; font-weight: 600; font-size: 1.2em; color: rgb(255, 255, 255); text-shadow: rgba(18, 18, 18, 0.75) 0px 1px; display: none; }

.comic-info .purchase-overlay span button, .comic-info .purchase-overlay span button:hover, .comic-preview .purchase-overlay span button, .comic-preview .purchase-overlay span button:hover, .tankoubon .purchase-overlay span button, .tankoubon .purchase-overlay span button:hover { position: absolute; width: 100%; padding-top: 126.5%; bottom: 0px; left: 0px; font-weight: 300; transition: opacity 0.2s linear 0s; background: transparent; border-color: transparent; text-shadow: rgb(0, 0, 0) 0px 0px 4px; color: rgb(255, 255, 255) !important; box-shadow: none !important; }

.comic-info .age-mask, .comic-info .restricted, .comic-preview .age-mask, .comic-preview .restricted, .tankoubon .age-mask, .tankoubon .restricted { position: relative; display: block; background: rgb(66, 143, 205); color: rgb(255, 255, 255); text-align: center; border-radius: 2px; cursor: pointer; padding-bottom: 141.09%; }

.comic-info .age-mask span, .comic-info .restricted span, .comic-preview .age-mask span, .comic-preview .restricted span, .tankoubon .age-mask span, .tankoubon .restricted span { position: absolute; display: block; top: 50%; transform: translateY(-50%); padding: 0px 1em; box-sizing: border-box; width: 100%; line-height: 1.25em; font-size: 0.8em; }

.comic-info .age-mask, .comic-preview .age-mask, .tankoubon .age-mask { z-index: 2; margin-bottom: -141.09%; opacity: 1; }

.comic-info .age-mask.age-mask-off, .comic-preview .age-mask.age-mask-off, .tankoubon .age-mask.age-mask-off { opacity: 0; pointer-events: none; transition: all 0.3s ease-out 0s; }

.comic-info .restricted, .comic-preview .restricted, .tankoubon .restricted { margin-bottom: -141.09%; background: rgb(170, 170, 170); cursor: default; }

.comic-info .comic-cover { background: url("/assets/img/cover_bg@2x.png") 0px 0px / 100% no-repeat; }

.comic-info .age-mask span, .comic-info .restricted span { font-size: 1em; }

.coupon-icon { z-index: 9; display: block; position: absolute; top: 10px; left: 42px; width: 60px; border-radius: 5px; color: rgb(253, 215, 0); font-weight: 600; font-size: 13px; padding: 4px 0px 3px; text-align: center; background: rgb(16, 148, 108); box-shadow: rgb(253, 215, 0) 0px 0px 0px 2px; transition: opacity 0.2s linear 0s; }

body.nottouchdevice .comic-preview:hover .coupon-icon, body.nottouchdevice .comic-preview:hover .thumbnail::after, body.nottouchdevice .comic-preview:hover .thumbnail::before { opacity: 0; }

body.nottouchdevice .comic-preview:hover .purchase-overlay button { opacity: 1; }

body.nottouchdevice .comic-preview .purchase-overlay button { opacity: 0; }

@-webkit-keyframes cover_preloader { 
  0% { opacity: 0.05; }
  100% { opacity: 0.25; }
}

@keyframes cover_preloader { 
  0% { opacity: 0.05; }
  100% { opacity: 0.25; }
}

.comic-preview a { padding: 0px; }

.comic-preview a:hover { text-decoration: none; border-color: transparent; }

body.nottouchdevice .comic-cover:hover .comic-preview-action.add, body.nottouchdevice .comic-cover:hover .comic-preview-action.remove, body.nottouchdevice .comic-preview:hover .comic-preview-action.add, body.nottouchdevice .comic-preview:hover .comic-preview-action.remove { opacity: 1; transition: opacity 0.1s linear 0s; }

body.nottouchdevice .comic-cover:hover .comic-preview-action.add.add:hover, body.nottouchdevice .comic-cover:hover .comic-preview-action.remove.add:hover, body.nottouchdevice .comic-preview:hover .comic-preview-action.add.add:hover, body.nottouchdevice .comic-preview:hover .comic-preview-action.remove.add:hover { animation: 0.5s ease 0s infinite alternate none running bookmarkaddhover; background-position: -43px -208px; opacity: 1; }

body.nottouchdevice .comic-cover:hover .comic-preview-action.add.remove:hover, body.nottouchdevice .comic-cover:hover .comic-preview-action.remove.remove:hover, body.nottouchdevice .comic-preview:hover .comic-preview-action.add.remove:hover, body.nottouchdevice .comic-preview:hover .comic-preview-action.remove.remove:hover { padding-top: 10px; animation: 1.25s ease-out 0s infinite normal none running bookmarkremovehover; background-position: -87px -196px; }

body.nottouchdevice .comic-preview-action.discuss:hover { animation: 0.33s linear 0s 1 normal none running wiggle; }

@-webkit-keyframes wiggle { 
  20% { transform: rotate(10deg) scale(1.1); }
  60% { transform: rotate(-15deg); }
  80% { transform: none; }
}

@keyframes wiggle { 
  20% { transform: rotate(10deg) scale(1.1); }
  60% { transform: rotate(-15deg); }
  80% { transform: none; }
}

.comic-preview-action.discuss { width: 18px; background: url("/assets/img/tileset@2x.png?a") -49px -167px / auto 356px; z-index: 1; border-radius: 0px 2px 0px 0px; }

.comic-preview-action.discuss, .comic-preview-action.heart { position: absolute; display: block; bottom: 0px; right: 0px; height: 17px; }

.comic-preview-action.heart { width: 17px; background: url("/assets/img/icon_magazine_heart@2x.png") 0px 0px / auto 100% no-repeat; }

.comic-preview-action.add, .comic-preview-action.remove { position: absolute; z-index: 12; display: block; top: 0px; right: 0px; width: 48px; height: 46px; background: url("/assets/img/tileset@2x.png?a") -43px -208px / auto 356px; opacity: 0; border-bottom: 0px; transition: opacity 0.25s linear 0s; }

.comic-preview-action.add.remove, .comic-preview-action.remove.remove { background-position: -87px -208px; opacity: 1; }

.comic-preview-action.add.mobile, .comic-preview-action.remove.mobile { opacity: 1; }

@-webkit-keyframes bookmarkaddhover { 
  0% { opacity: 0.75; }
  100% { transform: scale(1.2); }
}

@keyframes bookmarkaddhover { 
  0% { opacity: 0.75; }
  100% { transform: scale(1.2); }
}

@-webkit-keyframes bookmarkremovehover { 
  0% { top: -10px; opacity: 1; }
  15% { top: -10px; opacity: 1; }
  100% { top: 0px; opacity: 0.1; }
}

@keyframes bookmarkremovehover { 
  0% { top: -10px; opacity: 1; }
  15% { top: -10px; opacity: 1; }
  100% { top: 0px; opacity: 0.1; }
}

body.touchdevice .comic-preview-action.add, body.touchdevice .comic-preview-action.remove { opacity: 1; }

.comic-preview.magazine .comic-preview-action.add, .comic-preview.magazine .comic-preview-action.remove { background-color: rgb(147, 149, 152); }

.comic-preview-title { display: block; margin-top: 1em; text-decoration: none; height: 1em; padding-right: 20px !important; }

.comic-preview-title span { position: absolute; display: block; bottom: 0px; padding-right: 24px; line-height: 1.2em; }

@media (max-width: 1015px) {
  .comic-preview-title span.long { font-size: 0.75em; line-height: 1.5em; }
  .comic-preview-title span.xlong { font-size: 0.65em; line-height: 1.7em; }
}

.comic-info .expiry { text-align: center; color: rgb(186, 186, 186); text-transform: uppercase; border-top: 1px solid rgb(186, 186, 186); padding-top: 2em; }

.comic-info > .info { margin-bottom: 0px; }

.comic-info .buy-area { text-align: center; box-sizing: border-box; margin: 1em 0px; border-radius: 0.5em; background: linear-gradient(110deg, rgb(17, 17, 17), rgb(136, 44, 111)); }

.comic-info .buy-area span { color: rgb(255, 255, 255); }

.comic-info .buy-area.hide-desktop button { width: 70%; }

.comic-info .buy-area.hide-mobile button { margin-left: 1.5em; }

.comic-info .buy-area.hide-mobile button p { padding: 0.75em 0px; }

.comic-info .comic-preview-meta .info p { margin: 0px; }

.comic-info .comic-preview-meta .info p.information { margin-top: 0.5em; font-size: 9pt; }

.comic-info .comic-preview-meta .info a, .comic-info .comic-preview-meta .info span { display: inline-block; margin: 0px 0.6em; }

.comic-info .comic-preview-meta .info a:first-of-type, .comic-info .comic-preview-meta .info span:first-of-type { margin-left: 0px; }

.comic-info .comic-preview-meta .info a:last-of-type, .comic-info .comic-preview-meta .info span:last-of-type { margin-right: 0px; }

.comic-info .comic-preview-meta .info span::before { content: ""; display: inline-block; position: relative; width: 14px; height: 14px; background: 50% center / auto 100% no-repeat transparent; top: 2px; margin-right: 0.25em; }

.comic-info .comic-preview-meta .info span.censorship::before { background-image: url("/assets/img/icon_censorship_kurobo_black.png"); }

.comic-info .comic-preview-meta .info span.censorship.censor-tankoubon::before { background-image: url("/assets/img/icon_censorship_tankoubon_black.png"); }

.comic-info .comic-preview-meta .info span.censorship.censor-white::before { background-image: url("/assets/img/icon_censorship_white_black.png"); }

.comic-info .comic-preview-meta .info span.censorship.censor-mosaic::before { background-image: url("/assets/img/icon_censorship_mosaic_black.png"); }

.comic-info .comic-preview-meta .info span.pages::before { background-image: url("/assets/img/icon_pages_black.png"); }

.comic-info .comic-preview-meta .info span.likes::before { background-image: url("/assets/img/icon_info_heart_black.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio:1.25), only screen and (min-resolution: 1.25dppx) {
  .comic-info .comic-preview-meta .info span.censorship::before { background-image: url("/assets/img/icon_censorship_kurobo_black@2x.png"); }
  .comic-info .comic-preview-meta .info span.censorship.censor-tankoubon::before { background-image: url("/assets/img/icon_censorship_tankoubon_black@2x.png"); }
  .comic-info .comic-preview-meta .info span.censorship.censor-white::before { background-image: url("/assets/img/icon_censorship_white_black@2x.png"); }
  .comic-info .comic-preview-meta .info span.censorship.censor-mosaic::before { background-image: url("/assets/img/icon_censorship_mosaic_black@2x.png"); }
  .comic-info .comic-preview-meta .info span.pages::before { background-image: url("/assets/img/icon_pages_black@2x.png"); }
  .comic-info .comic-preview-meta .info span.likes::before { background-image: url("/assets/img/icon_info_heart_black@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .comic-info .comic-preview-meta .info span.censorship::before { background-image: url("/assets/img/icon_censorship_kurobo_black@3x.png"); }
  .comic-info .comic-preview-meta .info span.censorship.censor-tankoubon::before { background-image: url("/assets/img/icon_censorship_tankoubon_black@3x.png"); }
  .comic-info .comic-preview-meta .info span.censorship.censor-white::before { background-image: url("/assets/img/icon_censorship_white_black@3x.png"); }
  .comic-info .comic-preview-meta .info span.censorship.censor-mosaic::before { background-image: url("/assets/img/icon_censorship_mosaic_black@3x.png"); }
  .comic-info .comic-preview-meta .info span.pages::before { background-image: url("/assets/img/icon_pages_black@3x.png"); }
  .comic-info .comic-preview-meta .info span.likes::before { background-image: url("/assets/img/icon_info_heart_black@3x.png"); }
}

#bottom-navigation.buy-area { text-align: center; box-sizing: border-box; margin: 1em 0px; padding: 1em 0px; border-radius: 0.5em; transition: all 0.2s linear 0s; }

#bottom-navigation.buy-area span { color: rgb(255, 255, 255); display: inline-block; }

#bottom-navigation.buy-area a:not(.full-width), #bottom-navigation.buy-area button { width: 60%; box-sizing: border-box; }

#bottom-navigation.buy-area a:not(.full-width).magazine, #bottom-navigation.buy-area button.magazine { margin-left: 1em; width: calc(105% - 2em); }

#bottom-navigation.buy-area .info, #bottom-navigation.buy-area p { margin: 0px; }

@media (max-width: 749px) {
  #bottom-navigation.buy-area { left: 0px; border-radius: 0px; margin: 0px; width: 100% !important; }
  #bottom-navigation.buy-area.fix.bottom { box-shadow: rgba(0, 0, 0, 0.15) 0px -2px 14px; }
  @supports (padding-top:constant(safe-area-inset-bottom)) {
  #bottom-navigation.buy-area.fix.bottom { --safe-area-inset-bottom: constant(safe-area-inset-bottom); padding: 1em 0 calc(1em + var(--safe-area-inset-bottom) * 1); }
  @media screen and (orientation: portrait) {
  #bottom-navigation.buy-area.fix.bottom { padding: 1em 0 calc(1em + var(--safe-area-inset-bottom) * 1.7); }
}
}
  @supports (padding-top:env(safe-area-inset-bottom)) {
  #bottom-navigation.buy-area.fix.bottom { --safe-area-inset-bottom: env(safe-area-inset-bottom); padding: 1em 0 calc(1em + var(--safe-area-inset-bottom)); }
  @media screen and (orientation: portrait) {
  #bottom-navigation.buy-area.fix.bottom { padding: 1em 0 calc(1em + var(--safe-area-inset-bottom) * 1.7); }
}
}
  #bottom-navigation.buy-area .like-container-fixed { display: inline-block; width: calc(40% - 2em); margin: 0px 1em; }
  #bottom-navigation.buy-area .like-container-fixed button { width: 100%; }
  #bottom-navigation.buy-area .like-container-fixed .button-bubble { display: none; }
}

#bottom-navigation.buy-area:not(.plus) { background: rgba(242, 242, 242, 0.95); }

#bottom-navigation.buy-area.plus { background: linear-gradient(110deg, rgb(17, 17, 17), rgb(136, 44, 111)); }

body.dark #bottom-navigation.buy-area:not(.plus) { background: rgba(34, 33, 39, 0.9); }

body.dark .comic-preview-meta .info span.censorship::before { background-image: url("/assets/img/icon_censorship_kurobo_white.png"); }

body.dark .comic-preview-meta .info span.censorship.censor-tankoubon::before { background-image: url("/assets/img/icon_censorship_tankoubon_white.png"); }

body.dark .comic-preview-meta .info span.censorship.censor-white::before { background-image: url("/assets/img/icon_censorship_white_white.png"); }

body.dark .comic-preview-meta .info span.censorship.censor-mosaic::before { background-image: url("/assets/img/icon_censorship_mosaic_white.png"); }

body.dark .comic-preview-meta .info span.pages::before { background-image: url("/assets/img/icon_pages_white.png"); }

body.dark .comic-preview-meta .info span.likes::before { background-image: url("/assets/img/icon_info_heart_white.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio:1.25), only screen and (min-resolution: 1.25dppx) {
  body.dark .comic-preview-meta .info span.censorship::before { background-image: url("/assets/img/icon_censorship_kurobo_white@2x.png"); }
  body.dark .comic-preview-meta .info span.censorship.censor-tankoubon::before { background-image: url("/assets/img/icon_censorship_tankoubon_white@2x.png"); }
  body.dark .comic-preview-meta .info span.censorship.censor-white::before { background-image: url("/assets/img/icon_censorship_white_white@2x.png"); }
  body.dark .comic-preview-meta .info span.censorship.censor-mosaic::before { background-image: url("/assets/img/icon_censorship_mosaic_white@2x.png"); }
  body.dark .comic-preview-meta .info span.pages::before { background-image: url("/assets/img/icon_pages_white@2x.png"); }
  body.dark .comic-preview-meta .info span.likes::before { background-image: url("/assets/img/icon_info_heart_white@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  body.dark .comic-preview-meta .info span.censorship::before { background-image: url("/assets/img/icon_censorship_kurobo_white@3x.png"); }
  body.dark .comic-preview-meta .info span.censorship.censor-tankoubon::before { background-image: url("/assets/img/icon_censorship_tankoubon_white@3x.png"); }
  body.dark .comic-preview-meta .info span.censorship.censor-white::before { background-image: url("/assets/img/icon_censorship_white_white@3x.png"); }
  body.dark .comic-preview-meta .info span.censorship.censor-mosaic::before { background-image: url("/assets/img/icon_censorship_mosaic_white@3x.png"); }
  body.dark .comic-preview-meta .info span.pages::before { background-image: url("/assets/img/icon_pages_white@3x.png"); }
  body.dark .comic-preview-meta .info span.likes::before { background-image: url("/assets/img/icon_info_heart_white@3x.png"); }
}

.tags li { text-align: center; padding-top: 1.5em; box-sizing: border-box; display: block; float: left; padding-right: 0.75em; padding-left: 0.75em; }

.tags li a { display: block; width: 100%; height: 3em; line-height: 2.7em; overflow: hidden; border-bottom: 0px; text-decoration: none; color: rgb(255, 255, 255); border-radius: 0.25em; background-color: rgb(239, 66, 116); }

@media (min-width: 762px) {
  .tags li a:not(.unauthenticated):hover { box-shadow: rgb(239, 66, 116) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.6em inset; color: rgb(239, 66, 116); transition: none 0s ease 0s; }
}

.tags li a span { font-size: 0.9em; line-height: 1.25em; display: inline-block; vertical-align: middle; }

.comic-info.expired .module.unavailable a { margin-left: 0.5em; }

.comic-info.expired .magazine-cover img { box-shadow: rgba(18, 18, 18, 0.15) 0px 1px 0.5em; border-radius: 2px; }

.comic-info.expired h1 { margin-bottom: 0px; }

.comic-info .tags-container.unauthenticated::before { content: "カテゴリー："; position: relative; display: inline-block; color: rgb(135, 135, 135); padding: 0.5em !important; }

.comic-info .tags-container.unauthenticated .tag.reverse:hover, .comic-info .tags-container.unauthenticated .tag:hover { transform: unset !important; }

.comic-info .cta-area { margin: 3em 0px; border-top: 1px solid rgb(135, 135, 135); padding-top: 3em; }

.comic-info .cta-area h3 { display: block; font-size: 1.2em; font-weight: 700; color: rgb(0, 0, 0); text-align: center; }

.comic-info .cta-area .button { display: block; width: 75%; margin: 1.5em auto 1em; font-size: 1.5em; text-align: center; }

.comic-info .cta-area span { position: relative; display: block; color: rgb(135, 135, 135); text-align: center; }

.comic-info .magazine-info { margin-top: 1em; }

.comic-info .magazine-info p { margin: 0px; }

.comic-info ul.contents { margin-top: 2em; }

.comic-info ul.contents li { display: block; margin: 0.5em 0px; }

.comic-info .info { animation: 0.4s ease-out 0s 1 normal none running infoTransition; }

.comic-info .comic-cover:not(.noanime) { animation: 0.75s ease-out 0s 1 normal none running comicCoverTransition; }

.comic-info h1.comic-title { line-height: 1.2em; font-size: 2em; font-weight: 600; }

@media (max-width: 761px) {
  .comic-info h1.comic-title { font-size: 1.5em; }
}

body.dark .tags-container .tag::before { background: rgb(53, 51, 62); box-shadow: none; }

body.dark .tags-container .tag div { background: rgb(138, 138, 138); color: rgb(255, 255, 255); }

body.dark .tags-container .tag div::after { border-right-color: rgb(138, 138, 138); }

body.dark .tags-container .tag.gray-notification > div, body.dark .tags-container .tag.gray > div { background: rgb(138, 138, 138); color: rgb(255, 255, 255); }

body.dark .tags-container .tag.gray-notification > div::after, body.dark .tags-container .tag.gray > div::after { border-right: 8px solid rgb(138, 138, 138); }

body:not(.dark) .tags-container .tag div.back-white::before { background-color: rgb(255, 255, 255); }

@media (max-width: 749px) {
  .comic-info .comic-preview-meta { padding-top: 0px; }
  .comic-info h1 { margin: 0px; font-weight: 600; font-size: 1em; }
}

.tags-container:not(ul) { display: flex; flex-wrap: wrap; gap: 0.6em 0.8em; width: 100%; }

.tags-container:not(ul).module.w1-1 { width: calc(100% + 1.2em); margin-left: -1.2em; }

.tags-container:not(ul).module.w1-1.content-info { width: 100%; margin-left: 0px; }

@media (max-width: 749px) {
  .tags-container:not(ul).module.w1-1.content-info { width: 110%; left: -6.5%; }
}

.tags-container:not(ul) .tag { z-index: 5; flex: 1 1 0%; position: relative; display: inline-block; border-bottom: none; transition: transform 0.5s ease-out 0s; }

.tags-container:not(ul) .tag::before { content: ""; display: block; position: absolute; top: 50%; margin-top: -2px; left: 7px; width: 4px; height: 4px; border-radius: 2px; z-index: 6; background-color: rgb(242, 242, 242); }

.tags-container:not(ul) .tag.back-dark::before { background-color: rgb(17, 17, 17); }

.tags-container:not(ul) .tag:not(.lineup) { filter: drop-shadow(rgba(135, 135, 135, 0.1) 0px 1px 1px) drop-shadow(rgba(135, 135, 135, 0.25) 1px 1px 1px); }

@media (min-width: 750px) {
  .tags-container:not(ul) .tag.reverse:hover { transform: scale(1.1) rotate(-1.5deg); }
  .tags-container:not(ul) .tag:hover { transform: scale(1.1) rotate(1.5deg); transition: transform 0.15s ease-out 0s; }
}

.tags-container:not(ul) .tag div { pointer-events: none; position: relative; color: rgb(102, 102, 102); text-align: center; min-height: 1.8em; min-width: 69px; line-height: 1.8em; padding: 0px 0.7em; border-radius: 0.13em 3px 3px 0.13em; background: rgb(255, 255, 255); margin-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.tags-container:not(ul) .tag div::after { position: absolute; content: ""; width: 0px; height: 0px; left: -7.5px; border-width: 0.92em 8px 0.92em 0px; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; border-right-style: solid; border-right-color: rgb(255, 255, 255); border-left-style: initial; border-left-color: initial; border-radius: 2px; }

.tags-container:not(ul) .tag div:hover { border-bottom-color: transparent; }

@media (max-width: 749px) {
  .tags-container:not(ul) .tag div { min-width: 55px; }
}

.tags-container:not(ul) .tag.brand-b > div { background: rgb(4, 85, 160); color: rgb(255, 255, 255); }

.tags-container:not(ul) .tag.brand-b > div::after { border-right: 8px solid rgb(4, 85, 160) !important; }

.tags-container:not(ul) .tag.brand-d > div { background: rgb(66, 143, 205); color: rgb(255, 255, 255); }

.tags-container:not(ul) .tag.brand-d > div::after { border-right: 8px solid rgb(66, 143, 205) !important; }

.tags-container:not(ul) .tag.pink > div { background: rgb(239, 66, 116); color: rgb(255, 255, 255); }

.tags-container:not(ul) .tag.pink > div::after { border-right: 8px solid rgb(239, 66, 116) !important; }

.tags-container:not(ul) .tag.gray > div { background: rgb(242, 242, 242); }

.tags-container:not(ul) .tag.gray > div::after { border-right: 8px solid rgb(242, 242, 242); }

@media (min-width: 750px) {
  .tags-container:not(ul) .tag.gray-notification > div { background: rgb(242, 242, 242); }
  .tags-container:not(ul) .tag.gray-notification > div::after { border-right: 8px solid rgb(242, 242, 242); }
}

.tags-container:not(ul) .tag.lineup { margin: 1.2em 1.6em; }

@media (max-width: 749px) {
  .tags-container:not(ul) .tag.lineup { margin: 0.8em 0.6em; }
}

.tags-container:not(ul) .tag.lineup.wide-8 { width: calc(12.5% - 3.2em); }

@media (max-width: 749px) {
  .tags-container:not(ul) .tag.lineup.wide-8 { width: 25%; }
}

.tags-container:not(ul) .tag.lineup.wide-6 { width: calc(16.6667% - 3.2em); }

@media (max-width: 1014px) {
  .tags-container:not(ul) .tag.lineup.wide-6 { width: calc(25% - 3.2em); }
}

@media (max-width: 749px) {
  .tags-container:not(ul) .tag.lineup.wide-6 { width: calc(40% - 1.2em); }
}

.tags-container:not(ul) .tag.lineup.wide-4 { width: calc(25% - 3.2em); }

@media (max-width: 749px) {
  .tags-container:not(ul) .tag.lineup.wide-4 { width: calc(60% - 1.2em); }
}

.tags-container:not(ul) .tag.lineup.wide-1-list { width: calc(50% - 0.5em); margin: 0.5em 1em 0px 0px; }

.tags-container:not(ul) .tag.lineup.wide-1-list:nth-child(2n+1) { margin: 0.5em 0.5em 0px 0px; }

.tags-container:not(ul) .tag.lineup.wide-1-list:nth-child(2n) { margin: 0.5em 0px 0px 0.5em; }

.tags-container:not(ul).content-info { padding: 1em 0px 0.5em; gap: 0.8em; }

@media (max-width: 749px) {
  .tags-container:not(ul).content-info { justify-content: center; }
}

.tags-container:not(ul).content-info .tag { flex: 0 0 auto; }

@keyframes infoTransition { 
  0% { opacity: 0; }
  63% { opacity: 0; }
}

@keyframes comicCoverTransition { 
  0% { opacity: 0; transform: scale(0.95) rotate(1deg); filter: blur(4px); }
  67% { opacity: 1; transform: none; filter: none; }
}

@media (max-width: 761px) {
  .tags.mobile-half li { padding-top: 1em; padding-right: 0.5em !important; padding-left: 0.5em !important; }
  .tags.mobile-half li a { opacity: 1 !important; }
}

.tags.row2 li { width: 50%; }

.tags.row2 li a { font-weight: 300; }

@media (min-width: 762px) {
  .tags.row2 li a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row2 li a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row2 li:nth-child(2n+1) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row2 li:nth-child(2n+1) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row2 li:nth-child(4n+4) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row2 li:nth-child(4n+4) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row2 li:nth-child(4n+4):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row2 li:nth-child(4n+4):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row2 li:nth-child(4n+3) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row2 li:nth-child(4n+3) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row2 li:nth-child(4n+3):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row2 li:nth-child(4n+3):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
}

.tags.row2 li:nth-child(2n+1) { padding-left: 0px; }

.tags.row2 li:nth-child(2n) { padding-right: 0px; }

@media (max-width: 761px) {
  .tags.row2.mobile-half li { width: 100%; }
  .tags.row2.mobile-half li a { background: rgb(66, 143, 205); }
  .tags.row2.mobile-half li:nth-child(2n) a { background: rgb(4, 85, 160); }
  .tags.row2.mobile-half li:nth-child(n+1) { padding-left: 0px !important; }
  .tags.row2.mobile-half li:nth-child(n) { padding-right: 0px !important; }
}

.tags.row3 li { width: 33.3333%; }

.tags.row3 li a { font-weight: 300; }

@media (min-width: 762px) {
  .tags.row3 li a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row3 li a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row3 li:nth-child(2n+1) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row3 li:nth-child(2n+1) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row3 li:nth-child(6n+6) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row3 li:nth-child(6n+6) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row3 li:nth-child(6n+6):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row3 li:nth-child(6n+6):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row3 li:nth-child(6n+5) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row3 li:nth-child(6n+5) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row3 li:nth-child(6n+5):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row3 li:nth-child(6n+5):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row3 li:nth-child(6n+4) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row3 li:nth-child(6n+4) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row3 li:nth-child(6n+4):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row3 li:nth-child(6n+4):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
}

.tags.row3 li:nth-child(3n+1) { padding-left: 0px; }

.tags.row3 li:nth-child(3n) { padding-right: 0px; }

@media (max-width: 761px) {
  .tags.row3.mobile-half li { width: 50%; }
  .tags.row3.mobile-half li a { background: rgb(66, 143, 205); }
  .tags.row3.mobile-half li:nth-child(2n) a { background: rgb(4, 85, 160); }
  .tags.row3.mobile-half li:nth-child(2n+1) { padding-left: 0px !important; }
  .tags.row3.mobile-half li:nth-child(2n) { padding-right: 0px !important; }
}

.tags.row4 li { width: 25%; }

.tags.row4 li a { font-weight: 300; }

@media (min-width: 762px) {
  .tags.row4 li a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row4 li a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row4 li:nth-child(2n+1) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row4 li:nth-child(2n+1) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row4 li:nth-child(8n+8) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row4 li:nth-child(8n+8) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row4 li:nth-child(8n+8):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row4 li:nth-child(8n+8):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row4 li:nth-child(8n+7) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row4 li:nth-child(8n+7) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row4 li:nth-child(8n+7):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row4 li:nth-child(8n+7):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row4 li:nth-child(8n+6) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row4 li:nth-child(8n+6) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row4 li:nth-child(8n+6):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row4 li:nth-child(8n+6):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row4 li:nth-child(8n+5) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row4 li:nth-child(8n+5) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row4 li:nth-child(8n+5):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row4 li:nth-child(8n+5):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
}

.tags.row4 li:nth-child(4n+1) { padding-left: 0px; }

.tags.row4 li:nth-child(4n) { padding-right: 0px; }

@media (max-width: 761px) {
  .tags.row4.mobile-half li { width: 50%; }
  .tags.row4.mobile-half li a { background: rgb(66, 143, 205); }
  .tags.row4.mobile-half li:nth-child(2n) a { background: rgb(4, 85, 160); }
  .tags.row4.mobile-half li:nth-child(2n+1) { padding-left: 0px !important; }
  .tags.row4.mobile-half li:nth-child(2n) { padding-right: 0px !important; }
}

.tags.row5 li { width: 20%; }

.tags.row5 li a { font-weight: 300; }

@media (min-width: 762px) {
  .tags.row5 li a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row5 li a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row5 li:nth-child(2n+1) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row5 li:nth-child(2n+1) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row5 li:nth-child(10n+10) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row5 li:nth-child(10n+10) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row5 li:nth-child(10n+10):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row5 li:nth-child(10n+10):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row5 li:nth-child(10n+9) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row5 li:nth-child(10n+9) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row5 li:nth-child(10n+9):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row5 li:nth-child(10n+9):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row5 li:nth-child(10n+8) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row5 li:nth-child(10n+8) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row5 li:nth-child(10n+8):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row5 li:nth-child(10n+8):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row5 li:nth-child(10n+7) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row5 li:nth-child(10n+7) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row5 li:nth-child(10n+7):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row5 li:nth-child(10n+7):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row5 li:nth-child(10n+6) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row5 li:nth-child(10n+6) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row5 li:nth-child(10n+6):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row5 li:nth-child(10n+6):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
}

.tags.row5 li:nth-child(5n+1) { padding-left: 0px; }

.tags.row5 li:nth-child(5n) { padding-right: 0px; }

@media (max-width: 761px) {
  .tags.row5.mobile-half li { width: 33.3333%; }
  .tags.row5.mobile-half li a { background: rgb(66, 143, 205); }
  .tags.row5.mobile-half li:nth-child(2n) a { background: rgb(4, 85, 160); }
  .tags.row5.mobile-half li:nth-child(3n+1) { padding-left: 0px !important; }
  .tags.row5.mobile-half li:nth-child(3n) { padding-right: 0px !important; }
}

.tags.row6 li { width: 16.6667%; }

.tags.row6 li a { font-weight: 300; }

@media (min-width: 762px) {
  .tags.row6 li a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row6 li a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row6 li:nth-child(2n+1) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row6 li:nth-child(2n+1) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row6 li:nth-child(12n+12) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row6 li:nth-child(12n+12) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row6 li:nth-child(12n+12):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row6 li:nth-child(12n+12):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row6 li:nth-child(12n+11) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row6 li:nth-child(12n+11) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row6 li:nth-child(12n+11):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row6 li:nth-child(12n+11):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row6 li:nth-child(12n+10) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row6 li:nth-child(12n+10) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row6 li:nth-child(12n+10):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row6 li:nth-child(12n+10):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row6 li:nth-child(12n+9) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row6 li:nth-child(12n+9) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row6 li:nth-child(12n+9):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row6 li:nth-child(12n+9):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row6 li:nth-child(12n+8) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row6 li:nth-child(12n+8) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row6 li:nth-child(12n+8):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row6 li:nth-child(12n+8):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
  .tags.row6 li:nth-child(12n+7) a { background: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }
  .tags.row6 li:nth-child(12n+7) a:hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(4, 85, 160) !important; }
  .tags.row6 li:nth-child(12n+7):nth-child(2n+1) a { background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }
  .tags.row6 li:nth-child(12n+7):nth-child(2n+1) a:hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset, rgb(255, 255, 255) 0px 0px 0px 1.5em inset !important; color: rgb(66, 143, 205) !important; }
}

.tags.row6 li:nth-child(6n+1) { padding-left: 0px; }

.tags.row6 li:nth-child(6n) { padding-right: 0px; }

@media (max-width: 761px) {
  .tags.row6.mobile-half li { width: 33.3333%; }
  .tags.row6.mobile-half li a { background: rgb(66, 143, 205); }
  .tags.row6.mobile-half li:nth-child(2n) a { background: rgb(4, 85, 160); }
  .tags.row6.mobile-half li:nth-child(3n+1) { padding-left: 0px !important; }
  .tags.row6.mobile-half li:nth-child(3n) { padding-right: 0px !important; }
}

body.authenticated.dark .page.search .header .links, body.authenticated.dark .page.search .header a:hover { background-color: rgb(34, 33, 39); }

body.authenticated.dark .page.search .header a { color: rgb(255, 255, 255); }

@media (min-width: 762px) {
  .page.search .header .grid { padding-top: 2em; padding-bottom: 2em; }
  .page.search .header .grid .module { margin: 0px; padding: 0px; font-size: 1.5em; font-weight: 200; }
}

.page.index .features { padding-top: 0px; }

.page.index .features .feature { position: relative; }

.page.index .features .feature img { position: absolute; width: 100%; height: 100%; }

body.authenticated.dark .comments .comment { background: none; box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px; }

.comments h2 { padding-top: 2em; margin-bottom: 1.5em; }

@media (max-width: 749px) {
  .comments h2 { border-top: 1px solid rgb(204, 204, 204); }
}

.comments .comment { background: rgb(255, 255, 255); padding: 1em; box-sizing: border-box; border-radius: 0.25em; line-height: 1.5em; margin-bottom: 1.5em; }

.comments .comment.me { border: 1px solid rgb(66, 143, 205); }

.comments .comment.me .author { color: rgb(66, 143, 205); border-bottom: 1px solid rgb(66, 143, 205); }

.comments .comment.admin, .comments .comment.artist { border: 1px solid rgb(239, 66, 116); }

.comments .comment.admin .author, .comments .comment.artist .author { color: rgb(239, 66, 116); border-bottom: 1px solid rgb(239, 66, 116); }

.comments .comment .author { font-weight: 700; padding-bottom: 1em; }

.comments .comment a { float: right; font-weight: 300; }

.comments .comment span { display: inline-block; width: 100%; overflow-wrap: break-word; line-height: 2em; }

.features.carousel, .features_second.carousel, .features_third.carousel { padding-top: 0px; }

@media (max-width: 749px) {
  .features.carousel:not(.one-third-width), .features_second.carousel:not(.one-third-width), .features_third.carousel:not(.one-third-width) { padding-bottom: 1em; }
  .features.carousel:not(.one-third-width) .swiper-slide .img-container, .features_second.carousel:not(.one-third-width) .swiper-slide .img-container, .features_third.carousel:not(.one-third-width) .swiper-slide .img-container { position: relative; overflow: hidden; padding-bottom: 43.1%; }
  .features.carousel:not(.one-third-width) .swiper-slide .img-container img, .features_second.carousel:not(.one-third-width) .swiper-slide .img-container img, .features_third.carousel:not(.one-third-width) .swiper-slide .img-container img { left: 73%; margin-left: -100%; width: auto; height: 100%; position: absolute; image-rendering: -webkit-optimize-contrast; }
}

.features.carousel.one-third-width, .features_second.carousel.one-third-width, .features_third.carousel.one-third-width { padding-bottom: 1em; }

.features.carousel.one-third-width .swiper-slide .img-container, .features_second.carousel.one-third-width .swiper-slide .img-container, .features_third.carousel.one-third-width .swiper-slide .img-container { position: relative; overflow: hidden; margin: 0px 2%; padding-bottom: 40.95%; max-width: 95%; max-height: 95%; border-radius: 10px; }

.features.carousel.one-third-width .swiper-slide .img-container img, .features_second.carousel.one-third-width .swiper-slide .img-container img, .features_third.carousel.one-third-width .swiper-slide .img-container img { left: 73%; margin-left: -100%; width: auto; height: 100%; position: absolute; image-rendering: -webkit-optimize-contrast; }

.features.carousel::before, .features_second.carousel::before, .features_third.carousel::before { left: 0px; }

.features.carousel::after, .features_second.carousel::after, .features_third.carousel::after { right: 0px; }

.features.carousel a, .features_second.carousel a, .features_third.carousel a { border-bottom: none; }

.features.carousel img { opacity: 0; transition: all 0.5s ease-out 0s; }

.features.carousel img.loaded { opacity: 1; }

.features.carousel.full-width img { transform: translateY(-15px); }

.features.carousel.full-width img.loaded { transform: none; }

body.authenticated.dark .features.carousel::after, body.authenticated.dark .features.carousel::before { background: rgb(53, 51, 62); }

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
  .page.lander.actions { }
}

.page.lander { overflow: hidden auto; }

.page.lander img.shy { position: absolute; width: 1px; height: 1px; opacity: 0; }

.page.lander .logo-area > .logo { padding-top: 21.875%; background: url("/assets/img/lander/logo@2x.png") 0px 0px / 100% no-repeat; animation: 1s linear 0s 1 normal none running fadeText; }

@media (min-width: 762px) {
  .page.lander .logo-area > .logo { background-image: url("/assets/img/lander/logo_desktop@2x.png"); margin-top: 150px; padding-top: 7.5%; }
}

.page.lander .logo-area > .logo h1 { font-size: 0px; position: absolute; color: transparent; }

.page.lander .hero { position: relative; background: rgb(255, 255, 255); }

@media (max-width: 761px) {
  .page.lander .hero { background: linear-gradient(to right bottom, rgb(255, 255, 255) 0px, rgb(219, 219, 219)); }
}

@media (min-width: 762px) {
  .page.lander .hero { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(219, 219, 219)); height: 540px !important; }
}

@media (min-width: 1016px) {
  .page.lander .hero { height: 640px !important; }
}

.page.lander .hero h2 { animation: 2s linear 0s 1 normal none running fadeText; }

.page.lander .hero .adults-only { height: 40px; }

@media (min-width: 762px) and (max-width: 1015px) {
  .page.lander .hero .adults-only { position: fixed; right: 0px; }
}

@media (max-width: 761px) {
  .page.lander .hero .actions { position: absolute; bottom: 0px; background: rgba(66, 143, 205, 0.5); }
  .page.lander .hero .actions h2 { color: rgb(255, 255, 255); text-shadow: rgba(18, 18, 18, 0.25) 1px 1px 0px; text-align: center; margin: 0px; font-weight: 600; }
  .page.lander .hero .actions h2:nth-of-type(2) { padding-top: 0.5em; }
}

@media (min-width: 762px) {
  .page.lander .hero .actions h2 { padding-bottom: 5.5%; font-size: 1.4em; font-weight: 300; text-align: center; }
}

@media (min-width: 1016px) {
  .page.lander .hero .actions h2 { font-size: 1.6em; }
}

.page.lander .hero .artist-credit { display: block; position: absolute; z-index: 1; }

@media (max-width: 761px) {
  .page.lander .hero .artist-credit { top: 3.5em; right: -2.75em; font-size: 7pt; color: rgb(219, 219, 219); transform: rotate(-90deg); }
  .page.lander .hero .artist-credit.grid { display: none; }
}

@media (min-width: 762px) {
  .page.lander .hero .artist-credit:not(.grid) { display: none; }
  .page.lander .hero .artist-credit { left: 50%; margin-left: -375px; bottom: -0.5em; font-size: 8pt; color: rgb(204, 204, 204); }
  .page.lander .hero .artist-credit .module { margin-left: 0.6%; }
  .page.lander .hero.saitom .artist-credit { text-align: right; }
}

@media (min-width: 1016px) {
  .page.lander .hero .artist-credit { margin-left: -500px; bottom: 0px; }
}

.page.lander .hero .art { position: absolute; top: 0px; right: -1.5%; width: 150%; height: 100%; background: url("/assets/img/lander/character_mobile@2x.png") 100% 0px / auto 100% no-repeat; }

@media (max-width: 761px) {
  .page.lander .hero .art { animation: 2s ease-out 0s 1 normal none running characterShift; }
}

.page.lander .hero .art.blush { animation: 3s linear 0s 1 normal none running characterBlush; }

.page.lander .hero.homonculus { background: rgb(255, 255, 255); }

@media (max-width: 761px) {
  .page.lander .hero.homonculus .artist-credit { top: 8.5em; right: -3em; font-size: 0.7em; }
  .page.lander .hero.homonculus .art { margin-left: 50%; right: auto; }
  .page.lander .hero.homonculus .actions { background: none; z-index: 2; }
  .page.lander .hero.homonculus .actions h2 { display: none; }
  .page.lander .hero.homonculus .logo-area .logo.mobile-only { background: none; padding-top: 0px; }
  .page.lander .hero.homonculus .logo-area .bumper { position: absolute; width: 100%; height: 48%; }
  .page.lander .hero.homonculus .logo-area .bumper img { position: relative; display: block; max-height: 100%; }
  .page.lander .hero.homonculus .logo-area .tagline { position: absolute; width: 100%; height: 45%; top: 50%; background-image: url("/assets/img/lander/heros/tagline.png"); background-size: auto 100%; background-repeat: no-repeat; }
}

@media (max-width: 761px) and (max-width: 320px) {
  .page.lander .hero.homonculus .logo-area .tagline { height: 50%; }
}

@media (max-width: 320px) {
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus_mobile_se.jpg"); width: 254px; height: 553px; left: -118px; top: -28px; }
}

@media only screen and (max-width: 320px) and (-moz-min-device-pixel-ratio:1.5), only screen and (max-width: 320px) and (-o-min-device-pixel-ratio:3/2), only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 320px) and (min-device-pixel-ratio:1.5) {
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus_mobile_se@2x.jpg"); }
}

@media (max-width: 320px) and (min-height: 421px) and (max-height: 466px) {
  .page.lander .hero.homonculus .art { animation: 4s ease-out 0s 1 normal none running homonculusartappear; }
}

@media (max-width: 320px) and (max-height: 420px) {
  .page.lander .hero.homonculus .art { width: 224px; height: 488px; left: -108px; top: -5%; }
}

@media (max-width: 320px) and (min-height: 548px) {
  .page.lander .hero.homonculus .art { top: auto; bottom: -4px; }
}

@media (min-width: 321px) and (max-width: 761px) {
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus_mobile.jpg"); width: 302px; height: 649px; left: -142px; }
}

@media only screen and (min-width: 321px) and (max-width: 761px) and (-moz-min-device-pixel-ratio:1.5), only screen and (min-width: 321px) and (max-width: 761px) and (-o-min-device-pixel-ratio:3/2), only screen and (min-width: 321px) and (max-width: 761px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 321px) and (max-width: 761px) and (min-device-pixel-ratio:1.5) {
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus_mobile@2x.jpg"); }
}

@media (min-width: 321px) and (max-width: 761px) and (max-height: 639px) {
  .page.lander .hero.homonculus .art { top: -42px; bottom: auto; }
}

@media (min-width: 321px) and (max-width: 761px) and (min-height: 649px) {
  .page.lander .hero.homonculus .art { top: auto; bottom: 0px; }
}

@media (min-width: 321px) and (max-width: 761px) and (max-height: 556px) {
  .page.lander .hero.homonculus .art { animation: 4s ease-out 0s 1 normal none running homonculusartappear; }
}

@media (max-height: 500px) and (min-width: 450px) and (max-width: 761px) {
  .page.lander .hero.homonculus .age-bumper, .page.lander .hero.homonculus .logo.hide-desktop:not(.hide-mobile) { display: none; }
  .page.lander .hero.homonculus .hide-mobile.hide-desktop { display: block; }
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus.jpg"); width: 100%; height: 100%; background-size: auto 115%; background-position: right -20px; inset: auto 5% 0px auto; margin-left: auto; animation: auto ease 0s 1 normal none running none; }
}

@media only screen and (max-height: 500px) and (min-width: 450px) and (max-width: 761px) and (-moz-min-device-pixel-ratio:1.5), only screen and (max-height: 500px) and (min-width: 450px) and (max-width: 761px) and (-o-min-device-pixel-ratio:3/2), only screen and (max-height: 500px) and (min-width: 450px) and (max-width: 761px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 500px) and (min-width: 450px) and (max-width: 761px) and (min-device-pixel-ratio:1.5) {
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus@2x.jpg"); }
}

@media (max-width: 761px) and (min-height: 690px) {
  .page.lander .hero.homonculus .art { height: 99%; width: 100%; left: 1%; margin-left: 0px; background-position: center bottom; top: auto; bottom: -4px; }
}

@media (max-width: 375px) and (min-height: 620px) {
  .page.lander .hero.homonculus .art { height: 98%; width: 100%; left: 1%; margin-left: 0px; background-position: center bottom; top: auto; bottom: -4px; }
}

@media (min-width: 762px) {
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus.jpg"); width: 874px; height: 630px; inset: auto auto 0px -250px; margin-left: 50%; }
}

@media only screen and (min-width: 762px) and (-moz-min-device-pixel-ratio:1.5), only screen and (min-width: 762px) and (-o-min-device-pixel-ratio:3/2), only screen and (min-width: 762px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 762px) and (min-device-pixel-ratio:1.5) {
  .page.lander .hero.homonculus .art { background-image: url("/assets/img/lander/heros/homonculus@2x.jpg"); }
}

@media (min-width: 762px) {
  .page.lander .hero.homonculus .logo-area .logo { margin-top: 40px; }
}

@media (min-width: 762px) and (max-width: 1015px) {
  .page.lander .hero.homonculus .art { height: 525px; left: auto; right: -20px; }
  .page.lander .hero.homonculus .w1:not(.adults-only) { display: none; }
  .page.lander .hero.homonculus .adults-only { right: 5%; }
  .page.lander .hero.homonculus .login-button { clear: left; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  .page.lander .hero.homonculus .art { left: -275px; }
}

@media (min-width: 1270px) {
  .page.lander .hero.homonculus .container:not(.full), .page.lander .hero.homonculus .grid { max-width: 1000px; }
  .page.lander .hero.homonculus .container:not(.full) .w1:not(.adults-only), .page.lander .hero.homonculus .grid .w1:not(.adults-only) { display: none; }
  .page.lander .hero.homonculus .container:not(.full) .login-button, .page.lander .hero.homonculus .grid .login-button { clear: left; }
  .page.lander .hero.homonculus .container:not(.full) .adults-only, .page.lander .hero.homonculus .grid .adults-only { left: 100px; }
}

@media (max-width: 761px) {
  .page.lander .hero.napata .art.body { background-image: url("/assets/img/lander/heros/napata_mobile@2x.png"); }
  .page.lander .hero.napata .art.blush { background-image: url("/assets/img/lander/heros/napata_mobile_blush@2x.png"); }
}

@media (min-width: 762px) {
  .page.lander .hero.napata .art.body { background-image: url("/assets/img/lander/heros/napata_desktop@2x.png"); right: 5%; }
  .page.lander .hero.napata .art.blush { display: none; }
}

@media (min-width: 1016px) {
  .page.lander .hero.napata .art.body { right: auto; width: 572px; left: 46.5%; }
}

.page.lander .hero.saitom { background: rgb(255, 255, 255); }

@media (max-width: 761px) {
  .page.lander .hero.saitom .actions { background: rgba(4, 85, 160, 0.9); }
  .page.lander .hero.saitom .actions .button { opacity: 1; }
  .page.lander .hero.saitom .art { right: -7.5%; }
  .page.lander .hero.saitom .art.body { background-image: url("/assets/img/lander/heros/saitom_mobile@2x.jpg"); }
}

@media (min-width: 762px) and (max-width: 1015px) {
  .page.lander .hero.saitom .art.body { background-image: url("/assets/img/lander/heros/saitom_desktop_full@2x.jpg"); width: 930px; height: 517px; top: 17px; left: 50%; margin-left: -264px; }
  .page.lander .hero.saitom .logo { margin-top: 28px; }
  .page.lander .hero.saitom .adults-only { top: 27px; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  .page.lander .hero.saitom .art.body { top: 86px; margin-left: -246px; }
  .page.lander .hero.saitom .logo { margin-top: 26px; }
  .page.lander .hero.saitom .adults-only { top: 25px; }
}

@media (min-width: 1270px) {
  .page.lander .hero.saitom .art.body { width: 1034px; height: 574px; top: 46px; margin-left: -281px; }
  .page.lander .hero.saitom .logo { margin-top: 92px; }
  .page.lander .hero.saitom .button.cta { box-shadow: rgba(255, 255, 255, 0.67) 0px 0px 0px 3px; }
  .page.lander .hero.saitom .button.cta:not([disabled]):not(.disabled):not(.warn):not(.invisible):hover { box-shadow: rgb(239, 66, 116) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 1.4em inset, rgba(255, 255, 255, 0.67) 0px 0px 0px 3px; color: rgb(239, 66, 116); transition: none 0s ease 0s; }
  .page.lander .hero.saitom .login-button { font-size: 1em; }
}

@media (min-width: 1505px) {
  .page.lander .hero.saitom .art.body { left: auto; margin-left: 0px; right: 0px; }
}

.page.lander .login-button { border-bottom: 0px; }

.page.lander .login-button span { border-bottom: 1px solid transparent; }

.page.lander .login-button:hover span { border-bottom: 1px solid rgb(239, 66, 116); transition: none 0s ease 0s; }

.page.lander .original-content { background: rgb(17, 17, 17); box-shadow: none; padding: 0.5em; color: rgb(255, 255, 255); border-radius: 0.5em; font-size: 1.3em; box-sizing: border-box; }

@media (min-width: 762px) {
  .page.lander .original-content { margin-top: 0.7em; }
}

.page.lander .original-content span:first-child { font-size: 1.1em; }

.page.lander > .about { padding-top: 2em; background: rgb(51, 51, 51); }

.page.lander .about { position: relative; text-align: center; }

.page.lander .about::before { content: ""; position: absolute; top: 0px; left: 50%; width: 48px; height: 24px; margin-left: -24px; background: url("/assets/img/pointer_down_white@2x.png") center 8px / 18px no-repeat; }

@media (min-width: 762px) {
  .page.lander .about::before { display: none; }
}

.page.lander .about h2 { color: rgb(255, 255, 255); text-align: center; line-height: 1.25em; padding: 0.75em 0px; }

.page.lander .about h2 span { display: inline-block; }

.page.lander .about h2.comics-headline { margin-bottom: 1em; font-weight: 400; }

@media (min-width: 762px) {
  .page.lander .about h2.comics-headline { margin-bottom: 0.5em; background: none; }
}

.page.lander .about h2.comics-headline a { color: inherit; border-bottom: none; cursor: default; font-weight: inherit; }

@media (max-width: 761px) {
  .page.lander .about h2.invert { transform: scale(1.15); }
}

@media (min-width: 762px) {
  .page.lander .about h2 { position: relative; display: inline-block; padding: 0.75em 1em; font-size: 2em; }
}

.page.lander .about .cta { margin-bottom: 0px; }

.page.lander .about .cta h2 { background: rgb(255, 255, 255); color: rgb(17, 17, 17); }

@media (min-width: 762px) {
  .page.lander .about .cta h2 { position: absolute; background: rgb(4, 85, 160); color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px; bottom: -1.45em; left: 50%; margin-left: -225px; width: 450px; padding: 0.75em 0px; }
}

.page.lander .about .cta:hover { border-color: transparent; }

.page.lander .about.length4 .magazine-cover, .page.lander .about.length5 .magazine-cover { border-bottom: none; }

.page.lander .about.length4 .magazine-cover img, .page.lander .about.length5 .magazine-cover img { border-radius: 1px; }

.page.lander .about.length5 .magazine-cover, .page.lander .about.length6 .magazine-cover, .page.lander .about.modal .magazine-cover { position: relative; display: inline-block; }

@media (min-width: 762px) {
  .page.lander .about.length5 .magazine-cover, .page.lander .about.length6 .magazine-cover, .page.lander .about.modal .magazine-cover { width: 18%; }
  .page.lander .about.length5 .magazine-cover:nth-child(n+2), .page.lander .about.length6 .magazine-cover:nth-child(n+2), .page.lander .about.modal .magazine-cover:nth-child(n+2) { margin-left: 2.5%; }
}

@media (max-width: 761px) {
  .page.lander .about.length5 .magazine-cover, .page.lander .about.length6 .magazine-cover, .page.lander .about.modal .magazine-cover { width: 30%; margin-left: 5%; margin-bottom: 1em; }
  .page.lander .about.length5 .magazine-cover:nth-child(3n+1), .page.lander .about.length6 .magazine-cover:nth-child(3n+1), .page.lander .about.modal .magazine-cover:nth-child(3n+1) { margin-left: 0px; }
  .page.lander .about.length5 .magazine-cover:nth-child(n+4), .page.lander .about.length6 .magazine-cover:nth-child(n+4), .page.lander .about.modal .magazine-cover:nth-child(n+4) { margin-bottom: 0px; }
}

@media (min-width: 762px) {
  .page.lander .about.length6 .magazine-cover { width: 15%; }
  .page.lander .about.length6 .magazine-cover:nth-child(n+2) { margin-left: 2%; }
}

.page.lander .about.length6.modal .magazine-cover { width: 13.5%; }

.page.lander .about .features ul { line-height: 1.4em; color: rgb(255, 255, 255); text-align: center; }

@media (max-width: 394px) {
  .page.lander .about .features ul { font-size: 0.9em; }
}

@media (max-width: 350px) {
  .page.lander .about .features ul { font-size: 0.8em; }
}

@media (max-width: 761px) {
  .page.lander .about .features ul { margin: 2em 0px 1.5em; }
}

@media (min-width: 762px) {
  .page.lander .about .features ul { margin: 0.5em 0px 5em; }
}

.page.lander .about .features ul span { display: inline-block; }

.page.lander .about .features ul li { display: block; float: left; background: url("/assets/img/lander/feature@2x.png") center top no-repeat; }

.page.lander .about .features ul li.magazines { background-image: url("/assets/img/lander/feature_magazines@2x.png"); }

.page.lander .about .features ul li.backissues { background-image: url("/assets/img/lander/feature_backissues@2x.png"); }

.page.lander .about .features ul li.devices { background-image: url("/assets/img/lander/feature_devices_center@2x.png"); }

.page.lander .about .features ul li.cancel { background-image: url("/assets/img/lander/feature_cancel@2x.png"); }

@media (max-width: 761px) {
  .page.lander .about .features ul li { width: 40%; padding: 35% 5% 0px; background-size: 65%; margin-bottom: 2em; }
  .page.lander .about .features ul li:nth-child(3) { clear: left; }
}

@media (min-width: 762px) {
  .page.lander .about .features ul li { width: 20%; padding: 158px 2.5% 0px; margin: 4em 0px; background-size: 128px; }
}

.page.lander .final-push { background: rgb(0, 0, 0); padding: 2.5em 0px 1em; }

@media (min-width: 762px) {
  .page.lander .final-push { border-top: 4px solid rgb(255, 255, 255); padding: 8.5em 0px 4.5em; }
  .page.lander .final-push .module > a { padding: 0.5em 0.75em; transform: scale(1.25); text-decoration: none; }
  .page.lander .final-push .module > a:not(.button):hover { border-color: transparent; text-decoration: underline; }
}

@media (max-width: 761px) {
  .page.lander .final-push .module > a { width: 100%; }
  .page.lander .final-push .module > a:not(.button) { text-decoration: underline; }
}

.page.lander .final-push.signup { padding: 1em 0px 1.5em; }

.page.lander .final-push.signup .disclaimer { margin-top: 3em; color: rgba(255, 255, 255, 0.75); font-size: 0.6em; }

@media (min-width: 762px) {
  .page.lander .final-push.signup { padding: 4.5em 0px; }
}

.page.lander .final-push.signup .accountCreate { background: rgba(239, 66, 116, 0.2); box-sizing: border-box; border-radius: 0.5em; box-shadow: rgb(239, 66, 116) 0px 0px 0.5em; padding: 1.5em 1em; }

@media (min-width: 762px) {
  .page.lander .final-push.signup .accountCreate { padding: 3em 2em; border-radius: 2em; box-shadow: rgb(239, 66, 116) 0px 0px 2em; }
}

.page.lander .final-push.signup .accountCreate label { background: rgba(255, 255, 255, 0.25); border: none; }

.page.lander .final-push.signup .accountCreate .field:not(.ok):not(.error) input:not([type="submit"]) { border-color: rgb(255, 255, 255); }

@media (min-width: 375px) {
  .page.lander .final-push.signup .accountCreate input[type="submit"] { font-size: 1.2em; }
}

@media (max-width: 761px) {
  .page.lander .final-push.signup .accountCreate input[type="submit"]:not(.disabled) { position: fixed; left: 5%; bottom: 1em; width: 90%; z-index: 99; box-shadow: rgba(18, 18, 18, 0.75) 0px 1em 0px 2em; border-radius: 0px; background: rgb(66, 143, 205); border-color: rgb(66, 143, 205); animation: 1.5s linear 0s infinite normal none running highlightsubmit; }
}

.page.lander .final-push.signup .accountCreate .notifications { margin-bottom: 0px; }

.page.lander .final-push.signup .accountCreate .notifications .w6 { background: rgba(239, 66, 116, 0.75); color: rgba(255, 255, 255, 0.9); font-size: 0.9em; border-radius: 0.5em 0.5em 0px 0px; }

@media (max-width: 355px) {
  .page.lander .final-push.signup .accountCreate .notifications .w6 { font-size: 1em; }
}

.page.lander .final-push.signup .accountCreate .basket { background: rgba(239, 66, 116, 0.2); box-shadow: none; border: 1px solid rgba(239, 66, 116, 0.35); text-shadow: none; color: rgba(255, 255, 255, 0.8); border-radius: 0px 0px 0.5em 0.5em; margin-top: 0px; padding: 1.5em 1em 0px; }

.page.lander .final-push.signup .accountCreate .basket span { font-size: 0.8em; }

.page.lander .final-push.signup .accountCreate .basket p { font-size: 0.9em; color: rgb(255, 255, 255); }

@media (max-width: 761px) {
  .page.lander .final-push.signup .accountCreate .basket { padding-top: 1.75em; }
  .page.lander .final-push.signup .accountCreate .basket li { padding-bottom: 1em; }
}

.page.lander .final-push.pre-reg .button { font-size: 1.4em; font-weight: 700; margin-top: 2em; }

.page.lander .final-push.pre-reg .module > a:not(.button) { padding: 1em 0px; display: block; color: rgba(255, 255, 255, 0.75); margin-top: 0.5em; }

.page.lander .final-push.pre-reg p { position: relative; color: rgb(255, 255, 255); padding: 0px 1em; border-radius: 1.5em; }

@media (max-width: 333px) {
  .page.lander .final-push.pre-reg p { font-size: 0.9em; }
}

.page.lander .final-push.pre-reg p.tax { margin-top: 0px; opacity: 0.75; font-size: 0.8em; }

.page.lander .final-push.pre-reg.pre-reg h2 { color: rgb(255, 255, 255); font-size: 2.5em; font-weight: 300; margin-bottom: 0px; }

.page.lander .final-push.pre-reg.pre-reg .bubble { position: absolute; display: block; top: -0.75em; left: 50%; margin-left: -10.25em; width: 10em; padding: 1em; line-height: 1.2em; border-radius: 1em; box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px inset; background: rgb(66, 143, 205); color: rgb(255, 255, 255); font-weight: 700; transform: rotate(-10deg); }

.page.lander .final-push.pre-reg.pre-reg .bubble::before { content: ""; display: block; position: absolute; bottom: -18px; left: 33.3%; margin-left: -10px; width: 20px; height: 22px; background: url("/assets/img/lander/bubble_corner@2x.png") 0px 0px / 100% no-repeat; }

@media (min-width: 762px) {
  .page.lander .final-push.pre-reg.pre-reg { padding-bottom: 8em; }
}

@media (max-width: 761px) {
  .page.lander .final-push.pre-reg.pre-reg { padding: 4em 0px; }
  .page.lander .final-push.pre-reg.pre-reg h2 { font-size: 2em; }
  .page.lander .final-push.pre-reg.pre-reg input[type="text"] { padding: 0.75em 0px 0.75em 1em; }
  .page.lander .final-push.pre-reg.pre-reg .success h2 { font-size: 1.6em; }
  .page.lander .final-push.pre-reg.pre-reg .success p { font-size: 0.9em; }
}

.page.lander .final-push.pre-reg.pre-reg .promo { padding-top: 2em; }

.page.lander .final-push.pre-reg.pre-reg input[type="text"] { margin-right: 0.5em; }

.page.lander .final-push.pre-reg.pre-reg li { margin: 0px 0.5em; }

.page.lander .final-push.pre-reg.pre-reg p span { display: inline-block; }

.page.lander .button { opacity: 0.7; font-size: 1.2em; padding-left: 0px; padding-right: 0px; text-align: center; background: rgb(17, 17, 17); border-color: transparent; }

@media (max-width: 330px) {
  .page.lander .button { font-size: 1em; }
}

.page.lander .button.cta { background: rgb(4, 85, 160); opacity: 1; animation: 3s linear 0s 1 normal none running focusCta; }

.page.lander .button.cta.pink { background: rgb(239, 66, 116); }

@-webkit-keyframes homonculusartappear { 
  0% { transform: translateY(-80px); }
}

@keyframes homonculusartappear { 
  0% { transform: translateY(-80px); }
}

@-webkit-keyframes highlightsubmit { 
  0% { background: rgb(4, 85, 160); box-shadow: rgb(255, 255, 255) 0px 0px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px, rgba(18, 18, 18, 0.75) 0px 1em 0px 2em; }
  75% { box-shadow: rgb(255, 255, 255) 0px 0px 1.5em 0.1em, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px, rgba(18, 18, 18, 0.75) 0px 1em 0px 2em; background: rgb(66, 143, 205); }
  100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 2em, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px, rgba(18, 18, 18, 0.75) 0px 1em 0px 2em; background: rgb(4, 85, 160); }
}

@keyframes highlightsubmit { 
  0% { background: rgb(4, 85, 160); box-shadow: rgb(255, 255, 255) 0px 0px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px, rgba(18, 18, 18, 0.75) 0px 1em 0px 2em; }
  75% { box-shadow: rgb(255, 255, 255) 0px 0px 1.5em 0.1em, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px, rgba(18, 18, 18, 0.75) 0px 1em 0px 2em; background: rgb(66, 143, 205); }
  100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 2em, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px, rgba(18, 18, 18, 0.75) 0px 1em 0px 2em; background: rgb(4, 85, 160); }
}

@-webkit-keyframes fadeText { 
  0%, 50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeText { 
  0%, 50% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes characterShift { 
  0%, 50% { opacity: 0; transform: translateX(7.5%); }
  100% { opacity: 1; transform: translateX(0px); }
}

@keyframes characterShift { 
  0%, 50% { opacity: 0; transform: translateX(7.5%); }
  100% { opacity: 1; transform: translateX(0px); }
}

@-webkit-keyframes characterBlush { 
  0%, 75% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes characterBlush { 
  0%, 75% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes focusCta { 
  0%, 90% { background: rgb(17, 17, 17); opacity: 0.7; transform: scale(1); }
  95% { transform: scale(1.075); }
  100% { opacity: 1; }
}

@keyframes focusCta { 
  0%, 90% { background: rgb(17, 17, 17); opacity: 0.7; transform: scale(1); }
  95% { transform: scale(1.075); }
  100% { opacity: 1; }
}

@-webkit-keyframes magazine-rotate { 
  0% { transform: rotate(0deg); }
  75% { transform: rotate(0deg); }
  90% { transform: rotate(7.5deg); }
  100% { transform: rotate(5deg); }
}

@keyframes magazine-rotate { 
  0% { transform: rotate(0deg); }
  75% { transform: rotate(0deg); }
  90% { transform: rotate(7.5deg); }
  100% { transform: rotate(5deg); }
}

.model { display: none; position: absolute; height: 100%; top: 0px; right: 3.5%; }

@media (min-width: 762px) and (max-width: 1015px) {
  .model { right: -7.5%; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  .model { right: -2.5%; }
}

.model > img { position: relative; height: 100%; }

.model .full { width: 55.545%; position: absolute; height: 100%; top: 0px; right: 0px; background-image: url("/assets/img/register/full.jpg"); background-position: 100% 100%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: auto 100% !important; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .model .full { background-image: url("/assets/img/register/full@2x.jpg"); }
}

.model .face { width: 55.545%; position: absolute; height: 27.8%; top: 0px; right: 0px; background-image: url("/assets/img/register/face_new@2x.jpg"); background-position: 100% 0px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; opacity: 0; transition: opacity 0.5s ease-out 0s; background-size: auto 100% !important; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .model .face { background-image: url("/assets/img/register/face_new@2x.jpg"); }
}

.model .body { width: 55.545%; position: absolute; height: 69.4915%; bottom: 0px; right: 0px; background-image: url("/assets/img/register/body@2x.jpg"); background-position: 100% 0px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; opacity: 0; transition: opacity 0.75s ease-out 0s; background-size: auto 100% !important; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .model .body { background-image: url("/assets/img/register/body@2x.jpg"); }
}

.model #secret { position: absolute; width: 69px; height: 69px; bottom: 40px; right: 195px; z-index: 1; }

@media (min-width: 1016px) {
  .model #secret { right: 235px; }
}

.model > .showhalf { opacity: 0.33; }

.model p { position: absolute; top: 5%; right: 42%; width: 8em; line-height: 1.25em; text-align: center; background: rgb(255, 255, 255); padding: 1.5em; border-radius: 47.5%; z-index: 1; box-shadow: rgb(66, 143, 205) 0px 0px 0px 2px; transform: rotate(-10deg); transition: all 0.5s linear 0s; opacity: 0; }

.model p.text1 { width: 9em; padding: 1.5em 1em; }

.model p::after { margin-bottom: -3.8em; margin-right: -4.4em; border-left: 0.6em solid transparent; border-right: 0.6em solid transparent; border-top: 1.2em solid rgb(66, 143, 205); }

.model p::after, .model p::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; bottom: 50%; right: 50%; transform: rotate(-27.5deg); }

.model p::before { margin-bottom: -3.5em; margin-right: -4.2em; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-top: 1em solid rgb(255, 255, 255); z-index: 1; }

.model p.hide { opacity: 0; filter: blur(10px); }

.model p.show { opacity: 1; animation: 0.5s linear 0s 1 normal none running appear; }

.model p span { display: inline-block; }

.model > .show { transition: opacity 1s ease-in 0s; opacity: 1; }

.model > .show.fast { transition: opacity 0.1s linear 0s; }

@media (min-width: 762px) {
  .model { display: block; }
}

.page.login .module > h1 { margin-bottom: 0px; }

.page.login .module > p { margin-bottom: 2em; }

.accountCreate .secondary-separator, .page.create-success .secondary-separator, .page.create .secondary-separator, .page.login .secondary-separator, .page.register2019 .secondary-separator { height: 1em; }

.accountCreate h1, .page.create-success h1, .page.create h1, .page.login h1, .page.register2019 h1 { color: rgb(135, 135, 135); }

.accountCreate.accountCreate label, .accountCreate form label, .page.create-success.accountCreate label, .page.create-success form label, .page.create.accountCreate label, .page.create form label, .page.login.accountCreate label, .page.login form label, .page.register2019 form label, .page.register2019.accountCreate label { background: rgb(135, 135, 135); color: rgb(255, 255, 255); padding: 0.5em 0.75em 0.25em; border: 1px solid rgb(135, 135, 135); }

.accountCreate.accountCreate label.notification-error, .accountCreate form label.notification-error, .page.create-success.accountCreate label.notification-error, .page.create-success form label.notification-error, .page.create.accountCreate label.notification-error, .page.create form label.notification-error, .page.login.accountCreate label.notification-error, .page.login form label.notification-error, .page.register2019 form label.notification-error, .page.register2019.accountCreate label.notification-error { background: rgb(233, 109, 99); border-color: rgb(233, 109, 99); box-shadow: rgb(233, 109, 99) 0px 0px 0px 1px; }

.accountCreate.accountCreate p, .accountCreate form p, .page.create-success.accountCreate p, .page.create-success form p, .page.create.accountCreate p, .page.create form p, .page.login.accountCreate p, .page.login form p, .page.register2019 form p, .page.register2019.accountCreate p { margin-top: 0px; }

.accountCreate .next-step, .page.create-success .next-step, .page.create .next-step, .page.login .next-step, .page.register2019 .next-step { margin-bottom: 2em; }

.accountCreate .credit, .page.create-success .credit, .page.create .credit, .page.login .credit, .page.register2019 .credit { position: absolute; bottom: 0px; color: rgb(204, 204, 204); font-size: 8pt; }

.accountCreate .terms, .page.create-success .terms, .page.create .terms, .page.login .terms, .page.register2019 .terms { color: rgb(68, 68, 68); border-bottom: 1px dotted rgb(68, 68, 68); }

.page.create .accountCreate label, .page.register2019 label { position: relative; transition: padding 0.5s ease 0s; }

.page.create .accountCreate label::before, .page.register2019 label::before { content: ""; position: absolute; z-index: 1; width: 1em; height: 1em; left: 0.75em; top: 50%; margin-top: -0.5em; border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px inset; transition: opacity 0.5s ease 0s; opacity: 0; transform: translateY(1px); }

.page.create .accountCreate label.ok, .page.register2019 label.ok { background-color: rgb(127, 202, 159); border-color: rgb(127, 202, 159); padding-left: 2.25em; }

.page.create .accountCreate label.ok::before, .page.register2019 label.ok::before { opacity: 1; }

.page.login a.invisible { padding-left: 0px; padding-right: 0px; }

@media (max-width: 375px) {
  .page.create-success p { font-size: 0.8em; }
}

@media (max-width: 761px) {
  .page.create-success h1 { font-size: 1.8em; margin-bottom: 0px; }
  .page.create-success h2 { font-size: 1em; }
  .page.create-success .welcome-text { text-align: center; }
}

@media (min-width: 762px) {
  .page.create-success h2 { font-weight: 300; color: rgb(66, 66, 66); }
  .page.create-success .twitter p > * { transform: scale(1.5); }
  .page.create-success.with-model::before { content: ""; display: block; position: absolute; width: 100%; height: 97%; bottom: 0px; background: url("/assets/img/register/final.jpg") 90% 100% / auto 945px no-repeat; animation: 3s ease-out 0s 1 normal none running animate-girl; }
}

@media only screen and (min-width: 762px) and (-moz-min-device-pixel-ratio:1.5), only screen and (min-width: 762px) and (-o-min-device-pixel-ratio:3/2), only screen and (min-width: 762px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 762px) and (min-device-pixel-ratio:1.5) {
  .page.create-success.with-model::before { background-image: url("/assets/img/register/final@2x.jpg"); }
}

@media (min-width: 762px) and (min-width: 762px) and (max-width: 1015px) {
  .page.create-success.with-model::before { background-size: auto 654px; }
}

@media (min-width: 762px) and (min-width: 1016px) and (max-width: 1269px) {
  .page.create-success.with-model::before { background-size: auto 829px; }
}

@media (min-width: 762px) and (min-width: 1270px) {
  .page.create-success.with-model::before { right: 5%; }
}

@keyframes animate-girl { 
  0% { transform: translateY(100px); opacity: 0; }
  33% { transform: translate(200px); opacity: 0; }
  100% { transform: translate(0px); }
}

.page.create .email-confirmation, .signup .email-confirmation { display: none; }

.page.create .email-confirmation.show, .signup .email-confirmation.show { display: block; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(18, 18, 18, 0.75); z-index: 999; }

.page.create .email-confirmation.show > div, .signup .email-confirmation.show > div { position: relative; display: block; margin: 0px auto; max-width: 600px; height: 100%; }

.page.create .email-confirmation.show > div .email, .signup .email-confirmation.show > div .email { overflow-wrap: break-word; }

@media (min-width: 762px) {
  .page.create .email-confirmation.show > div .email, .signup .email-confirmation.show > div .email { font-size: 2em; }
}

.page.create .email-confirmation.show > div > div, .signup .email-confirmation.show > div > div { position: absolute; display: block; width: 100%; background: rgb(255, 255, 255); text-align: center; padding: 2em; top: 50%; margin-top: -120px; box-sizing: border-box; }

.page.create .email-confirmation.show > div button, .signup .email-confirmation.show > div button { min-width: 7.5em; border: 2px solid rgb(239, 66, 116); }

.page.create .email-confirmation.show > div button.invisible, .signup .email-confirmation.show > div button.invisible { margin-right: 1em; }

@media (max-width: 761px) {
  .accountCreate, .page.create { background-image: none; }
}

.accountCreate h1, .page.create h1 { margin-bottom: 0.5em; }

.accountCreate .payment-partner, .page.create .payment-partner { color: rgb(135, 135, 135); padding-top: 1em; }

.accountCreate .payment-partner span, .page.create .payment-partner span { display: inline-block; }

.accountCreate .partner, .page.create .partner { position: relative; width: 186px; height: 37px; margin: 0px auto; background: url("/assets/img/partners/sbps@2x.png") 0px 0px / 100% no-repeat; }

.accountCreate .notifications, .page.create .notifications { margin: 2em 0px; }

.accountCreate .notifications .success, .page.create .notifications .success { width: 100%; box-shadow: none; color: rgb(66, 66, 66); }

@media (min-width: 762px) {
  .accountCreate .notifications .success, .page.create .notifications .success { font-size: 1.2em; }
}

@media (max-width: 375px) {
  .accountCreate .notifications .success, .page.create .notifications .success { font-size: 0.9em; }
}

.accountCreate .notifications .success p, .accountCreate .notifications .success ul::before, .page.create .notifications .success p, .page.create .notifications .success ul::before { background: rgb(239, 66, 116); }

.accountCreate .notifications .success ul, .page.create .notifications .success ul { padding: 1em 0.5em; }

.accountCreate .basket, .page.create .basket { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset; background: rgba(237, 237, 237, 0.75); color: rgb(117, 117, 117); text-shadow: rgb(255, 255, 255) 0px 1px 1px; padding: 2em 2em 0.5em; margin: 2em 0px; border-radius: 0.25em; }

.accountCreate .basket li, .page.create .basket li { width: 100%; display: block; padding-bottom: 1.5em; text-align: center; }

.accountCreate .basket li span:first-of-type, .page.create .basket li span:first-of-type { display: inline-block; margin-right: 1em; }

.accountCreate .basket p, .page.create .basket p { text-align: center; margin: 0px; color: rgb(66, 143, 205); }

.accountCreate .w4 .helper, .page.create .w4 .helper { font-size: 0.7em; }

.notifications-header .w2.right a, .notifications-header .w3.right a { position: absolute; top: 50%; right: 1em; margin-top: -0.5em; }

@media (max-width: 761px) {
  .notifications-header .w2.right a, .notifications-header .w3.right a { font-size: 0.8em; }
}

.page.notifications-list .notification-detail, .page.notifications-list .notification-tankoubon { box-sizing: border-box; }

.page.notifications-list .notification-detail .published, .page.notifications-list .notification-tankoubon .published { display: block; margin-bottom: 1em; }

.page.notifications-list .notification-detail .small, .page.notifications-list .notification-tankoubon .small { margin: 0.5em 0px; }

.page.notifications-list .notification-detail .small span, .page.notifications-list .notification-tankoubon .small span { color: rgb(135, 135, 135); }

.page.notifications-list .notification-detail .button, .page.notifications-list .notification-detail button, .page.notifications-list .notification-tankoubon .button, .page.notifications-list .notification-tankoubon button { margin: 0px 0.5em 0.5em 0px; padding: 0.2em 0px; font-size: inherit; }

.page.notifications-list .notification-detail h2, .page.notifications-list .notification-tankoubon h2 { font-size: 1em; line-height: 1.2em; margin-bottom: 0.5em; }

.page.notifications-list .notification-detail h3, .page.notifications-list .notification-tankoubon h3 { display: inline-block; font-size: 0.8em; padding: 0.5em 0.6em 0.3em; margin-bottom: 1em; background: rgb(66, 143, 205); color: rgb(255, 255, 255); border-radius: 0.15em; }

.page.notifications-list .stats > .comic-preview-action { float: left; position: relative; border-bottom: 0px; margin-right: 0.5em; font-weight: 400; }

.page.notifications-list .stats:hover { border-bottom-color: transparent; }

.page.notifications-list .stats:hover .discuss { animation: 0.33s linear 0s 1 normal none running wiggle; }

.page.notifications-list h2, .page.notifications-list p { margin-top: 0px; }

.page.notifications-list .stats { float: left; position: relative; width: 50%; margin: 0.5em 0px 0px; line-height: 1em; }

.page.notifications-list .stats:not(a) { color: rgb(135, 135, 135); }

.page.notifications-list .notification-tankoubon > a { position: relative; display: block; padding-bottom: 62.747%; border-bottom: none; }

@media (min-width: 762px) {
  .page.notifications-list .notification-tankoubon > a { width: 96%; }
}

.page.notifications-list .notification-tankoubon > a > div { position: absolute; display: block; width: 100%; height: 100%; padding: 1em; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.15) 0px 1px 4px; border-radius: 0.25em; }

.page.notifications-list .notification-tankoubon > a > div button { min-width: 40%; }

.page.notifications-list .notification-tankoubon > a > div p { color: rgb(66, 66, 66); }

.page.notifications-list .notification-tankoubon > a > div .thumbnail { position: relative; display: inline-block; float: left; margin-right: 1em; height: 100%; box-shadow: none; }

.page.notifications-list .notification-tankoubon > a > div .thumbnail img { position: relative; width: auto; height: 100%; }

.page.notifications-list .announcement { position: relative; background: rgb(255, 255, 255); padding: 1em; border-radius: 0.5em; margin: 0px auto 1em; }

@media (min-width: 762px) {
  .page.notifications-list .announcement { width: 80%; }
  .page.notifications-list .comic-preview { margin: 1em 0px 2em; }
  .page.notifications-list .notification-detail { background: rgb(255, 255, 255); padding: 1em; margin: 1em 3em 2em 0px; box-shadow: rgba(18, 18, 18, 0.15) 0px 1px 4px; border-radius: 0.25em; }
  .page.notifications-list .notification-detail::before { content: ""; display: block; position: absolute; top: 33.3%; margin-top: -0.6em; left: -0.6em; width: 1.2em; height: 1.2em; background: rgb(255, 255, 255); transform: rotate(45deg); box-shadow: rgba(18, 18, 18, 0.1) 2px 2px 4px; z-index: 0; }
  .page.notifications-list .notification-detail::after { content: ""; display: block; position: absolute; background: rgb(255, 255, 255); width: 0.9em; height: 3em; top: 33.3%; margin-top: -1.5em; left: 0px; z-index: 1; }
}

.page.notifications-list .last-published p { position: relative; display: inline-block; font-size: 0.75em; height: 1em; line-height: 1em; z-index: 99; padding: 0.5em 1em; background: rgb(255, 255, 255); color: rgb(135, 135, 135); border-radius: 1.5em; border: 1px solid rgb(135, 135, 135); font-weight: 400; margin: 2em 0px; }

.page.notifications-list .last-published::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; z-index: 0; background: linear-gradient(90deg, transparent 0px, rgb(135, 135, 135) 50%, transparent); }

@media (max-width: 761px) {
  .page.notifications-list h1 { margin-bottom: 0.5em; }
  .page.notifications-list h2 { font-weight: 400; color: rgb(66, 66, 66); }
  .page.notifications-list .comic-preview, .page.notifications-list .notification-detail { margin-bottom: 2em; }
  .page.notifications-list a.discuss { margin-top: 4px; }
  .page.notifications-list .notification-detail { padding-left: 0.5em; }
  .page.notifications-list .notification-detail .published { font-size: 0.8em; }
  .page.notifications-list .notification-detail .button, .page.notifications-list .notification-detail button { width: 100%; padding: 0.25em 0.5em; text-align: center; }
}

body.authenticated.dark .page.notifications-list .announcement, body.authenticated.dark .page.notifications-list .last-published p, body.authenticated.dark .page.notifications-list .notification-tankoubon > a > div { background: rgb(34, 33, 39); }

body.authenticated.dark .page.notifications-list .notification-tankoubon > a > div p { color: rgb(221, 221, 221); }

@media (min-width: 762px) {
  body.authenticated.dark .page.notifications-list .notification-detail, body.authenticated.dark .page.notifications-list .notification-detail::after, body.authenticated.dark .page.notifications-list .notification-detail::before { background: rgb(34, 33, 39); }
}

@media (max-width: 761px) {
  body.authenticated.dark .page.notifications-list h2 { color: rgb(255, 255, 255); }
}

body.authenticated.dark .page.notifications-list .notification-detail h2 { color: rgb(66, 143, 205); }

@media (min-width: 762px) {
  .page.notifications-center .heading .button { position: absolute; top: 0px; right: 0px; }
}

@media (max-width: 761px) {
  .page.notifications-center .heading { text-align: center; }
}

.page.notifications-center .notification-detail { padding: 1em 1em 0px 0px; box-sizing: border-box; }

.page.notifications-center .notification-detail .published { display: block; margin-bottom: 1em; }

.page.notifications-center .notification-volume { margin-top: 2em; }

.page.notifications-center .notification-volume .published { margin-right: 1em; }

.page.notifications-center .swiper-container { margin-bottom: 2em; }

.page.notifications-center a > .discuss { float: left; position: relative; border-bottom: 0px; margin-right: 0.5em; font-weight: 400; }

.page.notifications-center h2, .page.notifications-center p { margin-top: 0px; }

@media (max-width: 761px) {
  .page.notifications-center h1 { margin-bottom: 0.5em; }
  .page.notifications-center h2 { line-height: 1.2em; }
  .page.notifications-center .comic-preview, .page.notifications-center .notification-detail { margin-bottom: 2em; }
  .page.notifications-center a.discuss { margin-top: 4px; }
  .page.notifications-center .notification-detail { padding-right: 0px; }
  .page.notifications-center .notification-detail h2 { display: none; }
  .page.notifications-center .notification-detail p { margin-top: 0px; }
}

@media (max-width: 761px) {
  .playground .header .w6 { padding-bottom: 0.5em; }
}

.playground .header { color: rgb(239, 66, 116); padding-top: 1em; }

.playground .header h1 { font-size: 0px; color: transparent; display: block; width: 100%; height: 28px; background: url("/assets/img/lander/logo_desktop.png") 0px 0px / auto 100% no-repeat; }

.playground .header > .w6 { margin-bottom: 0px; }

.playground .payment-area .w6 { background: rgb(255, 255, 255); border-radius: 0.25em; box-shadow: rgba(18, 18, 18, 0.15) 0px 0.5em 2em; }

.playground .payment-area .field, .playground .payment-area .top { margin: 1.5em; }

.playground .payment-area .field input, .playground .payment-area .top input { background-position: 97% 50%; }

.playground .payment-area .field .cards, .playground .payment-area .top .cards { background: url("/assets/img/icon_padlock@2x.png") 100% 0px / 22px 26px no-repeat; padding-right: 22px; }

.playground .payment-area .field .cards > div, .playground .payment-area .top .cards > div { position: relative; display: inline-block; width: 38px; height: 24px; margin: 1px 0.4em 0px 0px; box-shadow: rgb(219, 219, 219) 0px 0px 0px 1px; border-radius: 0.15em; background: url("/assets/img/payment_methods@2x.png") 0px 0px / 100% no-repeat; }

.playground .payment-area .field .cards > div.jcb, .playground .payment-area .top .cards > div.jcb { background-position: 0px 25%; }

.playground .payment-area .field .cards > div.amex, .playground .payment-area .top .cards > div.amex { background-position: 0px 50%; }

.playground .payment-area .field .cards > div.visa, .playground .payment-area .top .cards > div.visa { background-position: 0px 75%; }

.playground .payment-area .field .cards > div.mastercard, .playground .payment-area .top .cards > div.mastercard { background-position: 0px 100%; }

.playground .payment-area .field label, .playground .payment-area .top label { color: rgb(135, 135, 135); font-size: 0.8em; }

.playground .payment-area .field input[type="submit"], .playground .payment-area .top input[type="submit"] { width: 100%; font-size: 1.1em; padding: 0.75em 0px; }

.playground .payment-area .field .select, .playground .payment-area .top .select { margin-top: 1em; position: relative; display: inline-block; width: 48%; }

.playground .payment-area .field .select:last-of-type, .playground .payment-area .top .select:last-of-type { margin-left: 4%; }

.playground .payment-area .field .stubby, .playground .payment-area .top .stubby { width: 48%; box-sizing: border-box; margin-right: 4%; background-position: 94% 50%; }

.playground .payment-area .field .secure, .playground .payment-area .top .secure { background-image: url("/assets/img/icon_padlock_small@2x.png"); background-repeat: no-repeat; background-size: 11px 13px; }

.playground .payment-area .field .helper span, .playground .payment-area .top .helper span { position: relative; display: inline-block; float: right; margin: 0px 0px 0.5em 1.5em; }

.playground .payment-area .field .helper span img, .playground .payment-area .top .helper span img { width: 86px; }

.playground .payment-area .field .helper span img:first-of-type, .playground .payment-area .top .helper span img:first-of-type { margin-right: 1em; }

@media (min-width: 762px) and (max-width: 1015px) {
  .playground .payment-area .field .helper span, .playground .payment-area .top .helper span { margin-left: 1em; width: 86px; }
  .playground .payment-area .field .helper span img:first-of-type, .playground .payment-area .top .helper span img:first-of-type { margin-right: 0px; margin-bottom: 0.5em; }
}

@media (max-width: 520px) {
  .playground .payment-area .field .helper span, .playground .payment-area .top .helper span { margin-left: 1em; width: 86px; }
  .playground .payment-area .field .helper span img:first-of-type, .playground .payment-area .top .helper span img:first-of-type { margin-right: 0px; margin-bottom: 0.5em; }
}

.playground .payment-area .field .helper, .playground .payment-area .top .helper { display: none; font-size: 0.7em; }

.playground .payment-area .field .helpertoggle, .playground .payment-area .top .helpertoggle { position: relative; background: rgb(135, 135, 135); width: 1.5em; height: 1.5em; display: inline-block; color: rgb(255, 255, 255); border-radius: 50%; text-align: center; padding: 0px; line-height: 1.5em; border-bottom: 0px; cursor: pointer; }

.playground .payment-area .field.show-helper .helpertoggle, .playground .payment-area .top.show-helper .helpertoggle { color: transparent; }

.playground .payment-area .field.show-helper .helpertoggle::after, .playground .payment-area .field.show-helper .helpertoggle::before, .playground .payment-area .top.show-helper .helpertoggle::after, .playground .payment-area .top.show-helper .helpertoggle::before { content: ""; display: block; position: absolute; background: rgb(255, 255, 255); border-radius: 0.2em; width: 0.8em; height: 0.2em; top: 50%; left: 50%; margin-top: -0.1em; margin-left: -0.4em; transform: rotate(45deg); }

.playground .payment-area .field.show-helper .helpertoggle::after, .playground .payment-area .top.show-helper .helpertoggle::after { transform: rotate(-45deg); }

.playground .payment-area .field.show-helper .helper, .playground .payment-area .top.show-helper .helper { display: block; }

.playground .payment-area .field .cancel a, .playground .payment-area .top .cancel a { color: rgb(135, 135, 135); font-weight: 400; font-size: 0.8em; }

.playground .payment-area .notice { padding: 1.5em 3em; background: rgb(242, 242, 242); font-size: 0.8em; color: rgb(135, 135, 135); text-align: center; }

.playground:not(.error) .bottom, .playground:not(.error) .bottom p:first-of-type { margin-bottom: 0.5em; }

.playground:not(.error) .bottom p:last-of-type { margin-top: 0.5em; }

.playground:not(.error) .error { background: rgb(233, 109, 99); color: rgb(255, 255, 255); padding: 1em 1.5em; animation: 0.25s linear 0s 1 normal none running flashin; }

.playground:not(.error) .error .fields { padding-left: 1.5em; }

.playground.error .payment-area h2 { background: rgb(135, 135, 135); color: rgb(255, 255, 255); border-radius: 0.2em 0.2em 0px 0px; padding-top: 1em !important; }

.playground.error .payment-area .message { margin: 1em 1.5em; }

.playground.error .payment-area .message.error { font-weight: 600; color: rgb(233, 109, 99); }

.playground.error .payment-area .w6 > :first-child { margin-top: 2em; }

.playground.error .payment-area .w6 > h2:first-child { padding: 1em 1.25em; margin-top: 0px; }

.page.region-restrict .brand-b .grid > .module > :first-child { color: rgb(66, 143, 205); }

.page.region-restrict .brand-d { z-index: 10000; background: rgb(66, 143, 205); border-top: 4px solid rgb(4, 85, 160); }

.page.region-restrict .brand-d .grid > .module > :first-child { color: rgb(4, 85, 160); }

.page.region-restrict .grid.info { padding-top: 0px; color: rgb(255, 255, 255); }

.page.region-restrict .grid.info * { color: inherit; }

.page.region-restrict .grid.info :not(h1) { font-weight: 300; }

.page.region-restrict .grid.info .module > :not(a):first-child { font-size: 1.1em; margin-bottom: 2em; }

.page.region-restrict .grid.info h1 { font-size: 1.8em; }

@media (min-width: 762px) {
  .page.region-restrict .grid.info .module { margin: 6em 0px; }
  .page.region-restrict .grid.info a:hover { color: rgb(239, 66, 116); }
}

@media (max-width: 761px) {
  .page.region-restrict .grid.info .module { margin: 4em 0px; font-size: 0.75em; }
}

.page.region-restrict .container-outer .grid { z-index: 10000; }

.page.region-restrict .fakku { border-bottom: none; position: relative; display: block; margin-top: 2em; }

.page.region-restrict .fakku .logo, .page.region-restrict .fakku span { position: relative; display: inline-block; }

.page.region-restrict .fakku .logo { width: 114px; height: 28px; color: transparent; font-size: 0px; background: url("/assets/img/partners/fakku_logo@2x.png") 0px 0px / auto 100% no-repeat; margin: 0px 8px 0px 10px; top: -20px; }

.page.region-restrict .fakku:hover { color: rgb(255, 255, 255) !important; }

.page.region-restrict .mascot-area { background: rgb(242, 242, 242); font-size: 0.75em; }

.page.region-restrict .mascot-area .module > div { width: 10em; text-align: center; color: rgb(135, 135, 135); margin-left: auto; margin-right: 2em; }

.page.region-restrict .mascot-area .mascot { position: relative; width: 32px; height: 75px; margin: 0px auto; background: url("/assets/img/mascot/mode1@2x.png") 0px 0px / 100% no-repeat; }

.is_limited { background: rgb(4, 85, 160); }

.is_limited header { background: rgb(242, 242, 242); }

.is_limited footer { border-top: none !important; background: transparent !important; }

@media screen and (max-width: 376px) {
  .page.register2019 { font-size: 0.9em; }
}

@media screen and (max-width: 360px) {
  .page.register2019 { font-size: 0.8em; }
}

@media (max-width: 761px) {
  .page.register2019 .header .w6 { padding-bottom: 0.5em; }
}

.page.register2019 .grid.full { max-width: none; }

.page.register2019 .header { padding-top: 1em; }

.page.register2019 .header h1 { font-size: 0px; color: transparent; display: block; width: 100%; height: 28px; background: url("/assets/img/lander/logo_desktop.png") 0px 0px / auto 100% no-repeat; }

.page.register2019 .header > .w6 { margin-bottom: 0px; }

.page.register2019 * { z-index: 1; }

.page.register2019 a.module:hover { border-color: transparent; }

.page.register2019 .incentive div { opacity: 1; position: fixed; display: block; width: 100%; height: 100%; background-size: auto 100% !important; }

.page.register2019 .incentive .bg-steam { background: url("/assets/lander/img/desktop/heroes/regist2021/parts2_1400px.png") 50% center no-repeat; z-index: 5; opacity: 0; animation: 4s ease 1.2s 1 normal forwards running lander_girl_anime1; }

.art-desktop-700.page.register2019 .incentive .bg-steam { background: url("/assets/lander/img/desktop/heroes/regist2021/parts2_1000px.png") 50% center no-repeat; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .art-desktop-700.page.register2019 .incentive .bg-steam { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts2_1000px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .art-desktop-700.page.register2019 .incentive .bg-steam { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts2_1000px@3x.png"); }
}

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .page.register2019 .incentive .bg-steam { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts2_1400px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .page.register2019 .incentive .bg-steam { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts2_1400px@3x.png"); }
}

.page.register2019 .incentive .bg-breath { background: url("/assets/lander/img/desktop/heroes/regist2021/parts3_1400px.png") 50% center no-repeat; z-index: 5; opacity: 0; animation: 3.5s ease 1.5s 1 normal forwards running lander_girl_anime2; }

.art-desktop-700.page.register2019 .incentive .bg-breath { background: url("/assets/lander/img/desktop/heroes/regist2021/parts3_1000px.png") 50% center no-repeat; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .art-desktop-700.page.register2019 .incentive .bg-breath { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts3_1000px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .art-desktop-700.page.register2019 .incentive .bg-breath { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts3_1000px@3x.png"); }
}

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .page.register2019 .incentive .bg-breath { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts3_1400px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .page.register2019 .incentive .bg-breath { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts3_1400px@3x.png"); }
}

.page.register2019 .incentive .bg-liquid { background: url("/assets/lander/img/desktop/heroes/regist2021/parts1_1400px.png") 50% center no-repeat; z-index: 4; animation: 5.5s ease-out 0s 1 normal none running showModelFinal; }

.art-desktop-700.page.register2019 .incentive .bg-liquid { background: url("/assets/lander/img/desktop/heroes/regist2021/parts1_1000px.png") 50% center no-repeat; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .art-desktop-700.page.register2019 .incentive .bg-liquid { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts1_1000px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .art-desktop-700.page.register2019 .incentive .bg-liquid { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts1_1000px@3x.png"); }
}

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .page.register2019 .incentive .bg-liquid { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts1_1400px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .page.register2019 .incentive .bg-liquid { background-image: url("/assets/lander/img/desktop/heroes/regist2021/parts1_1400px@3x.png"); }
}

.page.register2019 .incentive .bg-face3 { background: url("/assets/lander/img/desktop/heroes/regist2021/face3_1400px.png") 50% center no-repeat; z-index: 3; opacity: 0; animation: 2.5s cubic-bezier(0.34, 0.6, 0.6, 1) 0s 1 normal none running lander_girl_anime3, 0.7s linear 0.1s 1 normal forwards running showModelInitialFadeIn, 1.5s linear 0s 1 normal none running showModelInitialBlur; }

.art-desktop-700.page.register2019 .incentive .bg-face3 { background: url("/assets/lander/img/desktop/heroes/regist2021/face3_1000px.png") 50% center no-repeat; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .art-desktop-700.page.register2019 .incentive .bg-face3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/face3_1000px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .art-desktop-700.page.register2019 .incentive .bg-face3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/face3_1000px@3x.png"); }
}

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .page.register2019 .incentive .bg-face3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/face3_1400px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .page.register2019 .incentive .bg-face3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/face3_1400px@3x.png"); }
}

.page.register2019 .incentive .bg-2 { background: url("/assets/lander/img/desktop/heroes/regist2021/2_1400px.png") 50% center no-repeat; z-index: 2; animation: 2.5s cubic-bezier(0.34, 0.6, 0.6, 1) 0s 1 normal none running lander_girl_anime3, 1.65s linear 0.25s 1 normal forwards running showModelInitialFadeOut, 1.5s linear 0s 1 normal none running showModelInitialBlur; }

.art-desktop-700.page.register2019 .incentive .bg-2 { background: url("/assets/lander/img/desktop/heroes/regist2021/2_1000px.png") 50% center no-repeat; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .art-desktop-700.page.register2019 .incentive .bg-2 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/2_1000px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .art-desktop-700.page.register2019 .incentive .bg-2 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/2_1000px@3x.png"); }
}

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .page.register2019 .incentive .bg-2 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/2_1400px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .page.register2019 .incentive .bg-2 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/2_1400px@3x.png"); }
}

.page.register2019 .incentive .bg-3 { background: url("/assets/lander/img/desktop/heroes/regist2021/3_1400px.png") 50% center no-repeat; z-index: 1; animation: 2.5s cubic-bezier(0.34, 0.6, 0.6, 1) 0s 1 normal none running lander_girl_anime3, 1.5s linear 0s 1 normal none running showModelInitialBlur; }

.art-desktop-700.page.register2019 .incentive .bg-3 { background: url("/assets/lander/img/desktop/heroes/regist2021/3_1000px.png") 50% center no-repeat; }

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .art-desktop-700.page.register2019 .incentive .bg-3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/3_1000px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .art-desktop-700.page.register2019 .incentive .bg-3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/3_1000px@3x.png"); }
}

@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {
  .page.register2019 .incentive .bg-3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/3_1400px@2x.png"); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution: 2.25dppx) {
  .page.register2019 .incentive .bg-3 { background-image: url("/assets/lander/img/desktop/heroes/regist2021/3_1400px@3x.png"); }
}

.page.register2019 .incentive.preload_welcome, .page.register2019 .incentive.preload_welcome > div { display: block !important; width: 0px !important; height: 0% !important; box-shadow: none !important; }

.page.register2019.welcome .incentive { opacity: 0; animation: 0.5s ease-out 0s 1 normal forwards running showModelInitialFadeIn; }

.page.register2019.welcome .incentive div { background-size: auto 102% !important; padding: 0px 0px 12% !important; margin: 0px 0px -12% !important; }

.page.register2019.welcome .incentive .header { z-index: -1; }

.page.register2019.set_theme .incentive { z-index: 0; position: fixed; width: 70%; height: 100%; margin-top: 13em; left: 15%; border-radius: 2.8em; box-shadow: rgba(18, 18, 18, 0.15) 0px 0.75em 0.5em 0.5em, rgb(0, 0, 0) 0px 0px 0px 0.7em inset; overflow: hidden; animation: 2s ease-out 0s 1 normal none running phoneAnimate; }

.page.register2019.set_theme .incentive::after { box-shadow: rgb(255, 255, 255) 0px 0px 0.7em inset; z-index: 3; }

@media (min-width: 762px) {
  .page.register2019.set_theme .incentive { display: none; }
}

.page.register2019.set_theme .incentive::after, .page.register2019.set_theme .incentive::before { top: 0px; content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 2; box-shadow: rgb(255, 255, 255) 0px 0px 0.7em inset; border-radius: 2.8em; }

.page.register2019.set_theme .incentive .bottom { position: relative; }

.page.register2019.set_theme .incentive .bottom::before { content: ""; display: block; position: absolute; top: 0px; left: 50%; margin-left: -18%; width: 36%; height: 0.7em; background: rgb(0, 0, 0); border-radius: 0px 0px 1em 1em; }

.page.register2019.set_theme .incentive .bottom .part1 { position: relative; width: 100%; padding-top: 10px; height: 49px; margin-top: 0.65em; box-shadow: rgba(18, 18, 18, 0.1) 0px 1px 0px 0px, rgba(18, 18, 18, 0.15) 0px 2px 4px 0px; }

.page.register2019.set_theme .incentive .bottom .part1::after, .page.register2019.set_theme .incentive .bottom .part1::before { content: ""; display: block; position: absolute; height: 25px; margin-top: 0.6em; background: url("/assets/img/tileset@2x.png") 0px 0px / 160px no-repeat; width: 21px; }

.page.register2019.set_theme .incentive .bottom .part1::before { background-position: 0px -166px; left: 50%; margin-left: -10px; top: 12px; }

.page.register2019.set_theme .incentive .bottom .part2 { position: relative; background: rgba(255, 255, 255, 0.1); }

.page.register2019.set_theme .incentive .bottom .part2 p.magazine-title { padding-top: 1em; margin: 0px; text-align: center; }

.page.register2019.set_theme .incentive .bottom .part2 img { position: relative; margin: 1.5em 15%; width: 70%; height: auto; border-radius: 2px; box-shadow: rgba(18, 18, 18, 0.3) 0px 3px 6px; }

@media (max-height: 410px) {
  .page.register2019.set_theme .incentive { display: none; }
}

@media (max-height: 520px) and (max-width: 761px) {
  .page.register2019.set_theme .incentive { margin-top: 12em; box-shadow: rgba(18, 18, 18, 0.15) 0px 0.75em 0.5em 0.5em, rgb(186, 186, 186) 0px 0px 0px 2px inset; }
  .page.register2019.set_theme .incentive, .page.register2019.set_theme .incentive::before { border-radius: 30px; }
  .page.register2019.set_theme .incentive::before { box-shadow: rgba(18, 18, 18, 0.15) 0px 0.75em 0.5em 0.5em, rgb(186, 186, 186) 0px 0px 0px 2px inset, rgb(255, 255, 255) -3px 0px 0px 0px inset, rgb(237, 237, 237) 0px 0px 0px 12px inset, rgb(219, 219, 219) 0px 0px 0px 13px inset; }
  .page.register2019.set_theme .incentive::after { position: absolute; width: 100%; height: 50px; box-shadow: rgb(186, 186, 186) 2px 0px 0px 0px inset, rgb(186, 186, 186) -2px 0px 0px 0px inset, rgb(186, 186, 186) 0px 1px 0px 0px inset, rgb(255, 255, 255) 0px 3px 0px 0px inset, rgb(255, 255, 255) -3px 0px 0px 0px inset; background: rgb(237, 237, 237); border-radius: 30px 30px 0px 0px; }
  .page.register2019.set_theme .incentive .top { position: absolute; width: 100%; height: 50px; top: 0px; left: 0px; z-index: 4; }
  .page.register2019.set_theme .incentive .top::after, .page.register2019.set_theme .incentive .top::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; }
  .page.register2019.set_theme .incentive .top::before { width: 16%; height: 4px; background: rgb(204, 204, 204); border-radius: 2px; margin-left: -8%; border-bottom: 1px solid rgb(255, 255, 255); }
  .page.register2019.set_theme .incentive .top::after { width: 8px; height: 8px; background: rgb(37, 73, 107); border-radius: 4px; margin-left: -16%; margin-top: -2px; opacity: 0.75; }
  .page.register2019.set_theme .incentive .bottom::before { width: 100%; margin-left: -50%; height: 39px; border-radius: 0px; background: rgb(237, 237, 237); border-bottom: 2px solid rgb(219, 219, 219); }
  .page.register2019.set_theme .incentive .bottom .part1 { padding-top: 2.5em; overflow: hidden; }
  .page.register2019.set_theme .incentive .bottom .part1::before { top: 2.8em; }
  .page.register2019.set_theme .incentive .bottom .part2 .magazine-title { display: none; }
  .page.register2019.set_theme .incentive .bottom .part2 img { margin-top: 0px !important; }
}

.page.register2019.password.next .incentive, .page.register2019.password.next .incentive::before { background: transparent; }

.page.register2019.password.next .incentive p { opacity: 0; filter: blur(10px); animation: 0.5s linear 0s 1 reverse none running showSpeechBubble; }

.page.register2019.password.next .incentive::after { animation: 1s linear 0s 1 reverse none running showModelInitialFade, 1s linear 0s 1 reverse none running showModelInitialBlur, 1s linear 0s 1 normal none running showModelInitialSlide; }

.page.register2019.set_theme.next .incentive { opacity: 0; animation: 0.75s ease-in 0s 1 normal none running phoneZoom; }

.page.register2019.billing_provider_voucher .charge-chart.type2, .page.register2019.subscription_confirm_1 .charge-chart.type2, .page.register2019.subscription_details .charge-chart.type2 { font-size: 1em; margin: 0px 0px 1em; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .text, .page.register2019.subscription_confirm_1 .charge-chart.type2 .text, .page.register2019.subscription_details .charge-chart.type2 .text { position: relative; display: block; margin: 1em 0px; height: 1em; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .text span, .page.register2019.subscription_confirm_1 .charge-chart.type2 .text span, .page.register2019.subscription_details .charge-chart.type2 .text span { left: 33%; display: block; position: absolute; width: 67%; overflow: hidden; text-align: center; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .text span:first-of-type, .page.register2019.subscription_confirm_1 .charge-chart.type2 .text span:first-of-type, .page.register2019.subscription_details .charge-chart.type2 .text span:first-of-type { text-align: left; left: 0px; width: 67%; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line, .page.register2019.billing_provider_voucher .charge-chart.type2 .line::after, .page.register2019.billing_provider_voucher .charge-chart.type2 .line::before, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line::before, .page.register2019.subscription_details .charge-chart.type2 .line, .page.register2019.subscription_details .charge-chart.type2 .line::after, .page.register2019.subscription_details .charge-chart.type2 .line::before { position: relative; display: block; width: 100%; height: 20px; border-radius: 10px; background: linear-gradient(90deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 67%, rgba(255, 255, 255, 0) 95%); }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line::after, .page.register2019.billing_provider_voucher .charge-chart.type2 .line::before, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line::before, .page.register2019.subscription_details .charge-chart.type2 .line::after, .page.register2019.subscription_details .charge-chart.type2 .line::before { content: ""; width: 69%; padding-right: 10px; background: linear-gradient(-45deg, rgb(234, 185, 45), rgb(241, 220, 149) 25%, rgb(234, 185, 45) 45%, rgb(99, 77, 11) 65%); }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line::after, .page.register2019.subscription_details .charge-chart.type2 .line::after { width: 35%; margin-top: -20px; background: rgb(75, 237, 86); }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line.animated::before, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line.animated::before, .page.register2019.subscription_details .charge-chart.type2 .line.animated::before { animation: 2.5s ease-in-out 0s 1 normal none running lineAppear3; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line.animated::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line.animated::after, .page.register2019.subscription_details .charge-chart.type2 .line.animated::after { animation: 2.5s ease-in 0s 1 normal none running lineAppear2; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line.animated .circle1::after, .page.register2019.billing_provider_voucher .charge-chart.type2 .line.animated .line-text1, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line.animated .circle1::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line.animated .line-text1, .page.register2019.subscription_details .charge-chart.type2 .line.animated .circle1::after, .page.register2019.subscription_details .charge-chart.type2 .line.animated .line-text1 { animation: 1.375s linear 0s 1 normal none running lineAppearDot; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line.animated .circle2::after, .page.register2019.billing_provider_voucher .charge-chart.type2 .line.animated .line-text2, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line.animated .circle2::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line.animated .line-text2, .page.register2019.subscription_details .charge-chart.type2 .line.animated .circle2::after, .page.register2019.subscription_details .charge-chart.type2 .line.animated .line-text2 { animation: 2.75s linear 0s 1 normal none running lineAppearDot; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .line-text1, .page.register2019.billing_provider_voucher .charge-chart.type2 .line-text2, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line-text1, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line-text2, .page.register2019.subscription_details .charge-chart.type2 .line-text1, .page.register2019.subscription_details .charge-chart.type2 .line-text2 { position: absolute; display: inline-block; text-align: right; color: rgba(18, 18, 18, 0.6); font-weight: 600; z-index: 2; top: 4px; right: 69%; }

@media (max-width: 761px) {
  .page.register2019.billing_provider_voucher .charge-chart.type2 .line-text1, .page.register2019.billing_provider_voucher .charge-chart.type2 .line-text2, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line-text1, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line-text2, .page.register2019.subscription_details .charge-chart.type2 .line-text1, .page.register2019.subscription_details .charge-chart.type2 .line-text2 { top: 5px; font-feature-settings: "palt"; font-size: 0.87em; }
}

.page.register2019.billing_provider_voucher .charge-chart.type2 .line-text2, .page.register2019.subscription_confirm_1 .charge-chart.type2 .line-text2, .page.register2019.subscription_details .charge-chart.type2 .line-text2 { right: 35%; }

.page.register2019.billing_provider_voucher .charge-chart.type2 .circle1::after, .page.register2019.billing_provider_voucher .charge-chart.type2 .circle2::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .circle1::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .circle2::after, .page.register2019.subscription_details .charge-chart.type2 .circle1::after, .page.register2019.subscription_details .charge-chart.type2 .circle2::after { display: block; position: absolute; z-index: 2; content: ""; width: 20px; height: 20px; border-radius: 10px; margin-left: -10px; top: 0px; left: 35%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; background: rgba(18, 18, 18, 0.25); }

.page.register2019.billing_provider_voucher .charge-chart.type2 .circle2::after, .page.register2019.subscription_confirm_1 .charge-chart.type2 .circle2::after, .page.register2019.subscription_details .charge-chart.type2 .circle2::after { left: 69%; }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]), .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]), .page.register2019.subscription_details .charge-chart:not([class*="type"]) { margin: 0px 0px 1em; }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .text, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .text, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .text { position: relative; display: block; margin: 1em 0px; height: 1em; z-index: 21; }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .text span, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .text span, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .text span { left: 34%; display: block; position: absolute; width: 67%; text-align: center; }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .text span:first-of-type, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .text span:first-of-type, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .text span:first-of-type { text-align: left; left: 0px; bottom: -0.5em; width: 67%; }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .text span:last-of-type > i, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .text span:last-of-type > i, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .text span:last-of-type > i { position: relative; background-color: rgb(0, 0, 0); padding: 0.5em 1em; margin: -0.5em -1em; border-radius: 0.3em; color: rgb(255, 255, 255); }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .text span:last-of-type > i::before, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .text span:last-of-type > i::before, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .text span:last-of-type > i::before { content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border-width: 12px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; border-image: initial; z-index: 2; }

@media (max-width: 761px) {
  .page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .text span:last-of-type > i::before, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .text span:last-of-type > i::before, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .text span:last-of-type > i::before { bottom: -30px; border-width: 18px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; border-image: initial; margin-left: -20px; }
}

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line, .page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line::before, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line::before, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line::before { position: relative; display: block; width: 100%; height: 20px; border-radius: 10px; background: linear-gradient(90deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 67%, rgba(255, 255, 255, 0) 95%); }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line::before, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line::before, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line::before { content: ""; width: 67%; padding-right: 10px; background: rgb(75, 237, 86); }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line.pink::before, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line.pink::before, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line.pink::before { background: rgb(239, 66, 116); }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line.blue::before, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line.blue::before, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line.blue::before { background: rgb(66, 143, 205); }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line::after, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line::after, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line::after { display: block; position: absolute; content: ""; width: 20px; height: 20px; border-radius: 10px; margin-left: -10px; top: 0px; left: 67%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; background: rgba(18, 18, 18, 0.25); }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line.animated::before, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line.animated::before, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line.animated::before { animation: 2.5s ease-in-out 0s 1 normal none running lineAppear; }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line.animated::after, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line.animated::after, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line.animated::after { animation: 2.75s linear 0s 1 normal none running lineAppearDot; }

.page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .circle1, .page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .circle2, .page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line-text1, .page.register2019.billing_provider_voucher .charge-chart:not([class*="type"]) .line-text2, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .circle1, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .circle2, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line-text1, .page.register2019.subscription_confirm_1 .charge-chart:not([class*="type"]) .line-text2, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .circle1, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .circle2, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line-text1, .page.register2019.subscription_details .charge-chart:not([class*="type"]) .line-text2 { display: none; }

.page.register2019 .charge-chart.typefree { font-size: 1em; margin: 0px 0px 1em; }

.page.register2019 .charge-chart.typefree .text { position: relative; display: block; margin: 1em 0px; height: 1em; z-index: 21; }

.page.register2019 .charge-chart.typefree .text span { left: 50.5%; display: block; position: absolute; text-align: center; padding: 0.5em 1em; margin: -0.5em -1em; border-radius: 0.3em; }

@media (max-width: 761px) {
  .page.register2019 .charge-chart.typefree .text span { left: 60%; }
}

.page.register2019 .charge-chart.typefree .text span i { position: relative; }

.page.register2019 .charge-chart.typefree .text span:not(.transparent) { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }

.page.register2019 .charge-chart.typefree .text span:first-of-type { text-align: left; left: -0.5%; }

.page.register2019 .charge-chart.typefree .text span:first-of-type::before { left: 18%; }

@media (max-width: 761px) {
  .page.register2019 .charge-chart.typefree .text span:first-of-type { margin-top: -1.5em; }
  .page.register2019 .charge-chart.typefree .text span:first-of-type i { line-height: 2em; }
  .page.register2019 .charge-chart.typefree .text span:first-of-type::before { left: 16%; }
}

.page.register2019 .charge-chart.typefree .text span:last-of-type::before { left: 33.5%; }

@media (max-width: 761px) {
  .page.register2019 .charge-chart.typefree .text span:last-of-type { margin-top: -1.5em; }
  .page.register2019 .charge-chart.typefree .text span:last-of-type::before { left: 11%; }
}

.page.register2019 .charge-chart.typefree .line, .page.register2019 .charge-chart.typefree .line::after, .page.register2019 .charge-chart.typefree .line::before { position: relative; display: block; width: 100%; height: 20px; border-radius: 10px; background: linear-gradient(90deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 67%, rgba(255, 255, 255, 0) 95%); }

.page.register2019 .charge-chart.typefree .line::before { content: ""; width: 100%; padding-right: 10px; background: linear-gradient(-270deg, rgb(75, 237, 86), rgb(75, 237, 86) 60%, rgba(75, 237, 86, 0)); }

.page.register2019 .charge-chart.typefree .line.pink::before { width: 59%; background: rgb(239, 66, 116); }

.page.register2019 .charge-chart.typefree .line.blue::before { width: 59%; background: rgb(66, 143, 205); }

.page.register2019 .charge-chart.typefree .line.animated::before { animation: 2.5s ease-in-out 0s 1 normal none running lineAppear5; }

.page.register2019 .charge-chart.typefree .line.animated::after { animation: 2.5s ease-in 0s 1 normal none running lineAppear2; }

.page.register2019 .charge-chart.typefree .line.blue.animated::before, .page.register2019 .charge-chart.typefree .line.pink.animated::before { animation: 2.5s ease-in-out 0s 1 normal none running lineAppear4; }

.page.register2019 .charge-chart.typefree .line.animated .circle1::after, .page.register2019 .charge-chart.typefree .line.animated .line-text1 { animation: 0.3s linear 0s 1 normal forwards running lineAppearDot1; }

.page.register2019 .charge-chart.typefree .line.animated .circle2::after, .page.register2019 .charge-chart.typefree .line.animated .line-text2 { animation: 0.3s linear 2s 1 normal forwards running lineAppearDot1; }

.page.register2019 .charge-chart.typefree .line-text1, .page.register2019 .charge-chart.typefree .line-text2 { position: absolute; display: inline-block; text-align: right; color: rgba(18, 18, 18, 0.6); font-weight: 600; z-index: 2; top: 4px; right: 69%; }

@media (max-width: 761px) {
  .page.register2019 .charge-chart.typefree .line-text1, .page.register2019 .charge-chart.typefree .line-text2 { top: 5px; font-feature-settings: "palt"; font-size: 0.87em; }
}

.page.register2019 .charge-chart.typefree .line-text2 { right: 35%; }

.page.register2019 .charge-chart.typefree .circle1::after, .page.register2019 .charge-chart.typefree .circle2::after { display: block; position: absolute; opacity: 0; z-index: 2; content: ""; width: 20px; height: 20px; border-radius: 10px; margin-left: -10px; top: 0px; left: 10px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; background: rgba(18, 18, 18, 0.25); }

.page.register2019 .charge-chart.typefree .circle2 { display: block; position: absolute; top: 0px; left: calc(59% - 10px); }

.page.register2019 .charge-chart.typefree .tri.circle1::before, .page.register2019 .charge-chart.typefree .tri.circle2::before { content: ""; position: absolute; z-index: 5; top: -12px; left: 12px; margin-left: -15px; border-width: 12px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; border-image: initial; }

.page.register2019 .charge-chart.type3 { font-size: 1em; margin: 0px 0px 1em; }

.page.register2019 .charge-chart.type3 .text { position: relative; display: block; margin: 1em 0px; height: 1em; z-index: 21; }

.page.register2019 .charge-chart.type3 .text span { display: block; position: absolute; text-align: left; padding: 0.5em 1em; margin: -0.5em -1em; border-radius: 0.3em; }

.page.register2019 .charge-chart.type3 .text span i { position: relative; }

.page.register2019 .charge-chart.type3 .text span:not(.transparent) { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }

@media (max-width: 761px) {
  .page.register2019 .charge-chart.type3 .text span { padding: 0.5em; }
}

.page.register2019 .charge-chart.type3 .text span:first-of-type { text-align: left; left: 0px; bottom: -0.5em; width: 67%; }

.page.register2019 .charge-chart.type3 .text span:nth-child(2) { text-align: left; left: 24%; }

@media (min-width: 762px) {
  .page.register2019 .charge-chart.type3 .text span:nth-child(2) { margin-top: -1.5em; }
  .page.register2019 .charge-chart.type3 .text span:nth-child(2) i { line-height: 2.5em; }
}

@media (max-width: 761px) {
  .page.register2019 .charge-chart.type3 .text span:nth-child(2) { margin-top: -1.5em; left: 29%; }
}

.page.register2019 .charge-chart.type3 .text span:last-of-type { left: 60.5%; margin-top: -1.5em; }

.page.register2019 .charge-chart.type3 .line, .page.register2019 .charge-chart.type3 .line::after, .page.register2019 .charge-chart.type3 .line::before { position: relative; display: block; width: 100%; height: 20px; border-radius: 10px; background: linear-gradient(90deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 67%, rgba(255, 255, 255, 0) 95%); }

.page.register2019 .charge-chart.type3 .line::before { content: ""; width: 100%; padding-right: 10px; background: linear-gradient(-270deg, rgb(75, 237, 86), rgb(75, 237, 86) 60%, rgba(75, 237, 86, 0)); }

.page.register2019 .charge-chart.type3 .line.pink::before { width: 59%; background: rgb(239, 66, 116); }

.page.register2019 .charge-chart.type3 .line.blue::before { width: 59%; background: rgb(66, 143, 205); }

.page.register2019 .charge-chart.type3 .line.animated::before { animation: 2.5s ease-in-out 0s 1 normal none running lineAppear5; }

.page.register2019 .charge-chart.type3 .line.animated::after { animation: 2.5s ease-in 0s 1 normal none running lineAppear2; }

.page.register2019 .charge-chart.type3 .line.blue.animated::before, .page.register2019 .charge-chart.type3 .line.pink.animated::before { animation: 2.5s ease-in-out 0s 1 normal none running lineAppear4; }

.page.register2019 .charge-chart.type3 .line.animated .circle1::after, .page.register2019 .charge-chart.type3 .line.animated .line-text1 { animation: 0.3s linear 0.8s 1 normal forwards running lineAppearDot1; }

.page.register2019 .charge-chart.type3 .line.animated .circle2::after, .page.register2019 .charge-chart.type3 .line.animated .line-text2 { animation: 0.3s linear 2s 1 normal forwards running lineAppearDot1; }

.page.register2019 .charge-chart.type3 .line-text1, .page.register2019 .charge-chart.type3 .line-text2 { position: absolute; display: inline-block; text-align: right; color: rgba(18, 18, 18, 0.6); font-weight: 600; z-index: 2; top: 4px; right: 69%; }

@media (max-width: 761px) {
  .page.register2019 .charge-chart.type3 .line-text1, .page.register2019 .charge-chart.type3 .line-text2 { top: 5px; font-feature-settings: "palt"; font-size: 0.87em; }
}

.page.register2019 .charge-chart.type3 .line-text2 { right: 35%; }

.page.register2019 .charge-chart.type3 .circle1::after, .page.register2019 .charge-chart.type3 .circle2::after { display: block; position: absolute; opacity: 0; z-index: 2; content: ""; width: 20px; height: 20px; border-radius: 10px; margin-left: -10px; top: 0px; left: calc(62% + 10px); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; background: rgba(18, 18, 18, 0.25); }

.page.register2019 .charge-chart.type3 .circle1 { display: block; position: absolute; top: 0px; left: calc(24% - 10px); }

@media (max-width: 761px) {
  .page.register2019 .charge-chart.type3 .circle1 { left: calc(29% - 10px); }
}

.page.register2019 .charge-chart.type3 .circle2 { display: block; position: absolute; top: 0px; left: calc(62% - 10px); }

.page.register2019 .charge-chart.type3 .tri.circle1::before, .page.register2019 .charge-chart.type3 .tri.circle2::before { content: ""; position: absolute; z-index: 5; top: -12px; left: 12px; margin-left: -15px; border-width: 12px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; border-image: initial; }

@media (max-height: 400px) {
  .page.register2019.subscription_confirm_1 .charge-chart { display: none; }
}

.page.register2019.set_theme .preload, .page.register2019.set_theme .preload::before { content: ""; display: block; position: fixed; top: 0px; left: 0px; width: 1px; height: 1px; background: url("/assets/img/register/2019/3_light@2x.jpg"); opacity: 0.1; overflow: hidden; }

.page.register2019.set_theme .preload::before { background: url("/assets/img/register/2019/2_light@2x.jpg"); }

@media (max-width: 761px) {
  .page.register2019.welcome .vibrate { animation: auto ease 0s 1 normal none running none; }
}

@media (min-width: 762px) and (min-height: 750px) {
  .page.register2019.email .main-area { position: fixed; top: 50%; left: 50%; margin-left: -650px; margin-top: -20em; }
}

@media (min-width: 762px) and (min-height: 750px) and (min-width: 1016px) and (max-width: 1269px) {
  .page.register2019.email .main-area { margin-left: -525px; }
}

@media (min-width: 762px) and (min-height: 750px) and (min-width: 762px) and (max-width: 1015px) {
  .page.register2019.email .main-area { margin-left: -422px; }
}

.page.register2019.subscription_type .main-area { animation: 0.25s ease-out 0s 1 normal none running mainAreaAppear; }

.page.register2019.welcome .main-area { opacity: 0; transform: translateY(100%); animation: 0.6s ease-out 2s 1 normal forwards running mainAreaAppearWithDelayA; }

.page.register2019.email.next .main-area, .page.register2019.password.next .main-area, .page.register2019.password.previous .main-area, .page.register2019.set_theme.next .main-area { opacity: 0; transform: translateY(100%); transition: all 0.5s ease-in 0s; }

@media (max-width: 761px) {
  .page.register2019 .set_theme .main-area, .page.register2019.subscription_confirm_1 .main-area { animation: 1.5s ease-out 0s 1 normal none running mainAreaAppearWithDelayB; }
}

@media (max-width: 761px) {
  .page.register2019 .main-area { transition: all 0.5s ease-out 0.67s; }
}

.page.register2019 .main-area.animated { animation: 1s ease-out 0s 1 normal none running mainAreaSlide; }

.page.register2019 .main-area.invalid { animation: 0.2s ease-in-out 0.5s 3 normal none running mainAreaShake; }

.page.register2019 .main-area.no-anime { animation: auto ease 0s 1 normal none running none; transition: none 0s ease 0s; }

.page.register2019 .main-area .bubble { border-radius: 0.8em; box-shadow: rgba(18, 18, 18, 0.15) 0px 0.3em 0.5em; }

.page.register2019 .main-area .bubble:not(.over) { overflow: hidden; }

.page.register2019 .main-area p { position: relative; }

.page.register2019 .main-area .error-message { position: absolute; left: 0px; bottom: 100%; width: 100%; background: rgb(255, 255, 255); padding: 0.75em 1em; box-shadow: rgb(233, 109, 99) 0px 0px 0px 2px, rgba(18, 18, 18, 0.25) 0px 0.25em 1em; color: rgb(233, 109, 99); margin-bottom: 0.5em; box-sizing: border-box; border-radius: 0.25em; animation: 0.5s ease-out 0s 1 normal none running mainAreaSlide; z-index: 2; text-align: center; font-size: 8pt; line-height: 1.5em; }

@media (min-width: 762px) {
  .page.register2019 .main-area .error-message { bottom: 100%; margin-bottom: 1em; }
}

.page.register2019 .main-area .error-message::after, .page.register2019 .main-area .error-message::before { content: ""; display: block; border-width: 8px; border-style: solid; border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255) transparent; border-image: initial; transform: rotate(45deg); position: absolute; bottom: -7px; left: 50%; margin-left: -8px; z-index: 2; border-radius: 2px; }

.page.register2019 .main-area .error-message::after { border-width: 9px; bottom: -9px; margin-left: -9px; border-bottom-color: rgb(233, 109, 99); border-right-color: rgb(233, 109, 99); z-index: 1; }

.page.register2019 .main-area > .error-message { margin: 0px 5%; width: 90%; }

@media (min-width: 762px) {
  .page.register2019 .main-area > .error-message { width: 50%; left: 25%; margin: 0px; font-size: 1em; }
}

.page.register2019 .main-area input[type="email"].error, .page.register2019 .main-area input[type="password"].error { background: rgb(233, 109, 99); border-color: rgb(182, 84, 75); color: rgb(255, 255, 255); animation: 0.25s linear 0s 1 normal none running flashin; }

.page.register2019 .main-area input[type="email"].error::placeholder, .page.register2019 .main-area input[type="password"].error::placeholder { color: rgba(255, 255, 255, 0.5); }

.page.register2019 .main-area input[type="email"].error::-webkit-input-placeholder, .page.register2019 .main-area input[type="password"].error::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); }

.page.register2019 .main-area input[type="submit"].inline { padding: 0.5em 0px !important; }

.page.register2019 .main-area input[disabled] { opacity: 0.5; background: rgb(237, 237, 237); }

.page.register2019 .main-area .field, .page.register2019 .main-area .top { margin: 1.5em; }

@media (max-width: 413px) {
  .page.register2019 .main-area .field, .page.register2019 .main-area .top { margin: 1em; }
}

@media (max-width: 320px) {
  .page.register2019 .main-area .field, .page.register2019 .main-area .top { margin: 0.5em; }
}

.page.register2019 .main-area .field input, .page.register2019 .main-area .top input { background-position: 97% 50%; }

.page.register2019 .main-area .field label, .page.register2019 .main-area .top label { color: rgb(135, 135, 135); font-size: 0.8em; }

.page.register2019 .main-area .field input[type="submit"], .page.register2019 .main-area .top input[type="submit"] { width: 100%; font-size: 1.1em; padding: 0.75em 0px; }

.page.register2019 .main-area .field .select, .page.register2019 .main-area .top .select { margin-top: 1em; position: relative; display: inline-block; width: 48%; }

.page.register2019 .main-area .field .select:last-of-type, .page.register2019 .main-area .top .select:last-of-type { margin-left: 4%; }

.page.register2019 .main-area .field .stubby, .page.register2019 .main-area .top .stubby { width: 48%; box-sizing: border-box; margin-right: 4%; background-position: 94% 50%; }

.page.register2019 .main-area .field .helper span, .page.register2019 .main-area .top .helper span { position: relative; display: inline-block; float: right; margin: 0px 0px 0.5em 1.5em; }

.page.register2019 .main-area .field .helper span img, .page.register2019 .main-area .top .helper span img { width: 86px; }

.page.register2019 .main-area .field .helper span img:first-of-type, .page.register2019 .main-area .top .helper span img:first-of-type { margin-right: 1em; }

@media (min-width: 762px) and (max-width: 1015px) {
  .page.register2019 .main-area .field .helper span, .page.register2019 .main-area .top .helper span { margin-left: 1em; width: 86px; }
  .page.register2019 .main-area .field .helper span img:first-of-type, .page.register2019 .main-area .top .helper span img:first-of-type { margin-right: 0px; margin-bottom: 0.5em; }
}

@media (max-width: 520px) {
  .page.register2019 .main-area .field .helper span, .page.register2019 .main-area .top .helper span { margin-left: 1em; width: 86px; }
  .page.register2019 .main-area .field .helper span img:first-of-type, .page.register2019 .main-area .top .helper span img:first-of-type { margin-right: 0px; margin-bottom: 0.5em; }
}

.page.register2019 .main-area .field .helper, .page.register2019 .main-area .top .helper { display: none; font-size: 0.7em; }

.page.register2019 .main-area .field .helpertoggle, .page.register2019 .main-area .top .helpertoggle { position: relative; background: rgb(135, 135, 135); width: 1.5em; height: 1.5em; display: inline-block; color: rgb(255, 255, 255); border-radius: 50%; text-align: center; padding: 0px; line-height: 1.5em; border-bottom: 0px; cursor: pointer; }

.page.register2019 .main-area .field.show-helper .helpertoggle, .page.register2019 .main-area .top.show-helper .helpertoggle { color: transparent; }

.page.register2019 .main-area .field.show-helper .helpertoggle::after, .page.register2019 .main-area .field.show-helper .helpertoggle::before, .page.register2019 .main-area .top.show-helper .helpertoggle::after, .page.register2019 .main-area .top.show-helper .helpertoggle::before { content: ""; display: block; position: absolute; background: rgb(255, 255, 255); border-radius: 0.2em; width: 0.8em; height: 0.2em; top: 50%; left: 50%; margin-top: -0.1em; margin-left: -0.4em; transform: rotate(45deg); }

.page.register2019 .main-area .field.show-helper .helpertoggle::after, .page.register2019 .main-area .top.show-helper .helpertoggle::after { transform: rotate(-45deg); }

.page.register2019 .main-area .field.show-helper .helper, .page.register2019 .main-area .top.show-helper .helper { display: block; }

.page.register2019 .main-area .cancel a { color: rgb(135, 135, 135); font-weight: 400; font-size: 0.8em; }

.page.register2019 .main-area .cancel a:hover { border-color: rgb(135, 135, 135); }

.page.register2019 .main-area .notice { padding: 1.5em 3em; background: rgb(242, 242, 242); font-size: 0.8em; color: rgb(135, 135, 135); text-align: center; }

.page.register2019 .main-area .agree { color: rgb(135, 135, 135); }

@media (max-width: 761px) {
  .page.register2019.email, .page.register2019.email_confirm { overflow: hidden; }
}

.page.register2019.email .blank-arrow, .page.register2019.email_confirm .blank-arrow { position: absolute; width: 30px; height: 35px; left: -15px; top: -30px; margin-left: 50%; animation: 6s linear 0s 1 alternate none running blankInputReveal, 0.75s ease-in-out 0s infinite none running blankInputHover; opacity: 0; transition: opacity 0.25s linear 0s; }

@media (min-width: 762px) {
  .page.register2019.email .blank-arrow, .page.register2019.email_confirm .blank-arrow { margin-top: -1.5em; }
}

.page.register2019.email .blank-arrow.show, .page.register2019.email_confirm .blank-arrow.show { opacity: 1; }

.page.register2019.email .blank-arrow::before, .page.register2019.email_confirm .blank-arrow::before { content: ""; display: block; position: absolute; width: 100%; padding-bottom: 50%; background: rgb(239, 66, 116); border-radius: 2px; box-shadow: rgb(255, 255, 255) 0px -2px 0px 0px, rgb(255, 255, 255) 2px 0px 0px 0px, rgb(255, 255, 255) -2px 0px 0px 0px; z-index: 2; }

.page.register2019.email .blank-arrow::after, .page.register2019.email_confirm .blank-arrow::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border: 10px solid rgb(239, 66, 116); left: 50%; margin-left: -10px; margin-bottom: 10px; bottom: 0px; transform: rotate(45deg); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; z-index: 1; }

.page.register2019.email_confirm label.cta, .page.register2019.email label.cta { background: rgb(239, 66, 116); border-color: rgb(239, 66, 116); }

.page.register2019.email_confirm input.cta, .page.register2019.email input.cta { border-color: rgb(239, 66, 116); }

.page.register2019.email_confirm input.ok, .page.register2019.email input.ok { border-color: rgb(127, 202, 159); }

.page.register2019 .email-confirm p { font-size: 1.4em; margin: 0px; }

.page.register2019 .email-confirm p span { display: inline-block; }

.page.register2019 .email-confirm p .highlight { padding: 0px 0.15em; color: rgb(0, 0, 0); font-weight: 700; background: rgb(255, 247, 176); box-shadow: rgb(255, 247, 176) 0px 0px 0px 2px; border-radius: 0.1em; }

.page.register2019 .email-confirm p .highlight.super { color: rgb(255, 255, 255); box-shadow: rgb(233, 109, 99) 0px 0px 0px 2px; background: rgb(233, 109, 99); margin: 0.15em; }

.page.register2019 .email-confirm p .normal { color: rgb(153, 153, 153); font-weight: 700; margin: 0px 0.1em; }

.page.register2019 .email-confirm p .atmark, .page.register2019 .email-confirm p .lowlight { color: rgb(186, 186, 186); margin: 0px 0.1em; }

.page.register2019.set_theme .mode { border: none; }

.page.register2019.set_theme .mode.selected { background: transparent; }

.page.register2019.set_theme .mode.selected.light { color: rgb(66, 66, 66); box-shadow: rgba(18, 18, 18, 0.2) 0px 0px 0px 2px inset; }

.page.register2019.set_theme .mode.selected.dark { color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 2px inset; }

.page.register2019.set_theme .field, .page.register2019.set_theme .main-area { transition: all 0.5s linear 0s; }

.page.register2019.error .payment-area h2 { background: rgb(135, 135, 135); color: rgb(255, 255, 255); border-radius: 0.2em 0.2em 0px 0px; padding-top: 1em !important; }

.page.register2019.error .payment-area .message { margin: 1em 1.5em; }

.page.register2019.error .payment-area .message.error { font-weight: 600; color: rgb(233, 109, 99); }

.page.register2019.error .payment-area .w6 > :first-child { margin-top: 2em; }

.page.register2019.error .payment-area .w6 > h2:first-child { padding: 1em 1.25em; margin-top: 0px; }

.page.register2019 img.prepaid-card { position: relative; display: block; margin: 0px auto 2em; border-radius: 12px; width: 75%; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.5em 2em; }

.page.register2019 .process_border { position: relative; z-index: 2; }

.page.register2019 .process_border::after { content: ""; display: block; position: absolute; height: 2em; bottom: -2em; left: 0px; width: 50%; border-right: 2px dashed rgb(34, 33, 39); z-index: 1; }

body.r_accountsubscriptionuncancelled .page.register2019.password .fix-bottom, body.r_accountsubscriptionuncancelled .page.register2019.welcome .fix-bottom, body:not(.rb_account) .page.register2019.password .fix-bottom, body:not(.rb_account) .page.register2019.welcome .fix-bottom { background: rgb(239, 66, 116); position: fixed; bottom: 0px; left: 0px; padding-left: 0.85%; z-index: 5; }

@media (max-width: 749px) {
  body.r_accountsubscriptionuncancelled .page.register2019.password .fix-bottom, body.r_accountsubscriptionuncancelled .page.register2019.welcome .fix-bottom, body:not(.rb_account) .page.register2019.password .fix-bottom, body:not(.rb_account) .page.register2019.welcome .fix-bottom { padding-left: 4%; }
}

body.r_accountsubscriptionuncancelled .page.register2019.password .with-background, body.r_accountsubscriptionuncancelled .page.register2019.welcome .with-background, body:not(.rb_account) .page.register2019.password .with-background, body:not(.rb_account) .page.register2019.welcome .with-background { background: rgba(237, 237, 237, 0.75); }

@media (max-width: 749px) {
  body.r_accountsubscriptionuncancelled .page.register2019 .fix-bottom, body:not(.rb_account) .page.register2019 .fix-bottom { position: fixed; bottom: 0px; left: 0px; padding-left: 4%; z-index: 10; }
  body.r_accountsubscriptionuncancelled .page.register2019 .with-background, body:not(.rb_account) .page.register2019 .with-background { background: rgba(237, 237, 237, 0.75); text-shadow: rgb(255, 255, 255) 0px 1px 1px; }
  body.r_accountsubscriptionuncancelled .page.register2019 .with-background .button, body:not(.rb_account) .page.register2019 .with-background .button { text-shadow: none; }
}

body.r_accountsubscriptionuncancelled .page.register2019 img.prepaid-card, body:not(.rb_account) .page.register2019 img.prepaid-card { animation: 1s ease-out 0s 1 normal none running cardAnim, 1.25s ease-in-out 0s infinite alternate none running cardAnim2; }

body.rb_account .prepaid-confirm-padding { display: none; }

body:not(.dark) .page.register2019 .main-area p { color: rgb(66, 66, 66); }

body.dark .page.register2019.welcome .with-background { background: rgba(18, 18, 18, 0.7); }

@media (max-width: 761px) {
  body.dark .page.register2019 .with-background { background: rgba(18, 18, 18, 0.7); text-shadow: none; }
}

body.dark .page.register2019 .main-area .agree, body.dark .page.register2019 .main-area .cancel a, body.dark .page.register2019 .main-area h2 { color: rgb(221, 221, 221); }

body.dark .page.register2019 .email-confirm p .atmark, body.dark .page.register2019 .email-confirm p .lowlight, body.dark .page.register2019 .email-confirm p .normal { color: rgb(168, 168, 168); }

body.dark .page.register2019 .charge-chart.type3 .line { background: linear-gradient(90deg, rgb(17, 17, 17) 0px, rgb(17, 17, 17) 67%, rgba(18, 18, 18, 0) 95%); }

@keyframes cardAnim { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes cardAnim2 { 
  0% { opacity: 0.8; transform: scale(1) perspective(600px) rotateY(-10deg); }
  100% { opacity: 1; transform: scale(1) perspective(600px) rotateY(10deg); }
}

@keyframes mainAreaSlide { 
  0% { opacity: 0; transform: translateY(1em); }
  67% { transform: translateY(0px); }
}

@keyframes mainAreaShake { 
  25% { transform: rotate(1deg); }
  75% { transform: rotate(-1deg); }
}

@keyframes mainAreaAppear { 
  0% { transform: scale(0.95); opacity: 0; }
  60% { transform: scale(1.05); }
}

@keyframes flashin { 
  0% { transform: scale(1.1); opacity: 0.5; }
}

@keyframes showModelInitial { 
  0% { transform: scale(0.975); }
}

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

@keyframes showModelInitialFadeIn { 
  100% { opacity: 1; }
}

@keyframes showModelInitialFadeOut { 
  100% { opacity: 0; }
}

@keyframes showModelInitialSlide { 
  100% { transform: translateX(-2em); }
}

@keyframes showModelInitialBlur { 
  0% { filter: blur(5px); }
}

@keyframes showModelFinal { 
  0% { opacity: 0; }
  25% { opacity: 0; }
}

@keyframes blankInputHover { 
  0% { transform: translateY(-5px) scale(1.25); }
  100% { transform: translateY(10px); }
}

@keyframes blankInputReveal { 
  0% { opacity: 0; }
  80% { opacity: 0; }
}

@keyframes mainAreaAppearWithDelayA { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes mainAreaAppearWithDelayB { 
  0% { transform: translateY(100%); }
  67% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes phoneAnimate { 
  0% { opacity: 0; transform: scale(0.925); }
  50% { transform: scale(1); }
}

@keyframes phoneZoom { 
  0% { opacity: 1; }
  100% { transform: scale(1.5) translateY(-5%); opacity: 0; }
}

@keyframes showSpeechBubble { 
  0% { transform: rotate(-12deg) translate(-170%, -50%) scale(1.1); }
  100% { transform: rotate(-10deg) translate(-170%, -50%); }
}

@keyframes lineAppear { 
  0% { width: 0px; padding-right: 0px; }
  100% { width: 67%; padding-right: 10px; }
}

@keyframes lineAppear2 { 
  0% { width: 0px; padding-right: 0px; }
  50% { width: 35%; padding-right: 10px; }
  100% { width: 35%; padding-right: 10px; }
}

@keyframes lineAppear3 { 
  0% { width: 0px; padding-right: 0px; }
  100% { width: 69%; padding-right: 10px; }
}

@keyframes lineAppear4 { 
  0% { width: 0px; padding-right: 0px; }
  100% { width: 59%; padding-right: 10px; }
}

@keyframes lineAppear5 { 
  0% { width: 0px; padding-right: 0px; }
  100% { width: 100%; padding-right: 10px; }
}

@keyframes lineAppearDot1 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.25); }
  100% { opacity: 1; }
}

@keyframes lineAppearDot { 
  0% { opacity: 0; }
  85% { opacity: 0; transform: scale(1); }
  95% { transform: scale(1.25); }
  100% { opacity: 1; }
}

@keyframes lander_girl_anime1 { 
  0% { transform: scale(0.95); opacity: 0; }
  100% { transform: scale(1.05); opacity: 1; }
}

@keyframes lander_girl_anime2 { 
  0% { transform: scale(0.93); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes lander_girl_anime3 { 
  0% { transform: scale(0.96); }
}

body.authenticated.dark .page.account.subscription-cancel .curlybracket::after { border-top-color: rgb(53, 51, 62); }

body.authenticated.dark .page.account.subscription-cancel .prices { color: rgb(66, 66, 66); }

body.authenticated.dark .page.account.subscription-cancelled h1:first-child { margin-bottom: 0.5em; }

body.authenticated.dark .page.account.subscription-cancelled h1:nth-child(2) { margin-top: 0px; }

body.dark .page.account .mascot-container::before { content: ""; position: absolute; display: block; width: 100px; height: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; background: rgba(255, 255, 255, 0.8); box-shadow: rgb(255, 255, 255) 0px 0px 50px inset; border-radius: 50px; z-index: 0; animation: 1s linear 0s 1 normal none running mascot-bg; }

body.dark .page.account .mascot-bow { animation: 1s ease 0s 1 normal none running mascot-fade-dark; }

@keyframes mascot-bg { 
  0% { opacity: 0; transform: scale(0.9); }
  100% { transform: scale(1); }
}

@keyframes mascot-fade-dark { 
  0% { opacity: 0; }
}

@keyframes mascot-fade { 
  0% { transform: scale(0.4); opacity: 0; }
  30% { transform: scale(0.5); }
}

.page.account .navigation { background: rgb(255, 255, 255); }

@media (min-width: 762px) {
  .page.account:not(.subscription) form { margin-top: 3.35em; }
}

.page.account.oauth h2.sub, .page.account.receipt h2.sub, .page.account.subscription h2.sub { padding-top: 1em; font-size: 1em; }

.page.account .mascot-bow { display: inline-block; width: 43px; height: 112px; background: url("/assets/img/mascot/bow_animation@2x.png") 0px 0px / auto 100% no-repeat; transform: scale(0.5); z-index: 1; animation: 1s ease 0s 1 normal none running mascot-fade; }

.page.account .mascot-bow.animate:not(.finished) { background-position: -258px 0px; animation: 2s steps(6) 0s 1 normal forwards running mascot-bow-full; }

.page.account .mascot-bow.animate.finished:hover { animation: 2s steps(6) 0s 1 normal none running mascot-bow-full; }

.page.account .mascot-bow::before { content: "ありがとう♥"; position: absolute; display: inline-block; background: rgb(255, 255, 255); color: rgb(233, 109, 99); border: 2px solid rgb(233, 109, 99); font-size: 1.5em; top: -0.5em; left: 0px; padding: 0.5em; border-radius: 1em; width: 6em; opacity: 0; transform: rotate(20deg) scale(0.75); transition: all 0.25s linear 0s; pointer-events: none; }

.page.account .mascot-bow:hover::before { opacity: 1; top: -1.5em; left: 40%; transform: rotate(10deg); }

.page.account .mascot-bow.finished:not(:hover) { animation: auto ease 0s 1 normal none running none; }

.page.account.subscription-cancelled h1, .page.account.subscription-uncancelled h1 { font-size: 1.5em; line-height: 1.5em; }

@media (max-width: 761px) {
  .page.account.subscription-cancel h1 { font-size: 1.5em; line-height: 1.5em; }
}

.page.account.subscription-cancel .release-date { line-height: 3em; font-size: 0.8em; }

@media (max-width: 1015px) {
  .page.account.subscription-cancel .release-date { font-size: 0.7em; }
}

.page.account .feedback { background: rgb(255, 255, 255); padding-bottom: 2em; border-radius: 0.25em; box-shadow: rgba(18, 18, 18, 0.2) 0px 0.25em 1em; }

.page.account .feedback p { padding: 0px 2em; }

.page.account .feedback h1 { border-radius: 0.2em 0.2em 0px 0px; padding: 0.5em 0px; background: rgb(135, 135, 135); color: rgb(255, 255, 255); }

.page.account .feedback textarea { width: 100%; box-sizing: border-box; }

.page.account #mascot-bow-test { position: absolute; width: 1px; height: 1px; opacity: 0.01; }

.page.account.subscription-cancel .curlybracket, .page.account.subscription-cancel .curlybracket-top, .page.account.subscription-cancelled .curlybracket, .page.account.subscription-cancelled .curlybracket-top { height: 6px; border-bottom: 4px solid rgb(136, 136, 136); border-top: none; box-sizing: border-box; margin: 1em 0px; }

.page.account.subscription-cancel .curlybracket::after, .page.account.subscription-cancel .curlybracket::before, .page.account.subscription-cancelled .curlybracket::after, .page.account.subscription-cancelled .curlybracket::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-width: 8px; border-style: solid; border-color: rgb(136, 136, 136) transparent transparent; border-image: initial; bottom: -20px; left: 50%; margin-left: -8px; }

.page.account.subscription-cancel .curlybracket::after, .page.account.subscription-cancelled .curlybracket::after { border-top-color: rgb(242, 242, 242); bottom: -14px; }

.page.account.subscription-cancel .magazine-box, .page.account.subscription-cancelled .magazine-box { gap: 0.6em; }

@media (max-width: 761px) {
  .page.account.subscription-cancel .magazine-box, .page.account.subscription-cancelled .magazine-box { gap: 0.4em; }
}

.page.account.subscription-cancel .magazine-box > div, .page.account.subscription-cancelled .magazine-box > div { width: calc(25% - 0.45em); }

@media (max-width: 761px) {
  .page.account.subscription-cancel .magazine-box > div, .page.account.subscription-cancelled .magazine-box > div { width: calc(25% - 0.3em); }
}

.page.account.subscription-cancel .magazine-cover, .page.account.subscription-cancelled .magazine-cover { border-bottom: none; }

.page.account.subscription-cancel .magazine-cover img, .page.account.subscription-cancelled .magazine-cover img { width: 100%; }

@media (min-width: 762px) {
  .page.account.subscription-cancel .magazine-cover:hover, .page.account.subscription-cancelled .magazine-cover:hover { transform: scale(1.05); box-shadow: rgb(239, 66, 116) 0px 0px 0px 4px, rgb(239, 66, 116) 0px 1px 12px; border-radius: 1px; z-index: 50; }
}

.page.account.subscription-cancel .prices, .page.account.subscription-cancelled .prices { border: 1px solid rgb(239, 66, 116); background: rgb(255, 255, 255); border-radius: 0.5em; padding: 2em 1em; }

@media (min-width: 762px) {
  .page.account.subscription-cancel .prices, .page.account.subscription-cancelled .prices { padding: 1.5em 1em; }
}

@media (max-width: 761px) {
  .page.account.subscription-cancel .prices, .page.account.subscription-cancelled .prices { font-size: 0.8em; }
}

@media (max-width: 761px) {
  .page.account.subscription-cancel .prices.en, .page.account.subscription-cancelled .prices.en { font-size: 0.75em; }
  .page.account.subscription-cancel .prices.en .otoku, .page.account.subscription-cancelled .prices.en .otoku { font-size: 1.3em; }
  .page.account.subscription-cancel .prices.en .otoku span.strong, .page.account.subscription-cancelled .prices.en .otoku span.strong { font-size: 1.7em !important; }
}

.page.account.subscription-cancel .prices .pink, .page.account.subscription-cancelled .prices .pink { position: relative; color: rgb(239, 66, 116) !important; }

.page.account.subscription-cancel .prices .pink::before, .page.account.subscription-cancelled .prices .pink::before { content: ""; position: absolute; bottom: 0px; width: 100%; padding-bottom: 1em; background-color: rgb(239, 66, 116); opacity: 0.2; }

.page.account.subscription-cancel .prices .otoku, .page.account.subscription-cancelled .prices .otoku { background: rgb(239, 66, 116); color: rgb(255, 255, 255); padding: 0.5em 1em; border-radius: 0.5em; font-size: 1.4em; }

.page.account.subscription-cancel .prices .otoku span.strong, .page.account.subscription-cancelled .prices .otoku span.strong { font-weight: 700; color: rgb(255, 255, 0); font-size: 2em !important; }

.page.account.subscription-uncancelled p { margin: 2em 0px; }

.page.account.artist div > span ul { float: left; margin-top: -0.2em; padding-right: 0.5em; }

.page.account.artist div > span.komiflo a { color: rgb(239, 66, 116); }

.page.account.artist div > span.pixiv a { color: rgb(0, 151, 220); }

.page.account a.small { color: rgb(135, 135, 135); cursor: pointer; }

.page.account a.small:hover { border-color: rgb(135, 135, 135); }

.page.account.subscription .core button { margin-right: 1em; }

.page.account.subscription .cancel-reason { margin-top: 1em; background: rgb(255, 255, 255); border: 2px solid rgb(233, 109, 99); padding: 1em 1.5em; border-radius: 1em; }

.page.account.subscription .cancel-reason p { margin: 0px; width: 100%; }

.page.account.subscription .cancel-reason p:first-child { color: rgb(233, 109, 99); font-weight: 700; margin-bottom: 0.5em; }

@media (max-width: 761px) {
  .page.account.receipt table td, .page.account.receipt table th { padding: 0.75em 0.4em; }
}

.page.account.receipt .receipt { background: rgb(255, 255, 255); padding: 2.5em 2em 1.75em 2.5em; margin-top: 2em; margin-bottom: 2em; box-sizing: border-box; box-shadow: rgba(18, 18, 18, 0.1) 0px 0.5em 1em; left: 0px; border-top: 2px dotted rgb(242, 242, 242); border-bottom: 2px dotted rgba(0, 0, 0, 0.133); border-radius: 2px; }

@media (max-width: 375px) {
  .page.account.receipt .receipt { padding: 2em 1em 1.5em 1.5em; }
}

.page.account.receipt .receipt h1 { margin-bottom: 1em; background: none; color: rgb(135, 135, 135); }

.page.account.receipt .receipt .sama p { margin: 0px; }

.page.account.receipt .receipt .sama hr { margin-top: 0px; }

.page.account.receipt .receipt a, .page.account.receipt .receipt p { line-height: 1.5em; }

.page.account.receipt .receipt a { color: rgb(66, 66, 66); border-bottom: 1px dashed rgb(66, 66, 66); }

.page.account.receipt .receipt hr { margin: 1.5em 0px; }

.page.account .main-credit-card { position: relative; }

.page.account .main-credit-card::before { content: ""; position: absolute; background: rgb(239, 66, 116); height: 80%; width: 0.6%; top: 10%; left: 1.1%; border-radius: 0.5em; }

.page.account .grey { color: rgb(135, 135, 135); }

.page.account .preview_image { display: inline-block; width: 100%; background: url("/assets/img/cover_bg.png") 50% 50% / cover no-repeat rgb(255, 255, 255); }

.page.account .preview_image::before { content: ""; display: block; padding-top: 141.42%; }

.page.account .preview_image.plus::after { z-index: 10; content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 34px; height: 32px; background: url("/assets/img/partners/plus_16@2x.png") 50% center / auto 16px no-repeat rgb(253, 215, 0); border-radius: 50%; box-shadow: rgba(18, 18, 18, 0.4) 0px 1px 3px, rgba(255, 255, 255, 0.33) 0px 0px 0px 2px inset; }

@media (max-width: 761px) {
  .page.account.settings { font-size: 0.96em; }
}

body.authenticated.dark .page.account .feedback { background: transparent; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px; padding-top: 1em; }

body.authenticated.dark .page.account .feedback h1 { background: transparent; }

body.authenticated.dark .page.account .redeemed-notice, body.authenticated.dark .page.account.subscription .cancel-reason { background: rgb(34, 33, 39); }

body.authenticated.dark .page.account.receipt .receipt { border-top: 2px dotted rgb(53, 51, 62); background: rgb(34, 33, 39); }

body.authenticated.dark .page.account.receipt .receipt a { color: rgb(135, 135, 135); border-bottom: 1px dashed rgb(135, 135, 135); }

body.authenticated.dark .page.account.referral .my-link { border: 1px solid rgb(17, 17, 17); background: rgb(34, 33, 39); }

body.authenticated.dark .page.account.referral .invitations-count { background: rgb(34, 33, 39); }

body.authenticated.dark .page.account.referral .invitations-count:not(.redeemed) { color: rgb(66, 143, 205); opacity: 1; }

body.authenticated.dark .page.account.referral .invitations-count span:first-child { color: rgb(34, 33, 39); font-weight: 600; }

body.authenticated.dark .page.account .preview_image { background-color: rgb(34, 33, 39); background-image: url("/assets/img/cover_bg.png"); }

body.authenticated.dark .page.account.subscription-cancelled .plus { background: rgb(34, 33, 39); }

body.authenticated.dark .page.account.subscription-cancelled .plus p:first-child { background: rgb(253, 215, 0); color: rgb(34, 33, 39); }

body.fancy footer { display: none; }

body.fancy { overflow: hidden; }

body.fancy .grid.page.account { position: absolute; top: 50%; }

body.fancy header:not(.hide) { background-color: transparent; box-shadow: none; }

body.fancy:not(.dark) .icon.menu::after, body.fancy:not(.dark) .icon.menu i { opacity: 0.75; background-color: rgb(135, 135, 135); }

@media (min-width: 762px) {
  body.fancy.dark::before { background-image: url("/assets/img/subscription/homonculus_welcome_dark.jpg"); }
}

@media only screen and (min-width: 762px) and (-moz-min-device-pixel-ratio:1.5), only screen and (min-width: 762px) and (-o-min-device-pixel-ratio:3/2), only screen and (min-width: 762px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 762px) and (min-device-pixel-ratio:1.5) {
  body.fancy.dark::before { background-image: url("/assets/img/subscription/homonculus_welcome_dark@2x.jpg"); }
}

@media (min-width: 762px) {
  body.fancy::before { content: ""; position: absolute; display: block; left: 55%; top: 0px; width: 100%; height: 100%; background: url("/assets/img/subscription/homonculus_welcome.jpg") 0px 100% / auto 95% no-repeat; }
}

@media only screen and (min-width: 762px) and (-moz-min-device-pixel-ratio:1.5), only screen and (min-width: 762px) and (-o-min-device-pixel-ratio:3/2), only screen and (min-width: 762px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 762px) and (min-device-pixel-ratio:1.5) {
  body.fancy::before { background-image: url("/assets/img/subscription/homonculus_welcome@2x.jpg"); }
}

@media (min-width: 762px) and (max-width: 1015px) {
  body.fancy::before { left: 48%; }
}

@media (min-width: 762px) {
  body.fancy .page.account .container { position: fixed; top: 0px; padding-top: 0px; left: 50%; height: 100%; transform: translateX(-50%); }
  body.fancy .page.account .container .grid { width: 60%; left: 5%; margin: 0px; position: relative; top: 50%; transform: translateY(-50%); }
  body.fancy .page.account .container .grid p.custom { display: inline-block; background: rgba(242, 242, 242, 0.75); padding: 1em 0.5em 1em 0px; border-radius: 0.5em; }
  body.fancy .page.account .container .grid p.small { margin-bottom: 1em; }
  body.fancy .page.account .container .grid .hide-desktop { display: none; }
  body.fancy .page.account .container .grid h1, body.fancy .page.account .container .grid p { text-shadow: rgb(255, 255, 255) 0px 1px; margin-bottom: 0px; }
  body.fancy .page.account .container .grid .button, body.fancy .page.account .container .grid button { max-width: 17.5em; }
  body.fancy.dark .page.account .grid p:first-of-type { background: none; }
  body.fancy.dark .page.account .grid h1, body.fancy.dark .page.account .grid p { text-shadow: rgb(34, 33, 39) 0px 1px; }
}

@media (min-width: 762px) and (min-width: 1016px) and (max-width: 1269px) {
  body.fancy .grid.page.account { margin-left: -440px; }
}

@media (min-width: 762px) and (min-width: 1270px) {
  body.fancy .grid.page.account { margin-left: -500px; }
}

@media (min-width: 762px) {
  body.fancy .page .button, body.fancy .page button { font-size: 1.2em; text-shadow: none; }
}

@media (max-width: 761px) {
  body.fancy:not(.dark) .grid.page.account .module { background-color: rgb(255, 255, 255); }
  body.fancy .grid.page.account .module { width: 100%; box-sizing: border-box; margin-top: -6.4em; transform: scale(1.05); padding: 0.25em 1em 1em; box-shadow: rgba(18, 18, 18, 0.1) 0px 3px 1em; }
  body.fancy .grid.page.account .hide-mobile { display: none; }
  body.fancy .grid.page.account h1, body.fancy .grid.page.account p { position: relative; display: block; margin-bottom: 0px; text-align: center; width: 100%; }
  body.fancy .grid.page.account h1 { font-size: 1.8em; }
  body.fancy .grid.page.account .button, body.fancy .grid.page.account button { margin: 0px auto 1em; max-width: 300px; box-sizing: border-box; display: block; position: relative; width: 100%; }
}

@keyframes redeem { 
  0% { opacity: 1; border-color: rgb(239, 66, 116); color: rgb(239, 66, 116); }
  100% { opacity: 0.5; border-color: rgb(135, 135, 135); color: rgb(135, 135, 135); }
}

@keyframes redeem-span { 
  0% { background-color: rgb(239, 66, 116); }
  100% { background-color: rgb(135, 135, 135); }
}

@keyframes magazine-appear { 
  0% { opacity: 0; transform: translateY(2em); }
  50% { opacity: 0; transform: translateY(2em); }
  100% { opacity: 1; transform: none; }
}

@keyframes mascot-bow { 
  0% { background-position: 0px 0px; }
  100% { background-position: -258px 0px; }
}

@keyframes mascot-bow-full { 
  0% { background-position: 0px 0px; }
  12% { background-position: -258px 0px; }
  88% { background-position: -258px 0px; }
  100% { background-position: 0px 0px; }
}

#shop-modal { background: rgb(136, 44, 111); }

#shop-modal.info .header h1:hover, #shop-modal.info.show-help .header h1, #shop-modal .show-help .header h1:hover, #shop-modal .show-help.show-help .header h1 { color: rgb(253, 215, 0); border-bottom: 1px solid rgb(253, 215, 0); cursor: pointer; transition: none 0s ease 0s; }

#shop-modal.info .header h1:hover span, #shop-modal.info .header h1:hover strong, #shop-modal.info.show-help .header h1 span, #shop-modal.info.show-help .header h1 strong, #shop-modal .show-help .header h1:hover span, #shop-modal .show-help .header h1:hover strong, #shop-modal .show-help.show-help .header h1 span, #shop-modal .show-help.show-help .header h1 strong { opacity: 1; transition: none 0s ease 0s; font-weight: 600; transform: scale(1); }

#shop-modal.has-splash { background-color: rgb(17, 17, 17); }

#shop-modal.show-help .splash { opacity: 0; }

#shop-modal > .splash { position: absolute; overflow: hidden; width: 100%; z-index: -1; }

#shop-modal > .splash.show-help { opacity: 0; }

#shop-modal > .splash::after, #shop-modal > .splash::before { content: ""; position: absolute; top: 0px; display: block; height: 100%; z-index: 1; }

@media (min-width: 762px) {
  #shop-modal > .splash { height: 100%; border-radius: 0.25em; }
  #shop-modal > .splash::before { width: 100%; background: linear-gradient(90deg, rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0.75) 33%, transparent 67%, transparent); }
  #shop-modal > .splash::after { width: 100%; background: linear-gradient(rgba(18, 18, 18, 0), rgba(18, 18, 18, 0) 33%, rgba(18, 18, 18, 0.9)); }
}

@media (max-width: 761px) {
  #shop-modal > .splash { padding-bottom: 72%; }
  #shop-modal > .splash::before { width: 75%; background: linear-gradient(90deg, rgb(17, 17, 17) 0px, rgba(18, 18, 18, 0)); }
  #shop-modal > .splash::after { width: 100%; background: linear-gradient(rgba(18, 18, 18, 0) 0px, rgb(17, 17, 17) 90%); }
}

#shop-modal > .splash img { position: absolute; width: 100%; animation: 2s ease-in 0s 1 normal forwards running ModalfadeIn; }

@media (min-width: 762px) {
  #shop-modal { width: 100vw; max-width: 900px; border-radius: 0.25em; }
  #shop-modal .header { border-radius: 0.25em 0.25em 0px 0px; }
  #shop-modal::before { pointer-events: none; content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 0.25em; background: linear-gradient(90deg, rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0)); z-index: -1; }
  #shop-modal.has-splash::before { background: linear-gradient(90deg, rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0.75) 33%, rgb(17, 17, 17) 67%, rgb(17, 17, 17)); }
}

#shop-modal.has-splash .header { background: linear-gradient(90deg, rgb(17, 17, 17), rgba(136, 44, 111, 0.75)); }

#shop-modal .header { color: rgb(253, 215, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

@media (min-width: 762px) {
  #shop-modal .header { border-radius: 0.2em 0.2em 0px 0px; }
}

#shop-modal .header h1 { display: inline-block; font-size: 1em; font-weight: 600; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); padding: 1.5em 3em 1.3em; border-bottom: 1px solid transparent; transition: all 0.2s linear 0s; }

#shop-modal .header h1 span, #shop-modal .header h1 strong { display: inline-block; font-weight: 300; transition: all 0.2s linear 0s; }

#shop-modal .header h1 strong { width: 111px; height: 16px; background: url("/assets/img/plus/header@2x.png") 1px 1px / 110px 15px no-repeat; color: transparent; opacity: 0.75; }

#shop-modal .header h1 span { transform: scale(0.8) translate(0.75em, 0.1em); opacity: 0; }

#shop-modal.show-help .header h1 { cursor: default !important; }

#shop-modal .help { background: rgb(136, 44, 111); padding: 2em 3em; color: rgb(255, 255, 255); display: none; border-radius: 0px 0px 0.2em 0.2em; }

#shop-modal a.gold { color: rgb(253, 215, 0); }

#shop-modal a.gold:hover { border-color: rgb(253, 215, 0); }

#shop-modal.show-help .help { display: block; }

#shop-modal.show-help .content { display: none; }

#shop-modal .content-item p:not(.artists) span { margin: 0px 1em 0px 0px; }

#shop-modal .content-item p:not(.artists) span.hint { border-bottom: 1px dotted rgb(255, 255, 255); cursor: pointer; }

#shop-modal .content { color: rgb(255, 255, 255); padding: 3em; width: 60%; box-sizing: border-box; }

#shop-modal .content h2, #shop-modal .content span { color: rgb(255, 255, 255); text-shadow: rgba(18, 18, 18, 0.5) 0px 1px 0px; }

#shop-modal .content h2.hint, #shop-modal .content span.hint { border-bottom: 1px dotted rgba(255, 255, 255, 0.75); }

#shop-modal .content h2 { font-size: 1.75em; line-height: 1.25em; margin: 0px 0px 0.5em; font-weight: 300; }

#shop-modal .content p.artists { margin-bottom: 0px; }

#shop-modal .content p.artists span { font-weight: 600; }

#shop-modal .content .tags, #shop-modal .content p.info { transition: all 0.5s linear 0s; font-size: 0.8em; }

#shop-modal .content .tags span, #shop-modal .content p.info span { display: inline-block; opacity: 0.75; }

#shop-modal .content .cta { margin-top: 4em; }

#shop-modal .content .cta button:not(.wishlist-button) { width: 50%; font-size: 1.2em; font-weight: 600; }

#shop-modal .content .cta .small { text-shadow: rgba(18, 18, 18, 0.5) 0px 1px 0px; }

#shop-modal .content .cta .price { position: relative; min-width: 33.3%; display: inline-block; text-align: center; padding: 1em; box-sizing: border-box; }

#shop-modal .content .cta .price p { display: inline-block; }

#shop-modal .content .cta .price p:not(.small) { font-size: 1.2em; font-weight: 600; }

#shop-modal .content .cta .price p.intax { margin: 0px 0.3em; font-size: 0.6em; font-weight: 200; }

@media (max-width: 761px) {
  #shop-modal .content .cta .price { padding: 0.15em 0px; }
  #shop-modal .content .cta .price p { display: block; }
}

#shop-modal .content .cta a { color: rgb(253, 215, 0); }

#shop-modal .content .cta a:hover { border-color: rgb(253, 215, 0); }

#shop-modal.intent .content .contents-summary { display: none; }

#shop-modal.info a.shop-link { display: inline-block; position: absolute; bottom: 3em; right: 3em; padding: 1em 1.5em; color: rgb(253, 215, 0); }

#shop-modal.info a.shop-link::after, #shop-modal.info a.shop-link::before { opacity: 0; content: ""; position: absolute; display: block; width: 6px; height: 2px; background: rgb(253, 215, 0); right: 0.75em; top: 50%; margin-top: -1px; transform: rotate(45deg); transition: all 0.15s linear 0s; }

#shop-modal.info a.shop-link::after { margin-top: 2px; transform: rotate(-45deg); }

@media (min-width: 762px) {
  #shop-modal.info a.shop-link:hover { border-bottom-color: rgb(253, 215, 0); }
  #shop-modal.info a.shop-link:hover::after, #shop-modal.info a.shop-link:hover::before { opacity: 1; right: 0.5em; }
}

@media (max-width: 761px) {
  #shop-modal.info a.shop-link { bottom: 1.25em; right: 50%; margin-right: -160px; width: 320px; padding: 1em 0px; text-align: center; }
}

#shop-modal.can-be-closed .header .close { position: absolute; display: block; top: 0px; right: 1em; width: 4em; height: 3.8em; cursor: pointer; }

#shop-modal.can-be-closed .header .close::before { transform: rotate(45deg); }

#shop-modal.can-be-closed .header .close::after { transform: rotate(-45deg); }

#shop-modal.can-be-closed .header .close::after, #shop-modal.can-be-closed .header .close::before { content: ""; display: block; position: absolute; top: 50%; left: 32%; margin-top: -1px; width: 36%; height: 2px; background: rgb(253, 215, 0); border-radius: 1px; }

@media (max-width: 761px) {
  #shop-modal { min-height: 100%; margin-top: 0px !important; }
  #shop-modal.can-be-closed .header .close { height: 3.2em; width: 3em; right: 0.5em; }
  #shop-modal.intent .content .cta button { width: 100%; }
  #shop-modal.intent .content .cta p.small { padding: 1.5em; margin: 0px; }
  #shop-modal.intent .content .cta p:not(.small) { margin-top: 1.5em; }
  #shop-modal:not(.has-splash) { background: linear-gradient(110deg, rgb(17, 17, 17), rgb(136, 44, 111)); }
  #shop-modal.has-splash .content h2 { margin-top: 3em; }
  #shop-modal .header h1 { padding: 1.2em 1.5em 1em; }
  #shop-modal .header h1 strong { opacity: 1; }
  #shop-modal .content { width: 100%; padding: 1em 1.5em; }
  #shop-modal .content .contents-summary { padding-bottom: 8em; }
  #shop-modal .content h2 { font-size: 1.2em; }
  #shop-modal .content .cta { position: fixed; bottom: 3.75em; left: 0px; width: 100%; box-sizing: border-box; padding: 0.5em 1.5em 1em; }
  #shop-modal .content .cta p.small { border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding-bottom: 2em; font-size: 0.6em; text-align: center; margin-bottom: 2.5em; }
  #shop-modal .content .cta p.small a { display: inline-block; }
  #shop-modal .content .cta .secondary { margin-left: 0.5em; }
  #shop-modal .content .cta .wishlist-button-space { float: left; width: 100%; }
  #shop-modal .content .cta button { float: right; }
  #shop-modal .content .cta button.purchase-button { width: 66.66%; }
  #shop-modal .content .cta span { font-size: 1em !important; }
  #shop-modal .help { background: transparent; padding: 1.5em; }
}

@media (max-width: 340px) {
  #shop-modal .content .cta .price { padding: 0.75em 1em 0.75em 0px; }
  #shop-modal .content .cta span { padding: 0.55em 0px; font-size: 0.9em !important; }
  #shop-modal .content .cta button { width: 60%; font-size: 1em; }
}

.content-item { position: relative; }

.content-item img { position: relative; display: block; max-width: 200px; margin: 0px 1em 1em 0px; float: left; }

.content-item .help { display: inline-block; color: rgb(239, 66, 116); text-decoration: underline; }

.r_plus .grid.no-margin > :not(.w8) { margin-bottom: 0px; }

.top-nav.gold .header .module p { height: 16px; background: url("/assets/img/plus/header@2x.png") 50% center / 110px 14px no-repeat; color: transparent; }

body.authenticated.dark .page.static .block .container, body.authenticated.dark .page.static .question .answer { background: rgb(34, 33, 39); }

body.authenticated.dark .page.static .question > p { color: rgb(66, 143, 205); }

body.authenticated.dark .page.static.about-plus h1 { background-color: rgb(253, 215, 0); color: rgb(66, 66, 66); }

body.authenticated.dark .page.static.about-plus a:not(.button), body.authenticated.dark .page.static.about-plus h2 { color: rgb(253, 215, 0); }

body.authenticated.dark .page.static.abj_mark h1 { color: rgb(221, 221, 221); }

body.authenticated.dark .page.static.abj_mark .mark { background: url("/assets/img/partners/abj_white@2x.png") center bottom no-repeat; }

.page.static h1 { display: inline-block; background: rgb(239, 66, 116); color: rgb(255, 255, 255); padding: 0.25em 0.5em; }

.page.static h2, .page.static h3 { color: rgb(239, 66, 116); font-weight: 700; }

.page.static .subtitle h2, .page.static h1 { font-size: 2em; font-weight: 700; margin: 0.75em 0px; }

.page.static .title .image { position: relative; width: 100%; height: 136px; background: center top / auto 100% no-repeat transparent; }

@media (min-width: 762px) {
  .page.static .module.container { float: none; margin: 0px auto; }
}

@media (min-width: 762px) {
  .page.static .module.container.title { border-radius: 4px 4px 0px 0px; }
}

@media (min-width: 762px) {
  .page.static .module.container:not(.title) { border-radius: 0px 0px 4px 4px; }
}

.page.static .block.title h2 { color: rgb(255, 255, 255); }

@media (max-width: 761px) {
  .page.static .block.title { background: rgb(4, 85, 160); }
}

@media (min-width: 762px) {
  .page.static .block.title .container { background: rgb(4, 85, 160); }
}

.page.static .block:not(.title) { margin-bottom: 3em; }

@media (max-width: 761px) {
  .page.static .block:not(.title) { background: rgb(255, 255, 255); }
}

.page.static .block .container { padding-top: 0px; }

@media (min-width: 762px) {
  .page.static .block .container { background: rgb(255, 255, 255); }
}

.page.static .block .container .section { padding: 1.5em 0px 0px; }

.page.static .block .container .section .w1-1:not(.heading) { margin-bottom: 0px; }

.page.static .block .container .section hr { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(239, 66, 116); margin: 0.5em 0px 0px; }

.page.static .block .container form.section { padding-bottom: 1.5em; }

.page.static.support .section:last-of-type hr { display: none; }

@media (min-width: 762px) {
  .page.static.support .intro { text-align: center; }
  .page.static.support .intro p { width: 100%; }
}

.page.static .question > p { cursor: pointer; color: rgb(4, 85, 160); background: url("/assets/img/static/faq_arrow@2x.png") 100% center / 15px no-repeat; padding-right: 25px; }

.page.static .question.show .answer { display: block; }

.page.static .question.show > p { background-image: url("/assets/img/static/faq_arrow_reverse@2x.png"); }

.page.static .question .answer { background: rgb(242, 242, 242); padding: 1em; margin-bottom: 1em; display: none; }

.page.static.abj_mark .hero img { width: 100%; }

.page.static.abj_mark h1 { line-height: 1.5em; margin: 0px 0px 0.5em; background: transparent; color: rgb(84, 84, 84); }

.page.static.abj_mark h1 .hi { background: rgb(239, 66, 116); color: rgb(255, 255, 255); padding: 0.2em 0.4em; display: block; border-radius: 4px; }

.page.static.abj_mark h1.about-komiflo { font-size: 1.6em; }

.page.static.abj_mark h1.about-komiflo .hi { background: rgb(84, 84, 84); display: inline-block; }

.page.static.abj_mark .copyright { margin-top: 0px; font-size: 0.6em; }

@media (max-width: 500px) {
  .page.static.abj_mark .copyright { font-size: 0.4em; }
}

.page.static.abj_mark .small { color: rgb(135, 135, 135); }

.page.static.abj_mark .mark { background: url("/assets/img/partners/abj_black@2x.png") center bottom / 100% no-repeat; padding-bottom: 10.5305%; }

@media (max-width: 761px) {
  .page.static.abj_mark .hero img { transform: scale(1.1); margin: 1em 0px 0.5em; }
  .page.static.abj_mark h1, .page.static.abj_mark h1.about-komiflo { font-size: 1.3em; }
  .page.static.abj_mark .mark { width: 95.25%; background-size: auto 100%; padding-bottom: 20%; margin-top: 0.5em; }
}

.page.static.company .section { margin-bottom: 1em; }

.page.static.company .section span { position: relative; display: inline-block; width: 70%; }

.page.static.company .section span:first-child { position: absolute; left: 0px; width: 30%; color: rgb(135, 135, 135); }

.page.static.company .section span:last-child { margin-left: 30%; }

.page.static.company .image { position: absolute; height: 100%; right: 60%; background: url("/assets/img/mascot/chanco/komiflo_about@2x.png") center bottom / auto 100% no-repeat; top: -2%; margin: 0px !important; }

.page.static.company .info { margin-bottom: 0px; }

.page.static.careers .title .image { background-image: url("/assets/img/static/title_careers@2x.png"); }

.page.static.complaints .title .image { height: 68px; background-position: center 75%; background-size: auto 100%; background-image: url("/assets/img/static/title_complaintspolicy.svg"); }

.page.static.complaints .grid:first-of-type .title .image { background-image: url("/assets/img/static/title_companypolicy.svg"); }

.page.static.support .title .image { background-image: url("/assets/img/static/title_support@2x.png"); }

.page.static.support .loading-area .h1, .page.static.support .loading-area .h2, .page.static.support .loading-area .h5 { display: none; }

.page.static.support strong { font-weight: 600; margin: 0.5em 0px; display: block; }

.page.static.support .thanks { padding: 2em 1em; box-sizing: border-box; }

.page.static.terms .title .image, .page.static.terms_referral .title .image { background-position: center 75%; background-size: auto 68px; }

.page.static.terms .grid.terms .title .image, .page.static.terms.terms_referral .title .image, .page.static.terms_referral .grid.terms .title .image, .page.static.terms_referral.terms_referral .title .image { background-image: url("/assets/img/static/title_terms@2x.png"); }

.page.static.terms .grid.privacy .title .image, .page.static.terms_referral .grid.privacy .title .image { background-image: url("/assets/img/static/title_privacy@2x.png"); }

.page.static.terms .grid.terms .title.unselected .image, .page.static.terms_referral .grid.terms .title.unselected .image { background-image: url("/assets/img/static/title_privacy_grey@2x.png"); }

.page.static.terms .grid.privacy .title.unselected .image, .page.static.terms_referral .grid.privacy .title.unselected .image { background-image: url("/assets/img/static/title_terms_grey@2x.png"); }

.page.static.terms .unselected h1, .page.static.terms_referral .unselected h1 { background: rgb(135, 135, 135); }

@media (max-width: 761px) {
  .page.static.terms_referral h1, .page.static.terms h1 { display: block; font-size: 1.4em; }
}

@media (max-width: 375px) {
  .page.static.terms_referral h1, .page.static.terms h1 { display: block; font-size: 1.2em; }
}

.page.static.privacy h3, .page.static.terms_referral h3, .page.static.terms h3 { margin: 2em 0px 1em; }

.page.static.privacy h4, .page.static.terms_referral h4, .page.static.terms h4 { margin: 0px 0px 0.5em; text-decoration: underline 1px; text-underline-offset: 4px; line-height: 1.5em; }

.page.static.privacy p, .page.static.terms_referral p, .page.static.terms p { margin-top: 0px; }

.page.static.privacy p.last, .page.static.terms_referral p.last, .page.static.terms p.last { margin-top: 3em; margin-bottom: 1em; }

.page.static.promo_napata .w4 p, .page.static.terms_referral .no-margin { margin: 0px; }

.page.static.status .title .image { background-image: url("/assets/img/static/title_status@2x.png"); height: 102px; }

@media (min-width: 762px) {
  .page.static.status .title h1 { margin-top: 0px; background: rgb(0, 0, 0); }
}

@media (max-width: 761px) {
  .page.static.status .title h1 { font-size: 1.8em; }
  .page.static.status .title .image { display: none; }
}

.page.static.status .small { margin-top: 2em; }

.page.static.status .container.outer.full.block > .container { padding: 2em; box-sizing: border-box; border-radius: 0px 0px 0.25em 0.25em; }

.page.static.status .container.outer.full.block > .w3.hide-mobile { height: 1em; }

.page.static.status .container.outer.full.block > .heading { padding: 1.5em 2em; background: rgb(135, 135, 135); box-sizing: border-box; }

@media (min-width: 762px) {
  .page.static.status .container.outer.full.block > .heading { border-radius: 0.25em 0.25em 0px 0px; }
}

.page.static.status .container.outer.full.block > .heading h2 { color: rgb(255, 255, 255); }

.page.static.status .status-message { box-sizing: border-box; margin-bottom: 2em; }

.page.static.status .status-message hr { border-color: rgb(204, 204, 204); }

@media (min-width: 762px) {
  .page.static.status .status-message { border-radius: 0.25em; box-shadow: rgba(18, 18, 18, 0.1) 0px 0.25em 0.5em; border: 1px solid rgb(204, 204, 204); padding: 2em; }
}

@media (max-width: 761px) {
  .page.static.status .status-message { padding-bottom: 2em; border-bottom: 1px solid rgb(204, 204, 204); }
  .page.static.status .status-message > p { border-bottom: 1px solid rgb(135, 135, 135); padding-bottom: 0.5em; }
  .page.static.status .status-message > p span:first-child { width: 100%; color: rgb(135, 135, 135); }
  .page.static.status .status-message > p .priority, .page.static.status .status-message > p .service { margin-bottom: 0.5em; }
  .page.static.status .status-message hr { display: none; }
}

.page.static.status .status-message p { margin: 0.5em 0px; }

.page.static.status .status-message p span { font-size: 0.8em; }

.page.static.status .status-message p span:first-child { display: inline-block; min-width: 20%; margin-right: 1em; }

.page.static.status .status-message p span.priority, .page.static.status .status-message p span.service { display: inline-block; margin-right: 0.5em; padding: 0.25em 0.75em; border-radius: 0.25em; background: rgb(135, 135, 135); color: rgb(255, 255, 255); }

.page.static.status .status-message p span.priority.high, .page.static.status .status-message p span.service.high { background: rgb(233, 109, 99); }

.page.static.status .status-message p span.priority.resolved, .page.static.status .status-message p span.service.resolved { background: rgb(66, 143, 205); }

.page.static.status .status-message .explanation h3 { margin: 2em 0px 1em; color: inherit; }

.page.static.status .status-message .explanation p { margin: 1em 0px; }

.page.static.status .status-message .explanation strong { font-weight: 700; padding: 0.25em 0.5em; background: rgb(66, 66, 66); color: rgb(255, 255, 255); border-radius: 0.15em; }

.page.static.status ul li { display: list-item; list-style-type: disc; margin: 0.5em 0px 0.5em 2em; }

.page.static .thanks { animation: 2s ease 0s 1 normal forwards running fadeIn; }

.page.static.about-plus h1 { background-color: rgb(136, 44, 111); }

.page.static.about-plus a:not(.button), .page.static.about-plus h2 { color: rgb(136, 44, 111); }

.page.static.about-plus img { width: 100%; }

.page.static.about-plus .banner { position: relative; width: 100%; padding-bottom: 37.8007%; background: url("/assets/img/plus/banner_chanxco@2x.jpg") 0px 0px / 100% no-repeat; }

@media (max-width: 761px) {
  .page.static.about-plus .banner { transform: scale(1.11) translate(1px, -5.5%); }
}

@media (min-width: 762px) {
  .page.static.about-plus .banner { border-radius: 25px; box-shadow: rgb(245, 207, 0) 0px 0px 10px; }
}

@media (min-width: 1016px) and (max-width: 1269px) {
  .page.static.about-plus .banner { border-radius: 35px; }
}

@media (min-width: 1270px) {
  .page.static.about-plus .banner { border-radius: 42px; }
}

@keyframes mascot-hop { 
  50% { transform: translateY(-10px) rotate(5deg); }
}

header.static.about .module { box-sizing: border-box; margin: 0.75em 0px; }

header.static.about .module:not(.right) { height: auto !important; }

@media (max-width: 761px) {
  header.static.about .module:not(.right) { padding: 0px 5%; }
}

header.static.about .module:not(.right) .icon.logo { width: 100%; max-width: 256px; padding-bottom: 32%; background-image: url("/assets/img/info/logo_about@2x.png"); background-position: 0px center; background-repeat: no-repeat; background-size: 100%; height: 0px !important; }

@media (min-width: 762px) {
  header.static.about .module:not(.right) .icon.logo { margin-left: 5%; }
}

@media (min-width: 762px) {
  header.static.about .module.right { position: absolute; right: 0px; top: 50%; margin-top: -1.3em; }
  header.static.about .module.right a { margin-left: 1em; }
}

@media (max-width: 761px) {
  header.static.about .module.right { padding: 0px 5% 12.75%; }
}

header.static.about .module.right a { margin-top: 0.7em; text-align: center; padding: 0.5em; }

@media (max-width: 761px) {
  header.static.about .module.right a { font-size: 0.7em; }
}

@media (max-width: 375px) {
  header.static.about .module.right a { font-size: 0.7em; }
}

.page.maintenance .mascot { background: url("/assets/img/mascot/chanco/komiflo_maintenance@2x.png") center top / auto 100% no-repeat; margin: 2em 0px; height: 15em; transform-origin: center bottom; animation: 0.3s ease-in-out 0s infinite alternate none running maintenance-anim; }

@keyframes maintenance-anim { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(2.5deg); }
}

.static.about .adults-only { position: absolute; height: 100%; width: 50%; right: 0px; background-position: 3em 75%; }

.static.about .heading { padding-top: 4em; }

.static.about .heading h1 { color: rgb(4, 85, 160); margin: 0px; }

.static.about .magazine-cover { position: relative; width: 20%; }

@media (min-width: 762px) {
  .static.about .magazine-cover { display: inline-block; }
}

@media (max-width: 761px) {
  .static.about .magazine-cover { float: left; }
}

.static.about .magazine-cover img { width: 100%; }

.static.about .magazine-covers.length6 .magazine-cover, .static.about .magazine-covers.length7 .magazine-cover, .static.about .magazine-covers.length8 .magazine-cover, .static.about .magazine-covers.length9 .magazine-cover { width: 16.666%; }

@media (min-width: 762px) {
  .static.about .magazine-covers:not(.loading) { line-height: 0; background: rgb(4, 85, 160); box-shadow: rgba(18, 18, 18, 0.33) 0px 1px 5px 0px; }
}

@media (max-width: 761px) {
  .static.about .magazine-covers-carousel { padding-top: 0px; }
}

.static.about .magazine-covers a { border-bottom: 0px; }

.static.about .mascot, .static.about .mascot-button::before { display: block; position: relative; margin: 0px auto; width: 32px; height: 52px; background: url("/assets/img/info/mascot_blue@2x.png") 0px 0px / 100% no-repeat; }

.static.about .mascot-button { margin-top: 52px; }

.static.about .mascot-button::before { top: -53px; left: 50%; margin-left: -19px; width: 31px; height: 62px; position: absolute; background-image: url("/assets/img/info/mascot_pink@2x.png"); content: ""; }

@media (min-width: 762px) {
  .static.about .mascot-button:hover::before { animation: 0.2s linear 0s 1 normal none running mascot-hop; }
}

.static.about .circles { position: relative; margin-top: 4em; height: 2.8em; }

.static.about .circles > * { position: absolute; top: 0px; left: 50%; margin-left: 0.5em; background: url("/assets/img/info/top@2x.png") 50% center / auto 1.75em no-repeat rgb(239, 66, 116); }

@media (min-width: 762px) {
  .static.about .circles > ::before { transition: all 0.15s linear 0s; content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url("/assets/img/info/top_hover@2x.png") 50% center / auto 1.75em no-repeat; opacity: 0; }
  .static.about .circles > :hover::before { opacity: 1; transition: none 0s ease 0s; }
}

.static.about .circles :first-child { margin-left: -3.3em; background-image: url("/assets/img/info/komiflo_k@2x.png"); }

@media (min-width: 762px) {
  .static.about .circles :first-child::before { background-image: url("/assets/img/info/komiflo_k_hover@2x.png"); }
}

.static.about .cta { padding-top: 5em; padding-bottom: 3.5em; }

.static.about .cta p { color: rgb(135, 135, 135); }

.static.about .button-container { position: relative; height: 4px; background: rgb(255, 255, 255); overflow: visible; text-align: center; color: rgba(255, 255, 255, 0.5); }

.static.about .button-container > * { position: absolute; display: inline-block; width: 18em; left: 50%; margin-left: -9em; z-index: 1; top: -4.6em; }

.static.about .button-container > * .button { border: 4px solid rgb(255, 255, 255); font-size: 1.4em; }

.static.about .point h2 { font-weight: 400; }

.static.about :not(.black) > .point { padding-top: 0px; }

.static.about .black.border { padding-top: 5em; }

@media (max-width: 761px) {
  .static.about .black.border .point { padding: 1em 1.8em; }
}

.static.about .point { box-sizing: border-box; }

@media (max-width: 761px) {
  .static.about .point { padding: 1em 0px; }
  .static.about .point h2 { display: inline; font-weight: 400; }
  .static.about .point.second { font-size: 1.2em; padding: 1.1em 0px; }
  .static.about .point.second h2 { font-size: 0.85em; }
}

@media (min-width: 376px) and (max-width: 762px) {
  .static.about .point h2 { line-height: 1.4em; font-size: 1.25em; }
  .static.about .point.second h2 { font-size: 0.95em; }
  .static.about .point.third h2 { font-size: 1.5em; }
}

@media (min-width: 319px) and (max-width: 375px) {
  .static.about .point h2 { line-height: 1.4em; font-size: 1.1em; }
  .static.about .point.second h2 { font-size: 0.9em; }
  .static.about .point.third h2 { font-size: 1.4em; }
}

@media (max-width: 320px) {
  .static.about .point h2 { line-height: 1.4em; font-size: 0.95em; }
  .static.about .point.third h2 { font-size: 1.1em; }
  .static.about .point p { font-size: 0.9em; }
}

.static.about .point h1, .static.about .point h2, .static.about .point p { margin: 0.5em 0px; }

.static.about .point .module.w1-1 { padding: 1.6% 1em; }

@media (max-width: 761px) {
  .static.about .point.speech > .w12.w6 { padding: 1.6% 1em; }
  .static.about .point.speech > .w12.w6 li::before { left: 0.75em; }
  .static.about .point.charcoal-25 { background: none; padding: 0px 1em; }
  .static.about .point.charcoal-25.top.bottom .module { font-size: 0.85em; }
  .static.about .point.charcoal-25.top.bottom .module h2 { display: block; }
}

.static.about .point .module.w12 { padding: 1.86666% 0px; }

.static.about .point .module.w1-1, .static.about .point .module.w12 { box-sizing: border-box; }

.static.about .point .module.w1-1 h1, .static.about .point .module.w12 h1 { padding-bottom: 1.6%; }

.static.about .point .module.w1-1 .small:last-child, .static.about .point .module.w12 .small:last-child { margin-bottom: 1em; }

@media (min-width: 762px) {
  .static.about .point.top { border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; }
  .static.about .point.bottom { border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; }
  .static.about .point.charcoal-25 { text-align: center; }
  .static.about .point.speech::after { content: ""; position: relative; display: block; width: 0px; height: 0px; bottom: -20px; left: 50%; margin-left: 5px; background-color: inherit; border-width: 10px; border-style: solid; border-color: rgb(66, 143, 205) rgb(242, 242, 242) rgb(242, 242, 242) rgb(66, 143, 205); border-image: initial; }
  .static.about .point.charcoal-25 .small { width: 75%; }
}

.static.about .point.charcoal-25 .small { margin: 2em auto 0px; }

.static.about .point.border { border-top: 4px solid rgb(4, 85, 160); }

.static.about .point ul { list-style-type: none; }

.static.about .point ul li { display: list-item; margin: 1em 0px; padding-left: 1em; }

.static.about .point ul li::before { position: absolute; left: 0px; content: "•"; font-size: 1.4em; line-height: 0.7em; vertical-align: middle; }

.static.about .point ul li:last-child { margin-bottom: 0px; }

.static.about .point ul li span { font-size: 0.6em; opacity: 0.75; }

.static.about .brand-b { background: rgb(4, 85, 160); }

.static.about .brand-b * { color: rgb(255, 255, 255); }

.static.about .brand-d { background: rgb(66, 143, 205); }

.static.about .brand-d * { color: rgb(255, 255, 255); }

.static.about .charcoal { background: rgb(51, 51, 51); }

.static.about .charcoal.main { padding-bottom: 10em; }

@media (max-width: 761px) {
  .static.about .charcoal.main { padding-bottom: 7em; }
}

.static.about .charcoal * { color: rgb(219, 219, 219); }

.static.about .charcoal-25 { background: rgb(38, 38, 38); }

.static.about .charcoal-25 * { color: rgb(219, 219, 219); }

.static.about .black { background: rgb(17, 17, 17); }

.static.about .black :not(a) { color: rgb(219, 219, 219); }

@media (min-width: 762px) {
  .static.about .point { font-size: 1.2em; }
}

@media (min-width: 1270px) {
  .static.about .container.outer > .container, .static.about > .container:not(.outer) { width: 1000px; }
}

.static.about .container.artists { padding: 3em 0px; margin-bottom: 1.6%; }

.static.about .container.artists a { color: rgba(255, 255, 255, 0.5); }

.static.about .container.artists a:hover { color: rgb(255, 255, 255); }

.static.about .container.artists h2, .static.about .container.artists p { padding: 1em 0px; }

.static.about .container.artists ul.elem-b { display: none; }

@media (max-width: 761px) {
  .static.about .container.artists { padding: 0px 0px 1.5em; }
  .static.about .container.artists > .module:first-child { z-index: 1; box-shadow: rgb(51, 51, 51) 0px 20px 20px; }
  .static.about .container.artists > .module:last-child { z-index: 1; box-shadow: rgb(51, 51, 51) 0px -20px 20px; }
  .static.about .container.artists .artists-container { height: 300px; overflow: hidden; }
  .static.about .container.artists .artists-container::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; }
  .static.about .container.artists ul { position: absolute; opacity: 0; background: rgb(51, 51, 51); z-index: 0; }
  .static.about .container.artists ul.elem-a { animation: 60s linear -15s infinite normal none running shift-artists; }
  .static.about .container.artists ul.elem-b { animation: 60s linear 15s infinite normal none running shift-artists; display: block; }
}

.static.about .container.artists li { box-sizing: border-box; }

.static.about .container.artists li a { position: relative; display: block; width: 100%; padding: 0.65em 0px; border: none; }

@media (min-width: 762px) {
  .static.about .container.artists li { width: 25%; }
}

@media (max-width: 761px) {
  .static.about .container.artists li { width: 50%; }
}

.static.about .age-mask { animation: 2.2s linear 2s infinite normal none running clickme; }

body:not(.touchdevice) .static.about .age-mask:hover { animation: 0.4s linear 0s infinite normal none running clickme3; }

body.r_abjmark:not(.dark) { background: rgb(255, 255, 255); }

@keyframes clickme3 { 
  25% { transform: scale(1.05) rotate(2deg); }
  50% { transform: scale(1); }
  75% { transform: scale(1.05) rotate(-2deg); }
}

@keyframes clickme { 
  5% { transform: scale(1.05) rotate(2deg); }
  10% { transform: scale(1); }
  15% { transform: scale(1.05) rotate(-1deg); }
  20% { transform: scale(1); }
}

@keyframes clickme2 { 
  5% { transform: scale(1.05) rotate(-2deg); }
  10% { transform: scale(1); }
  15% { transform: scale(1.05) rotate(1deg); }
  20% { transform: scale(1); }
}

@keyframes shift-artists { 
  0% { top: 300px; opacity: 1; }
  67% { top: -72em; }
  100% { top: -72em; opacity: 1; }
}

.no-padding-top { padding-top: 0px !important; }

.button.vibrate:hover, .vibrate.force { animation: 0.1s linear 0s infinite alternate none running vibrate; }

@keyframes vibrate { 
  0% { transform: scale(1.1); }
  100% { transform: scale(1.15); }
}

footer { position: absolute; width: 100%; }

@keyframes fadeIn { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.calendar .calendar_vertical_view { display: flex; flex-wrap: wrap; }

.calendar .calendar_vertical_view .bookmark-pointer { opacity: 0; transform: translateY(100px); }

.calendar .calendar_vertical_view .publish_date p { position: relative; display: inline-block; font-size: 1.2em; line-height: 1em; z-index: 99; padding: 0.5em 1em; background: rgb(255, 255, 255); color: rgb(135, 135, 135); border-radius: 1.5em; border: 1px solid rgb(135, 135, 135); font-weight: 700; }

.calendar .calendar_vertical_view .publish_date::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; z-index: 0; background-color: rgb(135, 135, 135); }

.calendar .calendar_vertical_view .preview_button { position: absolute; bottom: 2%; white-space: nowrap; }

.calendar .calendar_vertical_view .preview_button button { font-size: 0.8em; padding: 0.3em; margin-right: 1em; }

@media (max-width: 761px) {
  .calendar .calendar_vertical_view .preview_button button { margin-right: 0.45em; }
}

.calendar .calendar_vertical_view .preview_text .event_type > span { font-size: 0.7em; background: rgb(255, 255, 255); border-radius: 0.3em; color: rgb(135, 135, 135); padding: 0.3em 0.5em; }

.calendar .calendar_vertical_view .preview_text .event_title { font-size: 1.2em; margin: 0.6em 0px 0.2em; }

.calendar .calendar_vertical_view .preview_text .event_detail { font-size: 0.8em; margin: 1em 0px 3em; }

.calendar .calendar_vertical_view .preview_text p.event_artist { margin: 0.1em 0px 0px; }

.calendar .calendar_vertical_view .preview_text .event_publisher { font-size: 0.8em; color: rgb(135, 135, 135); }

.calendar .calendar_rimind_setting_view .magazine-logo { width: 100%; padding-bottom: 34.1333%; border-radius: 0.5em; background-color: rgb(135, 135, 135); }

.calendar .calendar_rimind_setting_view .magazine_remind_setting { height: 64px; overflow: hidden; }

.calendar .calendar_rimind_setting_view .magazine_remind_setting .logo-sprite { width: 100%; display: inline; position: relative; height: auto; }

.calendar .calendar_rimind_setting_view .magazine_remind_setting .logo-sprite::before { width: 100%; padding-bottom: 34%; }

.calendar .calendar_rimind_setting_view .magazine_remind_setting_button { height: 64px; }

.calendar .calendar_rimind_setting_view .magazine_remind_setting_button button { padding: 0.3em; margin-top: 0.5em; margin-right: 1em; }

@media (max-width: 761px) {
  .calendar .calendar_rimind_setting_view .magazine_remind_setting_button button { margin-right: 0.45em; font-size: 0.8em; }
}

.calendar .calendar_rimind_anauth_modal { width: 600px; }

@media (max-width: 761px) {
  .calendar .calendar_rimind_anauth_modal { width: 100%; }
}

.calendar .calendar_magazine_lineup.s { box-sizing: border-box; top: 1em !important; padding: 3em 0px 0px !important; margin-bottom: 1em !important; }

.calendar .calendar_magazine_lineup.s .swiper-container { overflow: hidden; }

.calendar .calendar_magazine_lineup.s .swiper-month { z-index: 11; position: absolute; bottom: 0.5em; left: 0.5em; text-align: center; line-height: 2.5em; min-height: 2.5em; min-width: 2.5em; font-size: 1.5em; background-color: rgb(255, 255, 255); border-radius: 50%; font-weight: 700; }

.calendar .calendar_magazine_lineup.s .swiper-month.even { animation: 0.3s ease-out 0s 1 normal backwards running scale-anime_1; }

.calendar .calendar_magazine_lineup.s .swiper-month.odd { animation: 0.3s ease-out 0s 1 normal backwards running scale-anime_2; }

@keyframes scale-anime_1 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@keyframes scale-anime_2 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.calendar .calendar_magazine_lineup.s .swiper-wrapper { white-space: nowrap; }

.calendar .calendar_magazine_lineup.s .swiper-scrollbar { height: 5px; background-color: rgba(0, 0, 0, 0.4); border-radius: 1em; }

.calendar .calendar_magazine_lineup.s .swiper-scrollbar-drag { height: 5px; background-color: rgb(239, 66, 116); border-radius: 1em; }

.calendar .calendar_magazine_lineup.s .magazine-preview { width: 15%; text-align: center; display: inline-block; padding: 0px 0px 0px 2em; }

@media (max-width: 761px) {
  .calendar .calendar_magazine_lineup.s .magazine-preview { width: 30%; padding: 0px 0px 0px 1em; }
}

.calendar .calendar_magazine_lineup.s .icon { transition: opacity 0.25s linear 0s; opacity: 1; cursor: pointer; }

.calendar .calendar_magazine_lineup.s .icon i { display: inline-block; font-size: 1.5em; text-align: center; padding-top: 0.55em; line-height: 1.2em; }

.calendar .calendar_magazine_lineup.s .icon a { border: 0px; }

.calendar .calendar_magazine_lineup.s .icon:hover .logo-overlay, .calendar .calendar_magazine_lineup.s .icon:hover .preview_image::before { transition: opacity 0.3s ease-out 0s; opacity: 0; }

.calendar .calendar_magazine_lineup.s .icon .preview_image { border: 1px solid rgb(135, 135, 135); }

.calendar .calendar_magazine_lineup.s .icon .preview_image::before { background: linear-gradient(0deg, rgb(0, 0, 0) 5%, transparent 50%); transition: opacity 0.3s ease-out 0s; }

.calendar .calendar_magazine_lineup.s .icon .preview_image .logo-overlay { width: 100%; margin-top: -35%; padding-top: 33%; margin-bottom: 2%; z-index: 11; transition: opacity 0.3s ease-out 0s; }

.calendar .calendar_magazine_lineup.s .icon .vline { height: 2.5em; width: 50%; border-right: 1px solid rgb(135, 135, 135); z-index: -1; margin: -0.5em 0px -2em; }

.calendar .calendar_magazine_lineup.s .icon .line { margin: 2em -1.05em; padding: 0px 1em; background-color: rgb(255, 255, 255); }

.calendar .calendar_magazine_lineup.s .icon .line span { display: inline-block; margin: -0.6em 0px; background-color: rgb(255, 255, 255); padding: 0.3em 0.5em; border: 1px solid rgb(135, 135, 135); border-radius: 0.5em; }

.calendar .calendar_magazine_lineup.s .icon .line span.month { font-weight: 600; font-size: 1em; line-height: 1em; border-radius: 50%; transform: scale(1.1); padding: 0.8em 0.3em; margin: -1em 0px; border: none; min-width: 2em; }

@media (min-width: 762px) {
  @keyframes calendar-next { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-3px); }
}
  .calendar .calendar_magazine_lineup.s .icon.next:hover { animation-name: calendar-next; animation-duration: 0.2s; transform: translateX(-3px); }
}

@media (min-width: 762px) {
  @keyframes calendar-prev { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(3px); }
}
  .calendar .calendar_magazine_lineup.s .icon.prev:hover { animation-name: calendar-prev; animation-duration: 0.2s; transform: translateX(3px); }
}

.calendar .calendar_magazine_lineup.s .icon.start { width: 3%; }

.calendar .calendar_magazine_lineup.s .icon.end { width: 10%; }

.calendar .calendar_magazine_lineup.s .icon.end .line { background: linear-gradient(90deg, rgb(255, 255, 255), rgba(18, 18, 18, 0) 90%); }

.calendar .calendar_magazine_lineup.s .double.magazine-preview { margin-left: -1em; }

@media (max-width: 761px) {
  .calendar .calendar_magazine_lineup.s .double.magazine-preview { margin-left: -0.5em; }
}

.calendar .preview_image_link { border-bottom: none; position: relative; }

.calendar .preview_image_link .text { width: 100%; margin-top: 0.1em; background-color: rgb(255, 255, 255); color: rgb(135, 135, 135); }

.calendar .preview_image_link .text.sw { position: absolute; margin-top: -0.15em; left: 0px; }

.calendar .preview_image { display: inline-block; width: 100%; background: url("/assets/img/cover_commingsoon@2x.png") 50% 50% / cover no-repeat rgb(255, 255, 255); position: relative; }

.calendar .preview_image::before { content: ""; display: block; padding-top: 142%; }

.calendar .preview_image.plus::after { z-index: 10; content: ""; display: block; position: absolute; left: 3%; top: 3%; width: 34px; height: 32px; background: url("/assets/img/partners/plus_16@2x.png") 50% center / auto 16px no-repeat rgb(253, 215, 0); border-radius: 50%; box-shadow: rgba(18, 18, 18, 0.4) 0px 1px 3px, rgba(255, 255, 255, 0.33) 0px 0px 0px 2px inset; }

.calendar .magazine-logo { background: url("/assets/lander/img/magazine_logos/magazine_logos@2x.png?v=u7930f6c2") 0px -7.69231% / 100% no-repeat; }

.calendar .magazine-logo.kairakuten { background-position: 0px 7.69231%; }

.calendar .magazine-logo.hotmilk { background-position: 0px 0px; }

.calendar .magazine-logo.beast { background-position: 0px 15.3846%; }

.calendar .magazine-logo.x-eros { background-position: 0px 23.0769%; }

.calendar .magazine-logo.shitsurakuten { background-position: 0px 30.7692%; }

.calendar .magazine-logo.comichappining { background-position: 0px 46.1538%; }

.calendar .magazine-logo.weekly-kairakuten { background-position: 0px 53.8462%; }

.calendar .magazine-logo.hotmilk-koime { background-position: 0px 61.5385%; }

.calendar .magazine-logo.gaira { background-position: 0px 38.4615%; }

.calendar .magazine-logo.bavel { background-position: 0px 69.2308%; }

.calendar .magazine-logo.original { background-position: 0px 84.6154%; }

.calendar .magazine-logo.plus { background-position: 0px 76.9231%; }

.calendar .magazine-logo.isekairakuten { background-position: 0px 92.3077%; }

.calendar .magazine-logo.dascomi { background-position: 0px 100%; }

.calendar .spacer { width: 1.97142% !important; }

.touchdevice ._2ykcLTSQbJDQ3zZZ1Io4u2 .icon i { opacity: 0; }

body.authenticated.dark .calendar .calendar_vertical_view .publish_date p { background: rgb(34, 33, 39); color: rgb(135, 135, 135); border: 1px solid rgb(135, 135, 135); }

body.authenticated.dark .calendar .calendar_vertical_view .publish_date::before { background-color: rgb(135, 135, 135); }

body.authenticated.dark .calendar .calendar_vertical_view .preview_text .event_type > span { background: rgb(34, 33, 39); color: rgb(135, 135, 135); }

body.authenticated.dark .calendar .calendar_vertical_view .preview_text .event_publisher { color: rgb(135, 135, 135); }

body.authenticated.dark .calendar .calendar_magazine_lineup .magazine-preview .line, body.authenticated.dark .calendar .calendar_magazine_lineup .magazine-preview .line span, body.authenticated.dark .calendar .calendar_magazine_lineup .swiper-month { background-color: rgb(34, 33, 39); }

body.authenticated.dark .calendar .calendar_magazine_lineup .magazine-preview.end .line { background: linear-gradient(90deg, rgb(34, 33, 39), rgba(18, 18, 18, 0) 90%); }

body.authenticated.dark .calendar .calendar_rimind_setting_view .magazine-logo { background-color: initial; }

body.authenticated.dark .calendar .preview_image { background-color: rgb(34, 33, 39); background-image: url("/assets/img/cover_commingsoon@2x.png"); }

body.authenticated.dark .calendar .preview_image_link .text { background-color: rgb(34, 33, 39); }

#nprogress { pointer-events: none; }

#nprogress .bar { background: rgb(34, 153, 221); position: fixed; z-index: 1031; top: 0px; left: 0px; width: 100%; height: 2px; }

#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: rgb(34, 153, 221) 0px 0px 10px, rgb(34, 153, 221) 0px 0px 5px; opacity: 1; transform: rotate(3deg) translateY(-4px); }

#nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; }

#nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: rgb(34, 153, 221) transparent transparent rgb(34, 153, 221); border-image: initial; border-radius: 50%; animation: 0.4s linear 0s infinite normal none running nprogress-spinner; }

.nprogress-custom-parent { overflow: hidden; position: relative; }

.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner { position: absolute; }

@-webkit-keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes nprogress-spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

#nprogress .bar { background: rgb(239, 66, 116); }

#nprogress .peg { box-shadow: rgb(239, 66, 116) 0px 0px 10px, rgb(239, 66, 116) 0px 0px 5px; }

#nprogress .spinner-icon { border-top-color: rgb(239, 66, 116); border-left-color: rgb(239, 66, 116); }

@media (max-width: 761px) {
  #nprogress .spinner { display: none; }
}

@media (min-width: 762px) {
  .business header .icon.menu { display: none !important; }
}

body.custom-logo header:not(.hide) .icon.logo { background: url("/assets/img/themes/analogo@2x.png") 0px 0px / auto 100% no-repeat; transition: none 0s ease 0s; }

@media (max-width: 749px) {
  body.custom-logo header:not(.hide) .icon.logo { background-position: center top; }
  body.custom-logo header:not(.hide) .icon.logo::before { display: none; }
}

body.dark .tc-0 { background: rgb(34, 33, 39); }

body.dark .tc-bg { background: rgb(53, 51, 62); }

body.dark .tc-bg2 { background: rgb(17, 17, 17); }

body.dark .tc-dim { background: rgb(51, 51, 51); }

body.dark .tc-txt-0 { color: rgb(34, 33, 39); }

body.dark .before-low-contrast::before { background: rgb(64, 64, 64); }

body:not(.dark) .tc-0, body:not(.dark) .tc-bg { background: rgb(255, 255, 255); }

body:not(.dark) .tc-bg2 { background: rgb(239, 239, 239); }

body:not(.dark) .tc-dim { background: rgb(135, 135, 135); }

body:not(.dark) .tc-txt-0 { color: rgb(255, 255, 255); }

body:not(.dark) .before-low-contrast::before { background: rgb(204, 204, 204); }

@font-face { font-family: iconfont; src: url("/assets/icon-font/iconfont.ttf?v=u7930f6c2") format("truetype"), url("/assets/icon-font/iconfont.woff?v=u7930f6c2") format("woff"); font-weight: 400; font-style: normal; }

[class*=" icon-"], [class^="icon-"] { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: iconfont !important; }

[class*=" icon-"].success, [class^="icon-"].success { color: rgb(127, 202, 159); }

[class*=" icon-"].warning, [class^="icon-"].warning { color: rgb(244, 186, 112); }

[class*=" icon-"].danger, [class^="icon-"].danger { color: rgb(233, 109, 99); }

[class*=" icon-"].white, [class^="icon-"].white { color: rgb(255, 255, 255); }

[class*=" icon-"].pink, [class^="icon-"].pink { color: rgb(239, 66, 116); }

[class*=" icon-"].store, [class^="icon-"].store { color: rgb(255, 69, 0); }

.icon-komiflo::before { content: ""; }

.icon-plus::before { content: ""; }

.icon-plus2::before { content: ""; }

.icon-pen::before { content: ""; }

.icon-more-magazine::before { content: ""; }

.icon-present::before { content: ""; }

.icon-th::before { content: ""; }

.icon-th::before, .icon-thlist::before { transform: scale(1.2); display: inline-block; }

.icon-thlist::before { content: ""; }

.icon-share::before { content: ""; display: inline-block; }

.icon-mission::before { content: ""; }

.icon-notification::before { content: ""; }

.icon-comicinfo::before, .icon-info::before { content: ""; }

.icon-setting::before { content: ""; }

.icon-magazinerack::before { content: ""; }

.icon-logout::before { content: ""; }

.icon-paymentsetting::before { content: ""; }

.icon-search::before { content: ""; }

.icon-search-tag::before, .icon-tag::before { content: ""; }

.icon-artist::before, .icon-search-artist::before { content: ""; }

.icon-search-tag2::before { content: ""; }

.icon-search-tag3::before { content: ""; }

.icon-menu::before { content: ""; }

.icon-up::before { content: ""; }

.icon-down::before { content: ""; transform: rotate(180deg); }

.icon-close::before, .icon-error::before, .icon-x::before { content: ""; }

.icon-success::before { content: ""; }

.icon-success2::before { content: ""; }

.icon-stop::before { content: ""; }

.icon-warning::before { content: ""; }

.icon-warning2::before { content: ""; }

.icon-warning3::before { content: ""; }

.icon-lock::before { content: ""; }

.icon-mail::before { content: ""; }

.icon-mail2::before { content: ""; }

.icon-sendmail-link::before { content: ""; }

.icon-waiting::before { content: ""; }

.icon-lineup::before { content: ""; }

.icon-addcount::before { content: ""; }

.icon-subcount::before { content: ""; }

.icon-remove::before { content: ""; transform: rotate(45deg); display: inline-block; }

.icon-privacy::before { content: ""; }

.icon-status::before { content: ""; }

.icon-terms::before { content: ""; }

.icon-company::before { content: ""; }

.icon-loading::before { content: ""; }

.icon-partner::before { margin-top: 4px; display: inline-block; transform: scale(0.9); content: ""; }

.icon-shop::before { display: inline-block; transform: scale(1.2); content: ""; }

.icon-shop-ranking::before { content: ""; }

.icon-shop-tag::before { content: ""; }

.icon-shop-artist::before { content: ""; }

.icon-history::before { content: ""; }

.icon-time::before { content: ""; }

.icon-help::before { content: ""; }

.icon-more-magazine::before { content: ""; }

.icon-shop-topic::before { content: ""; }

.icon-shop-sale::before { content: ""; }

.icon-calendar::before, .icon-shop-calendar::before { content: ""; }

.icon-shop-mycontents::before { display: inline-block; transform: scale(1.2); content: ""; }

.icon-shop-bucket::before { display: inline-block; transform: scale(1.2); content: ""; }

.icon-shop-add-bucket::before { display: inline-block; transform: scale(1.5); content: ""; }

.icon-shop-bucket-anime::before { display: inline-block; transform: scale(1.2); content: ""; }

.icon-shop-help::before { display: inline-block; transform: scale(0.8) translateX(0.05em); content: ""; }

.icon-shop-bookmark::before { display: inline-block; transform: scale(1.6) translateY(-0.1em); content: ""; }

.icon-shop-cart-confirm::before { content: ""; }

.icon-windows::before { content: ""; }

.icon-mac::before { content: ""; display: inline-block; transform: scale(1.2); }

.icon-apple::before { content: ""; }

.icon-android::before { content: ""; display: inline-block; transform: scale(1.2) translateY(-0.06em); }

.icon-mobile::before { content: ""; display: inline-block; transform: scale(1.2); }

.icon-twitter::before { content: ""; display: inline-block; transform: scale(0.85); }

.icon-line::before { content: ""; display: inline-block; font-size: 1.25em; transform: scale(1.15) translateY(0.01em); }

.icon-instagram::before { content: ""; font-size: 1.25em; }

.icon-bluesky::before { content: ""; display: inline-block; transform: scale(0.95); }

.icon-facebook::before { content: ""; }

.icon-pixiv::before { content: ""; display: inline-block; transform: scale(1.2); }

.icon-website::before { content: ""; display: inline-block; transform: scale(1.1); }

.icon-shop-check::before { content: ""; }

.icon-shop-checkcircle::before { content: ""; }

.icon-shop-mailmagazine::before { content: ""; }

.icon-shop-userinfo::before { display: inline-block; content: ""; }

.icon-shop-password::before { content: ""; }

.icon-shop-mailaddress::before { content: ""; }

.icon-shop-applink::before { content: ""; }

.icon-shop-viewsetting::before { display: inline-block; content: ""; }

.icon-shop-credit::before { transform: scale(1.6); display: inline-block; content: ""; }

.icon-shop-receipt::before { display: inline-block; content: ""; }

.icon-shop-invitation::before { content: ""; }

.icon-good::before { content: ""; }

.icon-download::before { content: ""; }

.icon-checkbox-on::before { content: ""; display: inline-block; transform: scale(1.2); }

.icon-checkbox-off::before { content: ""; display: inline-block; transform: scale(1.2); }

.icon-down::before { content: ""; display: inline-block; transform: scale(1.7); }

.icon-favorite::before, .icon-unlike::before { content: ""; }

.icon-favorite-off::before, .icon-like::before { content: ""; }

.icon-bookmark::before, .icon-read-later-remove::before, .icon-star::before { display: inline-block; content: ""; }

.icon-bookmark-off::before, .icon-read-later::before { display: inline-block; content: ""; }

.icon-play::before { display: inline-block; content: ""; }

.icon-pause::before { display: inline-block; content: ""; }

.icon-enlarge::before { display: inline-block; content: ""; }

.icon-shrink::before { display: inline-block; content: ""; }

.icon-back::before, .icon-left::before, .icon-prev::before { content: ""; }

.icon-next::before, .icon-right::before { content: ""; }

.icon-reader-menu-close::before, .icon-reader-menu::before { display: inline-block; content: ""; }

.icon-reader-menu-close::before { transform: rotateX(180deg); }

.icon-settings::before { content: ""; }

.icon-account::before { content: ""; }

.icon-blank::before { content: "　"; display: inline-block; }

.icon-link::before { content: ""; }

.mt-500 { margin-top: -5em !important; }

.pt-500 { }

@media (max-width: 761px) {
  .mmt-500 { margin-top: -5em !important; }
  .mpt-500 { }
}

@media (min-width: 762px) {
  .dmt-500 { margin-top: -5em !important; }
  .dpt-500 { }
}

.mb-500 { margin-bottom: -5em !important; }

.pb-500 { }

@media (max-width: 761px) {
  .mmb-500 { margin-bottom: -5em !important; }
  .mpb-500 { }
}

@media (min-width: 762px) {
  .dmb-500 { margin-bottom: -5em !important; }
  .dpb-500 { }
}

.ml-500 { margin-left: -5em !important; }

.pl-500 { }

@media (max-width: 761px) {
  .mml-500 { margin-left: -5em !important; }
  .mpl-500 { }
}

@media (min-width: 762px) {
  .dml-500 { margin-left: -5em !important; }
  .dpl-500 { }
}

.mr-500 { margin-right: -5em !important; }

.pr-500 { }

@media (max-width: 761px) {
  .mmr-500 { margin-right: -5em !important; }
  .mpr-500 { }
}

@media (min-width: 762px) {
  .dmr-500 { margin-right: -5em !important; }
  .dpr-500 { }
}

.mt-495 { margin-top: -4.95em !important; }

.pt-495 { }

@media (max-width: 761px) {
  .mmt-495 { margin-top: -4.95em !important; }
  .mpt-495 { }
}

@media (min-width: 762px) {
  .dmt-495 { margin-top: -4.95em !important; }
  .dpt-495 { }
}

.mb-495 { margin-bottom: -4.95em !important; }

.pb-495 { }

@media (max-width: 761px) {
  .mmb-495 { margin-bottom: -4.95em !important; }
  .mpb-495 { }
}

@media (min-width: 762px) {
  .dmb-495 { margin-bottom: -4.95em !important; }
  .dpb-495 { }
}

.ml-495 { margin-left: -4.95em !important; }

.pl-495 { }

@media (max-width: 761px) {
  .mml-495 { margin-left: -4.95em !important; }
  .mpl-495 { }
}

@media (min-width: 762px) {
  .dml-495 { margin-left: -4.95em !important; }
  .dpl-495 { }
}

.mr-495 { margin-right: -4.95em !important; }

.pr-495 { }

@media (max-width: 761px) {
  .mmr-495 { margin-right: -4.95em !important; }
  .mpr-495 { }
}

@media (min-width: 762px) {
  .dmr-495 { margin-right: -4.95em !important; }
  .dpr-495 { }
}

.mt-490 { margin-top: -4.9em !important; }

.pt-490 { }

@media (max-width: 761px) {
  .mmt-490 { margin-top: -4.9em !important; }
  .mpt-490 { }
}

@media (min-width: 762px) {
  .dmt-490 { margin-top: -4.9em !important; }
  .dpt-490 { }
}

.mb-490 { margin-bottom: -4.9em !important; }

.pb-490 { }

@media (max-width: 761px) {
  .mmb-490 { margin-bottom: -4.9em !important; }
  .mpb-490 { }
}

@media (min-width: 762px) {
  .dmb-490 { margin-bottom: -4.9em !important; }
  .dpb-490 { }
}

.ml-490 { margin-left: -4.9em !important; }

.pl-490 { }

@media (max-width: 761px) {
  .mml-490 { margin-left: -4.9em !important; }
  .mpl-490 { }
}

@media (min-width: 762px) {
  .dml-490 { margin-left: -4.9em !important; }
  .dpl-490 { }
}

.mr-490 { margin-right: -4.9em !important; }

.pr-490 { }

@media (max-width: 761px) {
  .mmr-490 { margin-right: -4.9em !important; }
  .mpr-490 { }
}

@media (min-width: 762px) {
  .dmr-490 { margin-right: -4.9em !important; }
  .dpr-490 { }
}

.mt-485 { margin-top: -4.85em !important; }

.pt-485 { }

@media (max-width: 761px) {
  .mmt-485 { margin-top: -4.85em !important; }
  .mpt-485 { }
}

@media (min-width: 762px) {
  .dmt-485 { margin-top: -4.85em !important; }
  .dpt-485 { }
}

.mb-485 { margin-bottom: -4.85em !important; }

.pb-485 { }

@media (max-width: 761px) {
  .mmb-485 { margin-bottom: -4.85em !important; }
  .mpb-485 { }
}

@media (min-width: 762px) {
  .dmb-485 { margin-bottom: -4.85em !important; }
  .dpb-485 { }
}

.ml-485 { margin-left: -4.85em !important; }

.pl-485 { }

@media (max-width: 761px) {
  .mml-485 { margin-left: -4.85em !important; }
  .mpl-485 { }
}

@media (min-width: 762px) {
  .dml-485 { margin-left: -4.85em !important; }
  .dpl-485 { }
}

.mr-485 { margin-right: -4.85em !important; }

.pr-485 { }

@media (max-width: 761px) {
  .mmr-485 { margin-right: -4.85em !important; }
  .mpr-485 { }
}

@media (min-width: 762px) {
  .dmr-485 { margin-right: -4.85em !important; }
  .dpr-485 { }
}

.mt-480 { margin-top: -4.8em !important; }

.pt-480 { }

@media (max-width: 761px) {
  .mmt-480 { margin-top: -4.8em !important; }
  .mpt-480 { }
}

@media (min-width: 762px) {
  .dmt-480 { margin-top: -4.8em !important; }
  .dpt-480 { }
}

.mb-480 { margin-bottom: -4.8em !important; }

.pb-480 { }

@media (max-width: 761px) {
  .mmb-480 { margin-bottom: -4.8em !important; }
  .mpb-480 { }
}

@media (min-width: 762px) {
  .dmb-480 { margin-bottom: -4.8em !important; }
  .dpb-480 { }
}

.ml-480 { margin-left: -4.8em !important; }

.pl-480 { }

@media (max-width: 761px) {
  .mml-480 { margin-left: -4.8em !important; }
  .mpl-480 { }
}

@media (min-width: 762px) {
  .dml-480 { margin-left: -4.8em !important; }
  .dpl-480 { }
}

.mr-480 { margin-right: -4.8em !important; }

.pr-480 { }

@media (max-width: 761px) {
  .mmr-480 { margin-right: -4.8em !important; }
  .mpr-480 { }
}

@media (min-width: 762px) {
  .dmr-480 { margin-right: -4.8em !important; }
  .dpr-480 { }
}

.mt-475 { margin-top: -4.75em !important; }

.pt-475 { }

@media (max-width: 761px) {
  .mmt-475 { margin-top: -4.75em !important; }
  .mpt-475 { }
}

@media (min-width: 762px) {
  .dmt-475 { margin-top: -4.75em !important; }
  .dpt-475 { }
}

.mb-475 { margin-bottom: -4.75em !important; }

.pb-475 { }

@media (max-width: 761px) {
  .mmb-475 { margin-bottom: -4.75em !important; }
  .mpb-475 { }
}

@media (min-width: 762px) {
  .dmb-475 { margin-bottom: -4.75em !important; }
  .dpb-475 { }
}

.ml-475 { margin-left: -4.75em !important; }

.pl-475 { }

@media (max-width: 761px) {
  .mml-475 { margin-left: -4.75em !important; }
  .mpl-475 { }
}

@media (min-width: 762px) {
  .dml-475 { margin-left: -4.75em !important; }
  .dpl-475 { }
}

.mr-475 { margin-right: -4.75em !important; }

.pr-475 { }

@media (max-width: 761px) {
  .mmr-475 { margin-right: -4.75em !important; }
  .mpr-475 { }
}

@media (min-width: 762px) {
  .dmr-475 { margin-right: -4.75em !important; }
  .dpr-475 { }
}

.mt-470 { margin-top: -4.7em !important; }

.pt-470 { }

@media (max-width: 761px) {
  .mmt-470 { margin-top: -4.7em !important; }
  .mpt-470 { }
}

@media (min-width: 762px) {
  .dmt-470 { margin-top: -4.7em !important; }
  .dpt-470 { }
}

.mb-470 { margin-bottom: -4.7em !important; }

.pb-470 { }

@media (max-width: 761px) {
  .mmb-470 { margin-bottom: -4.7em !important; }
  .mpb-470 { }
}

@media (min-width: 762px) {
  .dmb-470 { margin-bottom: -4.7em !important; }
  .dpb-470 { }
}

.ml-470 { margin-left: -4.7em !important; }

.pl-470 { }

@media (max-width: 761px) {
  .mml-470 { margin-left: -4.7em !important; }
  .mpl-470 { }
}

@media (min-width: 762px) {
  .dml-470 { margin-left: -4.7em !important; }
  .dpl-470 { }
}

.mr-470 { margin-right: -4.7em !important; }

.pr-470 { }

@media (max-width: 761px) {
  .mmr-470 { margin-right: -4.7em !important; }
  .mpr-470 { }
}

@media (min-width: 762px) {
  .dmr-470 { margin-right: -4.7em !important; }
  .dpr-470 { }
}

.mt-465 { margin-top: -4.65em !important; }

.pt-465 { }

@media (max-width: 761px) {
  .mmt-465 { margin-top: -4.65em !important; }
  .mpt-465 { }
}

@media (min-width: 762px) {
  .dmt-465 { margin-top: -4.65em !important; }
  .dpt-465 { }
}

.mb-465 { margin-bottom: -4.65em !important; }

.pb-465 { }

@media (max-width: 761px) {
  .mmb-465 { margin-bottom: -4.65em !important; }
  .mpb-465 { }
}

@media (min-width: 762px) {
  .dmb-465 { margin-bottom: -4.65em !important; }
  .dpb-465 { }
}

.ml-465 { margin-left: -4.65em !important; }

.pl-465 { }

@media (max-width: 761px) {
  .mml-465 { margin-left: -4.65em !important; }
  .mpl-465 { }
}

@media (min-width: 762px) {
  .dml-465 { margin-left: -4.65em !important; }
  .dpl-465 { }
}

.mr-465 { margin-right: -4.65em !important; }

.pr-465 { }

@media (max-width: 761px) {
  .mmr-465 { margin-right: -4.65em !important; }
  .mpr-465 { }
}

@media (min-width: 762px) {
  .dmr-465 { margin-right: -4.65em !important; }
  .dpr-465 { }
}

.mt-460 { margin-top: -4.6em !important; }

.pt-460 { }

@media (max-width: 761px) {
  .mmt-460 { margin-top: -4.6em !important; }
  .mpt-460 { }
}

@media (min-width: 762px) {
  .dmt-460 { margin-top: -4.6em !important; }
  .dpt-460 { }
}

.mb-460 { margin-bottom: -4.6em !important; }

.pb-460 { }

@media (max-width: 761px) {
  .mmb-460 { margin-bottom: -4.6em !important; }
  .mpb-460 { }
}

@media (min-width: 762px) {
  .dmb-460 { margin-bottom: -4.6em !important; }
  .dpb-460 { }
}

.ml-460 { margin-left: -4.6em !important; }

.pl-460 { }

@media (max-width: 761px) {
  .mml-460 { margin-left: -4.6em !important; }
  .mpl-460 { }
}

@media (min-width: 762px) {
  .dml-460 { margin-left: -4.6em !important; }
  .dpl-460 { }
}

.mr-460 { margin-right: -4.6em !important; }

.pr-460 { }

@media (max-width: 761px) {
  .mmr-460 { margin-right: -4.6em !important; }
  .mpr-460 { }
}

@media (min-width: 762px) {
  .dmr-460 { margin-right: -4.6em !important; }
  .dpr-460 { }
}

.mt-455 { margin-top: -4.55em !important; }

.pt-455 { }

@media (max-width: 761px) {
  .mmt-455 { margin-top: -4.55em !important; }
  .mpt-455 { }
}

@media (min-width: 762px) {
  .dmt-455 { margin-top: -4.55em !important; }
  .dpt-455 { }
}

.mb-455 { margin-bottom: -4.55em !important; }

.pb-455 { }

@media (max-width: 761px) {
  .mmb-455 { margin-bottom: -4.55em !important; }
  .mpb-455 { }
}

@media (min-width: 762px) {
  .dmb-455 { margin-bottom: -4.55em !important; }
  .dpb-455 { }
}

.ml-455 { margin-left: -4.55em !important; }

.pl-455 { }

@media (max-width: 761px) {
  .mml-455 { margin-left: -4.55em !important; }
  .mpl-455 { }
}

@media (min-width: 762px) {
  .dml-455 { margin-left: -4.55em !important; }
  .dpl-455 { }
}

.mr-455 { margin-right: -4.55em !important; }

.pr-455 { }

@media (max-width: 761px) {
  .mmr-455 { margin-right: -4.55em !important; }
  .mpr-455 { }
}

@media (min-width: 762px) {
  .dmr-455 { margin-right: -4.55em !important; }
  .dpr-455 { }
}

.mt-450 { margin-top: -4.5em !important; }

.pt-450 { }

@media (max-width: 761px) {
  .mmt-450 { margin-top: -4.5em !important; }
  .mpt-450 { }
}

@media (min-width: 762px) {
  .dmt-450 { margin-top: -4.5em !important; }
  .dpt-450 { }
}

.mb-450 { margin-bottom: -4.5em !important; }

.pb-450 { }

@media (max-width: 761px) {
  .mmb-450 { margin-bottom: -4.5em !important; }
  .mpb-450 { }
}

@media (min-width: 762px) {
  .dmb-450 { margin-bottom: -4.5em !important; }
  .dpb-450 { }
}

.ml-450 { margin-left: -4.5em !important; }

.pl-450 { }

@media (max-width: 761px) {
  .mml-450 { margin-left: -4.5em !important; }
  .mpl-450 { }
}

@media (min-width: 762px) {
  .dml-450 { margin-left: -4.5em !important; }
  .dpl-450 { }
}

.mr-450 { margin-right: -4.5em !important; }

.pr-450 { }

@media (max-width: 761px) {
  .mmr-450 { margin-right: -4.5em !important; }
  .mpr-450 { }
}

@media (min-width: 762px) {
  .dmr-450 { margin-right: -4.5em !important; }
  .dpr-450 { }
}

.mt-445 { margin-top: -4.45em !important; }

.pt-445 { }

@media (max-width: 761px) {
  .mmt-445 { margin-top: -4.45em !important; }
  .mpt-445 { }
}

@media (min-width: 762px) {
  .dmt-445 { margin-top: -4.45em !important; }
  .dpt-445 { }
}

.mb-445 { margin-bottom: -4.45em !important; }

.pb-445 { }

@media (max-width: 761px) {
  .mmb-445 { margin-bottom: -4.45em !important; }
  .mpb-445 { }
}

@media (min-width: 762px) {
  .dmb-445 { margin-bottom: -4.45em !important; }
  .dpb-445 { }
}

.ml-445 { margin-left: -4.45em !important; }

.pl-445 { }

@media (max-width: 761px) {
  .mml-445 { margin-left: -4.45em !important; }
  .mpl-445 { }
}

@media (min-width: 762px) {
  .dml-445 { margin-left: -4.45em !important; }
  .dpl-445 { }
}

.mr-445 { margin-right: -4.45em !important; }

.pr-445 { }

@media (max-width: 761px) {
  .mmr-445 { margin-right: -4.45em !important; }
  .mpr-445 { }
}

@media (min-width: 762px) {
  .dmr-445 { margin-right: -4.45em !important; }
  .dpr-445 { }
}

.mt-440 { margin-top: -4.4em !important; }

.pt-440 { }

@media (max-width: 761px) {
  .mmt-440 { margin-top: -4.4em !important; }
  .mpt-440 { }
}

@media (min-width: 762px) {
  .dmt-440 { margin-top: -4.4em !important; }
  .dpt-440 { }
}

.mb-440 { margin-bottom: -4.4em !important; }

.pb-440 { }

@media (max-width: 761px) {
  .mmb-440 { margin-bottom: -4.4em !important; }
  .mpb-440 { }
}

@media (min-width: 762px) {
  .dmb-440 { margin-bottom: -4.4em !important; }
  .dpb-440 { }
}

.ml-440 { margin-left: -4.4em !important; }

.pl-440 { }

@media (max-width: 761px) {
  .mml-440 { margin-left: -4.4em !important; }
  .mpl-440 { }
}

@media (min-width: 762px) {
  .dml-440 { margin-left: -4.4em !important; }
  .dpl-440 { }
}

.mr-440 { margin-right: -4.4em !important; }

.pr-440 { }

@media (max-width: 761px) {
  .mmr-440 { margin-right: -4.4em !important; }
  .mpr-440 { }
}

@media (min-width: 762px) {
  .dmr-440 { margin-right: -4.4em !important; }
  .dpr-440 { }
}

.mt-435 { margin-top: -4.35em !important; }

.pt-435 { }

@media (max-width: 761px) {
  .mmt-435 { margin-top: -4.35em !important; }
  .mpt-435 { }
}

@media (min-width: 762px) {
  .dmt-435 { margin-top: -4.35em !important; }
  .dpt-435 { }
}

.mb-435 { margin-bottom: -4.35em !important; }

.pb-435 { }

@media (max-width: 761px) {
  .mmb-435 { margin-bottom: -4.35em !important; }
  .mpb-435 { }
}

@media (min-width: 762px) {
  .dmb-435 { margin-bottom: -4.35em !important; }
  .dpb-435 { }
}

.ml-435 { margin-left: -4.35em !important; }

.pl-435 { }

@media (max-width: 761px) {
  .mml-435 { margin-left: -4.35em !important; }
  .mpl-435 { }
}

@media (min-width: 762px) {
  .dml-435 { margin-left: -4.35em !important; }
  .dpl-435 { }
}

.mr-435 { margin-right: -4.35em !important; }

.pr-435 { }

@media (max-width: 761px) {
  .mmr-435 { margin-right: -4.35em !important; }
  .mpr-435 { }
}

@media (min-width: 762px) {
  .dmr-435 { margin-right: -4.35em !important; }
  .dpr-435 { }
}

.mt-430 { margin-top: -4.3em !important; }

.pt-430 { }

@media (max-width: 761px) {
  .mmt-430 { margin-top: -4.3em !important; }
  .mpt-430 { }
}

@media (min-width: 762px) {
  .dmt-430 { margin-top: -4.3em !important; }
  .dpt-430 { }
}

.mb-430 { margin-bottom: -4.3em !important; }

.pb-430 { }

@media (max-width: 761px) {
  .mmb-430 { margin-bottom: -4.3em !important; }
  .mpb-430 { }
}

@media (min-width: 762px) {
  .dmb-430 { margin-bottom: -4.3em !important; }
  .dpb-430 { }
}

.ml-430 { margin-left: -4.3em !important; }

.pl-430 { }

@media (max-width: 761px) {
  .mml-430 { margin-left: -4.3em !important; }
  .mpl-430 { }
}

@media (min-width: 762px) {
  .dml-430 { margin-left: -4.3em !important; }
  .dpl-430 { }
}

.mr-430 { margin-right: -4.3em !important; }

.pr-430 { }

@media (max-width: 761px) {
  .mmr-430 { margin-right: -4.3em !important; }
  .mpr-430 { }
}

@media (min-width: 762px) {
  .dmr-430 { margin-right: -4.3em !important; }
  .dpr-430 { }
}

.mt-425 { margin-top: -4.25em !important; }

.pt-425 { }

@media (max-width: 761px) {
  .mmt-425 { margin-top: -4.25em !important; }
  .mpt-425 { }
}

@media (min-width: 762px) {
  .dmt-425 { margin-top: -4.25em !important; }
  .dpt-425 { }
}

.mb-425 { margin-bottom: -4.25em !important; }

.pb-425 { }

@media (max-width: 761px) {
  .mmb-425 { margin-bottom: -4.25em !important; }
  .mpb-425 { }
}

@media (min-width: 762px) {
  .dmb-425 { margin-bottom: -4.25em !important; }
  .dpb-425 { }
}

.ml-425 { margin-left: -4.25em !important; }

.pl-425 { }

@media (max-width: 761px) {
  .mml-425 { margin-left: -4.25em !important; }
  .mpl-425 { }
}

@media (min-width: 762px) {
  .dml-425 { margin-left: -4.25em !important; }
  .dpl-425 { }
}

.mr-425 { margin-right: -4.25em !important; }

.pr-425 { }

@media (max-width: 761px) {
  .mmr-425 { margin-right: -4.25em !important; }
  .mpr-425 { }
}

@media (min-width: 762px) {
  .dmr-425 { margin-right: -4.25em !important; }
  .dpr-425 { }
}

.mt-420 { margin-top: -4.2em !important; }

.pt-420 { }

@media (max-width: 761px) {
  .mmt-420 { margin-top: -4.2em !important; }
  .mpt-420 { }
}

@media (min-width: 762px) {
  .dmt-420 { margin-top: -4.2em !important; }
  .dpt-420 { }
}

.mb-420 { margin-bottom: -4.2em !important; }

.pb-420 { }

@media (max-width: 761px) {
  .mmb-420 { margin-bottom: -4.2em !important; }
  .mpb-420 { }
}

@media (min-width: 762px) {
  .dmb-420 { margin-bottom: -4.2em !important; }
  .dpb-420 { }
}

.ml-420 { margin-left: -4.2em !important; }

.pl-420 { }

@media (max-width: 761px) {
  .mml-420 { margin-left: -4.2em !important; }
  .mpl-420 { }
}

@media (min-width: 762px) {
  .dml-420 { margin-left: -4.2em !important; }
  .dpl-420 { }
}

.mr-420 { margin-right: -4.2em !important; }

.pr-420 { }

@media (max-width: 761px) {
  .mmr-420 { margin-right: -4.2em !important; }
  .mpr-420 { }
}

@media (min-width: 762px) {
  .dmr-420 { margin-right: -4.2em !important; }
  .dpr-420 { }
}

.mt-415 { margin-top: -4.15em !important; }

.pt-415 { }

@media (max-width: 761px) {
  .mmt-415 { margin-top: -4.15em !important; }
  .mpt-415 { }
}

@media (min-width: 762px) {
  .dmt-415 { margin-top: -4.15em !important; }
  .dpt-415 { }
}

.mb-415 { margin-bottom: -4.15em !important; }

.pb-415 { }

@media (max-width: 761px) {
  .mmb-415 { margin-bottom: -4.15em !important; }
  .mpb-415 { }
}

@media (min-width: 762px) {
  .dmb-415 { margin-bottom: -4.15em !important; }
  .dpb-415 { }
}

.ml-415 { margin-left: -4.15em !important; }

.pl-415 { }

@media (max-width: 761px) {
  .mml-415 { margin-left: -4.15em !important; }
  .mpl-415 { }
}

@media (min-width: 762px) {
  .dml-415 { margin-left: -4.15em !important; }
  .dpl-415 { }
}

.mr-415 { margin-right: -4.15em !important; }

.pr-415 { }

@media (max-width: 761px) {
  .mmr-415 { margin-right: -4.15em !important; }
  .mpr-415 { }
}

@media (min-width: 762px) {
  .dmr-415 { margin-right: -4.15em !important; }
  .dpr-415 { }
}

.mt-410 { margin-top: -4.1em !important; }

.pt-410 { }

@media (max-width: 761px) {
  .mmt-410 { margin-top: -4.1em !important; }
  .mpt-410 { }
}

@media (min-width: 762px) {
  .dmt-410 { margin-top: -4.1em !important; }
  .dpt-410 { }
}

.mb-410 { margin-bottom: -4.1em !important; }

.pb-410 { }

@media (max-width: 761px) {
  .mmb-410 { margin-bottom: -4.1em !important; }
  .mpb-410 { }
}

@media (min-width: 762px) {
  .dmb-410 { margin-bottom: -4.1em !important; }
  .dpb-410 { }
}

.ml-410 { margin-left: -4.1em !important; }

.pl-410 { }

@media (max-width: 761px) {
  .mml-410 { margin-left: -4.1em !important; }
  .mpl-410 { }
}

@media (min-width: 762px) {
  .dml-410 { margin-left: -4.1em !important; }
  .dpl-410 { }
}

.mr-410 { margin-right: -4.1em !important; }

.pr-410 { }

@media (max-width: 761px) {
  .mmr-410 { margin-right: -4.1em !important; }
  .mpr-410 { }
}

@media (min-width: 762px) {
  .dmr-410 { margin-right: -4.1em !important; }
  .dpr-410 { }
}

.mt-405 { margin-top: -4.05em !important; }

.pt-405 { }

@media (max-width: 761px) {
  .mmt-405 { margin-top: -4.05em !important; }
  .mpt-405 { }
}

@media (min-width: 762px) {
  .dmt-405 { margin-top: -4.05em !important; }
  .dpt-405 { }
}

.mb-405 { margin-bottom: -4.05em !important; }

.pb-405 { }

@media (max-width: 761px) {
  .mmb-405 { margin-bottom: -4.05em !important; }
  .mpb-405 { }
}

@media (min-width: 762px) {
  .dmb-405 { margin-bottom: -4.05em !important; }
  .dpb-405 { }
}

.ml-405 { margin-left: -4.05em !important; }

.pl-405 { }

@media (max-width: 761px) {
  .mml-405 { margin-left: -4.05em !important; }
  .mpl-405 { }
}

@media (min-width: 762px) {
  .dml-405 { margin-left: -4.05em !important; }
  .dpl-405 { }
}

.mr-405 { margin-right: -4.05em !important; }

.pr-405 { }

@media (max-width: 761px) {
  .mmr-405 { margin-right: -4.05em !important; }
  .mpr-405 { }
}

@media (min-width: 762px) {
  .dmr-405 { margin-right: -4.05em !important; }
  .dpr-405 { }
}

.mt-400 { margin-top: -4em !important; }

.pt-400 { }

@media (max-width: 761px) {
  .mmt-400 { margin-top: -4em !important; }
  .mpt-400 { }
}

@media (min-width: 762px) {
  .dmt-400 { margin-top: -4em !important; }
  .dpt-400 { }
}

.mb-400 { margin-bottom: -4em !important; }

.pb-400 { }

@media (max-width: 761px) {
  .mmb-400 { margin-bottom: -4em !important; }
  .mpb-400 { }
}

@media (min-width: 762px) {
  .dmb-400 { margin-bottom: -4em !important; }
  .dpb-400 { }
}

.ml-400 { margin-left: -4em !important; }

.pl-400 { }

@media (max-width: 761px) {
  .mml-400 { margin-left: -4em !important; }
  .mpl-400 { }
}

@media (min-width: 762px) {
  .dml-400 { margin-left: -4em !important; }
  .dpl-400 { }
}

.mr-400 { margin-right: -4em !important; }

.pr-400 { }

@media (max-width: 761px) {
  .mmr-400 { margin-right: -4em !important; }
  .mpr-400 { }
}

@media (min-width: 762px) {
  .dmr-400 { margin-right: -4em !important; }
  .dpr-400 { }
}

.mt-395 { margin-top: -3.95em !important; }

.pt-395 { }

@media (max-width: 761px) {
  .mmt-395 { margin-top: -3.95em !important; }
  .mpt-395 { }
}

@media (min-width: 762px) {
  .dmt-395 { margin-top: -3.95em !important; }
  .dpt-395 { }
}

.mb-395 { margin-bottom: -3.95em !important; }

.pb-395 { }

@media (max-width: 761px) {
  .mmb-395 { margin-bottom: -3.95em !important; }
  .mpb-395 { }
}

@media (min-width: 762px) {
  .dmb-395 { margin-bottom: -3.95em !important; }
  .dpb-395 { }
}

.ml-395 { margin-left: -3.95em !important; }

.pl-395 { }

@media (max-width: 761px) {
  .mml-395 { margin-left: -3.95em !important; }
  .mpl-395 { }
}

@media (min-width: 762px) {
  .dml-395 { margin-left: -3.95em !important; }
  .dpl-395 { }
}

.mr-395 { margin-right: -3.95em !important; }

.pr-395 { }

@media (max-width: 761px) {
  .mmr-395 { margin-right: -3.95em !important; }
  .mpr-395 { }
}

@media (min-width: 762px) {
  .dmr-395 { margin-right: -3.95em !important; }
  .dpr-395 { }
}

.mt-390 { margin-top: -3.9em !important; }

.pt-390 { }

@media (max-width: 761px) {
  .mmt-390 { margin-top: -3.9em !important; }
  .mpt-390 { }
}

@media (min-width: 762px) {
  .dmt-390 { margin-top: -3.9em !important; }
  .dpt-390 { }
}

.mb-390 { margin-bottom: -3.9em !important; }

.pb-390 { }

@media (max-width: 761px) {
  .mmb-390 { margin-bottom: -3.9em !important; }
  .mpb-390 { }
}

@media (min-width: 762px) {
  .dmb-390 { margin-bottom: -3.9em !important; }
  .dpb-390 { }
}

.ml-390 { margin-left: -3.9em !important; }

.pl-390 { }

@media (max-width: 761px) {
  .mml-390 { margin-left: -3.9em !important; }
  .mpl-390 { }
}

@media (min-width: 762px) {
  .dml-390 { margin-left: -3.9em !important; }
  .dpl-390 { }
}

.mr-390 { margin-right: -3.9em !important; }

.pr-390 { }

@media (max-width: 761px) {
  .mmr-390 { margin-right: -3.9em !important; }
  .mpr-390 { }
}

@media (min-width: 762px) {
  .dmr-390 { margin-right: -3.9em !important; }
  .dpr-390 { }
}

.mt-385 { margin-top: -3.85em !important; }

.pt-385 { }

@media (max-width: 761px) {
  .mmt-385 { margin-top: -3.85em !important; }
  .mpt-385 { }
}

@media (min-width: 762px) {
  .dmt-385 { margin-top: -3.85em !important; }
  .dpt-385 { }
}

.mb-385 { margin-bottom: -3.85em !important; }

.pb-385 { }

@media (max-width: 761px) {
  .mmb-385 { margin-bottom: -3.85em !important; }
  .mpb-385 { }
}

@media (min-width: 762px) {
  .dmb-385 { margin-bottom: -3.85em !important; }
  .dpb-385 { }
}

.ml-385 { margin-left: -3.85em !important; }

.pl-385 { }

@media (max-width: 761px) {
  .mml-385 { margin-left: -3.85em !important; }
  .mpl-385 { }
}

@media (min-width: 762px) {
  .dml-385 { margin-left: -3.85em !important; }
  .dpl-385 { }
}

.mr-385 { margin-right: -3.85em !important; }

.pr-385 { }

@media (max-width: 761px) {
  .mmr-385 { margin-right: -3.85em !important; }
  .mpr-385 { }
}

@media (min-width: 762px) {
  .dmr-385 { margin-right: -3.85em !important; }
  .dpr-385 { }
}

.mt-380 { margin-top: -3.8em !important; }

.pt-380 { }

@media (max-width: 761px) {
  .mmt-380 { margin-top: -3.8em !important; }
  .mpt-380 { }
}

@media (min-width: 762px) {
  .dmt-380 { margin-top: -3.8em !important; }
  .dpt-380 { }
}

.mb-380 { margin-bottom: -3.8em !important; }

.pb-380 { }

@media (max-width: 761px) {
  .mmb-380 { margin-bottom: -3.8em !important; }
  .mpb-380 { }
}

@media (min-width: 762px) {
  .dmb-380 { margin-bottom: -3.8em !important; }
  .dpb-380 { }
}

.ml-380 { margin-left: -3.8em !important; }

.pl-380 { }

@media (max-width: 761px) {
  .mml-380 { margin-left: -3.8em !important; }
  .mpl-380 { }
}

@media (min-width: 762px) {
  .dml-380 { margin-left: -3.8em !important; }
  .dpl-380 { }
}

.mr-380 { margin-right: -3.8em !important; }

.pr-380 { }

@media (max-width: 761px) {
  .mmr-380 { margin-right: -3.8em !important; }
  .mpr-380 { }
}

@media (min-width: 762px) {
  .dmr-380 { margin-right: -3.8em !important; }
  .dpr-380 { }
}

.mt-375 { margin-top: -3.75em !important; }

.pt-375 { }

@media (max-width: 761px) {
  .mmt-375 { margin-top: -3.75em !important; }
  .mpt-375 { }
}

@media (min-width: 762px) {
  .dmt-375 { margin-top: -3.75em !important; }
  .dpt-375 { }
}

.mb-375 { margin-bottom: -3.75em !important; }

.pb-375 { }

@media (max-width: 761px) {
  .mmb-375 { margin-bottom: -3.75em !important; }
  .mpb-375 { }
}

@media (min-width: 762px) {
  .dmb-375 { margin-bottom: -3.75em !important; }
  .dpb-375 { }
}

.ml-375 { margin-left: -3.75em !important; }

.pl-375 { }

@media (max-width: 761px) {
  .mml-375 { margin-left: -3.75em !important; }
  .mpl-375 { }
}

@media (min-width: 762px) {
  .dml-375 { margin-left: -3.75em !important; }
  .dpl-375 { }
}

.mr-375 { margin-right: -3.75em !important; }

.pr-375 { }

@media (max-width: 761px) {
  .mmr-375 { margin-right: -3.75em !important; }
  .mpr-375 { }
}

@media (min-width: 762px) {
  .dmr-375 { margin-right: -3.75em !important; }
  .dpr-375 { }
}

.mt-370 { margin-top: -3.7em !important; }

.pt-370 { }

@media (max-width: 761px) {
  .mmt-370 { margin-top: -3.7em !important; }
  .mpt-370 { }
}

@media (min-width: 762px) {
  .dmt-370 { margin-top: -3.7em !important; }
  .dpt-370 { }
}

.mb-370 { margin-bottom: -3.7em !important; }

.pb-370 { }

@media (max-width: 761px) {
  .mmb-370 { margin-bottom: -3.7em !important; }
  .mpb-370 { }
}

@media (min-width: 762px) {
  .dmb-370 { margin-bottom: -3.7em !important; }
  .dpb-370 { }
}

.ml-370 { margin-left: -3.7em !important; }

.pl-370 { }

@media (max-width: 761px) {
  .mml-370 { margin-left: -3.7em !important; }
  .mpl-370 { }
}

@media (min-width: 762px) {
  .dml-370 { margin-left: -3.7em !important; }
  .dpl-370 { }
}

.mr-370 { margin-right: -3.7em !important; }

.pr-370 { }

@media (max-width: 761px) {
  .mmr-370 { margin-right: -3.7em !important; }
  .mpr-370 { }
}

@media (min-width: 762px) {
  .dmr-370 { margin-right: -3.7em !important; }
  .dpr-370 { }
}

.mt-365 { margin-top: -3.65em !important; }

.pt-365 { }

@media (max-width: 761px) {
  .mmt-365 { margin-top: -3.65em !important; }
  .mpt-365 { }
}

@media (min-width: 762px) {
  .dmt-365 { margin-top: -3.65em !important; }
  .dpt-365 { }
}

.mb-365 { margin-bottom: -3.65em !important; }

.pb-365 { }

@media (max-width: 761px) {
  .mmb-365 { margin-bottom: -3.65em !important; }
  .mpb-365 { }
}

@media (min-width: 762px) {
  .dmb-365 { margin-bottom: -3.65em !important; }
  .dpb-365 { }
}

.ml-365 { margin-left: -3.65em !important; }

.pl-365 { }

@media (max-width: 761px) {
  .mml-365 { margin-left: -3.65em !important; }
  .mpl-365 { }
}

@media (min-width: 762px) {
  .dml-365 { margin-left: -3.65em !important; }
  .dpl-365 { }
}

.mr-365 { margin-right: -3.65em !important; }

.pr-365 { }

@media (max-width: 761px) {
  .mmr-365 { margin-right: -3.65em !important; }
  .mpr-365 { }
}

@media (min-width: 762px) {
  .dmr-365 { margin-right: -3.65em !important; }
  .dpr-365 { }
}

.mt-360 { margin-top: -3.6em !important; }

.pt-360 { }

@media (max-width: 761px) {
  .mmt-360 { margin-top: -3.6em !important; }
  .mpt-360 { }
}

@media (min-width: 762px) {
  .dmt-360 { margin-top: -3.6em !important; }
  .dpt-360 { }
}

.mb-360 { margin-bottom: -3.6em !important; }

.pb-360 { }

@media (max-width: 761px) {
  .mmb-360 { margin-bottom: -3.6em !important; }
  .mpb-360 { }
}

@media (min-width: 762px) {
  .dmb-360 { margin-bottom: -3.6em !important; }
  .dpb-360 { }
}

.ml-360 { margin-left: -3.6em !important; }

.pl-360 { }

@media (max-width: 761px) {
  .mml-360 { margin-left: -3.6em !important; }
  .mpl-360 { }
}

@media (min-width: 762px) {
  .dml-360 { margin-left: -3.6em !important; }
  .dpl-360 { }
}

.mr-360 { margin-right: -3.6em !important; }

.pr-360 { }

@media (max-width: 761px) {
  .mmr-360 { margin-right: -3.6em !important; }
  .mpr-360 { }
}

@media (min-width: 762px) {
  .dmr-360 { margin-right: -3.6em !important; }
  .dpr-360 { }
}

.mt-355 { margin-top: -3.55em !important; }

.pt-355 { }

@media (max-width: 761px) {
  .mmt-355 { margin-top: -3.55em !important; }
  .mpt-355 { }
}

@media (min-width: 762px) {
  .dmt-355 { margin-top: -3.55em !important; }
  .dpt-355 { }
}

.mb-355 { margin-bottom: -3.55em !important; }

.pb-355 { }

@media (max-width: 761px) {
  .mmb-355 { margin-bottom: -3.55em !important; }
  .mpb-355 { }
}

@media (min-width: 762px) {
  .dmb-355 { margin-bottom: -3.55em !important; }
  .dpb-355 { }
}

.ml-355 { margin-left: -3.55em !important; }

.pl-355 { }

@media (max-width: 761px) {
  .mml-355 { margin-left: -3.55em !important; }
  .mpl-355 { }
}

@media (min-width: 762px) {
  .dml-355 { margin-left: -3.55em !important; }
  .dpl-355 { }
}

.mr-355 { margin-right: -3.55em !important; }

.pr-355 { }

@media (max-width: 761px) {
  .mmr-355 { margin-right: -3.55em !important; }
  .mpr-355 { }
}

@media (min-width: 762px) {
  .dmr-355 { margin-right: -3.55em !important; }
  .dpr-355 { }
}

.mt-350 { margin-top: -3.5em !important; }

.pt-350 { }

@media (max-width: 761px) {
  .mmt-350 { margin-top: -3.5em !important; }
  .mpt-350 { }
}

@media (min-width: 762px) {
  .dmt-350 { margin-top: -3.5em !important; }
  .dpt-350 { }
}

.mb-350 { margin-bottom: -3.5em !important; }

.pb-350 { }

@media (max-width: 761px) {
  .mmb-350 { margin-bottom: -3.5em !important; }
  .mpb-350 { }
}

@media (min-width: 762px) {
  .dmb-350 { margin-bottom: -3.5em !important; }
  .dpb-350 { }
}

.ml-350 { margin-left: -3.5em !important; }

.pl-350 { }

@media (max-width: 761px) {
  .mml-350 { margin-left: -3.5em !important; }
  .mpl-350 { }
}

@media (min-width: 762px) {
  .dml-350 { margin-left: -3.5em !important; }
  .dpl-350 { }
}

.mr-350 { margin-right: -3.5em !important; }

.pr-350 { }

@media (max-width: 761px) {
  .mmr-350 { margin-right: -3.5em !important; }
  .mpr-350 { }
}

@media (min-width: 762px) {
  .dmr-350 { margin-right: -3.5em !important; }
  .dpr-350 { }
}

.mt-345 { margin-top: -3.45em !important; }

.pt-345 { }

@media (max-width: 761px) {
  .mmt-345 { margin-top: -3.45em !important; }
  .mpt-345 { }
}

@media (min-width: 762px) {
  .dmt-345 { margin-top: -3.45em !important; }
  .dpt-345 { }
}

.mb-345 { margin-bottom: -3.45em !important; }

.pb-345 { }

@media (max-width: 761px) {
  .mmb-345 { margin-bottom: -3.45em !important; }
  .mpb-345 { }
}

@media (min-width: 762px) {
  .dmb-345 { margin-bottom: -3.45em !important; }
  .dpb-345 { }
}

.ml-345 { margin-left: -3.45em !important; }

.pl-345 { }

@media (max-width: 761px) {
  .mml-345 { margin-left: -3.45em !important; }
  .mpl-345 { }
}

@media (min-width: 762px) {
  .dml-345 { margin-left: -3.45em !important; }
  .dpl-345 { }
}

.mr-345 { margin-right: -3.45em !important; }

.pr-345 { }

@media (max-width: 761px) {
  .mmr-345 { margin-right: -3.45em !important; }
  .mpr-345 { }
}

@media (min-width: 762px) {
  .dmr-345 { margin-right: -3.45em !important; }
  .dpr-345 { }
}

.mt-340 { margin-top: -3.4em !important; }

.pt-340 { }

@media (max-width: 761px) {
  .mmt-340 { margin-top: -3.4em !important; }
  .mpt-340 { }
}

@media (min-width: 762px) {
  .dmt-340 { margin-top: -3.4em !important; }
  .dpt-340 { }
}

.mb-340 { margin-bottom: -3.4em !important; }

.pb-340 { }

@media (max-width: 761px) {
  .mmb-340 { margin-bottom: -3.4em !important; }
  .mpb-340 { }
}

@media (min-width: 762px) {
  .dmb-340 { margin-bottom: -3.4em !important; }
  .dpb-340 { }
}

.ml-340 { margin-left: -3.4em !important; }

.pl-340 { }

@media (max-width: 761px) {
  .mml-340 { margin-left: -3.4em !important; }
  .mpl-340 { }
}

@media (min-width: 762px) {
  .dml-340 { margin-left: -3.4em !important; }
  .dpl-340 { }
}

.mr-340 { margin-right: -3.4em !important; }

.pr-340 { }

@media (max-width: 761px) {
  .mmr-340 { margin-right: -3.4em !important; }
  .mpr-340 { }
}

@media (min-width: 762px) {
  .dmr-340 { margin-right: -3.4em !important; }
  .dpr-340 { }
}

.mt-335 { margin-top: -3.35em !important; }

.pt-335 { }

@media (max-width: 761px) {
  .mmt-335 { margin-top: -3.35em !important; }
  .mpt-335 { }
}

@media (min-width: 762px) {
  .dmt-335 { margin-top: -3.35em !important; }
  .dpt-335 { }
}

.mb-335 { margin-bottom: -3.35em !important; }

.pb-335 { }

@media (max-width: 761px) {
  .mmb-335 { margin-bottom: -3.35em !important; }
  .mpb-335 { }
}

@media (min-width: 762px) {
  .dmb-335 { margin-bottom: -3.35em !important; }
  .dpb-335 { }
}

.ml-335 { margin-left: -3.35em !important; }

.pl-335 { }

@media (max-width: 761px) {
  .mml-335 { margin-left: -3.35em !important; }
  .mpl-335 { }
}

@media (min-width: 762px) {
  .dml-335 { margin-left: -3.35em !important; }
  .dpl-335 { }
}

.mr-335 { margin-right: -3.35em !important; }

.pr-335 { }

@media (max-width: 761px) {
  .mmr-335 { margin-right: -3.35em !important; }
  .mpr-335 { }
}

@media (min-width: 762px) {
  .dmr-335 { margin-right: -3.35em !important; }
  .dpr-335 { }
}

.mt-330 { margin-top: -3.3em !important; }

.pt-330 { }

@media (max-width: 761px) {
  .mmt-330 { margin-top: -3.3em !important; }
  .mpt-330 { }
}

@media (min-width: 762px) {
  .dmt-330 { margin-top: -3.3em !important; }
  .dpt-330 { }
}

.mb-330 { margin-bottom: -3.3em !important; }

.pb-330 { }

@media (max-width: 761px) {
  .mmb-330 { margin-bottom: -3.3em !important; }
  .mpb-330 { }
}

@media (min-width: 762px) {
  .dmb-330 { margin-bottom: -3.3em !important; }
  .dpb-330 { }
}

.ml-330 { margin-left: -3.3em !important; }

.pl-330 { }

@media (max-width: 761px) {
  .mml-330 { margin-left: -3.3em !important; }
  .mpl-330 { }
}

@media (min-width: 762px) {
  .dml-330 { margin-left: -3.3em !important; }
  .dpl-330 { }
}

.mr-330 { margin-right: -3.3em !important; }

.pr-330 { }

@media (max-width: 761px) {
  .mmr-330 { margin-right: -3.3em !important; }
  .mpr-330 { }
}

@media (min-width: 762px) {
  .dmr-330 { margin-right: -3.3em !important; }
  .dpr-330 { }
}

.mt-325 { margin-top: -3.25em !important; }

.pt-325 { }

@media (max-width: 761px) {
  .mmt-325 { margin-top: -3.25em !important; }
  .mpt-325 { }
}

@media (min-width: 762px) {
  .dmt-325 { margin-top: -3.25em !important; }
  .dpt-325 { }
}

.mb-325 { margin-bottom: -3.25em !important; }

.pb-325 { }

@media (max-width: 761px) {
  .mmb-325 { margin-bottom: -3.25em !important; }
  .mpb-325 { }
}

@media (min-width: 762px) {
  .dmb-325 { margin-bottom: -3.25em !important; }
  .dpb-325 { }
}

.ml-325 { margin-left: -3.25em !important; }

.pl-325 { }

@media (max-width: 761px) {
  .mml-325 { margin-left: -3.25em !important; }
  .mpl-325 { }
}

@media (min-width: 762px) {
  .dml-325 { margin-left: -3.25em !important; }
  .dpl-325 { }
}

.mr-325 { margin-right: -3.25em !important; }

.pr-325 { }

@media (max-width: 761px) {
  .mmr-325 { margin-right: -3.25em !important; }
  .mpr-325 { }
}

@media (min-width: 762px) {
  .dmr-325 { margin-right: -3.25em !important; }
  .dpr-325 { }
}

.mt-320 { margin-top: -3.2em !important; }

.pt-320 { }

@media (max-width: 761px) {
  .mmt-320 { margin-top: -3.2em !important; }
  .mpt-320 { }
}

@media (min-width: 762px) {
  .dmt-320 { margin-top: -3.2em !important; }
  .dpt-320 { }
}

.mb-320 { margin-bottom: -3.2em !important; }

.pb-320 { }

@media (max-width: 761px) {
  .mmb-320 { margin-bottom: -3.2em !important; }
  .mpb-320 { }
}

@media (min-width: 762px) {
  .dmb-320 { margin-bottom: -3.2em !important; }
  .dpb-320 { }
}

.ml-320 { margin-left: -3.2em !important; }

.pl-320 { }

@media (max-width: 761px) {
  .mml-320 { margin-left: -3.2em !important; }
  .mpl-320 { }
}

@media (min-width: 762px) {
  .dml-320 { margin-left: -3.2em !important; }
  .dpl-320 { }
}

.mr-320 { margin-right: -3.2em !important; }

.pr-320 { }

@media (max-width: 761px) {
  .mmr-320 { margin-right: -3.2em !important; }
  .mpr-320 { }
}

@media (min-width: 762px) {
  .dmr-320 { margin-right: -3.2em !important; }
  .dpr-320 { }
}

.mt-315 { margin-top: -3.15em !important; }

.pt-315 { }

@media (max-width: 761px) {
  .mmt-315 { margin-top: -3.15em !important; }
  .mpt-315 { }
}

@media (min-width: 762px) {
  .dmt-315 { margin-top: -3.15em !important; }
  .dpt-315 { }
}

.mb-315 { margin-bottom: -3.15em !important; }

.pb-315 { }

@media (max-width: 761px) {
  .mmb-315 { margin-bottom: -3.15em !important; }
  .mpb-315 { }
}

@media (min-width: 762px) {
  .dmb-315 { margin-bottom: -3.15em !important; }
  .dpb-315 { }
}

.ml-315 { margin-left: -3.15em !important; }

.pl-315 { }

@media (max-width: 761px) {
  .mml-315 { margin-left: -3.15em !important; }
  .mpl-315 { }
}

@media (min-width: 762px) {
  .dml-315 { margin-left: -3.15em !important; }
  .dpl-315 { }
}

.mr-315 { margin-right: -3.15em !important; }

.pr-315 { }

@media (max-width: 761px) {
  .mmr-315 { margin-right: -3.15em !important; }
  .mpr-315 { }
}

@media (min-width: 762px) {
  .dmr-315 { margin-right: -3.15em !important; }
  .dpr-315 { }
}

.mt-310 { margin-top: -3.1em !important; }

.pt-310 { }

@media (max-width: 761px) {
  .mmt-310 { margin-top: -3.1em !important; }
  .mpt-310 { }
}

@media (min-width: 762px) {
  .dmt-310 { margin-top: -3.1em !important; }
  .dpt-310 { }
}

.mb-310 { margin-bottom: -3.1em !important; }

.pb-310 { }

@media (max-width: 761px) {
  .mmb-310 { margin-bottom: -3.1em !important; }
  .mpb-310 { }
}

@media (min-width: 762px) {
  .dmb-310 { margin-bottom: -3.1em !important; }
  .dpb-310 { }
}

.ml-310 { margin-left: -3.1em !important; }

.pl-310 { }

@media (max-width: 761px) {
  .mml-310 { margin-left: -3.1em !important; }
  .mpl-310 { }
}

@media (min-width: 762px) {
  .dml-310 { margin-left: -3.1em !important; }
  .dpl-310 { }
}

.mr-310 { margin-right: -3.1em !important; }

.pr-310 { }

@media (max-width: 761px) {
  .mmr-310 { margin-right: -3.1em !important; }
  .mpr-310 { }
}

@media (min-width: 762px) {
  .dmr-310 { margin-right: -3.1em !important; }
  .dpr-310 { }
}

.mt-305 { margin-top: -3.05em !important; }

.pt-305 { }

@media (max-width: 761px) {
  .mmt-305 { margin-top: -3.05em !important; }
  .mpt-305 { }
}

@media (min-width: 762px) {
  .dmt-305 { margin-top: -3.05em !important; }
  .dpt-305 { }
}

.mb-305 { margin-bottom: -3.05em !important; }

.pb-305 { }

@media (max-width: 761px) {
  .mmb-305 { margin-bottom: -3.05em !important; }
  .mpb-305 { }
}

@media (min-width: 762px) {
  .dmb-305 { margin-bottom: -3.05em !important; }
  .dpb-305 { }
}

.ml-305 { margin-left: -3.05em !important; }

.pl-305 { }

@media (max-width: 761px) {
  .mml-305 { margin-left: -3.05em !important; }
  .mpl-305 { }
}

@media (min-width: 762px) {
  .dml-305 { margin-left: -3.05em !important; }
  .dpl-305 { }
}

.mr-305 { margin-right: -3.05em !important; }

.pr-305 { }

@media (max-width: 761px) {
  .mmr-305 { margin-right: -3.05em !important; }
  .mpr-305 { }
}

@media (min-width: 762px) {
  .dmr-305 { margin-right: -3.05em !important; }
  .dpr-305 { }
}

.mt-300 { margin-top: -3em !important; }

.pt-300 { }

@media (max-width: 761px) {
  .mmt-300 { margin-top: -3em !important; }
  .mpt-300 { }
}

@media (min-width: 762px) {
  .dmt-300 { margin-top: -3em !important; }
  .dpt-300 { }
}

.mb-300 { margin-bottom: -3em !important; }

.pb-300 { }

@media (max-width: 761px) {
  .mmb-300 { margin-bottom: -3em !important; }
  .mpb-300 { }
}

@media (min-width: 762px) {
  .dmb-300 { margin-bottom: -3em !important; }
  .dpb-300 { }
}

.ml-300 { margin-left: -3em !important; }

.pl-300 { }

@media (max-width: 761px) {
  .mml-300 { margin-left: -3em !important; }
  .mpl-300 { }
}

@media (min-width: 762px) {
  .dml-300 { margin-left: -3em !important; }
  .dpl-300 { }
}

.mr-300 { margin-right: -3em !important; }

.pr-300 { }

@media (max-width: 761px) {
  .mmr-300 { margin-right: -3em !important; }
  .mpr-300 { }
}

@media (min-width: 762px) {
  .dmr-300 { margin-right: -3em !important; }
  .dpr-300 { }
}

.mt-295 { margin-top: -2.95em !important; }

.pt-295 { }

@media (max-width: 761px) {
  .mmt-295 { margin-top: -2.95em !important; }
  .mpt-295 { }
}

@media (min-width: 762px) {
  .dmt-295 { margin-top: -2.95em !important; }
  .dpt-295 { }
}

.mb-295 { margin-bottom: -2.95em !important; }

.pb-295 { }

@media (max-width: 761px) {
  .mmb-295 { margin-bottom: -2.95em !important; }
  .mpb-295 { }
}

@media (min-width: 762px) {
  .dmb-295 { margin-bottom: -2.95em !important; }
  .dpb-295 { }
}

.ml-295 { margin-left: -2.95em !important; }

.pl-295 { }

@media (max-width: 761px) {
  .mml-295 { margin-left: -2.95em !important; }
  .mpl-295 { }
}

@media (min-width: 762px) {
  .dml-295 { margin-left: -2.95em !important; }
  .dpl-295 { }
}

.mr-295 { margin-right: -2.95em !important; }

.pr-295 { }

@media (max-width: 761px) {
  .mmr-295 { margin-right: -2.95em !important; }
  .mpr-295 { }
}

@media (min-width: 762px) {
  .dmr-295 { margin-right: -2.95em !important; }
  .dpr-295 { }
}

.mt-290 { margin-top: -2.9em !important; }

.pt-290 { }

@media (max-width: 761px) {
  .mmt-290 { margin-top: -2.9em !important; }
  .mpt-290 { }
}

@media (min-width: 762px) {
  .dmt-290 { margin-top: -2.9em !important; }
  .dpt-290 { }
}

.mb-290 { margin-bottom: -2.9em !important; }

.pb-290 { }

@media (max-width: 761px) {
  .mmb-290 { margin-bottom: -2.9em !important; }
  .mpb-290 { }
}

@media (min-width: 762px) {
  .dmb-290 { margin-bottom: -2.9em !important; }
  .dpb-290 { }
}

.ml-290 { margin-left: -2.9em !important; }

.pl-290 { }

@media (max-width: 761px) {
  .mml-290 { margin-left: -2.9em !important; }
  .mpl-290 { }
}

@media (min-width: 762px) {
  .dml-290 { margin-left: -2.9em !important; }
  .dpl-290 { }
}

.mr-290 { margin-right: -2.9em !important; }

.pr-290 { }

@media (max-width: 761px) {
  .mmr-290 { margin-right: -2.9em !important; }
  .mpr-290 { }
}

@media (min-width: 762px) {
  .dmr-290 { margin-right: -2.9em !important; }
  .dpr-290 { }
}

.mt-285 { margin-top: -2.85em !important; }

.pt-285 { }

@media (max-width: 761px) {
  .mmt-285 { margin-top: -2.85em !important; }
  .mpt-285 { }
}

@media (min-width: 762px) {
  .dmt-285 { margin-top: -2.85em !important; }
  .dpt-285 { }
}

.mb-285 { margin-bottom: -2.85em !important; }

.pb-285 { }

@media (max-width: 761px) {
  .mmb-285 { margin-bottom: -2.85em !important; }
  .mpb-285 { }
}

@media (min-width: 762px) {
  .dmb-285 { margin-bottom: -2.85em !important; }
  .dpb-285 { }
}

.ml-285 { margin-left: -2.85em !important; }

.pl-285 { }

@media (max-width: 761px) {
  .mml-285 { margin-left: -2.85em !important; }
  .mpl-285 { }
}

@media (min-width: 762px) {
  .dml-285 { margin-left: -2.85em !important; }
  .dpl-285 { }
}

.mr-285 { margin-right: -2.85em !important; }

.pr-285 { }

@media (max-width: 761px) {
  .mmr-285 { margin-right: -2.85em !important; }
  .mpr-285 { }
}

@media (min-width: 762px) {
  .dmr-285 { margin-right: -2.85em !important; }
  .dpr-285 { }
}

.mt-280 { margin-top: -2.8em !important; }

.pt-280 { }

@media (max-width: 761px) {
  .mmt-280 { margin-top: -2.8em !important; }
  .mpt-280 { }
}

@media (min-width: 762px) {
  .dmt-280 { margin-top: -2.8em !important; }
  .dpt-280 { }
}

.mb-280 { margin-bottom: -2.8em !important; }

.pb-280 { }

@media (max-width: 761px) {
  .mmb-280 { margin-bottom: -2.8em !important; }
  .mpb-280 { }
}

@media (min-width: 762px) {
  .dmb-280 { margin-bottom: -2.8em !important; }
  .dpb-280 { }
}

.ml-280 { margin-left: -2.8em !important; }

.pl-280 { }

@media (max-width: 761px) {
  .mml-280 { margin-left: -2.8em !important; }
  .mpl-280 { }
}

@media (min-width: 762px) {
  .dml-280 { margin-left: -2.8em !important; }
  .dpl-280 { }
}

.mr-280 { margin-right: -2.8em !important; }

.pr-280 { }

@media (max-width: 761px) {
  .mmr-280 { margin-right: -2.8em !important; }
  .mpr-280 { }
}

@media (min-width: 762px) {
  .dmr-280 { margin-right: -2.8em !important; }
  .dpr-280 { }
}

.mt-275 { margin-top: -2.75em !important; }

.pt-275 { }

@media (max-width: 761px) {
  .mmt-275 { margin-top: -2.75em !important; }
  .mpt-275 { }
}

@media (min-width: 762px) {
  .dmt-275 { margin-top: -2.75em !important; }
  .dpt-275 { }
}

.mb-275 { margin-bottom: -2.75em !important; }

.pb-275 { }

@media (max-width: 761px) {
  .mmb-275 { margin-bottom: -2.75em !important; }
  .mpb-275 { }
}

@media (min-width: 762px) {
  .dmb-275 { margin-bottom: -2.75em !important; }
  .dpb-275 { }
}

.ml-275 { margin-left: -2.75em !important; }

.pl-275 { }

@media (max-width: 761px) {
  .mml-275 { margin-left: -2.75em !important; }
  .mpl-275 { }
}

@media (min-width: 762px) {
  .dml-275 { margin-left: -2.75em !important; }
  .dpl-275 { }
}

.mr-275 { margin-right: -2.75em !important; }

.pr-275 { }

@media (max-width: 761px) {
  .mmr-275 { margin-right: -2.75em !important; }
  .mpr-275 { }
}

@media (min-width: 762px) {
  .dmr-275 { margin-right: -2.75em !important; }
  .dpr-275 { }
}

.mt-270 { margin-top: -2.7em !important; }

.pt-270 { }

@media (max-width: 761px) {
  .mmt-270 { margin-top: -2.7em !important; }
  .mpt-270 { }
}

@media (min-width: 762px) {
  .dmt-270 { margin-top: -2.7em !important; }
  .dpt-270 { }
}

.mb-270 { margin-bottom: -2.7em !important; }

.pb-270 { }

@media (max-width: 761px) {
  .mmb-270 { margin-bottom: -2.7em !important; }
  .mpb-270 { }
}

@media (min-width: 762px) {
  .dmb-270 { margin-bottom: -2.7em !important; }
  .dpb-270 { }
}

.ml-270 { margin-left: -2.7em !important; }

.pl-270 { }

@media (max-width: 761px) {
  .mml-270 { margin-left: -2.7em !important; }
  .mpl-270 { }
}

@media (min-width: 762px) {
  .dml-270 { margin-left: -2.7em !important; }
  .dpl-270 { }
}

.mr-270 { margin-right: -2.7em !important; }

.pr-270 { }

@media (max-width: 761px) {
  .mmr-270 { margin-right: -2.7em !important; }
  .mpr-270 { }
}

@media (min-width: 762px) {
  .dmr-270 { margin-right: -2.7em !important; }
  .dpr-270 { }
}

.mt-265 { margin-top: -2.65em !important; }

.pt-265 { }

@media (max-width: 761px) {
  .mmt-265 { margin-top: -2.65em !important; }
  .mpt-265 { }
}

@media (min-width: 762px) {
  .dmt-265 { margin-top: -2.65em !important; }
  .dpt-265 { }
}

.mb-265 { margin-bottom: -2.65em !important; }

.pb-265 { }

@media (max-width: 761px) {
  .mmb-265 { margin-bottom: -2.65em !important; }
  .mpb-265 { }
}

@media (min-width: 762px) {
  .dmb-265 { margin-bottom: -2.65em !important; }
  .dpb-265 { }
}

.ml-265 { margin-left: -2.65em !important; }

.pl-265 { }

@media (max-width: 761px) {
  .mml-265 { margin-left: -2.65em !important; }
  .mpl-265 { }
}

@media (min-width: 762px) {
  .dml-265 { margin-left: -2.65em !important; }
  .dpl-265 { }
}

.mr-265 { margin-right: -2.65em !important; }

.pr-265 { }

@media (max-width: 761px) {
  .mmr-265 { margin-right: -2.65em !important; }
  .mpr-265 { }
}

@media (min-width: 762px) {
  .dmr-265 { margin-right: -2.65em !important; }
  .dpr-265 { }
}

.mt-260 { margin-top: -2.6em !important; }

.pt-260 { }

@media (max-width: 761px) {
  .mmt-260 { margin-top: -2.6em !important; }
  .mpt-260 { }
}

@media (min-width: 762px) {
  .dmt-260 { margin-top: -2.6em !important; }
  .dpt-260 { }
}

.mb-260 { margin-bottom: -2.6em !important; }

.pb-260 { }

@media (max-width: 761px) {
  .mmb-260 { margin-bottom: -2.6em !important; }
  .mpb-260 { }
}

@media (min-width: 762px) {
  .dmb-260 { margin-bottom: -2.6em !important; }
  .dpb-260 { }
}

.ml-260 { margin-left: -2.6em !important; }

.pl-260 { }

@media (max-width: 761px) {
  .mml-260 { margin-left: -2.6em !important; }
  .mpl-260 { }
}

@media (min-width: 762px) {
  .dml-260 { margin-left: -2.6em !important; }
  .dpl-260 { }
}

.mr-260 { margin-right: -2.6em !important; }

.pr-260 { }

@media (max-width: 761px) {
  .mmr-260 { margin-right: -2.6em !important; }
  .mpr-260 { }
}

@media (min-width: 762px) {
  .dmr-260 { margin-right: -2.6em !important; }
  .dpr-260 { }
}

.mt-255 { margin-top: -2.55em !important; }

.pt-255 { }

@media (max-width: 761px) {
  .mmt-255 { margin-top: -2.55em !important; }
  .mpt-255 { }
}

@media (min-width: 762px) {
  .dmt-255 { margin-top: -2.55em !important; }
  .dpt-255 { }
}

.mb-255 { margin-bottom: -2.55em !important; }

.pb-255 { }

@media (max-width: 761px) {
  .mmb-255 { margin-bottom: -2.55em !important; }
  .mpb-255 { }
}

@media (min-width: 762px) {
  .dmb-255 { margin-bottom: -2.55em !important; }
  .dpb-255 { }
}

.ml-255 { margin-left: -2.55em !important; }

.pl-255 { }

@media (max-width: 761px) {
  .mml-255 { margin-left: -2.55em !important; }
  .mpl-255 { }
}

@media (min-width: 762px) {
  .dml-255 { margin-left: -2.55em !important; }
  .dpl-255 { }
}

.mr-255 { margin-right: -2.55em !important; }

.pr-255 { }

@media (max-width: 761px) {
  .mmr-255 { margin-right: -2.55em !important; }
  .mpr-255 { }
}

@media (min-width: 762px) {
  .dmr-255 { margin-right: -2.55em !important; }
  .dpr-255 { }
}

.mt-250 { margin-top: -2.5em !important; }

.pt-250 { }

@media (max-width: 761px) {
  .mmt-250 { margin-top: -2.5em !important; }
  .mpt-250 { }
}

@media (min-width: 762px) {
  .dmt-250 { margin-top: -2.5em !important; }
  .dpt-250 { }
}

.mb-250 { margin-bottom: -2.5em !important; }

.pb-250 { }

@media (max-width: 761px) {
  .mmb-250 { margin-bottom: -2.5em !important; }
  .mpb-250 { }
}

@media (min-width: 762px) {
  .dmb-250 { margin-bottom: -2.5em !important; }
  .dpb-250 { }
}

.ml-250 { margin-left: -2.5em !important; }

.pl-250 { }

@media (max-width: 761px) {
  .mml-250 { margin-left: -2.5em !important; }
  .mpl-250 { }
}

@media (min-width: 762px) {
  .dml-250 { margin-left: -2.5em !important; }
  .dpl-250 { }
}

.mr-250 { margin-right: -2.5em !important; }

.pr-250 { }

@media (max-width: 761px) {
  .mmr-250 { margin-right: -2.5em !important; }
  .mpr-250 { }
}

@media (min-width: 762px) {
  .dmr-250 { margin-right: -2.5em !important; }
  .dpr-250 { }
}

.mt-245 { margin-top: -2.45em !important; }

.pt-245 { }

@media (max-width: 761px) {
  .mmt-245 { margin-top: -2.45em !important; }
  .mpt-245 { }
}

@media (min-width: 762px) {
  .dmt-245 { margin-top: -2.45em !important; }
  .dpt-245 { }
}

.mb-245 { margin-bottom: -2.45em !important; }

.pb-245 { }

@media (max-width: 761px) {
  .mmb-245 { margin-bottom: -2.45em !important; }
  .mpb-245 { }
}

@media (min-width: 762px) {
  .dmb-245 { margin-bottom: -2.45em !important; }
  .dpb-245 { }
}

.ml-245 { margin-left: -2.45em !important; }

.pl-245 { }

@media (max-width: 761px) {
  .mml-245 { margin-left: -2.45em !important; }
  .mpl-245 { }
}

@media (min-width: 762px) {
  .dml-245 { margin-left: -2.45em !important; }
  .dpl-245 { }
}

.mr-245 { margin-right: -2.45em !important; }

.pr-245 { }

@media (max-width: 761px) {
  .mmr-245 { margin-right: -2.45em !important; }
  .mpr-245 { }
}

@media (min-width: 762px) {
  .dmr-245 { margin-right: -2.45em !important; }
  .dpr-245 { }
}

.mt-240 { margin-top: -2.4em !important; }

.pt-240 { }

@media (max-width: 761px) {
  .mmt-240 { margin-top: -2.4em !important; }
  .mpt-240 { }
}

@media (min-width: 762px) {
  .dmt-240 { margin-top: -2.4em !important; }
  .dpt-240 { }
}

.mb-240 { margin-bottom: -2.4em !important; }

.pb-240 { }

@media (max-width: 761px) {
  .mmb-240 { margin-bottom: -2.4em !important; }
  .mpb-240 { }
}

@media (min-width: 762px) {
  .dmb-240 { margin-bottom: -2.4em !important; }
  .dpb-240 { }
}

.ml-240 { margin-left: -2.4em !important; }

.pl-240 { }

@media (max-width: 761px) {
  .mml-240 { margin-left: -2.4em !important; }
  .mpl-240 { }
}

@media (min-width: 762px) {
  .dml-240 { margin-left: -2.4em !important; }
  .dpl-240 { }
}

.mr-240 { margin-right: -2.4em !important; }

.pr-240 { }

@media (max-width: 761px) {
  .mmr-240 { margin-right: -2.4em !important; }
  .mpr-240 { }
}

@media (min-width: 762px) {
  .dmr-240 { margin-right: -2.4em !important; }
  .dpr-240 { }
}

.mt-235 { margin-top: -2.35em !important; }

.pt-235 { }

@media (max-width: 761px) {
  .mmt-235 { margin-top: -2.35em !important; }
  .mpt-235 { }
}

@media (min-width: 762px) {
  .dmt-235 { margin-top: -2.35em !important; }
  .dpt-235 { }
}

.mb-235 { margin-bottom: -2.35em !important; }

.pb-235 { }

@media (max-width: 761px) {
  .mmb-235 { margin-bottom: -2.35em !important; }
  .mpb-235 { }
}

@media (min-width: 762px) {
  .dmb-235 { margin-bottom: -2.35em !important; }
  .dpb-235 { }
}

.ml-235 { margin-left: -2.35em !important; }

.pl-235 { }

@media (max-width: 761px) {
  .mml-235 { margin-left: -2.35em !important; }
  .mpl-235 { }
}

@media (min-width: 762px) {
  .dml-235 { margin-left: -2.35em !important; }
  .dpl-235 { }
}

.mr-235 { margin-right: -2.35em !important; }

.pr-235 { }

@media (max-width: 761px) {
  .mmr-235 { margin-right: -2.35em !important; }
  .mpr-235 { }
}

@media (min-width: 762px) {
  .dmr-235 { margin-right: -2.35em !important; }
  .dpr-235 { }
}

.mt-230 { margin-top: -2.3em !important; }

.pt-230 { }

@media (max-width: 761px) {
  .mmt-230 { margin-top: -2.3em !important; }
  .mpt-230 { }
}

@media (min-width: 762px) {
  .dmt-230 { margin-top: -2.3em !important; }
  .dpt-230 { }
}

.mb-230 { margin-bottom: -2.3em !important; }

.pb-230 { }

@media (max-width: 761px) {
  .mmb-230 { margin-bottom: -2.3em !important; }
  .mpb-230 { }
}

@media (min-width: 762px) {
  .dmb-230 { margin-bottom: -2.3em !important; }
  .dpb-230 { }
}

.ml-230 { margin-left: -2.3em !important; }

.pl-230 { }

@media (max-width: 761px) {
  .mml-230 { margin-left: -2.3em !important; }
  .mpl-230 { }
}

@media (min-width: 762px) {
  .dml-230 { margin-left: -2.3em !important; }
  .dpl-230 { }
}

.mr-230 { margin-right: -2.3em !important; }

.pr-230 { }

@media (max-width: 761px) {
  .mmr-230 { margin-right: -2.3em !important; }
  .mpr-230 { }
}

@media (min-width: 762px) {
  .dmr-230 { margin-right: -2.3em !important; }
  .dpr-230 { }
}

.mt-225 { margin-top: -2.25em !important; }

.pt-225 { }

@media (max-width: 761px) {
  .mmt-225 { margin-top: -2.25em !important; }
  .mpt-225 { }
}

@media (min-width: 762px) {
  .dmt-225 { margin-top: -2.25em !important; }
  .dpt-225 { }
}

.mb-225 { margin-bottom: -2.25em !important; }

.pb-225 { }

@media (max-width: 761px) {
  .mmb-225 { margin-bottom: -2.25em !important; }
  .mpb-225 { }
}

@media (min-width: 762px) {
  .dmb-225 { margin-bottom: -2.25em !important; }
  .dpb-225 { }
}

.ml-225 { margin-left: -2.25em !important; }

.pl-225 { }

@media (max-width: 761px) {
  .mml-225 { margin-left: -2.25em !important; }
  .mpl-225 { }
}

@media (min-width: 762px) {
  .dml-225 { margin-left: -2.25em !important; }
  .dpl-225 { }
}

.mr-225 { margin-right: -2.25em !important; }

.pr-225 { }

@media (max-width: 761px) {
  .mmr-225 { margin-right: -2.25em !important; }
  .mpr-225 { }
}

@media (min-width: 762px) {
  .dmr-225 { margin-right: -2.25em !important; }
  .dpr-225 { }
}

.mt-220 { margin-top: -2.2em !important; }

.pt-220 { }

@media (max-width: 761px) {
  .mmt-220 { margin-top: -2.2em !important; }
  .mpt-220 { }
}

@media (min-width: 762px) {
  .dmt-220 { margin-top: -2.2em !important; }
  .dpt-220 { }
}

.mb-220 { margin-bottom: -2.2em !important; }

.pb-220 { }

@media (max-width: 761px) {
  .mmb-220 { margin-bottom: -2.2em !important; }
  .mpb-220 { }
}

@media (min-width: 762px) {
  .dmb-220 { margin-bottom: -2.2em !important; }
  .dpb-220 { }
}

.ml-220 { margin-left: -2.2em !important; }

.pl-220 { }

@media (max-width: 761px) {
  .mml-220 { margin-left: -2.2em !important; }
  .mpl-220 { }
}

@media (min-width: 762px) {
  .dml-220 { margin-left: -2.2em !important; }
  .dpl-220 { }
}

.mr-220 { margin-right: -2.2em !important; }

.pr-220 { }

@media (max-width: 761px) {
  .mmr-220 { margin-right: -2.2em !important; }
  .mpr-220 { }
}

@media (min-width: 762px) {
  .dmr-220 { margin-right: -2.2em !important; }
  .dpr-220 { }
}

.mt-215 { margin-top: -2.15em !important; }

.pt-215 { }

@media (max-width: 761px) {
  .mmt-215 { margin-top: -2.15em !important; }
  .mpt-215 { }
}

@media (min-width: 762px) {
  .dmt-215 { margin-top: -2.15em !important; }
  .dpt-215 { }
}

.mb-215 { margin-bottom: -2.15em !important; }

.pb-215 { }

@media (max-width: 761px) {
  .mmb-215 { margin-bottom: -2.15em !important; }
  .mpb-215 { }
}

@media (min-width: 762px) {
  .dmb-215 { margin-bottom: -2.15em !important; }
  .dpb-215 { }
}

.ml-215 { margin-left: -2.15em !important; }

.pl-215 { }

@media (max-width: 761px) {
  .mml-215 { margin-left: -2.15em !important; }
  .mpl-215 { }
}

@media (min-width: 762px) {
  .dml-215 { margin-left: -2.15em !important; }
  .dpl-215 { }
}

.mr-215 { margin-right: -2.15em !important; }

.pr-215 { }

@media (max-width: 761px) {
  .mmr-215 { margin-right: -2.15em !important; }
  .mpr-215 { }
}

@media (min-width: 762px) {
  .dmr-215 { margin-right: -2.15em !important; }
  .dpr-215 { }
}

.mt-210 { margin-top: -2.1em !important; }

.pt-210 { }

@media (max-width: 761px) {
  .mmt-210 { margin-top: -2.1em !important; }
  .mpt-210 { }
}

@media (min-width: 762px) {
  .dmt-210 { margin-top: -2.1em !important; }
  .dpt-210 { }
}

.mb-210 { margin-bottom: -2.1em !important; }

.pb-210 { }

@media (max-width: 761px) {
  .mmb-210 { margin-bottom: -2.1em !important; }
  .mpb-210 { }
}

@media (min-width: 762px) {
  .dmb-210 { margin-bottom: -2.1em !important; }
  .dpb-210 { }
}

.ml-210 { margin-left: -2.1em !important; }

.pl-210 { }

@media (max-width: 761px) {
  .mml-210 { margin-left: -2.1em !important; }
  .mpl-210 { }
}

@media (min-width: 762px) {
  .dml-210 { margin-left: -2.1em !important; }
  .dpl-210 { }
}

.mr-210 { margin-right: -2.1em !important; }

.pr-210 { }

@media (max-width: 761px) {
  .mmr-210 { margin-right: -2.1em !important; }
  .mpr-210 { }
}

@media (min-width: 762px) {
  .dmr-210 { margin-right: -2.1em !important; }
  .dpr-210 { }
}

.mt-205 { margin-top: -2.05em !important; }

.pt-205 { }

@media (max-width: 761px) {
  .mmt-205 { margin-top: -2.05em !important; }
  .mpt-205 { }
}

@media (min-width: 762px) {
  .dmt-205 { margin-top: -2.05em !important; }
  .dpt-205 { }
}

.mb-205 { margin-bottom: -2.05em !important; }

.pb-205 { }

@media (max-width: 761px) {
  .mmb-205 { margin-bottom: -2.05em !important; }
  .mpb-205 { }
}

@media (min-width: 762px) {
  .dmb-205 { margin-bottom: -2.05em !important; }
  .dpb-205 { }
}

.ml-205 { margin-left: -2.05em !important; }

.pl-205 { }

@media (max-width: 761px) {
  .mml-205 { margin-left: -2.05em !important; }
  .mpl-205 { }
}

@media (min-width: 762px) {
  .dml-205 { margin-left: -2.05em !important; }
  .dpl-205 { }
}

.mr-205 { margin-right: -2.05em !important; }

.pr-205 { }

@media (max-width: 761px) {
  .mmr-205 { margin-right: -2.05em !important; }
  .mpr-205 { }
}

@media (min-width: 762px) {
  .dmr-205 { margin-right: -2.05em !important; }
  .dpr-205 { }
}

.mt-200 { margin-top: -2em !important; }

.pt-200 { }

@media (max-width: 761px) {
  .mmt-200 { margin-top: -2em !important; }
  .mpt-200 { }
}

@media (min-width: 762px) {
  .dmt-200 { margin-top: -2em !important; }
  .dpt-200 { }
}

.mb-200 { margin-bottom: -2em !important; }

.pb-200 { }

@media (max-width: 761px) {
  .mmb-200 { margin-bottom: -2em !important; }
  .mpb-200 { }
}

@media (min-width: 762px) {
  .dmb-200 { margin-bottom: -2em !important; }
  .dpb-200 { }
}

.ml-200 { margin-left: -2em !important; }

.pl-200 { }

@media (max-width: 761px) {
  .mml-200 { margin-left: -2em !important; }
  .mpl-200 { }
}

@media (min-width: 762px) {
  .dml-200 { margin-left: -2em !important; }
  .dpl-200 { }
}

.mr-200 { margin-right: -2em !important; }

.pr-200 { }

@media (max-width: 761px) {
  .mmr-200 { margin-right: -2em !important; }
  .mpr-200 { }
}

@media (min-width: 762px) {
  .dmr-200 { margin-right: -2em !important; }
  .dpr-200 { }
}

.mt-195 { margin-top: -1.95em !important; }

.pt-195 { }

@media (max-width: 761px) {
  .mmt-195 { margin-top: -1.95em !important; }
  .mpt-195 { }
}

@media (min-width: 762px) {
  .dmt-195 { margin-top: -1.95em !important; }
  .dpt-195 { }
}

.mb-195 { margin-bottom: -1.95em !important; }

.pb-195 { }

@media (max-width: 761px) {
  .mmb-195 { margin-bottom: -1.95em !important; }
  .mpb-195 { }
}

@media (min-width: 762px) {
  .dmb-195 { margin-bottom: -1.95em !important; }
  .dpb-195 { }
}

.ml-195 { margin-left: -1.95em !important; }

.pl-195 { }

@media (max-width: 761px) {
  .mml-195 { margin-left: -1.95em !important; }
  .mpl-195 { }
}

@media (min-width: 762px) {
  .dml-195 { margin-left: -1.95em !important; }
  .dpl-195 { }
}

.mr-195 { margin-right: -1.95em !important; }

.pr-195 { }

@media (max-width: 761px) {
  .mmr-195 { margin-right: -1.95em !important; }
  .mpr-195 { }
}

@media (min-width: 762px) {
  .dmr-195 { margin-right: -1.95em !important; }
  .dpr-195 { }
}

.mt-190 { margin-top: -1.9em !important; }

.pt-190 { }

@media (max-width: 761px) {
  .mmt-190 { margin-top: -1.9em !important; }
  .mpt-190 { }
}

@media (min-width: 762px) {
  .dmt-190 { margin-top: -1.9em !important; }
  .dpt-190 { }
}

.mb-190 { margin-bottom: -1.9em !important; }

.pb-190 { }

@media (max-width: 761px) {
  .mmb-190 { margin-bottom: -1.9em !important; }
  .mpb-190 { }
}

@media (min-width: 762px) {
  .dmb-190 { margin-bottom: -1.9em !important; }
  .dpb-190 { }
}

.ml-190 { margin-left: -1.9em !important; }

.pl-190 { }

@media (max-width: 761px) {
  .mml-190 { margin-left: -1.9em !important; }
  .mpl-190 { }
}

@media (min-width: 762px) {
  .dml-190 { margin-left: -1.9em !important; }
  .dpl-190 { }
}

.mr-190 { margin-right: -1.9em !important; }

.pr-190 { }

@media (max-width: 761px) {
  .mmr-190 { margin-right: -1.9em !important; }
  .mpr-190 { }
}

@media (min-width: 762px) {
  .dmr-190 { margin-right: -1.9em !important; }
  .dpr-190 { }
}

.mt-185 { margin-top: -1.85em !important; }

.pt-185 { }

@media (max-width: 761px) {
  .mmt-185 { margin-top: -1.85em !important; }
  .mpt-185 { }
}

@media (min-width: 762px) {
  .dmt-185 { margin-top: -1.85em !important; }
  .dpt-185 { }
}

.mb-185 { margin-bottom: -1.85em !important; }

.pb-185 { }

@media (max-width: 761px) {
  .mmb-185 { margin-bottom: -1.85em !important; }
  .mpb-185 { }
}

@media (min-width: 762px) {
  .dmb-185 { margin-bottom: -1.85em !important; }
  .dpb-185 { }
}

.ml-185 { margin-left: -1.85em !important; }

.pl-185 { }

@media (max-width: 761px) {
  .mml-185 { margin-left: -1.85em !important; }
  .mpl-185 { }
}

@media (min-width: 762px) {
  .dml-185 { margin-left: -1.85em !important; }
  .dpl-185 { }
}

.mr-185 { margin-right: -1.85em !important; }

.pr-185 { }

@media (max-width: 761px) {
  .mmr-185 { margin-right: -1.85em !important; }
  .mpr-185 { }
}

@media (min-width: 762px) {
  .dmr-185 { margin-right: -1.85em !important; }
  .dpr-185 { }
}

.mt-180 { margin-top: -1.8em !important; }

.pt-180 { }

@media (max-width: 761px) {
  .mmt-180 { margin-top: -1.8em !important; }
  .mpt-180 { }
}

@media (min-width: 762px) {
  .dmt-180 { margin-top: -1.8em !important; }
  .dpt-180 { }
}

.mb-180 { margin-bottom: -1.8em !important; }

.pb-180 { }

@media (max-width: 761px) {
  .mmb-180 { margin-bottom: -1.8em !important; }
  .mpb-180 { }
}

@media (min-width: 762px) {
  .dmb-180 { margin-bottom: -1.8em !important; }
  .dpb-180 { }
}

.ml-180 { margin-left: -1.8em !important; }

.pl-180 { }

@media (max-width: 761px) {
  .mml-180 { margin-left: -1.8em !important; }
  .mpl-180 { }
}

@media (min-width: 762px) {
  .dml-180 { margin-left: -1.8em !important; }
  .dpl-180 { }
}

.mr-180 { margin-right: -1.8em !important; }

.pr-180 { }

@media (max-width: 761px) {
  .mmr-180 { margin-right: -1.8em !important; }
  .mpr-180 { }
}

@media (min-width: 762px) {
  .dmr-180 { margin-right: -1.8em !important; }
  .dpr-180 { }
}

.mt-175 { margin-top: -1.75em !important; }

.pt-175 { }

@media (max-width: 761px) {
  .mmt-175 { margin-top: -1.75em !important; }
  .mpt-175 { }
}

@media (min-width: 762px) {
  .dmt-175 { margin-top: -1.75em !important; }
  .dpt-175 { }
}

.mb-175 { margin-bottom: -1.75em !important; }

.pb-175 { }

@media (max-width: 761px) {
  .mmb-175 { margin-bottom: -1.75em !important; }
  .mpb-175 { }
}

@media (min-width: 762px) {
  .dmb-175 { margin-bottom: -1.75em !important; }
  .dpb-175 { }
}

.ml-175 { margin-left: -1.75em !important; }

.pl-175 { }

@media (max-width: 761px) {
  .mml-175 { margin-left: -1.75em !important; }
  .mpl-175 { }
}

@media (min-width: 762px) {
  .dml-175 { margin-left: -1.75em !important; }
  .dpl-175 { }
}

.mr-175 { margin-right: -1.75em !important; }

.pr-175 { }

@media (max-width: 761px) {
  .mmr-175 { margin-right: -1.75em !important; }
  .mpr-175 { }
}

@media (min-width: 762px) {
  .dmr-175 { margin-right: -1.75em !important; }
  .dpr-175 { }
}

.mt-170 { margin-top: -1.7em !important; }

.pt-170 { }

@media (max-width: 761px) {
  .mmt-170 { margin-top: -1.7em !important; }
  .mpt-170 { }
}

@media (min-width: 762px) {
  .dmt-170 { margin-top: -1.7em !important; }
  .dpt-170 { }
}

.mb-170 { margin-bottom: -1.7em !important; }

.pb-170 { }

@media (max-width: 761px) {
  .mmb-170 { margin-bottom: -1.7em !important; }
  .mpb-170 { }
}

@media (min-width: 762px) {
  .dmb-170 { margin-bottom: -1.7em !important; }
  .dpb-170 { }
}

.ml-170 { margin-left: -1.7em !important; }

.pl-170 { }

@media (max-width: 761px) {
  .mml-170 { margin-left: -1.7em !important; }
  .mpl-170 { }
}

@media (min-width: 762px) {
  .dml-170 { margin-left: -1.7em !important; }
  .dpl-170 { }
}

.mr-170 { margin-right: -1.7em !important; }

.pr-170 { }

@media (max-width: 761px) {
  .mmr-170 { margin-right: -1.7em !important; }
  .mpr-170 { }
}

@media (min-width: 762px) {
  .dmr-170 { margin-right: -1.7em !important; }
  .dpr-170 { }
}

.mt-165 { margin-top: -1.65em !important; }

.pt-165 { }

@media (max-width: 761px) {
  .mmt-165 { margin-top: -1.65em !important; }
  .mpt-165 { }
}

@media (min-width: 762px) {
  .dmt-165 { margin-top: -1.65em !important; }
  .dpt-165 { }
}

.mb-165 { margin-bottom: -1.65em !important; }

.pb-165 { }

@media (max-width: 761px) {
  .mmb-165 { margin-bottom: -1.65em !important; }
  .mpb-165 { }
}

@media (min-width: 762px) {
  .dmb-165 { margin-bottom: -1.65em !important; }
  .dpb-165 { }
}

.ml-165 { margin-left: -1.65em !important; }

.pl-165 { }

@media (max-width: 761px) {
  .mml-165 { margin-left: -1.65em !important; }
  .mpl-165 { }
}

@media (min-width: 762px) {
  .dml-165 { margin-left: -1.65em !important; }
  .dpl-165 { }
}

.mr-165 { margin-right: -1.65em !important; }

.pr-165 { }

@media (max-width: 761px) {
  .mmr-165 { margin-right: -1.65em !important; }
  .mpr-165 { }
}

@media (min-width: 762px) {
  .dmr-165 { margin-right: -1.65em !important; }
  .dpr-165 { }
}

.mt-160 { margin-top: -1.6em !important; }

.pt-160 { }

@media (max-width: 761px) {
  .mmt-160 { margin-top: -1.6em !important; }
  .mpt-160 { }
}

@media (min-width: 762px) {
  .dmt-160 { margin-top: -1.6em !important; }
  .dpt-160 { }
}

.mb-160 { margin-bottom: -1.6em !important; }

.pb-160 { }

@media (max-width: 761px) {
  .mmb-160 { margin-bottom: -1.6em !important; }
  .mpb-160 { }
}

@media (min-width: 762px) {
  .dmb-160 { margin-bottom: -1.6em !important; }
  .dpb-160 { }
}

.ml-160 { margin-left: -1.6em !important; }

.pl-160 { }

@media (max-width: 761px) {
  .mml-160 { margin-left: -1.6em !important; }
  .mpl-160 { }
}

@media (min-width: 762px) {
  .dml-160 { margin-left: -1.6em !important; }
  .dpl-160 { }
}

.mr-160 { margin-right: -1.6em !important; }

.pr-160 { }

@media (max-width: 761px) {
  .mmr-160 { margin-right: -1.6em !important; }
  .mpr-160 { }
}

@media (min-width: 762px) {
  .dmr-160 { margin-right: -1.6em !important; }
  .dpr-160 { }
}

.mt-155 { margin-top: -1.55em !important; }

.pt-155 { }

@media (max-width: 761px) {
  .mmt-155 { margin-top: -1.55em !important; }
  .mpt-155 { }
}

@media (min-width: 762px) {
  .dmt-155 { margin-top: -1.55em !important; }
  .dpt-155 { }
}

.mb-155 { margin-bottom: -1.55em !important; }

.pb-155 { }

@media (max-width: 761px) {
  .mmb-155 { margin-bottom: -1.55em !important; }
  .mpb-155 { }
}

@media (min-width: 762px) {
  .dmb-155 { margin-bottom: -1.55em !important; }
  .dpb-155 { }
}

.ml-155 { margin-left: -1.55em !important; }

.pl-155 { }

@media (max-width: 761px) {
  .mml-155 { margin-left: -1.55em !important; }
  .mpl-155 { }
}

@media (min-width: 762px) {
  .dml-155 { margin-left: -1.55em !important; }
  .dpl-155 { }
}

.mr-155 { margin-right: -1.55em !important; }

.pr-155 { }

@media (max-width: 761px) {
  .mmr-155 { margin-right: -1.55em !important; }
  .mpr-155 { }
}

@media (min-width: 762px) {
  .dmr-155 { margin-right: -1.55em !important; }
  .dpr-155 { }
}

.mt-150 { margin-top: -1.5em !important; }

.pt-150 { }

@media (max-width: 761px) {
  .mmt-150 { margin-top: -1.5em !important; }
  .mpt-150 { }
}

@media (min-width: 762px) {
  .dmt-150 { margin-top: -1.5em !important; }
  .dpt-150 { }
}

.mb-150 { margin-bottom: -1.5em !important; }

.pb-150 { }

@media (max-width: 761px) {
  .mmb-150 { margin-bottom: -1.5em !important; }
  .mpb-150 { }
}

@media (min-width: 762px) {
  .dmb-150 { margin-bottom: -1.5em !important; }
  .dpb-150 { }
}

.ml-150 { margin-left: -1.5em !important; }

.pl-150 { }

@media (max-width: 761px) {
  .mml-150 { margin-left: -1.5em !important; }
  .mpl-150 { }
}

@media (min-width: 762px) {
  .dml-150 { margin-left: -1.5em !important; }
  .dpl-150 { }
}

.mr-150 { margin-right: -1.5em !important; }

.pr-150 { }

@media (max-width: 761px) {
  .mmr-150 { margin-right: -1.5em !important; }
  .mpr-150 { }
}

@media (min-width: 762px) {
  .dmr-150 { margin-right: -1.5em !important; }
  .dpr-150 { }
}

.mt-145 { margin-top: -1.45em !important; }

.pt-145 { }

@media (max-width: 761px) {
  .mmt-145 { margin-top: -1.45em !important; }
  .mpt-145 { }
}

@media (min-width: 762px) {
  .dmt-145 { margin-top: -1.45em !important; }
  .dpt-145 { }
}

.mb-145 { margin-bottom: -1.45em !important; }

.pb-145 { }

@media (max-width: 761px) {
  .mmb-145 { margin-bottom: -1.45em !important; }
  .mpb-145 { }
}

@media (min-width: 762px) {
  .dmb-145 { margin-bottom: -1.45em !important; }
  .dpb-145 { }
}

.ml-145 { margin-left: -1.45em !important; }

.pl-145 { }

@media (max-width: 761px) {
  .mml-145 { margin-left: -1.45em !important; }
  .mpl-145 { }
}

@media (min-width: 762px) {
  .dml-145 { margin-left: -1.45em !important; }
  .dpl-145 { }
}

.mr-145 { margin-right: -1.45em !important; }

.pr-145 { }

@media (max-width: 761px) {
  .mmr-145 { margin-right: -1.45em !important; }
  .mpr-145 { }
}

@media (min-width: 762px) {
  .dmr-145 { margin-right: -1.45em !important; }
  .dpr-145 { }
}

.mt-140 { margin-top: -1.4em !important; }

.pt-140 { }

@media (max-width: 761px) {
  .mmt-140 { margin-top: -1.4em !important; }
  .mpt-140 { }
}

@media (min-width: 762px) {
  .dmt-140 { margin-top: -1.4em !important; }
  .dpt-140 { }
}

.mb-140 { margin-bottom: -1.4em !important; }

.pb-140 { }

@media (max-width: 761px) {
  .mmb-140 { margin-bottom: -1.4em !important; }
  .mpb-140 { }
}

@media (min-width: 762px) {
  .dmb-140 { margin-bottom: -1.4em !important; }
  .dpb-140 { }
}

.ml-140 { margin-left: -1.4em !important; }

.pl-140 { }

@media (max-width: 761px) {
  .mml-140 { margin-left: -1.4em !important; }
  .mpl-140 { }
}

@media (min-width: 762px) {
  .dml-140 { margin-left: -1.4em !important; }
  .dpl-140 { }
}

.mr-140 { margin-right: -1.4em !important; }

.pr-140 { }

@media (max-width: 761px) {
  .mmr-140 { margin-right: -1.4em !important; }
  .mpr-140 { }
}

@media (min-width: 762px) {
  .dmr-140 { margin-right: -1.4em !important; }
  .dpr-140 { }
}

.mt-135 { margin-top: -1.35em !important; }

.pt-135 { }

@media (max-width: 761px) {
  .mmt-135 { margin-top: -1.35em !important; }
  .mpt-135 { }
}

@media (min-width: 762px) {
  .dmt-135 { margin-top: -1.35em !important; }
  .dpt-135 { }
}

.mb-135 { margin-bottom: -1.35em !important; }

.pb-135 { }

@media (max-width: 761px) {
  .mmb-135 { margin-bottom: -1.35em !important; }
  .mpb-135 { }
}

@media (min-width: 762px) {
  .dmb-135 { margin-bottom: -1.35em !important; }
  .dpb-135 { }
}

.ml-135 { margin-left: -1.35em !important; }

.pl-135 { }

@media (max-width: 761px) {
  .mml-135 { margin-left: -1.35em !important; }
  .mpl-135 { }
}

@media (min-width: 762px) {
  .dml-135 { margin-left: -1.35em !important; }
  .dpl-135 { }
}

.mr-135 { margin-right: -1.35em !important; }

.pr-135 { }

@media (max-width: 761px) {
  .mmr-135 { margin-right: -1.35em !important; }
  .mpr-135 { }
}

@media (min-width: 762px) {
  .dmr-135 { margin-right: -1.35em !important; }
  .dpr-135 { }
}

.mt-130 { margin-top: -1.3em !important; }

.pt-130 { }

@media (max-width: 761px) {
  .mmt-130 { margin-top: -1.3em !important; }
  .mpt-130 { }
}

@media (min-width: 762px) {
  .dmt-130 { margin-top: -1.3em !important; }
  .dpt-130 { }
}

.mb-130 { margin-bottom: -1.3em !important; }

.pb-130 { }

@media (max-width: 761px) {
  .mmb-130 { margin-bottom: -1.3em !important; }
  .mpb-130 { }
}

@media (min-width: 762px) {
  .dmb-130 { margin-bottom: -1.3em !important; }
  .dpb-130 { }
}

.ml-130 { margin-left: -1.3em !important; }

.pl-130 { }

@media (max-width: 761px) {
  .mml-130 { margin-left: -1.3em !important; }
  .mpl-130 { }
}

@media (min-width: 762px) {
  .dml-130 { margin-left: -1.3em !important; }
  .dpl-130 { }
}

.mr-130 { margin-right: -1.3em !important; }

.pr-130 { }

@media (max-width: 761px) {
  .mmr-130 { margin-right: -1.3em !important; }
  .mpr-130 { }
}

@media (min-width: 762px) {
  .dmr-130 { margin-right: -1.3em !important; }
  .dpr-130 { }
}

.mt-125 { margin-top: -1.25em !important; }

.pt-125 { }

@media (max-width: 761px) {
  .mmt-125 { margin-top: -1.25em !important; }
  .mpt-125 { }
}

@media (min-width: 762px) {
  .dmt-125 { margin-top: -1.25em !important; }
  .dpt-125 { }
}

.mb-125 { margin-bottom: -1.25em !important; }

.pb-125 { }

@media (max-width: 761px) {
  .mmb-125 { margin-bottom: -1.25em !important; }
  .mpb-125 { }
}

@media (min-width: 762px) {
  .dmb-125 { margin-bottom: -1.25em !important; }
  .dpb-125 { }
}

.ml-125 { margin-left: -1.25em !important; }

.pl-125 { }

@media (max-width: 761px) {
  .mml-125 { margin-left: -1.25em !important; }
  .mpl-125 { }
}

@media (min-width: 762px) {
  .dml-125 { margin-left: -1.25em !important; }
  .dpl-125 { }
}

.mr-125 { margin-right: -1.25em !important; }

.pr-125 { }

@media (max-width: 761px) {
  .mmr-125 { margin-right: -1.25em !important; }
  .mpr-125 { }
}

@media (min-width: 762px) {
  .dmr-125 { margin-right: -1.25em !important; }
  .dpr-125 { }
}

.mt-120 { margin-top: -1.2em !important; }

.pt-120 { }

@media (max-width: 761px) {
  .mmt-120 { margin-top: -1.2em !important; }
  .mpt-120 { }
}

@media (min-width: 762px) {
  .dmt-120 { margin-top: -1.2em !important; }
  .dpt-120 { }
}

.mb-120 { margin-bottom: -1.2em !important; }

.pb-120 { }

@media (max-width: 761px) {
  .mmb-120 { margin-bottom: -1.2em !important; }
  .mpb-120 { }
}

@media (min-width: 762px) {
  .dmb-120 { margin-bottom: -1.2em !important; }
  .dpb-120 { }
}

.ml-120 { margin-left: -1.2em !important; }

.pl-120 { }

@media (max-width: 761px) {
  .mml-120 { margin-left: -1.2em !important; }
  .mpl-120 { }
}

@media (min-width: 762px) {
  .dml-120 { margin-left: -1.2em !important; }
  .dpl-120 { }
}

.mr-120 { margin-right: -1.2em !important; }

.pr-120 { }

@media (max-width: 761px) {
  .mmr-120 { margin-right: -1.2em !important; }
  .mpr-120 { }
}

@media (min-width: 762px) {
  .dmr-120 { margin-right: -1.2em !important; }
  .dpr-120 { }
}

.mt-115 { margin-top: -1.15em !important; }

.pt-115 { }

@media (max-width: 761px) {
  .mmt-115 { margin-top: -1.15em !important; }
  .mpt-115 { }
}

@media (min-width: 762px) {
  .dmt-115 { margin-top: -1.15em !important; }
  .dpt-115 { }
}

.mb-115 { margin-bottom: -1.15em !important; }

.pb-115 { }

@media (max-width: 761px) {
  .mmb-115 { margin-bottom: -1.15em !important; }
  .mpb-115 { }
}

@media (min-width: 762px) {
  .dmb-115 { margin-bottom: -1.15em !important; }
  .dpb-115 { }
}

.ml-115 { margin-left: -1.15em !important; }

.pl-115 { }

@media (max-width: 761px) {
  .mml-115 { margin-left: -1.15em !important; }
  .mpl-115 { }
}

@media (min-width: 762px) {
  .dml-115 { margin-left: -1.15em !important; }
  .dpl-115 { }
}

.mr-115 { margin-right: -1.15em !important; }

.pr-115 { }

@media (max-width: 761px) {
  .mmr-115 { margin-right: -1.15em !important; }
  .mpr-115 { }
}

@media (min-width: 762px) {
  .dmr-115 { margin-right: -1.15em !important; }
  .dpr-115 { }
}

.mt-110 { margin-top: -1.1em !important; }

.pt-110 { }

@media (max-width: 761px) {
  .mmt-110 { margin-top: -1.1em !important; }
  .mpt-110 { }
}

@media (min-width: 762px) {
  .dmt-110 { margin-top: -1.1em !important; }
  .dpt-110 { }
}

.mb-110 { margin-bottom: -1.1em !important; }

.pb-110 { }

@media (max-width: 761px) {
  .mmb-110 { margin-bottom: -1.1em !important; }
  .mpb-110 { }
}

@media (min-width: 762px) {
  .dmb-110 { margin-bottom: -1.1em !important; }
  .dpb-110 { }
}

.ml-110 { margin-left: -1.1em !important; }

.pl-110 { }

@media (max-width: 761px) {
  .mml-110 { margin-left: -1.1em !important; }
  .mpl-110 { }
}

@media (min-width: 762px) {
  .dml-110 { margin-left: -1.1em !important; }
  .dpl-110 { }
}

.mr-110 { margin-right: -1.1em !important; }

.pr-110 { }

@media (max-width: 761px) {
  .mmr-110 { margin-right: -1.1em !important; }
  .mpr-110 { }
}

@media (min-width: 762px) {
  .dmr-110 { margin-right: -1.1em !important; }
  .dpr-110 { }
}

.mt-105 { margin-top: -1.05em !important; }

.pt-105 { }

@media (max-width: 761px) {
  .mmt-105 { margin-top: -1.05em !important; }
  .mpt-105 { }
}

@media (min-width: 762px) {
  .dmt-105 { margin-top: -1.05em !important; }
  .dpt-105 { }
}

.mb-105 { margin-bottom: -1.05em !important; }

.pb-105 { }

@media (max-width: 761px) {
  .mmb-105 { margin-bottom: -1.05em !important; }
  .mpb-105 { }
}

@media (min-width: 762px) {
  .dmb-105 { margin-bottom: -1.05em !important; }
  .dpb-105 { }
}

.ml-105 { margin-left: -1.05em !important; }

.pl-105 { }

@media (max-width: 761px) {
  .mml-105 { margin-left: -1.05em !important; }
  .mpl-105 { }
}

@media (min-width: 762px) {
  .dml-105 { margin-left: -1.05em !important; }
  .dpl-105 { }
}

.mr-105 { margin-right: -1.05em !important; }

.pr-105 { }

@media (max-width: 761px) {
  .mmr-105 { margin-right: -1.05em !important; }
  .mpr-105 { }
}

@media (min-width: 762px) {
  .dmr-105 { margin-right: -1.05em !important; }
  .dpr-105 { }
}

.mt-100 { margin-top: -1em !important; }

.pt-100 { }

@media (max-width: 761px) {
  .mmt-100 { margin-top: -1em !important; }
  .mpt-100 { }
}

@media (min-width: 762px) {
  .dmt-100 { margin-top: -1em !important; }
  .dpt-100 { }
}

.mb-100 { margin-bottom: -1em !important; }

.pb-100 { }

@media (max-width: 761px) {
  .mmb-100 { margin-bottom: -1em !important; }
  .mpb-100 { }
}

@media (min-width: 762px) {
  .dmb-100 { margin-bottom: -1em !important; }
  .dpb-100 { }
}

.ml-100 { margin-left: -1em !important; }

.pl-100 { }

@media (max-width: 761px) {
  .mml-100 { margin-left: -1em !important; }
  .mpl-100 { }
}

@media (min-width: 762px) {
  .dml-100 { margin-left: -1em !important; }
  .dpl-100 { }
}

.mr-100 { margin-right: -1em !important; }

.pr-100 { }

@media (max-width: 761px) {
  .mmr-100 { margin-right: -1em !important; }
  .mpr-100 { }
}

@media (min-width: 762px) {
  .dmr-100 { margin-right: -1em !important; }
  .dpr-100 { }
}

.mt-95 { margin-top: -0.95em !important; }

.pt-95 { }

@media (max-width: 761px) {
  .mmt-95 { margin-top: -0.95em !important; }
  .mpt-95 { }
}

@media (min-width: 762px) {
  .dmt-95 { margin-top: -0.95em !important; }
  .dpt-95 { }
}

.mb-95 { margin-bottom: -0.95em !important; }

.pb-95 { }

@media (max-width: 761px) {
  .mmb-95 { margin-bottom: -0.95em !important; }
  .mpb-95 { }
}

@media (min-width: 762px) {
  .dmb-95 { margin-bottom: -0.95em !important; }
  .dpb-95 { }
}

.ml-95 { margin-left: -0.95em !important; }

.pl-95 { }

@media (max-width: 761px) {
  .mml-95 { margin-left: -0.95em !important; }
  .mpl-95 { }
}

@media (min-width: 762px) {
  .dml-95 { margin-left: -0.95em !important; }
  .dpl-95 { }
}

.mr-95 { margin-right: -0.95em !important; }

.pr-95 { }

@media (max-width: 761px) {
  .mmr-95 { margin-right: -0.95em !important; }
  .mpr-95 { }
}

@media (min-width: 762px) {
  .dmr-95 { margin-right: -0.95em !important; }
  .dpr-95 { }
}

.mt-90 { margin-top: -0.9em !important; }

.pt-90 { }

@media (max-width: 761px) {
  .mmt-90 { margin-top: -0.9em !important; }
  .mpt-90 { }
}

@media (min-width: 762px) {
  .dmt-90 { margin-top: -0.9em !important; }
  .dpt-90 { }
}

.mb-90 { margin-bottom: -0.9em !important; }

.pb-90 { }

@media (max-width: 761px) {
  .mmb-90 { margin-bottom: -0.9em !important; }
  .mpb-90 { }
}

@media (min-width: 762px) {
  .dmb-90 { margin-bottom: -0.9em !important; }
  .dpb-90 { }
}

.ml-90 { margin-left: -0.9em !important; }

.pl-90 { }

@media (max-width: 761px) {
  .mml-90 { margin-left: -0.9em !important; }
  .mpl-90 { }
}

@media (min-width: 762px) {
  .dml-90 { margin-left: -0.9em !important; }
  .dpl-90 { }
}

.mr-90 { margin-right: -0.9em !important; }

.pr-90 { }

@media (max-width: 761px) {
  .mmr-90 { margin-right: -0.9em !important; }
  .mpr-90 { }
}

@media (min-width: 762px) {
  .dmr-90 { margin-right: -0.9em !important; }
  .dpr-90 { }
}

.mt-85 { margin-top: -0.85em !important; }

.pt-85 { }

@media (max-width: 761px) {
  .mmt-85 { margin-top: -0.85em !important; }
  .mpt-85 { }
}

@media (min-width: 762px) {
  .dmt-85 { margin-top: -0.85em !important; }
  .dpt-85 { }
}

.mb-85 { margin-bottom: -0.85em !important; }

.pb-85 { }

@media (max-width: 761px) {
  .mmb-85 { margin-bottom: -0.85em !important; }
  .mpb-85 { }
}

@media (min-width: 762px) {
  .dmb-85 { margin-bottom: -0.85em !important; }
  .dpb-85 { }
}

.ml-85 { margin-left: -0.85em !important; }

.pl-85 { }

@media (max-width: 761px) {
  .mml-85 { margin-left: -0.85em !important; }
  .mpl-85 { }
}

@media (min-width: 762px) {
  .dml-85 { margin-left: -0.85em !important; }
  .dpl-85 { }
}

.mr-85 { margin-right: -0.85em !important; }

.pr-85 { }

@media (max-width: 761px) {
  .mmr-85 { margin-right: -0.85em !important; }
  .mpr-85 { }
}

@media (min-width: 762px) {
  .dmr-85 { margin-right: -0.85em !important; }
  .dpr-85 { }
}

.mt-80 { margin-top: -0.8em !important; }

.pt-80 { }

@media (max-width: 761px) {
  .mmt-80 { margin-top: -0.8em !important; }
  .mpt-80 { }
}

@media (min-width: 762px) {
  .dmt-80 { margin-top: -0.8em !important; }
  .dpt-80 { }
}

.mb-80 { margin-bottom: -0.8em !important; }

.pb-80 { }

@media (max-width: 761px) {
  .mmb-80 { margin-bottom: -0.8em !important; }
  .mpb-80 { }
}

@media (min-width: 762px) {
  .dmb-80 { margin-bottom: -0.8em !important; }
  .dpb-80 { }
}

.ml-80 { margin-left: -0.8em !important; }

.pl-80 { }

@media (max-width: 761px) {
  .mml-80 { margin-left: -0.8em !important; }
  .mpl-80 { }
}

@media (min-width: 762px) {
  .dml-80 { margin-left: -0.8em !important; }
  .dpl-80 { }
}

.mr-80 { margin-right: -0.8em !important; }

.pr-80 { }

@media (max-width: 761px) {
  .mmr-80 { margin-right: -0.8em !important; }
  .mpr-80 { }
}

@media (min-width: 762px) {
  .dmr-80 { margin-right: -0.8em !important; }
  .dpr-80 { }
}

.mt-75 { margin-top: -0.75em !important; }

.pt-75 { }

@media (max-width: 761px) {
  .mmt-75 { margin-top: -0.75em !important; }
  .mpt-75 { }
}

@media (min-width: 762px) {
  .dmt-75 { margin-top: -0.75em !important; }
  .dpt-75 { }
}

.mb-75 { margin-bottom: -0.75em !important; }

.pb-75 { }

@media (max-width: 761px) {
  .mmb-75 { margin-bottom: -0.75em !important; }
  .mpb-75 { }
}

@media (min-width: 762px) {
  .dmb-75 { margin-bottom: -0.75em !important; }
  .dpb-75 { }
}

.ml-75 { margin-left: -0.75em !important; }

.pl-75 { }

@media (max-width: 761px) {
  .mml-75 { margin-left: -0.75em !important; }
  .mpl-75 { }
}

@media (min-width: 762px) {
  .dml-75 { margin-left: -0.75em !important; }
  .dpl-75 { }
}

.mr-75 { margin-right: -0.75em !important; }

.pr-75 { }

@media (max-width: 761px) {
  .mmr-75 { margin-right: -0.75em !important; }
  .mpr-75 { }
}

@media (min-width: 762px) {
  .dmr-75 { margin-right: -0.75em !important; }
  .dpr-75 { }
}

.mt-70 { margin-top: -0.7em !important; }

.pt-70 { }

@media (max-width: 761px) {
  .mmt-70 { margin-top: -0.7em !important; }
  .mpt-70 { }
}

@media (min-width: 762px) {
  .dmt-70 { margin-top: -0.7em !important; }
  .dpt-70 { }
}

.mb-70 { margin-bottom: -0.7em !important; }

.pb-70 { }

@media (max-width: 761px) {
  .mmb-70 { margin-bottom: -0.7em !important; }
  .mpb-70 { }
}

@media (min-width: 762px) {
  .dmb-70 { margin-bottom: -0.7em !important; }
  .dpb-70 { }
}

.ml-70 { margin-left: -0.7em !important; }

.pl-70 { }

@media (max-width: 761px) {
  .mml-70 { margin-left: -0.7em !important; }
  .mpl-70 { }
}

@media (min-width: 762px) {
  .dml-70 { margin-left: -0.7em !important; }
  .dpl-70 { }
}

.mr-70 { margin-right: -0.7em !important; }

.pr-70 { }

@media (max-width: 761px) {
  .mmr-70 { margin-right: -0.7em !important; }
  .mpr-70 { }
}

@media (min-width: 762px) {
  .dmr-70 { margin-right: -0.7em !important; }
  .dpr-70 { }
}

.mt-65 { margin-top: -0.65em !important; }

.pt-65 { }

@media (max-width: 761px) {
  .mmt-65 { margin-top: -0.65em !important; }
  .mpt-65 { }
}

@media (min-width: 762px) {
  .dmt-65 { margin-top: -0.65em !important; }
  .dpt-65 { }
}

.mb-65 { margin-bottom: -0.65em !important; }

.pb-65 { }

@media (max-width: 761px) {
  .mmb-65 { margin-bottom: -0.65em !important; }
  .mpb-65 { }
}

@media (min-width: 762px) {
  .dmb-65 { margin-bottom: -0.65em !important; }
  .dpb-65 { }
}

.ml-65 { margin-left: -0.65em !important; }

.pl-65 { }

@media (max-width: 761px) {
  .mml-65 { margin-left: -0.65em !important; }
  .mpl-65 { }
}

@media (min-width: 762px) {
  .dml-65 { margin-left: -0.65em !important; }
  .dpl-65 { }
}

.mr-65 { margin-right: -0.65em !important; }

.pr-65 { }

@media (max-width: 761px) {
  .mmr-65 { margin-right: -0.65em !important; }
  .mpr-65 { }
}

@media (min-width: 762px) {
  .dmr-65 { margin-right: -0.65em !important; }
  .dpr-65 { }
}

.mt-60 { margin-top: -0.6em !important; }

.pt-60 { }

@media (max-width: 761px) {
  .mmt-60 { margin-top: -0.6em !important; }
  .mpt-60 { }
}

@media (min-width: 762px) {
  .dmt-60 { margin-top: -0.6em !important; }
  .dpt-60 { }
}

.mb-60 { margin-bottom: -0.6em !important; }

.pb-60 { }

@media (max-width: 761px) {
  .mmb-60 { margin-bottom: -0.6em !important; }
  .mpb-60 { }
}

@media (min-width: 762px) {
  .dmb-60 { margin-bottom: -0.6em !important; }
  .dpb-60 { }
}

.ml-60 { margin-left: -0.6em !important; }

.pl-60 { }

@media (max-width: 761px) {
  .mml-60 { margin-left: -0.6em !important; }
  .mpl-60 { }
}

@media (min-width: 762px) {
  .dml-60 { margin-left: -0.6em !important; }
  .dpl-60 { }
}

.mr-60 { margin-right: -0.6em !important; }

.pr-60 { }

@media (max-width: 761px) {
  .mmr-60 { margin-right: -0.6em !important; }
  .mpr-60 { }
}

@media (min-width: 762px) {
  .dmr-60 { margin-right: -0.6em !important; }
  .dpr-60 { }
}

.mt-55 { margin-top: -0.55em !important; }

.pt-55 { }

@media (max-width: 761px) {
  .mmt-55 { margin-top: -0.55em !important; }
  .mpt-55 { }
}

@media (min-width: 762px) {
  .dmt-55 { margin-top: -0.55em !important; }
  .dpt-55 { }
}

.mb-55 { margin-bottom: -0.55em !important; }

.pb-55 { }

@media (max-width: 761px) {
  .mmb-55 { margin-bottom: -0.55em !important; }
  .mpb-55 { }
}

@media (min-width: 762px) {
  .dmb-55 { margin-bottom: -0.55em !important; }
  .dpb-55 { }
}

.ml-55 { margin-left: -0.55em !important; }

.pl-55 { }

@media (max-width: 761px) {
  .mml-55 { margin-left: -0.55em !important; }
  .mpl-55 { }
}

@media (min-width: 762px) {
  .dml-55 { margin-left: -0.55em !important; }
  .dpl-55 { }
}

.mr-55 { margin-right: -0.55em !important; }

.pr-55 { }

@media (max-width: 761px) {
  .mmr-55 { margin-right: -0.55em !important; }
  .mpr-55 { }
}

@media (min-width: 762px) {
  .dmr-55 { margin-right: -0.55em !important; }
  .dpr-55 { }
}

.mt-50 { margin-top: -0.5em !important; }

.pt-50 { }

@media (max-width: 761px) {
  .mmt-50 { margin-top: -0.5em !important; }
  .mpt-50 { }
}

@media (min-width: 762px) {
  .dmt-50 { margin-top: -0.5em !important; }
  .dpt-50 { }
}

.mb-50 { margin-bottom: -0.5em !important; }

.pb-50 { }

@media (max-width: 761px) {
  .mmb-50 { margin-bottom: -0.5em !important; }
  .mpb-50 { }
}

@media (min-width: 762px) {
  .dmb-50 { margin-bottom: -0.5em !important; }
  .dpb-50 { }
}

.ml-50 { margin-left: -0.5em !important; }

.pl-50 { }

@media (max-width: 761px) {
  .mml-50 { margin-left: -0.5em !important; }
  .mpl-50 { }
}

@media (min-width: 762px) {
  .dml-50 { margin-left: -0.5em !important; }
  .dpl-50 { }
}

.mr-50 { margin-right: -0.5em !important; }

.pr-50 { }

@media (max-width: 761px) {
  .mmr-50 { margin-right: -0.5em !important; }
  .mpr-50 { }
}

@media (min-width: 762px) {
  .dmr-50 { margin-right: -0.5em !important; }
  .dpr-50 { }
}

.mt-45 { margin-top: -0.45em !important; }

.pt-45 { }

@media (max-width: 761px) {
  .mmt-45 { margin-top: -0.45em !important; }
  .mpt-45 { }
}

@media (min-width: 762px) {
  .dmt-45 { margin-top: -0.45em !important; }
  .dpt-45 { }
}

.mb-45 { margin-bottom: -0.45em !important; }

.pb-45 { }

@media (max-width: 761px) {
  .mmb-45 { margin-bottom: -0.45em !important; }
  .mpb-45 { }
}

@media (min-width: 762px) {
  .dmb-45 { margin-bottom: -0.45em !important; }
  .dpb-45 { }
}

.ml-45 { margin-left: -0.45em !important; }

.pl-45 { }

@media (max-width: 761px) {
  .mml-45 { margin-left: -0.45em !important; }
  .mpl-45 { }
}

@media (min-width: 762px) {
  .dml-45 { margin-left: -0.45em !important; }
  .dpl-45 { }
}

.mr-45 { margin-right: -0.45em !important; }

.pr-45 { }

@media (max-width: 761px) {
  .mmr-45 { margin-right: -0.45em !important; }
  .mpr-45 { }
}

@media (min-width: 762px) {
  .dmr-45 { margin-right: -0.45em !important; }
  .dpr-45 { }
}

.mt-40 { margin-top: -0.4em !important; }

.pt-40 { }

@media (max-width: 761px) {
  .mmt-40 { margin-top: -0.4em !important; }
  .mpt-40 { }
}

@media (min-width: 762px) {
  .dmt-40 { margin-top: -0.4em !important; }
  .dpt-40 { }
}

.mb-40 { margin-bottom: -0.4em !important; }

.pb-40 { }

@media (max-width: 761px) {
  .mmb-40 { margin-bottom: -0.4em !important; }
  .mpb-40 { }
}

@media (min-width: 762px) {
  .dmb-40 { margin-bottom: -0.4em !important; }
  .dpb-40 { }
}

.ml-40 { margin-left: -0.4em !important; }

.pl-40 { }

@media (max-width: 761px) {
  .mml-40 { margin-left: -0.4em !important; }
  .mpl-40 { }
}

@media (min-width: 762px) {
  .dml-40 { margin-left: -0.4em !important; }
  .dpl-40 { }
}

.mr-40 { margin-right: -0.4em !important; }

.pr-40 { }

@media (max-width: 761px) {
  .mmr-40 { margin-right: -0.4em !important; }
  .mpr-40 { }
}

@media (min-width: 762px) {
  .dmr-40 { margin-right: -0.4em !important; }
  .dpr-40 { }
}

.mt-35 { margin-top: -0.35em !important; }

.pt-35 { }

@media (max-width: 761px) {
  .mmt-35 { margin-top: -0.35em !important; }
  .mpt-35 { }
}

@media (min-width: 762px) {
  .dmt-35 { margin-top: -0.35em !important; }
  .dpt-35 { }
}

.mb-35 { margin-bottom: -0.35em !important; }

.pb-35 { }

@media (max-width: 761px) {
  .mmb-35 { margin-bottom: -0.35em !important; }
  .mpb-35 { }
}

@media (min-width: 762px) {
  .dmb-35 { margin-bottom: -0.35em !important; }
  .dpb-35 { }
}

.ml-35 { margin-left: -0.35em !important; }

.pl-35 { }

@media (max-width: 761px) {
  .mml-35 { margin-left: -0.35em !important; }
  .mpl-35 { }
}

@media (min-width: 762px) {
  .dml-35 { margin-left: -0.35em !important; }
  .dpl-35 { }
}

.mr-35 { margin-right: -0.35em !important; }

.pr-35 { }

@media (max-width: 761px) {
  .mmr-35 { margin-right: -0.35em !important; }
  .mpr-35 { }
}

@media (min-width: 762px) {
  .dmr-35 { margin-right: -0.35em !important; }
  .dpr-35 { }
}

.mt-30 { margin-top: -0.3em !important; }

.pt-30 { }

@media (max-width: 761px) {
  .mmt-30 { margin-top: -0.3em !important; }
  .mpt-30 { }
}

@media (min-width: 762px) {
  .dmt-30 { margin-top: -0.3em !important; }
  .dpt-30 { }
}

.mb-30 { margin-bottom: -0.3em !important; }

.pb-30 { }

@media (max-width: 761px) {
  .mmb-30 { margin-bottom: -0.3em !important; }
  .mpb-30 { }
}

@media (min-width: 762px) {
  .dmb-30 { margin-bottom: -0.3em !important; }
  .dpb-30 { }
}

.ml-30 { margin-left: -0.3em !important; }

.pl-30 { }

@media (max-width: 761px) {
  .mml-30 { margin-left: -0.3em !important; }
  .mpl-30 { }
}

@media (min-width: 762px) {
  .dml-30 { margin-left: -0.3em !important; }
  .dpl-30 { }
}

.mr-30 { margin-right: -0.3em !important; }

.pr-30 { }

@media (max-width: 761px) {
  .mmr-30 { margin-right: -0.3em !important; }
  .mpr-30 { }
}

@media (min-width: 762px) {
  .dmr-30 { margin-right: -0.3em !important; }
  .dpr-30 { }
}

.mt-25 { margin-top: -0.25em !important; }

.pt-25 { }

@media (max-width: 761px) {
  .mmt-25 { margin-top: -0.25em !important; }
  .mpt-25 { }
}

@media (min-width: 762px) {
  .dmt-25 { margin-top: -0.25em !important; }
  .dpt-25 { }
}

.mb-25 { margin-bottom: -0.25em !important; }

.pb-25 { }

@media (max-width: 761px) {
  .mmb-25 { margin-bottom: -0.25em !important; }
  .mpb-25 { }
}

@media (min-width: 762px) {
  .dmb-25 { margin-bottom: -0.25em !important; }
  .dpb-25 { }
}

.ml-25 { margin-left: -0.25em !important; }

.pl-25 { }

@media (max-width: 761px) {
  .mml-25 { margin-left: -0.25em !important; }
  .mpl-25 { }
}

@media (min-width: 762px) {
  .dml-25 { margin-left: -0.25em !important; }
  .dpl-25 { }
}

.mr-25 { margin-right: -0.25em !important; }

.pr-25 { }

@media (max-width: 761px) {
  .mmr-25 { margin-right: -0.25em !important; }
  .mpr-25 { }
}

@media (min-width: 762px) {
  .dmr-25 { margin-right: -0.25em !important; }
  .dpr-25 { }
}

.mt-20 { margin-top: -0.2em !important; }

.pt-20 { }

@media (max-width: 761px) {
  .mmt-20 { margin-top: -0.2em !important; }
  .mpt-20 { }
}

@media (min-width: 762px) {
  .dmt-20 { margin-top: -0.2em !important; }
  .dpt-20 { }
}

.mb-20 { margin-bottom: -0.2em !important; }

.pb-20 { }

@media (max-width: 761px) {
  .mmb-20 { margin-bottom: -0.2em !important; }
  .mpb-20 { }
}

@media (min-width: 762px) {
  .dmb-20 { margin-bottom: -0.2em !important; }
  .dpb-20 { }
}

.ml-20 { margin-left: -0.2em !important; }

.pl-20 { }

@media (max-width: 761px) {
  .mml-20 { margin-left: -0.2em !important; }
  .mpl-20 { }
}

@media (min-width: 762px) {
  .dml-20 { margin-left: -0.2em !important; }
  .dpl-20 { }
}

.mr-20 { margin-right: -0.2em !important; }

.pr-20 { }

@media (max-width: 761px) {
  .mmr-20 { margin-right: -0.2em !important; }
  .mpr-20 { }
}

@media (min-width: 762px) {
  .dmr-20 { margin-right: -0.2em !important; }
  .dpr-20 { }
}

.mt-15 { margin-top: -0.15em !important; }

.pt-15 { }

@media (max-width: 761px) {
  .mmt-15 { margin-top: -0.15em !important; }
  .mpt-15 { }
}

@media (min-width: 762px) {
  .dmt-15 { margin-top: -0.15em !important; }
  .dpt-15 { }
}

.mb-15 { margin-bottom: -0.15em !important; }

.pb-15 { }

@media (max-width: 761px) {
  .mmb-15 { margin-bottom: -0.15em !important; }
  .mpb-15 { }
}

@media (min-width: 762px) {
  .dmb-15 { margin-bottom: -0.15em !important; }
  .dpb-15 { }
}

.ml-15 { margin-left: -0.15em !important; }

.pl-15 { }

@media (max-width: 761px) {
  .mml-15 { margin-left: -0.15em !important; }
  .mpl-15 { }
}

@media (min-width: 762px) {
  .dml-15 { margin-left: -0.15em !important; }
  .dpl-15 { }
}

.mr-15 { margin-right: -0.15em !important; }

.pr-15 { }

@media (max-width: 761px) {
  .mmr-15 { margin-right: -0.15em !important; }
  .mpr-15 { }
}

@media (min-width: 762px) {
  .dmr-15 { margin-right: -0.15em !important; }
  .dpr-15 { }
}

.mt-10 { margin-top: -0.1em !important; }

.pt-10 { }

@media (max-width: 761px) {
  .mmt-10 { margin-top: -0.1em !important; }
  .mpt-10 { }
}

@media (min-width: 762px) {
  .dmt-10 { margin-top: -0.1em !important; }
  .dpt-10 { }
}

.mb-10 { margin-bottom: -0.1em !important; }

.pb-10 { }

@media (max-width: 761px) {
  .mmb-10 { margin-bottom: -0.1em !important; }
  .mpb-10 { }
}

@media (min-width: 762px) {
  .dmb-10 { margin-bottom: -0.1em !important; }
  .dpb-10 { }
}

.ml-10 { margin-left: -0.1em !important; }

.pl-10 { }

@media (max-width: 761px) {
  .mml-10 { margin-left: -0.1em !important; }
  .mpl-10 { }
}

@media (min-width: 762px) {
  .dml-10 { margin-left: -0.1em !important; }
  .dpl-10 { }
}

.mr-10 { margin-right: -0.1em !important; }

.pr-10 { }

@media (max-width: 761px) {
  .mmr-10 { margin-right: -0.1em !important; }
  .mpr-10 { }
}

@media (min-width: 762px) {
  .dmr-10 { margin-right: -0.1em !important; }
  .dpr-10 { }
}

.mt-5 { margin-top: -0.05em !important; }

.pt-5 { }

@media (max-width: 761px) {
  .mmt-5 { margin-top: -0.05em !important; }
  .mpt-5 { }
}

@media (min-width: 762px) {
  .dmt-5 { margin-top: -0.05em !important; }
  .dpt-5 { }
}

.mb-5 { margin-bottom: -0.05em !important; }

.pb-5 { }

@media (max-width: 761px) {
  .mmb-5 { margin-bottom: -0.05em !important; }
  .mpb-5 { }
}

@media (min-width: 762px) {
  .dmb-5 { margin-bottom: -0.05em !important; }
  .dpb-5 { }
}

.ml-5 { margin-left: -0.05em !important; }

.pl-5 { }

@media (max-width: 761px) {
  .mml-5 { margin-left: -0.05em !important; }
  .mpl-5 { }
}

@media (min-width: 762px) {
  .dml-5 { margin-left: -0.05em !important; }
  .dpl-5 { }
}

.mr-5 { margin-right: -0.05em !important; }

.pr-5 { }

@media (max-width: 761px) {
  .mmr-5 { margin-right: -0.05em !important; }
  .mpr-5 { }
}

@media (min-width: 762px) {
  .dmr-5 { margin-right: -0.05em !important; }
  .dpr-5 { }
}

.mt0 { margin-top: 0px !important; }

.pt0 { padding-top: 0px !important; }

@media (max-width: 761px) {
  .mmt0 { margin-top: 0px !important; }
  .mpt0 { padding-top: 0px !important; }
}

@media (min-width: 762px) {
  .dmt0 { margin-top: 0px !important; }
  .dpt0 { padding-top: 0px !important; }
}

.mb0 { margin-bottom: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

@media (max-width: 761px) {
  .mmb0 { margin-bottom: 0px !important; }
  .mpb0 { padding-bottom: 0px !important; }
}

@media (min-width: 762px) {
  .dmb0 { margin-bottom: 0px !important; }
  .dpb0 { padding-bottom: 0px !important; }
}

.ml0 { margin-left: 0px !important; }

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

@media (max-width: 761px) {
  .mml0 { margin-left: 0px !important; }
  .mpl0 { padding-left: 0px !important; }
}

@media (min-width: 762px) {
  .dml0 { margin-left: 0px !important; }
  .dpl0 { padding-left: 0px !important; }
}

.mr0 { margin-right: 0px !important; }

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

@media (max-width: 761px) {
  .mmr0 { margin-right: 0px !important; }
  .mpr0 { padding-right: 0px !important; }
}

@media (min-width: 762px) {
  .dmr0 { margin-right: 0px !important; }
  .dpr0 { padding-right: 0px !important; }
}

.mt5 { margin-top: 0.05em !important; }

.pt5 { padding-top: 0.05em !important; }

@media (max-width: 761px) {
  .mmt5 { margin-top: 0.05em !important; }
  .mpt5 { padding-top: 0.05em !important; }
}

@media (min-width: 762px) {
  .dmt5 { margin-top: 0.05em !important; }
  .dpt5 { padding-top: 0.05em !important; }
}

.mb5 { margin-bottom: 0.05em !important; }

.pb5 { padding-bottom: 0.05em !important; }

@media (max-width: 761px) {
  .mmb5 { margin-bottom: 0.05em !important; }
  .mpb5 { padding-bottom: 0.05em !important; }
}

@media (min-width: 762px) {
  .dmb5 { margin-bottom: 0.05em !important; }
  .dpb5 { padding-bottom: 0.05em !important; }
}

.ml5 { margin-left: 0.05em !important; }

.pl5 { padding-left: 0.05em !important; }

@media (max-width: 761px) {
  .mml5 { margin-left: 0.05em !important; }
  .mpl5 { padding-left: 0.05em !important; }
}

@media (min-width: 762px) {
  .dml5 { margin-left: 0.05em !important; }
  .dpl5 { padding-left: 0.05em !important; }
}

.mr5 { margin-right: 0.05em !important; }

.pr5 { padding-right: 0.05em !important; }

@media (max-width: 761px) {
  .mmr5 { margin-right: 0.05em !important; }
  .mpr5 { padding-right: 0.05em !important; }
}

@media (min-width: 762px) {
  .dmr5 { margin-right: 0.05em !important; }
  .dpr5 { padding-right: 0.05em !important; }
}

.mt10 { margin-top: 0.1em !important; }

.pt10 { padding-top: 0.1em !important; }

@media (max-width: 761px) {
  .mmt10 { margin-top: 0.1em !important; }
  .mpt10 { padding-top: 0.1em !important; }
}

@media (min-width: 762px) {
  .dmt10 { margin-top: 0.1em !important; }
  .dpt10 { padding-top: 0.1em !important; }
}

.mb10 { margin-bottom: 0.1em !important; }

.pb10 { padding-bottom: 0.1em !important; }

@media (max-width: 761px) {
  .mmb10 { margin-bottom: 0.1em !important; }
  .mpb10 { padding-bottom: 0.1em !important; }
}

@media (min-width: 762px) {
  .dmb10 { margin-bottom: 0.1em !important; }
  .dpb10 { padding-bottom: 0.1em !important; }
}

.ml10 { margin-left: 0.1em !important; }

.pl10 { padding-left: 0.1em !important; }

@media (max-width: 761px) {
  .mml10 { margin-left: 0.1em !important; }
  .mpl10 { padding-left: 0.1em !important; }
}

@media (min-width: 762px) {
  .dml10 { margin-left: 0.1em !important; }
  .dpl10 { padding-left: 0.1em !important; }
}

.mr10 { margin-right: 0.1em !important; }

.pr10 { padding-right: 0.1em !important; }

@media (max-width: 761px) {
  .mmr10 { margin-right: 0.1em !important; }
  .mpr10 { padding-right: 0.1em !important; }
}

@media (min-width: 762px) {
  .dmr10 { margin-right: 0.1em !important; }
  .dpr10 { padding-right: 0.1em !important; }
}

.mt15 { margin-top: 0.15em !important; }

.pt15 { padding-top: 0.15em !important; }

@media (max-width: 761px) {
  .mmt15 { margin-top: 0.15em !important; }
  .mpt15 { padding-top: 0.15em !important; }
}

@media (min-width: 762px) {
  .dmt15 { margin-top: 0.15em !important; }
  .dpt15 { padding-top: 0.15em !important; }
}

.mb15 { margin-bottom: 0.15em !important; }

.pb15 { padding-bottom: 0.15em !important; }

@media (max-width: 761px) {
  .mmb15 { margin-bottom: 0.15em !important; }
  .mpb15 { padding-bottom: 0.15em !important; }
}

@media (min-width: 762px) {
  .dmb15 { margin-bottom: 0.15em !important; }
  .dpb15 { padding-bottom: 0.15em !important; }
}

.ml15 { margin-left: 0.15em !important; }

.pl15 { padding-left: 0.15em !important; }

@media (max-width: 761px) {
  .mml15 { margin-left: 0.15em !important; }
  .mpl15 { padding-left: 0.15em !important; }
}

@media (min-width: 762px) {
  .dml15 { margin-left: 0.15em !important; }
  .dpl15 { padding-left: 0.15em !important; }
}

.mr15 { margin-right: 0.15em !important; }

.pr15 { padding-right: 0.15em !important; }

@media (max-width: 761px) {
  .mmr15 { margin-right: 0.15em !important; }
  .mpr15 { padding-right: 0.15em !important; }
}

@media (min-width: 762px) {
  .dmr15 { margin-right: 0.15em !important; }
  .dpr15 { padding-right: 0.15em !important; }
}

.mt20 { margin-top: 0.2em !important; }

.pt20 { padding-top: 0.2em !important; }

@media (max-width: 761px) {
  .mmt20 { margin-top: 0.2em !important; }
  .mpt20 { padding-top: 0.2em !important; }
}

@media (min-width: 762px) {
  .dmt20 { margin-top: 0.2em !important; }
  .dpt20 { padding-top: 0.2em !important; }
}

.mb20 { margin-bottom: 0.2em !important; }

.pb20 { padding-bottom: 0.2em !important; }

@media (max-width: 761px) {
  .mmb20 { margin-bottom: 0.2em !important; }
  .mpb20 { padding-bottom: 0.2em !important; }
}

@media (min-width: 762px) {
  .dmb20 { margin-bottom: 0.2em !important; }
  .dpb20 { padding-bottom: 0.2em !important; }
}

.ml20 { margin-left: 0.2em !important; }

.pl20 { padding-left: 0.2em !important; }

@media (max-width: 761px) {
  .mml20 { margin-left: 0.2em !important; }
  .mpl20 { padding-left: 0.2em !important; }
}

@media (min-width: 762px) {
  .dml20 { margin-left: 0.2em !important; }
  .dpl20 { padding-left: 0.2em !important; }
}

.mr20 { margin-right: 0.2em !important; }

.pr20 { padding-right: 0.2em !important; }

@media (max-width: 761px) {
  .mmr20 { margin-right: 0.2em !important; }
  .mpr20 { padding-right: 0.2em !important; }
}

@media (min-width: 762px) {
  .dmr20 { margin-right: 0.2em !important; }
  .dpr20 { padding-right: 0.2em !important; }
}

.mt25 { margin-top: 0.25em !important; }

.pt25 { padding-top: 0.25em !important; }

@media (max-width: 761px) {
  .mmt25 { margin-top: 0.25em !important; }
  .mpt25 { padding-top: 0.25em !important; }
}

@media (min-width: 762px) {
  .dmt25 { margin-top: 0.25em !important; }
  .dpt25 { padding-top: 0.25em !important; }
}

.mb25 { margin-bottom: 0.25em !important; }

.pb25 { padding-bottom: 0.25em !important; }

@media (max-width: 761px) {
  .mmb25 { margin-bottom: 0.25em !important; }
  .mpb25 { padding-bottom: 0.25em !important; }
}

@media (min-width: 762px) {
  .dmb25 { margin-bottom: 0.25em !important; }
  .dpb25 { padding-bottom: 0.25em !important; }
}

.ml25 { margin-left: 0.25em !important; }

.pl25 { padding-left: 0.25em !important; }

@media (max-width: 761px) {
  .mml25 { margin-left: 0.25em !important; }
  .mpl25 { padding-left: 0.25em !important; }
}

@media (min-width: 762px) {
  .dml25 { margin-left: 0.25em !important; }
  .dpl25 { padding-left: 0.25em !important; }
}

.mr25 { margin-right: 0.25em !important; }

.pr25 { padding-right: 0.25em !important; }

@media (max-width: 761px) {
  .mmr25 { margin-right: 0.25em !important; }
  .mpr25 { padding-right: 0.25em !important; }
}

@media (min-width: 762px) {
  .dmr25 { margin-right: 0.25em !important; }
  .dpr25 { padding-right: 0.25em !important; }
}

.mt30 { margin-top: 0.3em !important; }

.pt30 { padding-top: 0.3em !important; }

@media (max-width: 761px) {
  .mmt30 { margin-top: 0.3em !important; }
  .mpt30 { padding-top: 0.3em !important; }
}

@media (min-width: 762px) {
  .dmt30 { margin-top: 0.3em !important; }
  .dpt30 { padding-top: 0.3em !important; }
}

.mb30 { margin-bottom: 0.3em !important; }

.pb30 { padding-bottom: 0.3em !important; }

@media (max-width: 761px) {
  .mmb30 { margin-bottom: 0.3em !important; }
  .mpb30 { padding-bottom: 0.3em !important; }
}

@media (min-width: 762px) {
  .dmb30 { margin-bottom: 0.3em !important; }
  .dpb30 { padding-bottom: 0.3em !important; }
}

.ml30 { margin-left: 0.3em !important; }

.pl30 { padding-left: 0.3em !important; }

@media (max-width: 761px) {
  .mml30 { margin-left: 0.3em !important; }
  .mpl30 { padding-left: 0.3em !important; }
}

@media (min-width: 762px) {
  .dml30 { margin-left: 0.3em !important; }
  .dpl30 { padding-left: 0.3em !important; }
}

.mr30 { margin-right: 0.3em !important; }

.pr30 { padding-right: 0.3em !important; }

@media (max-width: 761px) {
  .mmr30 { margin-right: 0.3em !important; }
  .mpr30 { padding-right: 0.3em !important; }
}

@media (min-width: 762px) {
  .dmr30 { margin-right: 0.3em !important; }
  .dpr30 { padding-right: 0.3em !important; }
}

.mt35 { margin-top: 0.35em !important; }

.pt35 { padding-top: 0.35em !important; }

@media (max-width: 761px) {
  .mmt35 { margin-top: 0.35em !important; }
  .mpt35 { padding-top: 0.35em !important; }
}

@media (min-width: 762px) {
  .dmt35 { margin-top: 0.35em !important; }
  .dpt35 { padding-top: 0.35em !important; }
}

.mb35 { margin-bottom: 0.35em !important; }

.pb35 { padding-bottom: 0.35em !important; }

@media (max-width: 761px) {
  .mmb35 { margin-bottom: 0.35em !important; }
  .mpb35 { padding-bottom: 0.35em !important; }
}

@media (min-width: 762px) {
  .dmb35 { margin-bottom: 0.35em !important; }
  .dpb35 { padding-bottom: 0.35em !important; }
}

.ml35 { margin-left: 0.35em !important; }

.pl35 { padding-left: 0.35em !important; }

@media (max-width: 761px) {
  .mml35 { margin-left: 0.35em !important; }
  .mpl35 { padding-left: 0.35em !important; }
}

@media (min-width: 762px) {
  .dml35 { margin-left: 0.35em !important; }
  .dpl35 { padding-left: 0.35em !important; }
}

.mr35 { margin-right: 0.35em !important; }

.pr35 { padding-right: 0.35em !important; }

@media (max-width: 761px) {
  .mmr35 { margin-right: 0.35em !important; }
  .mpr35 { padding-right: 0.35em !important; }
}

@media (min-width: 762px) {
  .dmr35 { margin-right: 0.35em !important; }
  .dpr35 { padding-right: 0.35em !important; }
}

.mt40 { margin-top: 0.4em !important; }

.pt40 { padding-top: 0.4em !important; }

@media (max-width: 761px) {
  .mmt40 { margin-top: 0.4em !important; }
  .mpt40 { padding-top: 0.4em !important; }
}

@media (min-width: 762px) {
  .dmt40 { margin-top: 0.4em !important; }
  .dpt40 { padding-top: 0.4em !important; }
}

.mb40 { margin-bottom: 0.4em !important; }

.pb40 { padding-bottom: 0.4em !important; }

@media (max-width: 761px) {
  .mmb40 { margin-bottom: 0.4em !important; }
  .mpb40 { padding-bottom: 0.4em !important; }
}

@media (min-width: 762px) {
  .dmb40 { margin-bottom: 0.4em !important; }
  .dpb40 { padding-bottom: 0.4em !important; }
}

.ml40 { margin-left: 0.4em !important; }

.pl40 { padding-left: 0.4em !important; }

@media (max-width: 761px) {
  .mml40 { margin-left: 0.4em !important; }
  .mpl40 { padding-left: 0.4em !important; }
}

@media (min-width: 762px) {
  .dml40 { margin-left: 0.4em !important; }
  .dpl40 { padding-left: 0.4em !important; }
}

.mr40 { margin-right: 0.4em !important; }

.pr40 { padding-right: 0.4em !important; }

@media (max-width: 761px) {
  .mmr40 { margin-right: 0.4em !important; }
  .mpr40 { padding-right: 0.4em !important; }
}

@media (min-width: 762px) {
  .dmr40 { margin-right: 0.4em !important; }
  .dpr40 { padding-right: 0.4em !important; }
}

.mt45 { margin-top: 0.45em !important; }

.pt45 { padding-top: 0.45em !important; }

@media (max-width: 761px) {
  .mmt45 { margin-top: 0.45em !important; }
  .mpt45 { padding-top: 0.45em !important; }
}

@media (min-width: 762px) {
  .dmt45 { margin-top: 0.45em !important; }
  .dpt45 { padding-top: 0.45em !important; }
}

.mb45 { margin-bottom: 0.45em !important; }

.pb45 { padding-bottom: 0.45em !important; }

@media (max-width: 761px) {
  .mmb45 { margin-bottom: 0.45em !important; }
  .mpb45 { padding-bottom: 0.45em !important; }
}

@media (min-width: 762px) {
  .dmb45 { margin-bottom: 0.45em !important; }
  .dpb45 { padding-bottom: 0.45em !important; }
}

.ml45 { margin-left: 0.45em !important; }

.pl45 { padding-left: 0.45em !important; }

@media (max-width: 761px) {
  .mml45 { margin-left: 0.45em !important; }
  .mpl45 { padding-left: 0.45em !important; }
}

@media (min-width: 762px) {
  .dml45 { margin-left: 0.45em !important; }
  .dpl45 { padding-left: 0.45em !important; }
}

.mr45 { margin-right: 0.45em !important; }

.pr45 { padding-right: 0.45em !important; }

@media (max-width: 761px) {
  .mmr45 { margin-right: 0.45em !important; }
  .mpr45 { padding-right: 0.45em !important; }
}

@media (min-width: 762px) {
  .dmr45 { margin-right: 0.45em !important; }
  .dpr45 { padding-right: 0.45em !important; }
}

.mt50 { margin-top: 0.5em !important; }

.pt50 { padding-top: 0.5em !important; }

@media (max-width: 761px) {
  .mmt50 { margin-top: 0.5em !important; }
  .mpt50 { padding-top: 0.5em !important; }
}

@media (min-width: 762px) {
  .dmt50 { margin-top: 0.5em !important; }
  .dpt50 { padding-top: 0.5em !important; }
}

.mb50 { margin-bottom: 0.5em !important; }

.pb50 { padding-bottom: 0.5em !important; }

@media (max-width: 761px) {
  .mmb50 { margin-bottom: 0.5em !important; }
  .mpb50 { padding-bottom: 0.5em !important; }
}

@media (min-width: 762px) {
  .dmb50 { margin-bottom: 0.5em !important; }
  .dpb50 { padding-bottom: 0.5em !important; }
}

.ml50 { margin-left: 0.5em !important; }

.pl50 { padding-left: 0.5em !important; }

@media (max-width: 761px) {
  .mml50 { margin-left: 0.5em !important; }
  .mpl50 { padding-left: 0.5em !important; }
}

@media (min-width: 762px) {
  .dml50 { margin-left: 0.5em !important; }
  .dpl50 { padding-left: 0.5em !important; }
}

.mr50 { margin-right: 0.5em !important; }

.pr50 { padding-right: 0.5em !important; }

@media (max-width: 761px) {
  .mmr50 { margin-right: 0.5em !important; }
  .mpr50 { padding-right: 0.5em !important; }
}

@media (min-width: 762px) {
  .dmr50 { margin-right: 0.5em !important; }
  .dpr50 { padding-right: 0.5em !important; }
}

.mt55 { margin-top: 0.55em !important; }

.pt55 { padding-top: 0.55em !important; }

@media (max-width: 761px) {
  .mmt55 { margin-top: 0.55em !important; }
  .mpt55 { padding-top: 0.55em !important; }
}

@media (min-width: 762px) {
  .dmt55 { margin-top: 0.55em !important; }
  .dpt55 { padding-top: 0.55em !important; }
}

.mb55 { margin-bottom: 0.55em !important; }

.pb55 { padding-bottom: 0.55em !important; }

@media (max-width: 761px) {
  .mmb55 { margin-bottom: 0.55em !important; }
  .mpb55 { padding-bottom: 0.55em !important; }
}

@media (min-width: 762px) {
  .dmb55 { margin-bottom: 0.55em !important; }
  .dpb55 { padding-bottom: 0.55em !important; }
}

.ml55 { margin-left: 0.55em !important; }

.pl55 { padding-left: 0.55em !important; }

@media (max-width: 761px) {
  .mml55 { margin-left: 0.55em !important; }
  .mpl55 { padding-left: 0.55em !important; }
}

@media (min-width: 762px) {
  .dml55 { margin-left: 0.55em !important; }
  .dpl55 { padding-left: 0.55em !important; }
}

.mr55 { margin-right: 0.55em !important; }

.pr55 { padding-right: 0.55em !important; }

@media (max-width: 761px) {
  .mmr55 { margin-right: 0.55em !important; }
  .mpr55 { padding-right: 0.55em !important; }
}

@media (min-width: 762px) {
  .dmr55 { margin-right: 0.55em !important; }
  .dpr55 { padding-right: 0.55em !important; }
}

.mt60 { margin-top: 0.6em !important; }

.pt60 { padding-top: 0.6em !important; }

@media (max-width: 761px) {
  .mmt60 { margin-top: 0.6em !important; }
  .mpt60 { padding-top: 0.6em !important; }
}

@media (min-width: 762px) {
  .dmt60 { margin-top: 0.6em !important; }
  .dpt60 { padding-top: 0.6em !important; }
}

.mb60 { margin-bottom: 0.6em !important; }

.pb60 { padding-bottom: 0.6em !important; }

@media (max-width: 761px) {
  .mmb60 { margin-bottom: 0.6em !important; }
  .mpb60 { padding-bottom: 0.6em !important; }
}

@media (min-width: 762px) {
  .dmb60 { margin-bottom: 0.6em !important; }
  .dpb60 { padding-bottom: 0.6em !important; }
}

.ml60 { margin-left: 0.6em !important; }

.pl60 { padding-left: 0.6em !important; }

@media (max-width: 761px) {
  .mml60 { margin-left: 0.6em !important; }
  .mpl60 { padding-left: 0.6em !important; }
}

@media (min-width: 762px) {
  .dml60 { margin-left: 0.6em !important; }
  .dpl60 { padding-left: 0.6em !important; }
}

.mr60 { margin-right: 0.6em !important; }

.pr60 { padding-right: 0.6em !important; }

@media (max-width: 761px) {
  .mmr60 { margin-right: 0.6em !important; }
  .mpr60 { padding-right: 0.6em !important; }
}

@media (min-width: 762px) {
  .dmr60 { margin-right: 0.6em !important; }
  .dpr60 { padding-right: 0.6em !important; }
}

.mt65 { margin-top: 0.65em !important; }

.pt65 { padding-top: 0.65em !important; }

@media (max-width: 761px) {
  .mmt65 { margin-top: 0.65em !important; }
  .mpt65 { padding-top: 0.65em !important; }
}

@media (min-width: 762px) {
  .dmt65 { margin-top: 0.65em !important; }
  .dpt65 { padding-top: 0.65em !important; }
}

.mb65 { margin-bottom: 0.65em !important; }

.pb65 { padding-bottom: 0.65em !important; }

@media (max-width: 761px) {
  .mmb65 { margin-bottom: 0.65em !important; }
  .mpb65 { padding-bottom: 0.65em !important; }
}

@media (min-width: 762px) {
  .dmb65 { margin-bottom: 0.65em !important; }
  .dpb65 { padding-bottom: 0.65em !important; }
}

.ml65 { margin-left: 0.65em !important; }

.pl65 { padding-left: 0.65em !important; }

@media (max-width: 761px) {
  .mml65 { margin-left: 0.65em !important; }
  .mpl65 { padding-left: 0.65em !important; }
}

@media (min-width: 762px) {
  .dml65 { margin-left: 0.65em !important; }
  .dpl65 { padding-left: 0.65em !important; }
}

.mr65 { margin-right: 0.65em !important; }

.pr65 { padding-right: 0.65em !important; }

@media (max-width: 761px) {
  .mmr65 { margin-right: 0.65em !important; }
  .mpr65 { padding-right: 0.65em !important; }
}

@media (min-width: 762px) {
  .dmr65 { margin-right: 0.65em !important; }
  .dpr65 { padding-right: 0.65em !important; }
}

.mt70 { margin-top: 0.7em !important; }

.pt70 { padding-top: 0.7em !important; }

@media (max-width: 761px) {
  .mmt70 { margin-top: 0.7em !important; }
  .mpt70 { padding-top: 0.7em !important; }
}

@media (min-width: 762px) {
  .dmt70 { margin-top: 0.7em !important; }
  .dpt70 { padding-top: 0.7em !important; }
}

.mb70 { margin-bottom: 0.7em !important; }

.pb70 { padding-bottom: 0.7em !important; }

@media (max-width: 761px) {
  .mmb70 { margin-bottom: 0.7em !important; }
  .mpb70 { padding-bottom: 0.7em !important; }
}

@media (min-width: 762px) {
  .dmb70 { margin-bottom: 0.7em !important; }
  .dpb70 { padding-bottom: 0.7em !important; }
}

.ml70 { margin-left: 0.7em !important; }

.pl70 { padding-left: 0.7em !important; }

@media (max-width: 761px) {
  .mml70 { margin-left: 0.7em !important; }
  .mpl70 { padding-left: 0.7em !important; }
}

@media (min-width: 762px) {
  .dml70 { margin-left: 0.7em !important; }
  .dpl70 { padding-left: 0.7em !important; }
}

.mr70 { margin-right: 0.7em !important; }

.pr70 { padding-right: 0.7em !important; }

@media (max-width: 761px) {
  .mmr70 { margin-right: 0.7em !important; }
  .mpr70 { padding-right: 0.7em !important; }
}

@media (min-width: 762px) {
  .dmr70 { margin-right: 0.7em !important; }
  .dpr70 { padding-right: 0.7em !important; }
}

.mt75 { margin-top: 0.75em !important; }

.pt75 { padding-top: 0.75em !important; }

@media (max-width: 761px) {
  .mmt75 { margin-top: 0.75em !important; }
  .mpt75 { padding-top: 0.75em !important; }
}

@media (min-width: 762px) {
  .dmt75 { margin-top: 0.75em !important; }
  .dpt75 { padding-top: 0.75em !important; }
}

.mb75 { margin-bottom: 0.75em !important; }

.pb75 { padding-bottom: 0.75em !important; }

@media (max-width: 761px) {
  .mmb75 { margin-bottom: 0.75em !important; }
  .mpb75 { padding-bottom: 0.75em !important; }
}

@media (min-width: 762px) {
  .dmb75 { margin-bottom: 0.75em !important; }
  .dpb75 { padding-bottom: 0.75em !important; }
}

.ml75 { margin-left: 0.75em !important; }

.pl75 { padding-left: 0.75em !important; }

@media (max-width: 761px) {
  .mml75 { margin-left: 0.75em !important; }
  .mpl75 { padding-left: 0.75em !important; }
}

@media (min-width: 762px) {
  .dml75 { margin-left: 0.75em !important; }
  .dpl75 { padding-left: 0.75em !important; }
}

.mr75 { margin-right: 0.75em !important; }

.pr75 { padding-right: 0.75em !important; }

@media (max-width: 761px) {
  .mmr75 { margin-right: 0.75em !important; }
  .mpr75 { padding-right: 0.75em !important; }
}

@media (min-width: 762px) {
  .dmr75 { margin-right: 0.75em !important; }
  .dpr75 { padding-right: 0.75em !important; }
}

.mt80 { margin-top: 0.8em !important; }

.pt80 { padding-top: 0.8em !important; }

@media (max-width: 761px) {
  .mmt80 { margin-top: 0.8em !important; }
  .mpt80 { padding-top: 0.8em !important; }
}

@media (min-width: 762px) {
  .dmt80 { margin-top: 0.8em !important; }
  .dpt80 { padding-top: 0.8em !important; }
}

.mb80 { margin-bottom: 0.8em !important; }

.pb80 { padding-bottom: 0.8em !important; }

@media (max-width: 761px) {
  .mmb80 { margin-bottom: 0.8em !important; }
  .mpb80 { padding-bottom: 0.8em !important; }
}

@media (min-width: 762px) {
  .dmb80 { margin-bottom: 0.8em !important; }
  .dpb80 { padding-bottom: 0.8em !important; }
}

.ml80 { margin-left: 0.8em !important; }

.pl80 { padding-left: 0.8em !important; }

@media (max-width: 761px) {
  .mml80 { margin-left: 0.8em !important; }
  .mpl80 { padding-left: 0.8em !important; }
}

@media (min-width: 762px) {
  .dml80 { margin-left: 0.8em !important; }
  .dpl80 { padding-left: 0.8em !important; }
}

.mr80 { margin-right: 0.8em !important; }

.pr80 { padding-right: 0.8em !important; }

@media (max-width: 761px) {
  .mmr80 { margin-right: 0.8em !important; }
  .mpr80 { padding-right: 0.8em !important; }
}

@media (min-width: 762px) {
  .dmr80 { margin-right: 0.8em !important; }
  .dpr80 { padding-right: 0.8em !important; }
}

.mt85 { margin-top: 0.85em !important; }

.pt85 { padding-top: 0.85em !important; }

@media (max-width: 761px) {
  .mmt85 { margin-top: 0.85em !important; }
  .mpt85 { padding-top: 0.85em !important; }
}

@media (min-width: 762px) {
  .dmt85 { margin-top: 0.85em !important; }
  .dpt85 { padding-top: 0.85em !important; }
}

.mb85 { margin-bottom: 0.85em !important; }

.pb85 { padding-bottom: 0.85em !important; }

@media (max-width: 761px) {
  .mmb85 { margin-bottom: 0.85em !important; }
  .mpb85 { padding-bottom: 0.85em !important; }
}

@media (min-width: 762px) {
  .dmb85 { margin-bottom: 0.85em !important; }
  .dpb85 { padding-bottom: 0.85em !important; }
}

.ml85 { margin-left: 0.85em !important; }

.pl85 { padding-left: 0.85em !important; }

@media (max-width: 761px) {
  .mml85 { margin-left: 0.85em !important; }
  .mpl85 { padding-left: 0.85em !important; }
}

@media (min-width: 762px) {
  .dml85 { margin-left: 0.85em !important; }
  .dpl85 { padding-left: 0.85em !important; }
}

.mr85 { margin-right: 0.85em !important; }

.pr85 { padding-right: 0.85em !important; }

@media (max-width: 761px) {
  .mmr85 { margin-right: 0.85em !important; }
  .mpr85 { padding-right: 0.85em !important; }
}

@media (min-width: 762px) {
  .dmr85 { margin-right: 0.85em !important; }
  .dpr85 { padding-right: 0.85em !important; }
}

.mt90 { margin-top: 0.9em !important; }

.pt90 { padding-top: 0.9em !important; }

@media (max-width: 761px) {
  .mmt90 { margin-top: 0.9em !important; }
  .mpt90 { padding-top: 0.9em !important; }
}

@media (min-width: 762px) {
  .dmt90 { margin-top: 0.9em !important; }
  .dpt90 { padding-top: 0.9em !important; }
}

.mb90 { margin-bottom: 0.9em !important; }

.pb90 { padding-bottom: 0.9em !important; }

@media (max-width: 761px) {
  .mmb90 { margin-bottom: 0.9em !important; }
  .mpb90 { padding-bottom: 0.9em !important; }
}

@media (min-width: 762px) {
  .dmb90 { margin-bottom: 0.9em !important; }
  .dpb90 { padding-bottom: 0.9em !important; }
}

.ml90 { margin-left: 0.9em !important; }

.pl90 { padding-left: 0.9em !important; }

@media (max-width: 761px) {
  .mml90 { margin-left: 0.9em !important; }
  .mpl90 { padding-left: 0.9em !important; }
}

@media (min-width: 762px) {
  .dml90 { margin-left: 0.9em !important; }
  .dpl90 { padding-left: 0.9em !important; }
}

.mr90 { margin-right: 0.9em !important; }

.pr90 { padding-right: 0.9em !important; }

@media (max-width: 761px) {
  .mmr90 { margin-right: 0.9em !important; }
  .mpr90 { padding-right: 0.9em !important; }
}

@media (min-width: 762px) {
  .dmr90 { margin-right: 0.9em !important; }
  .dpr90 { padding-right: 0.9em !important; }
}

.mt95 { margin-top: 0.95em !important; }

.pt95 { padding-top: 0.95em !important; }

@media (max-width: 761px) {
  .mmt95 { margin-top: 0.95em !important; }
  .mpt95 { padding-top: 0.95em !important; }
}

@media (min-width: 762px) {
  .dmt95 { margin-top: 0.95em !important; }
  .dpt95 { padding-top: 0.95em !important; }
}

.mb95 { margin-bottom: 0.95em !important; }

.pb95 { padding-bottom: 0.95em !important; }

@media (max-width: 761px) {
  .mmb95 { margin-bottom: 0.95em !important; }
  .mpb95 { padding-bottom: 0.95em !important; }
}

@media (min-width: 762px) {
  .dmb95 { margin-bottom: 0.95em !important; }
  .dpb95 { padding-bottom: 0.95em !important; }
}

.ml95 { margin-left: 0.95em !important; }

.pl95 { padding-left: 0.95em !important; }

@media (max-width: 761px) {
  .mml95 { margin-left: 0.95em !important; }
  .mpl95 { padding-left: 0.95em !important; }
}

@media (min-width: 762px) {
  .dml95 { margin-left: 0.95em !important; }
  .dpl95 { padding-left: 0.95em !important; }
}

.mr95 { margin-right: 0.95em !important; }

.pr95 { padding-right: 0.95em !important; }

@media (max-width: 761px) {
  .mmr95 { margin-right: 0.95em !important; }
  .mpr95 { padding-right: 0.95em !important; }
}

@media (min-width: 762px) {
  .dmr95 { margin-right: 0.95em !important; }
  .dpr95 { padding-right: 0.95em !important; }
}

.mt100 { margin-top: 1em !important; }

.pt100 { padding-top: 1em !important; }

@media (max-width: 761px) {
  .mmt100 { margin-top: 1em !important; }
  .mpt100 { padding-top: 1em !important; }
}

@media (min-width: 762px) {
  .dmt100 { margin-top: 1em !important; }
  .dpt100 { padding-top: 1em !important; }
}

.mb100 { margin-bottom: 1em !important; }

.pb100 { padding-bottom: 1em !important; }

@media (max-width: 761px) {
  .mmb100 { margin-bottom: 1em !important; }
  .mpb100 { padding-bottom: 1em !important; }
}

@media (min-width: 762px) {
  .dmb100 { margin-bottom: 1em !important; }
  .dpb100 { padding-bottom: 1em !important; }
}

.ml100 { margin-left: 1em !important; }

.pl100 { padding-left: 1em !important; }

@media (max-width: 761px) {
  .mml100 { margin-left: 1em !important; }
  .mpl100 { padding-left: 1em !important; }
}

@media (min-width: 762px) {
  .dml100 { margin-left: 1em !important; }
  .dpl100 { padding-left: 1em !important; }
}

.mr100 { margin-right: 1em !important; }

.pr100 { padding-right: 1em !important; }

@media (max-width: 761px) {
  .mmr100 { margin-right: 1em !important; }
  .mpr100 { padding-right: 1em !important; }
}

@media (min-width: 762px) {
  .dmr100 { margin-right: 1em !important; }
  .dpr100 { padding-right: 1em !important; }
}

.mt105 { margin-top: 1.05em !important; }

.pt105 { padding-top: 1.05em !important; }

@media (max-width: 761px) {
  .mmt105 { margin-top: 1.05em !important; }
  .mpt105 { padding-top: 1.05em !important; }
}

@media (min-width: 762px) {
  .dmt105 { margin-top: 1.05em !important; }
  .dpt105 { padding-top: 1.05em !important; }
}

.mb105 { margin-bottom: 1.05em !important; }

.pb105 { padding-bottom: 1.05em !important; }

@media (max-width: 761px) {
  .mmb105 { margin-bottom: 1.05em !important; }
  .mpb105 { padding-bottom: 1.05em !important; }
}

@media (min-width: 762px) {
  .dmb105 { margin-bottom: 1.05em !important; }
  .dpb105 { padding-bottom: 1.05em !important; }
}

.ml105 { margin-left: 1.05em !important; }

.pl105 { padding-left: 1.05em !important; }

@media (max-width: 761px) {
  .mml105 { margin-left: 1.05em !important; }
  .mpl105 { padding-left: 1.05em !important; }
}

@media (min-width: 762px) {
  .dml105 { margin-left: 1.05em !important; }
  .dpl105 { padding-left: 1.05em !important; }
}

.mr105 { margin-right: 1.05em !important; }

.pr105 { padding-right: 1.05em !important; }

@media (max-width: 761px) {
  .mmr105 { margin-right: 1.05em !important; }
  .mpr105 { padding-right: 1.05em !important; }
}

@media (min-width: 762px) {
  .dmr105 { margin-right: 1.05em !important; }
  .dpr105 { padding-right: 1.05em !important; }
}

.mt110 { margin-top: 1.1em !important; }

.pt110 { padding-top: 1.1em !important; }

@media (max-width: 761px) {
  .mmt110 { margin-top: 1.1em !important; }
  .mpt110 { padding-top: 1.1em !important; }
}

@media (min-width: 762px) {
  .dmt110 { margin-top: 1.1em !important; }
  .dpt110 { padding-top: 1.1em !important; }
}

.mb110 { margin-bottom: 1.1em !important; }

.pb110 { padding-bottom: 1.1em !important; }

@media (max-width: 761px) {
  .mmb110 { margin-bottom: 1.1em !important; }
  .mpb110 { padding-bottom: 1.1em !important; }
}

@media (min-width: 762px) {
  .dmb110 { margin-bottom: 1.1em !important; }
  .dpb110 { padding-bottom: 1.1em !important; }
}

.ml110 { margin-left: 1.1em !important; }

.pl110 { padding-left: 1.1em !important; }

@media (max-width: 761px) {
  .mml110 { margin-left: 1.1em !important; }
  .mpl110 { padding-left: 1.1em !important; }
}

@media (min-width: 762px) {
  .dml110 { margin-left: 1.1em !important; }
  .dpl110 { padding-left: 1.1em !important; }
}

.mr110 { margin-right: 1.1em !important; }

.pr110 { padding-right: 1.1em !important; }

@media (max-width: 761px) {
  .mmr110 { margin-right: 1.1em !important; }
  .mpr110 { padding-right: 1.1em !important; }
}

@media (min-width: 762px) {
  .dmr110 { margin-right: 1.1em !important; }
  .dpr110 { padding-right: 1.1em !important; }
}

.mt115 { margin-top: 1.15em !important; }

.pt115 { padding-top: 1.15em !important; }

@media (max-width: 761px) {
  .mmt115 { margin-top: 1.15em !important; }
  .mpt115 { padding-top: 1.15em !important; }
}

@media (min-width: 762px) {
  .dmt115 { margin-top: 1.15em !important; }
  .dpt115 { padding-top: 1.15em !important; }
}

.mb115 { margin-bottom: 1.15em !important; }

.pb115 { padding-bottom: 1.15em !important; }

@media (max-width: 761px) {
  .mmb115 { margin-bottom: 1.15em !important; }
  .mpb115 { padding-bottom: 1.15em !important; }
}

@media (min-width: 762px) {
  .dmb115 { margin-bottom: 1.15em !important; }
  .dpb115 { padding-bottom: 1.15em !important; }
}

.ml115 { margin-left: 1.15em !important; }

.pl115 { padding-left: 1.15em !important; }

@media (max-width: 761px) {
  .mml115 { margin-left: 1.15em !important; }
  .mpl115 { padding-left: 1.15em !important; }
}

@media (min-width: 762px) {
  .dml115 { margin-left: 1.15em !important; }
  .dpl115 { padding-left: 1.15em !important; }
}

.mr115 { margin-right: 1.15em !important; }

.pr115 { padding-right: 1.15em !important; }

@media (max-width: 761px) {
  .mmr115 { margin-right: 1.15em !important; }
  .mpr115 { padding-right: 1.15em !important; }
}

@media (min-width: 762px) {
  .dmr115 { margin-right: 1.15em !important; }
  .dpr115 { padding-right: 1.15em !important; }
}

.mt120 { margin-top: 1.2em !important; }

.pt120 { padding-top: 1.2em !important; }

@media (max-width: 761px) {
  .mmt120 { margin-top: 1.2em !important; }
  .mpt120 { padding-top: 1.2em !important; }
}

@media (min-width: 762px) {
  .dmt120 { margin-top: 1.2em !important; }
  .dpt120 { padding-top: 1.2em !important; }
}

.mb120 { margin-bottom: 1.2em !important; }

.pb120 { padding-bottom: 1.2em !important; }

@media (max-width: 761px) {
  .mmb120 { margin-bottom: 1.2em !important; }
  .mpb120 { padding-bottom: 1.2em !important; }
}

@media (min-width: 762px) {
  .dmb120 { margin-bottom: 1.2em !important; }
  .dpb120 { padding-bottom: 1.2em !important; }
}

.ml120 { margin-left: 1.2em !important; }

.pl120 { padding-left: 1.2em !important; }

@media (max-width: 761px) {
  .mml120 { margin-left: 1.2em !important; }
  .mpl120 { padding-left: 1.2em !important; }
}

@media (min-width: 762px) {
  .dml120 { margin-left: 1.2em !important; }
  .dpl120 { padding-left: 1.2em !important; }
}

.mr120 { margin-right: 1.2em !important; }

.pr120 { padding-right: 1.2em !important; }

@media (max-width: 761px) {
  .mmr120 { margin-right: 1.2em !important; }
  .mpr120 { padding-right: 1.2em !important; }
}

@media (min-width: 762px) {
  .dmr120 { margin-right: 1.2em !important; }
  .dpr120 { padding-right: 1.2em !important; }
}

.mt125 { margin-top: 1.25em !important; }

.pt125 { padding-top: 1.25em !important; }

@media (max-width: 761px) {
  .mmt125 { margin-top: 1.25em !important; }
  .mpt125 { padding-top: 1.25em !important; }
}

@media (min-width: 762px) {
  .dmt125 { margin-top: 1.25em !important; }
  .dpt125 { padding-top: 1.25em !important; }
}

.mb125 { margin-bottom: 1.25em !important; }

.pb125 { padding-bottom: 1.25em !important; }

@media (max-width: 761px) {
  .mmb125 { margin-bottom: 1.25em !important; }
  .mpb125 { padding-bottom: 1.25em !important; }
}

@media (min-width: 762px) {
  .dmb125 { margin-bottom: 1.25em !important; }
  .dpb125 { padding-bottom: 1.25em !important; }
}

.ml125 { margin-left: 1.25em !important; }

.pl125 { padding-left: 1.25em !important; }

@media (max-width: 761px) {
  .mml125 { margin-left: 1.25em !important; }
  .mpl125 { padding-left: 1.25em !important; }
}

@media (min-width: 762px) {
  .dml125 { margin-left: 1.25em !important; }
  .dpl125 { padding-left: 1.25em !important; }
}

.mr125 { margin-right: 1.25em !important; }

.pr125 { padding-right: 1.25em !important; }

@media (max-width: 761px) {
  .mmr125 { margin-right: 1.25em !important; }
  .mpr125 { padding-right: 1.25em !important; }
}

@media (min-width: 762px) {
  .dmr125 { margin-right: 1.25em !important; }
  .dpr125 { padding-right: 1.25em !important; }
}

.mt130 { margin-top: 1.3em !important; }

.pt130 { padding-top: 1.3em !important; }

@media (max-width: 761px) {
  .mmt130 { margin-top: 1.3em !important; }
  .mpt130 { padding-top: 1.3em !important; }
}

@media (min-width: 762px) {
  .dmt130 { margin-top: 1.3em !important; }
  .dpt130 { padding-top: 1.3em !important; }
}

.mb130 { margin-bottom: 1.3em !important; }

.pb130 { padding-bottom: 1.3em !important; }

@media (max-width: 761px) {
  .mmb130 { margin-bottom: 1.3em !important; }
  .mpb130 { padding-bottom: 1.3em !important; }
}

@media (min-width: 762px) {
  .dmb130 { margin-bottom: 1.3em !important; }
  .dpb130 { padding-bottom: 1.3em !important; }
}

.ml130 { margin-left: 1.3em !important; }

.pl130 { padding-left: 1.3em !important; }

@media (max-width: 761px) {
  .mml130 { margin-left: 1.3em !important; }
  .mpl130 { padding-left: 1.3em !important; }
}

@media (min-width: 762px) {
  .dml130 { margin-left: 1.3em !important; }
  .dpl130 { padding-left: 1.3em !important; }
}

.mr130 { margin-right: 1.3em !important; }

.pr130 { padding-right: 1.3em !important; }

@media (max-width: 761px) {
  .mmr130 { margin-right: 1.3em !important; }
  .mpr130 { padding-right: 1.3em !important; }
}

@media (min-width: 762px) {
  .dmr130 { margin-right: 1.3em !important; }
  .dpr130 { padding-right: 1.3em !important; }
}

.mt135 { margin-top: 1.35em !important; }

.pt135 { padding-top: 1.35em !important; }

@media (max-width: 761px) {
  .mmt135 { margin-top: 1.35em !important; }
  .mpt135 { padding-top: 1.35em !important; }
}

@media (min-width: 762px) {
  .dmt135 { margin-top: 1.35em !important; }
  .dpt135 { padding-top: 1.35em !important; }
}

.mb135 { margin-bottom: 1.35em !important; }

.pb135 { padding-bottom: 1.35em !important; }

@media (max-width: 761px) {
  .mmb135 { margin-bottom: 1.35em !important; }
  .mpb135 { padding-bottom: 1.35em !important; }
}

@media (min-width: 762px) {
  .dmb135 { margin-bottom: 1.35em !important; }
  .dpb135 { padding-bottom: 1.35em !important; }
}

.ml135 { margin-left: 1.35em !important; }

.pl135 { padding-left: 1.35em !important; }

@media (max-width: 761px) {
  .mml135 { margin-left: 1.35em !important; }
  .mpl135 { padding-left: 1.35em !important; }
}

@media (min-width: 762px) {
  .dml135 { margin-left: 1.35em !important; }
  .dpl135 { padding-left: 1.35em !important; }
}

.mr135 { margin-right: 1.35em !important; }

.pr135 { padding-right: 1.35em !important; }

@media (max-width: 761px) {
  .mmr135 { margin-right: 1.35em !important; }
  .mpr135 { padding-right: 1.35em !important; }
}

@media (min-width: 762px) {
  .dmr135 { margin-right: 1.35em !important; }
  .dpr135 { padding-right: 1.35em !important; }
}

.mt140 { margin-top: 1.4em !important; }

.pt140 { padding-top: 1.4em !important; }

@media (max-width: 761px) {
  .mmt140 { margin-top: 1.4em !important; }
  .mpt140 { padding-top: 1.4em !important; }
}

@media (min-width: 762px) {
  .dmt140 { margin-top: 1.4em !important; }
  .dpt140 { padding-top: 1.4em !important; }
}

.mb140 { margin-bottom: 1.4em !important; }

.pb140 { padding-bottom: 1.4em !important; }

@media (max-width: 761px) {
  .mmb140 { margin-bottom: 1.4em !important; }
  .mpb140 { padding-bottom: 1.4em !important; }
}

@media (min-width: 762px) {
  .dmb140 { margin-bottom: 1.4em !important; }
  .dpb140 { padding-bottom: 1.4em !important; }
}

.ml140 { margin-left: 1.4em !important; }

.pl140 { padding-left: 1.4em !important; }

@media (max-width: 761px) {
  .mml140 { margin-left: 1.4em !important; }
  .mpl140 { padding-left: 1.4em !important; }
}

@media (min-width: 762px) {
  .dml140 { margin-left: 1.4em !important; }
  .dpl140 { padding-left: 1.4em !important; }
}

.mr140 { margin-right: 1.4em !important; }

.pr140 { padding-right: 1.4em !important; }

@media (max-width: 761px) {
  .mmr140 { margin-right: 1.4em !important; }
  .mpr140 { padding-right: 1.4em !important; }
}

@media (min-width: 762px) {
  .dmr140 { margin-right: 1.4em !important; }
  .dpr140 { padding-right: 1.4em !important; }
}

.mt145 { margin-top: 1.45em !important; }

.pt145 { padding-top: 1.45em !important; }

@media (max-width: 761px) {
  .mmt145 { margin-top: 1.45em !important; }
  .mpt145 { padding-top: 1.45em !important; }
}

@media (min-width: 762px) {
  .dmt145 { margin-top: 1.45em !important; }
  .dpt145 { padding-top: 1.45em !important; }
}

.mb145 { margin-bottom: 1.45em !important; }

.pb145 { padding-bottom: 1.45em !important; }

@media (max-width: 761px) {
  .mmb145 { margin-bottom: 1.45em !important; }
  .mpb145 { padding-bottom: 1.45em !important; }
}

@media (min-width: 762px) {
  .dmb145 { margin-bottom: 1.45em !important; }
  .dpb145 { padding-bottom: 1.45em !important; }
}

.ml145 { margin-left: 1.45em !important; }

.pl145 { padding-left: 1.45em !important; }

@media (max-width: 761px) {
  .mml145 { margin-left: 1.45em !important; }
  .mpl145 { padding-left: 1.45em !important; }
}

@media (min-width: 762px) {
  .dml145 { margin-left: 1.45em !important; }
  .dpl145 { padding-left: 1.45em !important; }
}

.mr145 { margin-right: 1.45em !important; }

.pr145 { padding-right: 1.45em !important; }

@media (max-width: 761px) {
  .mmr145 { margin-right: 1.45em !important; }
  .mpr145 { padding-right: 1.45em !important; }
}

@media (min-width: 762px) {
  .dmr145 { margin-right: 1.45em !important; }
  .dpr145 { padding-right: 1.45em !important; }
}

.mt150 { margin-top: 1.5em !important; }

.pt150 { padding-top: 1.5em !important; }

@media (max-width: 761px) {
  .mmt150 { margin-top: 1.5em !important; }
  .mpt150 { padding-top: 1.5em !important; }
}

@media (min-width: 762px) {
  .dmt150 { margin-top: 1.5em !important; }
  .dpt150 { padding-top: 1.5em !important; }
}

.mb150 { margin-bottom: 1.5em !important; }

.pb150 { padding-bottom: 1.5em !important; }

@media (max-width: 761px) {
  .mmb150 { margin-bottom: 1.5em !important; }
  .mpb150 { padding-bottom: 1.5em !important; }
}

@media (min-width: 762px) {
  .dmb150 { margin-bottom: 1.5em !important; }
  .dpb150 { padding-bottom: 1.5em !important; }
}

.ml150 { margin-left: 1.5em !important; }

.pl150 { padding-left: 1.5em !important; }

@media (max-width: 761px) {
  .mml150 { margin-left: 1.5em !important; }
  .mpl150 { padding-left: 1.5em !important; }
}

@media (min-width: 762px) {
  .dml150 { margin-left: 1.5em !important; }
  .dpl150 { padding-left: 1.5em !important; }
}

.mr150 { margin-right: 1.5em !important; }

.pr150 { padding-right: 1.5em !important; }

@media (max-width: 761px) {
  .mmr150 { margin-right: 1.5em !important; }
  .mpr150 { padding-right: 1.5em !important; }
}

@media (min-width: 762px) {
  .dmr150 { margin-right: 1.5em !important; }
  .dpr150 { padding-right: 1.5em !important; }
}

.mt155 { margin-top: 1.55em !important; }

.pt155 { padding-top: 1.55em !important; }

@media (max-width: 761px) {
  .mmt155 { margin-top: 1.55em !important; }
  .mpt155 { padding-top: 1.55em !important; }
}

@media (min-width: 762px) {
  .dmt155 { margin-top: 1.55em !important; }
  .dpt155 { padding-top: 1.55em !important; }
}

.mb155 { margin-bottom: 1.55em !important; }

.pb155 { padding-bottom: 1.55em !important; }

@media (max-width: 761px) {
  .mmb155 { margin-bottom: 1.55em !important; }
  .mpb155 { padding-bottom: 1.55em !important; }
}

@media (min-width: 762px) {
  .dmb155 { margin-bottom: 1.55em !important; }
  .dpb155 { padding-bottom: 1.55em !important; }
}

.ml155 { margin-left: 1.55em !important; }

.pl155 { padding-left: 1.55em !important; }

@media (max-width: 761px) {
  .mml155 { margin-left: 1.55em !important; }
  .mpl155 { padding-left: 1.55em !important; }
}

@media (min-width: 762px) {
  .dml155 { margin-left: 1.55em !important; }
  .dpl155 { padding-left: 1.55em !important; }
}

.mr155 { margin-right: 1.55em !important; }

.pr155 { padding-right: 1.55em !important; }

@media (max-width: 761px) {
  .mmr155 { margin-right: 1.55em !important; }
  .mpr155 { padding-right: 1.55em !important; }
}

@media (min-width: 762px) {
  .dmr155 { margin-right: 1.55em !important; }
  .dpr155 { padding-right: 1.55em !important; }
}

.mt160 { margin-top: 1.6em !important; }

.pt160 { padding-top: 1.6em !important; }

@media (max-width: 761px) {
  .mmt160 { margin-top: 1.6em !important; }
  .mpt160 { padding-top: 1.6em !important; }
}

@media (min-width: 762px) {
  .dmt160 { margin-top: 1.6em !important; }
  .dpt160 { padding-top: 1.6em !important; }
}

.mb160 { margin-bottom: 1.6em !important; }

.pb160 { padding-bottom: 1.6em !important; }

@media (max-width: 761px) {
  .mmb160 { margin-bottom: 1.6em !important; }
  .mpb160 { padding-bottom: 1.6em !important; }
}

@media (min-width: 762px) {
  .dmb160 { margin-bottom: 1.6em !important; }
  .dpb160 { padding-bottom: 1.6em !important; }
}

.ml160 { margin-left: 1.6em !important; }

.pl160 { padding-left: 1.6em !important; }

@media (max-width: 761px) {
  .mml160 { margin-left: 1.6em !important; }
  .mpl160 { padding-left: 1.6em !important; }
}

@media (min-width: 762px) {
  .dml160 { margin-left: 1.6em !important; }
  .dpl160 { padding-left: 1.6em !important; }
}

.mr160 { margin-right: 1.6em !important; }

.pr160 { padding-right: 1.6em !important; }

@media (max-width: 761px) {
  .mmr160 { margin-right: 1.6em !important; }
  .mpr160 { padding-right: 1.6em !important; }
}

@media (min-width: 762px) {
  .dmr160 { margin-right: 1.6em !important; }
  .dpr160 { padding-right: 1.6em !important; }
}

.mt165 { margin-top: 1.65em !important; }

.pt165 { padding-top: 1.65em !important; }

@media (max-width: 761px) {
  .mmt165 { margin-top: 1.65em !important; }
  .mpt165 { padding-top: 1.65em !important; }
}

@media (min-width: 762px) {
  .dmt165 { margin-top: 1.65em !important; }
  .dpt165 { padding-top: 1.65em !important; }
}

.mb165 { margin-bottom: 1.65em !important; }

.pb165 { padding-bottom: 1.65em !important; }

@media (max-width: 761px) {
  .mmb165 { margin-bottom: 1.65em !important; }
  .mpb165 { padding-bottom: 1.65em !important; }
}

@media (min-width: 762px) {
  .dmb165 { margin-bottom: 1.65em !important; }
  .dpb165 { padding-bottom: 1.65em !important; }
}

.ml165 { margin-left: 1.65em !important; }

.pl165 { padding-left: 1.65em !important; }

@media (max-width: 761px) {
  .mml165 { margin-left: 1.65em !important; }
  .mpl165 { padding-left: 1.65em !important; }
}

@media (min-width: 762px) {
  .dml165 { margin-left: 1.65em !important; }
  .dpl165 { padding-left: 1.65em !important; }
}

.mr165 { margin-right: 1.65em !important; }

.pr165 { padding-right: 1.65em !important; }

@media (max-width: 761px) {
  .mmr165 { margin-right: 1.65em !important; }
  .mpr165 { padding-right: 1.65em !important; }
}

@media (min-width: 762px) {
  .dmr165 { margin-right: 1.65em !important; }
  .dpr165 { padding-right: 1.65em !important; }
}

.mt170 { margin-top: 1.7em !important; }

.pt170 { padding-top: 1.7em !important; }

@media (max-width: 761px) {
  .mmt170 { margin-top: 1.7em !important; }
  .mpt170 { padding-top: 1.7em !important; }
}

@media (min-width: 762px) {
  .dmt170 { margin-top: 1.7em !important; }
  .dpt170 { padding-top: 1.7em !important; }
}

.mb170 { margin-bottom: 1.7em !important; }

.pb170 { padding-bottom: 1.7em !important; }

@media (max-width: 761px) {
  .mmb170 { margin-bottom: 1.7em !important; }
  .mpb170 { padding-bottom: 1.7em !important; }
}

@media (min-width: 762px) {
  .dmb170 { margin-bottom: 1.7em !important; }
  .dpb170 { padding-bottom: 1.7em !important; }
}

.ml170 { margin-left: 1.7em !important; }

.pl170 { padding-left: 1.7em !important; }

@media (max-width: 761px) {
  .mml170 { margin-left: 1.7em !important; }
  .mpl170 { padding-left: 1.7em !important; }
}

@media (min-width: 762px) {
  .dml170 { margin-left: 1.7em !important; }
  .dpl170 { padding-left: 1.7em !important; }
}

.mr170 { margin-right: 1.7em !important; }

.pr170 { padding-right: 1.7em !important; }

@media (max-width: 761px) {
  .mmr170 { margin-right: 1.7em !important; }
  .mpr170 { padding-right: 1.7em !important; }
}

@media (min-width: 762px) {
  .dmr170 { margin-right: 1.7em !important; }
  .dpr170 { padding-right: 1.7em !important; }
}

.mt175 { margin-top: 1.75em !important; }

.pt175 { padding-top: 1.75em !important; }

@media (max-width: 761px) {
  .mmt175 { margin-top: 1.75em !important; }
  .mpt175 { padding-top: 1.75em !important; }
}

@media (min-width: 762px) {
  .dmt175 { margin-top: 1.75em !important; }
  .dpt175 { padding-top: 1.75em !important; }
}

.mb175 { margin-bottom: 1.75em !important; }

.pb175 { padding-bottom: 1.75em !important; }

@media (max-width: 761px) {
  .mmb175 { margin-bottom: 1.75em !important; }
  .mpb175 { padding-bottom: 1.75em !important; }
}

@media (min-width: 762px) {
  .dmb175 { margin-bottom: 1.75em !important; }
  .dpb175 { padding-bottom: 1.75em !important; }
}

.ml175 { margin-left: 1.75em !important; }

.pl175 { padding-left: 1.75em !important; }

@media (max-width: 761px) {
  .mml175 { margin-left: 1.75em !important; }
  .mpl175 { padding-left: 1.75em !important; }
}

@media (min-width: 762px) {
  .dml175 { margin-left: 1.75em !important; }
  .dpl175 { padding-left: 1.75em !important; }
}

.mr175 { margin-right: 1.75em !important; }

.pr175 { padding-right: 1.75em !important; }

@media (max-width: 761px) {
  .mmr175 { margin-right: 1.75em !important; }
  .mpr175 { padding-right: 1.75em !important; }
}

@media (min-width: 762px) {
  .dmr175 { margin-right: 1.75em !important; }
  .dpr175 { padding-right: 1.75em !important; }
}

.mt180 { margin-top: 1.8em !important; }

.pt180 { padding-top: 1.8em !important; }

@media (max-width: 761px) {
  .mmt180 { margin-top: 1.8em !important; }
  .mpt180 { padding-top: 1.8em !important; }
}

@media (min-width: 762px) {
  .dmt180 { margin-top: 1.8em !important; }
  .dpt180 { padding-top: 1.8em !important; }
}

.mb180 { margin-bottom: 1.8em !important; }

.pb180 { padding-bottom: 1.8em !important; }

@media (max-width: 761px) {
  .mmb180 { margin-bottom: 1.8em !important; }
  .mpb180 { padding-bottom: 1.8em !important; }
}

@media (min-width: 762px) {
  .dmb180 { margin-bottom: 1.8em !important; }
  .dpb180 { padding-bottom: 1.8em !important; }
}

.ml180 { margin-left: 1.8em !important; }

.pl180 { padding-left: 1.8em !important; }

@media (max-width: 761px) {
  .mml180 { margin-left: 1.8em !important; }
  .mpl180 { padding-left: 1.8em !important; }
}

@media (min-width: 762px) {
  .dml180 { margin-left: 1.8em !important; }
  .dpl180 { padding-left: 1.8em !important; }
}

.mr180 { margin-right: 1.8em !important; }

.pr180 { padding-right: 1.8em !important; }

@media (max-width: 761px) {
  .mmr180 { margin-right: 1.8em !important; }
  .mpr180 { padding-right: 1.8em !important; }
}

@media (min-width: 762px) {
  .dmr180 { margin-right: 1.8em !important; }
  .dpr180 { padding-right: 1.8em !important; }
}

.mt185 { margin-top: 1.85em !important; }

.pt185 { padding-top: 1.85em !important; }

@media (max-width: 761px) {
  .mmt185 { margin-top: 1.85em !important; }
  .mpt185 { padding-top: 1.85em !important; }
}

@media (min-width: 762px) {
  .dmt185 { margin-top: 1.85em !important; }
  .dpt185 { padding-top: 1.85em !important; }
}

.mb185 { margin-bottom: 1.85em !important; }

.pb185 { padding-bottom: 1.85em !important; }

@media (max-width: 761px) {
  .mmb185 { margin-bottom: 1.85em !important; }
  .mpb185 { padding-bottom: 1.85em !important; }
}

@media (min-width: 762px) {
  .dmb185 { margin-bottom: 1.85em !important; }
  .dpb185 { padding-bottom: 1.85em !important; }
}

.ml185 { margin-left: 1.85em !important; }

.pl185 { padding-left: 1.85em !important; }

@media (max-width: 761px) {
  .mml185 { margin-left: 1.85em !important; }
  .mpl185 { padding-left: 1.85em !important; }
}

@media (min-width: 762px) {
  .dml185 { margin-left: 1.85em !important; }
  .dpl185 { padding-left: 1.85em !important; }
}

.mr185 { margin-right: 1.85em !important; }

.pr185 { padding-right: 1.85em !important; }

@media (max-width: 761px) {
  .mmr185 { margin-right: 1.85em !important; }
  .mpr185 { padding-right: 1.85em !important; }
}

@media (min-width: 762px) {
  .dmr185 { margin-right: 1.85em !important; }
  .dpr185 { padding-right: 1.85em !important; }
}

.mt190 { margin-top: 1.9em !important; }

.pt190 { padding-top: 1.9em !important; }

@media (max-width: 761px) {
  .mmt190 { margin-top: 1.9em !important; }
  .mpt190 { padding-top: 1.9em !important; }
}

@media (min-width: 762px) {
  .dmt190 { margin-top: 1.9em !important; }
  .dpt190 { padding-top: 1.9em !important; }
}

.mb190 { margin-bottom: 1.9em !important; }

.pb190 { padding-bottom: 1.9em !important; }

@media (max-width: 761px) {
  .mmb190 { margin-bottom: 1.9em !important; }
  .mpb190 { padding-bottom: 1.9em !important; }
}

@media (min-width: 762px) {
  .dmb190 { margin-bottom: 1.9em !important; }
  .dpb190 { padding-bottom: 1.9em !important; }
}

.ml190 { margin-left: 1.9em !important; }

.pl190 { padding-left: 1.9em !important; }

@media (max-width: 761px) {
  .mml190 { margin-left: 1.9em !important; }
  .mpl190 { padding-left: 1.9em !important; }
}

@media (min-width: 762px) {
  .dml190 { margin-left: 1.9em !important; }
  .dpl190 { padding-left: 1.9em !important; }
}

.mr190 { margin-right: 1.9em !important; }

.pr190 { padding-right: 1.9em !important; }

@media (max-width: 761px) {
  .mmr190 { margin-right: 1.9em !important; }
  .mpr190 { padding-right: 1.9em !important; }
}

@media (min-width: 762px) {
  .dmr190 { margin-right: 1.9em !important; }
  .dpr190 { padding-right: 1.9em !important; }
}

.mt195 { margin-top: 1.95em !important; }

.pt195 { padding-top: 1.95em !important; }

@media (max-width: 761px) {
  .mmt195 { margin-top: 1.95em !important; }
  .mpt195 { padding-top: 1.95em !important; }
}

@media (min-width: 762px) {
  .dmt195 { margin-top: 1.95em !important; }
  .dpt195 { padding-top: 1.95em !important; }
}

.mb195 { margin-bottom: 1.95em !important; }

.pb195 { padding-bottom: 1.95em !important; }

@media (max-width: 761px) {
  .mmb195 { margin-bottom: 1.95em !important; }
  .mpb195 { padding-bottom: 1.95em !important; }
}

@media (min-width: 762px) {
  .dmb195 { margin-bottom: 1.95em !important; }
  .dpb195 { padding-bottom: 1.95em !important; }
}

.ml195 { margin-left: 1.95em !important; }

.pl195 { padding-left: 1.95em !important; }

@media (max-width: 761px) {
  .mml195 { margin-left: 1.95em !important; }
  .mpl195 { padding-left: 1.95em !important; }
}

@media (min-width: 762px) {
  .dml195 { margin-left: 1.95em !important; }
  .dpl195 { padding-left: 1.95em !important; }
}

.mr195 { margin-right: 1.95em !important; }

.pr195 { padding-right: 1.95em !important; }

@media (max-width: 761px) {
  .mmr195 { margin-right: 1.95em !important; }
  .mpr195 { padding-right: 1.95em !important; }
}

@media (min-width: 762px) {
  .dmr195 { margin-right: 1.95em !important; }
  .dpr195 { padding-right: 1.95em !important; }
}

.mt200 { margin-top: 2em !important; }

.pt200 { padding-top: 2em !important; }

@media (max-width: 761px) {
  .mmt200 { margin-top: 2em !important; }
  .mpt200 { padding-top: 2em !important; }
}

@media (min-width: 762px) {
  .dmt200 { margin-top: 2em !important; }
  .dpt200 { padding-top: 2em !important; }
}

.mb200 { margin-bottom: 2em !important; }

.pb200 { padding-bottom: 2em !important; }

@media (max-width: 761px) {
  .mmb200 { margin-bottom: 2em !important; }
  .mpb200 { padding-bottom: 2em !important; }
}

@media (min-width: 762px) {
  .dmb200 { margin-bottom: 2em !important; }
  .dpb200 { padding-bottom: 2em !important; }
}

.ml200 { margin-left: 2em !important; }

.pl200 { padding-left: 2em !important; }

@media (max-width: 761px) {
  .mml200 { margin-left: 2em !important; }
  .mpl200 { padding-left: 2em !important; }
}

@media (min-width: 762px) {
  .dml200 { margin-left: 2em !important; }
  .dpl200 { padding-left: 2em !important; }
}

.mr200 { margin-right: 2em !important; }

.pr200 { padding-right: 2em !important; }

@media (max-width: 761px) {
  .mmr200 { margin-right: 2em !important; }
  .mpr200 { padding-right: 2em !important; }
}

@media (min-width: 762px) {
  .dmr200 { margin-right: 2em !important; }
  .dpr200 { padding-right: 2em !important; }
}

.mt205 { margin-top: 2.05em !important; }

.pt205 { padding-top: 2.05em !important; }

@media (max-width: 761px) {
  .mmt205 { margin-top: 2.05em !important; }
  .mpt205 { padding-top: 2.05em !important; }
}

@media (min-width: 762px) {
  .dmt205 { margin-top: 2.05em !important; }
  .dpt205 { padding-top: 2.05em !important; }
}

.mb205 { margin-bottom: 2.05em !important; }

.pb205 { padding-bottom: 2.05em !important; }

@media (max-width: 761px) {
  .mmb205 { margin-bottom: 2.05em !important; }
  .mpb205 { padding-bottom: 2.05em !important; }
}

@media (min-width: 762px) {
  .dmb205 { margin-bottom: 2.05em !important; }
  .dpb205 { padding-bottom: 2.05em !important; }
}

.ml205 { margin-left: 2.05em !important; }

.pl205 { padding-left: 2.05em !important; }

@media (max-width: 761px) {
  .mml205 { margin-left: 2.05em !important; }
  .mpl205 { padding-left: 2.05em !important; }
}

@media (min-width: 762px) {
  .dml205 { margin-left: 2.05em !important; }
  .dpl205 { padding-left: 2.05em !important; }
}

.mr205 { margin-right: 2.05em !important; }

.pr205 { padding-right: 2.05em !important; }

@media (max-width: 761px) {
  .mmr205 { margin-right: 2.05em !important; }
  .mpr205 { padding-right: 2.05em !important; }
}

@media (min-width: 762px) {
  .dmr205 { margin-right: 2.05em !important; }
  .dpr205 { padding-right: 2.05em !important; }
}

.mt210 { margin-top: 2.1em !important; }

.pt210 { padding-top: 2.1em !important; }

@media (max-width: 761px) {
  .mmt210 { margin-top: 2.1em !important; }
  .mpt210 { padding-top: 2.1em !important; }
}

@media (min-width: 762px) {
  .dmt210 { margin-top: 2.1em !important; }
  .dpt210 { padding-top: 2.1em !important; }
}

.mb210 { margin-bottom: 2.1em !important; }

.pb210 { padding-bottom: 2.1em !important; }

@media (max-width: 761px) {
  .mmb210 { margin-bottom: 2.1em !important; }
  .mpb210 { padding-bottom: 2.1em !important; }
}

@media (min-width: 762px) {
  .dmb210 { margin-bottom: 2.1em !important; }
  .dpb210 { padding-bottom: 2.1em !important; }
}

.ml210 { margin-left: 2.1em !important; }

.pl210 { padding-left: 2.1em !important; }

@media (max-width: 761px) {
  .mml210 { margin-left: 2.1em !important; }
  .mpl210 { padding-left: 2.1em !important; }
}

@media (min-width: 762px) {
  .dml210 { margin-left: 2.1em !important; }
  .dpl210 { padding-left: 2.1em !important; }
}

.mr210 { margin-right: 2.1em !important; }

.pr210 { padding-right: 2.1em !important; }

@media (max-width: 761px) {
  .mmr210 { margin-right: 2.1em !important; }
  .mpr210 { padding-right: 2.1em !important; }
}

@media (min-width: 762px) {
  .dmr210 { margin-right: 2.1em !important; }
  .dpr210 { padding-right: 2.1em !important; }
}

.mt215 { margin-top: 2.15em !important; }

.pt215 { padding-top: 2.15em !important; }

@media (max-width: 761px) {
  .mmt215 { margin-top: 2.15em !important; }
  .mpt215 { padding-top: 2.15em !important; }
}

@media (min-width: 762px) {
  .dmt215 { margin-top: 2.15em !important; }
  .dpt215 { padding-top: 2.15em !important; }
}

.mb215 { margin-bottom: 2.15em !important; }

.pb215 { padding-bottom: 2.15em !important; }

@media (max-width: 761px) {
  .mmb215 { margin-bottom: 2.15em !important; }
  .mpb215 { padding-bottom: 2.15em !important; }
}

@media (min-width: 762px) {
  .dmb215 { margin-bottom: 2.15em !important; }
  .dpb215 { padding-bottom: 2.15em !important; }
}

.ml215 { margin-left: 2.15em !important; }

.pl215 { padding-left: 2.15em !important; }

@media (max-width: 761px) {
  .mml215 { margin-left: 2.15em !important; }
  .mpl215 { padding-left: 2.15em !important; }
}

@media (min-width: 762px) {
  .dml215 { margin-left: 2.15em !important; }
  .dpl215 { padding-left: 2.15em !important; }
}

.mr215 { margin-right: 2.15em !important; }

.pr215 { padding-right: 2.15em !important; }

@media (max-width: 761px) {
  .mmr215 { margin-right: 2.15em !important; }
  .mpr215 { padding-right: 2.15em !important; }
}

@media (min-width: 762px) {
  .dmr215 { margin-right: 2.15em !important; }
  .dpr215 { padding-right: 2.15em !important; }
}

.mt220 { margin-top: 2.2em !important; }

.pt220 { padding-top: 2.2em !important; }

@media (max-width: 761px) {
  .mmt220 { margin-top: 2.2em !important; }
  .mpt220 { padding-top: 2.2em !important; }
}

@media (min-width: 762px) {
  .dmt220 { margin-top: 2.2em !important; }
  .dpt220 { padding-top: 2.2em !important; }
}

.mb220 { margin-bottom: 2.2em !important; }

.pb220 { padding-bottom: 2.2em !important; }

@media (max-width: 761px) {
  .mmb220 { margin-bottom: 2.2em !important; }
  .mpb220 { padding-bottom: 2.2em !important; }
}

@media (min-width: 762px) {
  .dmb220 { margin-bottom: 2.2em !important; }
  .dpb220 { padding-bottom: 2.2em !important; }
}

.ml220 { margin-left: 2.2em !important; }

.pl220 { padding-left: 2.2em !important; }

@media (max-width: 761px) {
  .mml220 { margin-left: 2.2em !important; }
  .mpl220 { padding-left: 2.2em !important; }
}

@media (min-width: 762px) {
  .dml220 { margin-left: 2.2em !important; }
  .dpl220 { padding-left: 2.2em !important; }
}

.mr220 { margin-right: 2.2em !important; }

.pr220 { padding-right: 2.2em !important; }

@media (max-width: 761px) {
  .mmr220 { margin-right: 2.2em !important; }
  .mpr220 { padding-right: 2.2em !important; }
}

@media (min-width: 762px) {
  .dmr220 { margin-right: 2.2em !important; }
  .dpr220 { padding-right: 2.2em !important; }
}

.mt225 { margin-top: 2.25em !important; }

.pt225 { padding-top: 2.25em !important; }

@media (max-width: 761px) {
  .mmt225 { margin-top: 2.25em !important; }
  .mpt225 { padding-top: 2.25em !important; }
}

@media (min-width: 762px) {
  .dmt225 { margin-top: 2.25em !important; }
  .dpt225 { padding-top: 2.25em !important; }
}

.mb225 { margin-bottom: 2.25em !important; }

.pb225 { padding-bottom: 2.25em !important; }

@media (max-width: 761px) {
  .mmb225 { margin-bottom: 2.25em !important; }
  .mpb225 { padding-bottom: 2.25em !important; }
}

@media (min-width: 762px) {
  .dmb225 { margin-bottom: 2.25em !important; }
  .dpb225 { padding-bottom: 2.25em !important; }
}

.ml225 { margin-left: 2.25em !important; }

.pl225 { padding-left: 2.25em !important; }

@media (max-width: 761px) {
  .mml225 { margin-left: 2.25em !important; }
  .mpl225 { padding-left: 2.25em !important; }
}

@media (min-width: 762px) {
  .dml225 { margin-left: 2.25em !important; }
  .dpl225 { padding-left: 2.25em !important; }
}

.mr225 { margin-right: 2.25em !important; }

.pr225 { padding-right: 2.25em !important; }

@media (max-width: 761px) {
  .mmr225 { margin-right: 2.25em !important; }
  .mpr225 { padding-right: 2.25em !important; }
}

@media (min-width: 762px) {
  .dmr225 { margin-right: 2.25em !important; }
  .dpr225 { padding-right: 2.25em !important; }
}

.mt230 { margin-top: 2.3em !important; }

.pt230 { padding-top: 2.3em !important; }

@media (max-width: 761px) {
  .mmt230 { margin-top: 2.3em !important; }
  .mpt230 { padding-top: 2.3em !important; }
}

@media (min-width: 762px) {
  .dmt230 { margin-top: 2.3em !important; }
  .dpt230 { padding-top: 2.3em !important; }
}

.mb230 { margin-bottom: 2.3em !important; }

.pb230 { padding-bottom: 2.3em !important; }

@media (max-width: 761px) {
  .mmb230 { margin-bottom: 2.3em !important; }
  .mpb230 { padding-bottom: 2.3em !important; }
}

@media (min-width: 762px) {
  .dmb230 { margin-bottom: 2.3em !important; }
  .dpb230 { padding-bottom: 2.3em !important; }
}

.ml230 { margin-left: 2.3em !important; }

.pl230 { padding-left: 2.3em !important; }

@media (max-width: 761px) {
  .mml230 { margin-left: 2.3em !important; }
  .mpl230 { padding-left: 2.3em !important; }
}

@media (min-width: 762px) {
  .dml230 { margin-left: 2.3em !important; }
  .dpl230 { padding-left: 2.3em !important; }
}

.mr230 { margin-right: 2.3em !important; }

.pr230 { padding-right: 2.3em !important; }

@media (max-width: 761px) {
  .mmr230 { margin-right: 2.3em !important; }
  .mpr230 { padding-right: 2.3em !important; }
}

@media (min-width: 762px) {
  .dmr230 { margin-right: 2.3em !important; }
  .dpr230 { padding-right: 2.3em !important; }
}

.mt235 { margin-top: 2.35em !important; }

.pt235 { padding-top: 2.35em !important; }

@media (max-width: 761px) {
  .mmt235 { margin-top: 2.35em !important; }
  .mpt235 { padding-top: 2.35em !important; }
}

@media (min-width: 762px) {
  .dmt235 { margin-top: 2.35em !important; }
  .dpt235 { padding-top: 2.35em !important; }
}

.mb235 { margin-bottom: 2.35em !important; }

.pb235 { padding-bottom: 2.35em !important; }

@media (max-width: 761px) {
  .mmb235 { margin-bottom: 2.35em !important; }
  .mpb235 { padding-bottom: 2.35em !important; }
}

@media (min-width: 762px) {
  .dmb235 { margin-bottom: 2.35em !important; }
  .dpb235 { padding-bottom: 2.35em !important; }
}

.ml235 { margin-left: 2.35em !important; }

.pl235 { padding-left: 2.35em !important; }

@media (max-width: 761px) {
  .mml235 { margin-left: 2.35em !important; }
  .mpl235 { padding-left: 2.35em !important; }
}

@media (min-width: 762px) {
  .dml235 { margin-left: 2.35em !important; }
  .dpl235 { padding-left: 2.35em !important; }
}

.mr235 { margin-right: 2.35em !important; }

.pr235 { padding-right: 2.35em !important; }

@media (max-width: 761px) {
  .mmr235 { margin-right: 2.35em !important; }
  .mpr235 { padding-right: 2.35em !important; }
}

@media (min-width: 762px) {
  .dmr235 { margin-right: 2.35em !important; }
  .dpr235 { padding-right: 2.35em !important; }
}

.mt240 { margin-top: 2.4em !important; }

.pt240 { padding-top: 2.4em !important; }

@media (max-width: 761px) {
  .mmt240 { margin-top: 2.4em !important; }
  .mpt240 { padding-top: 2.4em !important; }
}

@media (min-width: 762px) {
  .dmt240 { margin-top: 2.4em !important; }
  .dpt240 { padding-top: 2.4em !important; }
}

.mb240 { margin-bottom: 2.4em !important; }

.pb240 { padding-bottom: 2.4em !important; }

@media (max-width: 761px) {
  .mmb240 { margin-bottom: 2.4em !important; }
  .mpb240 { padding-bottom: 2.4em !important; }
}

@media (min-width: 762px) {
  .dmb240 { margin-bottom: 2.4em !important; }
  .dpb240 { padding-bottom: 2.4em !important; }
}

.ml240 { margin-left: 2.4em !important; }

.pl240 { padding-left: 2.4em !important; }

@media (max-width: 761px) {
  .mml240 { margin-left: 2.4em !important; }
  .mpl240 { padding-left: 2.4em !important; }
}

@media (min-width: 762px) {
  .dml240 { margin-left: 2.4em !important; }
  .dpl240 { padding-left: 2.4em !important; }
}

.mr240 { margin-right: 2.4em !important; }

.pr240 { padding-right: 2.4em !important; }

@media (max-width: 761px) {
  .mmr240 { margin-right: 2.4em !important; }
  .mpr240 { padding-right: 2.4em !important; }
}

@media (min-width: 762px) {
  .dmr240 { margin-right: 2.4em !important; }
  .dpr240 { padding-right: 2.4em !important; }
}

.mt245 { margin-top: 2.45em !important; }

.pt245 { padding-top: 2.45em !important; }

@media (max-width: 761px) {
  .mmt245 { margin-top: 2.45em !important; }
  .mpt245 { padding-top: 2.45em !important; }
}

@media (min-width: 762px) {
  .dmt245 { margin-top: 2.45em !important; }
  .dpt245 { padding-top: 2.45em !important; }
}

.mb245 { margin-bottom: 2.45em !important; }

.pb245 { padding-bottom: 2.45em !important; }

@media (max-width: 761px) {
  .mmb245 { margin-bottom: 2.45em !important; }
  .mpb245 { padding-bottom: 2.45em !important; }
}

@media (min-width: 762px) {
  .dmb245 { margin-bottom: 2.45em !important; }
  .dpb245 { padding-bottom: 2.45em !important; }
}

.ml245 { margin-left: 2.45em !important; }

.pl245 { padding-left: 2.45em !important; }

@media (max-width: 761px) {
  .mml245 { margin-left: 2.45em !important; }
  .mpl245 { padding-left: 2.45em !important; }
}

@media (min-width: 762px) {
  .dml245 { margin-left: 2.45em !important; }
  .dpl245 { padding-left: 2.45em !important; }
}

.mr245 { margin-right: 2.45em !important; }

.pr245 { padding-right: 2.45em !important; }

@media (max-width: 761px) {
  .mmr245 { margin-right: 2.45em !important; }
  .mpr245 { padding-right: 2.45em !important; }
}

@media (min-width: 762px) {
  .dmr245 { margin-right: 2.45em !important; }
  .dpr245 { padding-right: 2.45em !important; }
}

.mt250 { margin-top: 2.5em !important; }

.pt250 { padding-top: 2.5em !important; }

@media (max-width: 761px) {
  .mmt250 { margin-top: 2.5em !important; }
  .mpt250 { padding-top: 2.5em !important; }
}

@media (min-width: 762px) {
  .dmt250 { margin-top: 2.5em !important; }
  .dpt250 { padding-top: 2.5em !important; }
}

.mb250 { margin-bottom: 2.5em !important; }

.pb250 { padding-bottom: 2.5em !important; }

@media (max-width: 761px) {
  .mmb250 { margin-bottom: 2.5em !important; }
  .mpb250 { padding-bottom: 2.5em !important; }
}

@media (min-width: 762px) {
  .dmb250 { margin-bottom: 2.5em !important; }
  .dpb250 { padding-bottom: 2.5em !important; }
}

.ml250 { margin-left: 2.5em !important; }

.pl250 { padding-left: 2.5em !important; }

@media (max-width: 761px) {
  .mml250 { margin-left: 2.5em !important; }
  .mpl250 { padding-left: 2.5em !important; }
}

@media (min-width: 762px) {
  .dml250 { margin-left: 2.5em !important; }
  .dpl250 { padding-left: 2.5em !important; }
}

.mr250 { margin-right: 2.5em !important; }

.pr250 { padding-right: 2.5em !important; }

@media (max-width: 761px) {
  .mmr250 { margin-right: 2.5em !important; }
  .mpr250 { padding-right: 2.5em !important; }
}

@media (min-width: 762px) {
  .dmr250 { margin-right: 2.5em !important; }
  .dpr250 { padding-right: 2.5em !important; }
}

.mt255 { margin-top: 2.55em !important; }

.pt255 { padding-top: 2.55em !important; }

@media (max-width: 761px) {
  .mmt255 { margin-top: 2.55em !important; }
  .mpt255 { padding-top: 2.55em !important; }
}

@media (min-width: 762px) {
  .dmt255 { margin-top: 2.55em !important; }
  .dpt255 { padding-top: 2.55em !important; }
}

.mb255 { margin-bottom: 2.55em !important; }

.pb255 { padding-bottom: 2.55em !important; }

@media (max-width: 761px) {
  .mmb255 { margin-bottom: 2.55em !important; }
  .mpb255 { padding-bottom: 2.55em !important; }
}

@media (min-width: 762px) {
  .dmb255 { margin-bottom: 2.55em !important; }
  .dpb255 { padding-bottom: 2.55em !important; }
}

.ml255 { margin-left: 2.55em !important; }

.pl255 { padding-left: 2.55em !important; }

@media (max-width: 761px) {
  .mml255 { margin-left: 2.55em !important; }
  .mpl255 { padding-left: 2.55em !important; }
}

@media (min-width: 762px) {
  .dml255 { margin-left: 2.55em !important; }
  .dpl255 { padding-left: 2.55em !important; }
}

.mr255 { margin-right: 2.55em !important; }

.pr255 { padding-right: 2.55em !important; }

@media (max-width: 761px) {
  .mmr255 { margin-right: 2.55em !important; }
  .mpr255 { padding-right: 2.55em !important; }
}

@media (min-width: 762px) {
  .dmr255 { margin-right: 2.55em !important; }
  .dpr255 { padding-right: 2.55em !important; }
}

.mt260 { margin-top: 2.6em !important; }

.pt260 { padding-top: 2.6em !important; }

@media (max-width: 761px) {
  .mmt260 { margin-top: 2.6em !important; }
  .mpt260 { padding-top: 2.6em !important; }
}

@media (min-width: 762px) {
  .dmt260 { margin-top: 2.6em !important; }
  .dpt260 { padding-top: 2.6em !important; }
}

.mb260 { margin-bottom: 2.6em !important; }

.pb260 { padding-bottom: 2.6em !important; }

@media (max-width: 761px) {
  .mmb260 { margin-bottom: 2.6em !important; }
  .mpb260 { padding-bottom: 2.6em !important; }
}

@media (min-width: 762px) {
  .dmb260 { margin-bottom: 2.6em !important; }
  .dpb260 { padding-bottom: 2.6em !important; }
}

.ml260 { margin-left: 2.6em !important; }

.pl260 { padding-left: 2.6em !important; }

@media (max-width: 761px) {
  .mml260 { margin-left: 2.6em !important; }
  .mpl260 { padding-left: 2.6em !important; }
}

@media (min-width: 762px) {
  .dml260 { margin-left: 2.6em !important; }
  .dpl260 { padding-left: 2.6em !important; }
}

.mr260 { margin-right: 2.6em !important; }

.pr260 { padding-right: 2.6em !important; }

@media (max-width: 761px) {
  .mmr260 { margin-right: 2.6em !important; }
  .mpr260 { padding-right: 2.6em !important; }
}

@media (min-width: 762px) {
  .dmr260 { margin-right: 2.6em !important; }
  .dpr260 { padding-right: 2.6em !important; }
}

.mt265 { margin-top: 2.65em !important; }

.pt265 { padding-top: 2.65em !important; }

@media (max-width: 761px) {
  .mmt265 { margin-top: 2.65em !important; }
  .mpt265 { padding-top: 2.65em !important; }
}

@media (min-width: 762px) {
  .dmt265 { margin-top: 2.65em !important; }
  .dpt265 { padding-top: 2.65em !important; }
}

.mb265 { margin-bottom: 2.65em !important; }

.pb265 { padding-bottom: 2.65em !important; }

@media (max-width: 761px) {
  .mmb265 { margin-bottom: 2.65em !important; }
  .mpb265 { padding-bottom: 2.65em !important; }
}

@media (min-width: 762px) {
  .dmb265 { margin-bottom: 2.65em !important; }
  .dpb265 { padding-bottom: 2.65em !important; }
}

.ml265 { margin-left: 2.65em !important; }

.pl265 { padding-left: 2.65em !important; }

@media (max-width: 761px) {
  .mml265 { margin-left: 2.65em !important; }
  .mpl265 { padding-left: 2.65em !important; }
}

@media (min-width: 762px) {
  .dml265 { margin-left: 2.65em !important; }
  .dpl265 { padding-left: 2.65em !important; }
}

.mr265 { margin-right: 2.65em !important; }

.pr265 { padding-right: 2.65em !important; }

@media (max-width: 761px) {
  .mmr265 { margin-right: 2.65em !important; }
  .mpr265 { padding-right: 2.65em !important; }
}

@media (min-width: 762px) {
  .dmr265 { margin-right: 2.65em !important; }
  .dpr265 { padding-right: 2.65em !important; }
}

.mt270 { margin-top: 2.7em !important; }

.pt270 { padding-top: 2.7em !important; }

@media (max-width: 761px) {
  .mmt270 { margin-top: 2.7em !important; }
  .mpt270 { padding-top: 2.7em !important; }
}

@media (min-width: 762px) {
  .dmt270 { margin-top: 2.7em !important; }
  .dpt270 { padding-top: 2.7em !important; }
}

.mb270 { margin-bottom: 2.7em !important; }

.pb270 { padding-bottom: 2.7em !important; }

@media (max-width: 761px) {
  .mmb270 { margin-bottom: 2.7em !important; }
  .mpb270 { padding-bottom: 2.7em !important; }
}

@media (min-width: 762px) {
  .dmb270 { margin-bottom: 2.7em !important; }
  .dpb270 { padding-bottom: 2.7em !important; }
}

.ml270 { margin-left: 2.7em !important; }

.pl270 { padding-left: 2.7em !important; }

@media (max-width: 761px) {
  .mml270 { margin-left: 2.7em !important; }
  .mpl270 { padding-left: 2.7em !important; }
}

@media (min-width: 762px) {
  .dml270 { margin-left: 2.7em !important; }
  .dpl270 { padding-left: 2.7em !important; }
}

.mr270 { margin-right: 2.7em !important; }

.pr270 { padding-right: 2.7em !important; }

@media (max-width: 761px) {
  .mmr270 { margin-right: 2.7em !important; }
  .mpr270 { padding-right: 2.7em !important; }
}

@media (min-width: 762px) {
  .dmr270 { margin-right: 2.7em !important; }
  .dpr270 { padding-right: 2.7em !important; }
}

.mt275 { margin-top: 2.75em !important; }

.pt275 { padding-top: 2.75em !important; }

@media (max-width: 761px) {
  .mmt275 { margin-top: 2.75em !important; }
  .mpt275 { padding-top: 2.75em !important; }
}

@media (min-width: 762px) {
  .dmt275 { margin-top: 2.75em !important; }
  .dpt275 { padding-top: 2.75em !important; }
}

.mb275 { margin-bottom: 2.75em !important; }

.pb275 { padding-bottom: 2.75em !important; }

@media (max-width: 761px) {
  .mmb275 { margin-bottom: 2.75em !important; }
  .mpb275 { padding-bottom: 2.75em !important; }
}

@media (min-width: 762px) {
  .dmb275 { margin-bottom: 2.75em !important; }
  .dpb275 { padding-bottom: 2.75em !important; }
}

.ml275 { margin-left: 2.75em !important; }

.pl275 { padding-left: 2.75em !important; }

@media (max-width: 761px) {
  .mml275 { margin-left: 2.75em !important; }
  .mpl275 { padding-left: 2.75em !important; }
}

@media (min-width: 762px) {
  .dml275 { margin-left: 2.75em !important; }
  .dpl275 { padding-left: 2.75em !important; }
}

.mr275 { margin-right: 2.75em !important; }

.pr275 { padding-right: 2.75em !important; }

@media (max-width: 761px) {
  .mmr275 { margin-right: 2.75em !important; }
  .mpr275 { padding-right: 2.75em !important; }
}

@media (min-width: 762px) {
  .dmr275 { margin-right: 2.75em !important; }
  .dpr275 { padding-right: 2.75em !important; }
}

.mt280 { margin-top: 2.8em !important; }

.pt280 { padding-top: 2.8em !important; }

@media (max-width: 761px) {
  .mmt280 { margin-top: 2.8em !important; }
  .mpt280 { padding-top: 2.8em !important; }
}

@media (min-width: 762px) {
  .dmt280 { margin-top: 2.8em !important; }
  .dpt280 { padding-top: 2.8em !important; }
}

.mb280 { margin-bottom: 2.8em !important; }

.pb280 { padding-bottom: 2.8em !important; }

@media (max-width: 761px) {
  .mmb280 { margin-bottom: 2.8em !important; }
  .mpb280 { padding-bottom: 2.8em !important; }
}

@media (min-width: 762px) {
  .dmb280 { margin-bottom: 2.8em !important; }
  .dpb280 { padding-bottom: 2.8em !important; }
}

.ml280 { margin-left: 2.8em !important; }

.pl280 { padding-left: 2.8em !important; }

@media (max-width: 761px) {
  .mml280 { margin-left: 2.8em !important; }
  .mpl280 { padding-left: 2.8em !important; }
}

@media (min-width: 762px) {
  .dml280 { margin-left: 2.8em !important; }
  .dpl280 { padding-left: 2.8em !important; }
}

.mr280 { margin-right: 2.8em !important; }

.pr280 { padding-right: 2.8em !important; }

@media (max-width: 761px) {
  .mmr280 { margin-right: 2.8em !important; }
  .mpr280 { padding-right: 2.8em !important; }
}

@media (min-width: 762px) {
  .dmr280 { margin-right: 2.8em !important; }
  .dpr280 { padding-right: 2.8em !important; }
}

.mt285 { margin-top: 2.85em !important; }

.pt285 { padding-top: 2.85em !important; }

@media (max-width: 761px) {
  .mmt285 { margin-top: 2.85em !important; }
  .mpt285 { padding-top: 2.85em !important; }
}

@media (min-width: 762px) {
  .dmt285 { margin-top: 2.85em !important; }
  .dpt285 { padding-top: 2.85em !important; }
}

.mb285 { margin-bottom: 2.85em !important; }

.pb285 { padding-bottom: 2.85em !important; }

@media (max-width: 761px) {
  .mmb285 { margin-bottom: 2.85em !important; }
  .mpb285 { padding-bottom: 2.85em !important; }
}

@media (min-width: 762px) {
  .dmb285 { margin-bottom: 2.85em !important; }
  .dpb285 { padding-bottom: 2.85em !important; }
}

.ml285 { margin-left: 2.85em !important; }

.pl285 { padding-left: 2.85em !important; }

@media (max-width: 761px) {
  .mml285 { margin-left: 2.85em !important; }
  .mpl285 { padding-left: 2.85em !important; }
}

@media (min-width: 762px) {
  .dml285 { margin-left: 2.85em !important; }
  .dpl285 { padding-left: 2.85em !important; }
}

.mr285 { margin-right: 2.85em !important; }

.pr285 { padding-right: 2.85em !important; }

@media (max-width: 761px) {
  .mmr285 { margin-right: 2.85em !important; }
  .mpr285 { padding-right: 2.85em !important; }
}

@media (min-width: 762px) {
  .dmr285 { margin-right: 2.85em !important; }
  .dpr285 { padding-right: 2.85em !important; }
}

.mt290 { margin-top: 2.9em !important; }

.pt290 { padding-top: 2.9em !important; }

@media (max-width: 761px) {
  .mmt290 { margin-top: 2.9em !important; }
  .mpt290 { padding-top: 2.9em !important; }
}

@media (min-width: 762px) {
  .dmt290 { margin-top: 2.9em !important; }
  .dpt290 { padding-top: 2.9em !important; }
}

.mb290 { margin-bottom: 2.9em !important; }

.pb290 { padding-bottom: 2.9em !important; }

@media (max-width: 761px) {
  .mmb290 { margin-bottom: 2.9em !important; }
  .mpb290 { padding-bottom: 2.9em !important; }
}

@media (min-width: 762px) {
  .dmb290 { margin-bottom: 2.9em !important; }
  .dpb290 { padding-bottom: 2.9em !important; }
}

.ml290 { margin-left: 2.9em !important; }

.pl290 { padding-left: 2.9em !important; }

@media (max-width: 761px) {
  .mml290 { margin-left: 2.9em !important; }
  .mpl290 { padding-left: 2.9em !important; }
}

@media (min-width: 762px) {
  .dml290 { margin-left: 2.9em !important; }
  .dpl290 { padding-left: 2.9em !important; }
}

.mr290 { margin-right: 2.9em !important; }

.pr290 { padding-right: 2.9em !important; }

@media (max-width: 761px) {
  .mmr290 { margin-right: 2.9em !important; }
  .mpr290 { padding-right: 2.9em !important; }
}

@media (min-width: 762px) {
  .dmr290 { margin-right: 2.9em !important; }
  .dpr290 { padding-right: 2.9em !important; }
}

.mt295 { margin-top: 2.95em !important; }

.pt295 { padding-top: 2.95em !important; }

@media (max-width: 761px) {
  .mmt295 { margin-top: 2.95em !important; }
  .mpt295 { padding-top: 2.95em !important; }
}

@media (min-width: 762px) {
  .dmt295 { margin-top: 2.95em !important; }
  .dpt295 { padding-top: 2.95em !important; }
}

.mb295 { margin-bottom: 2.95em !important; }

.pb295 { padding-bottom: 2.95em !important; }

@media (max-width: 761px) {
  .mmb295 { margin-bottom: 2.95em !important; }
  .mpb295 { padding-bottom: 2.95em !important; }
}

@media (min-width: 762px) {
  .dmb295 { margin-bottom: 2.95em !important; }
  .dpb295 { padding-bottom: 2.95em !important; }
}

.ml295 { margin-left: 2.95em !important; }

.pl295 { padding-left: 2.95em !important; }

@media (max-width: 761px) {
  .mml295 { margin-left: 2.95em !important; }
  .mpl295 { padding-left: 2.95em !important; }
}

@media (min-width: 762px) {
  .dml295 { margin-left: 2.95em !important; }
  .dpl295 { padding-left: 2.95em !important; }
}

.mr295 { margin-right: 2.95em !important; }

.pr295 { padding-right: 2.95em !important; }

@media (max-width: 761px) {
  .mmr295 { margin-right: 2.95em !important; }
  .mpr295 { padding-right: 2.95em !important; }
}

@media (min-width: 762px) {
  .dmr295 { margin-right: 2.95em !important; }
  .dpr295 { padding-right: 2.95em !important; }
}

.mt300 { margin-top: 3em !important; }

.pt300 { padding-top: 3em !important; }

@media (max-width: 761px) {
  .mmt300 { margin-top: 3em !important; }
  .mpt300 { padding-top: 3em !important; }
}

@media (min-width: 762px) {
  .dmt300 { margin-top: 3em !important; }
  .dpt300 { padding-top: 3em !important; }
}

.mb300 { margin-bottom: 3em !important; }

.pb300 { padding-bottom: 3em !important; }

@media (max-width: 761px) {
  .mmb300 { margin-bottom: 3em !important; }
  .mpb300 { padding-bottom: 3em !important; }
}

@media (min-width: 762px) {
  .dmb300 { margin-bottom: 3em !important; }
  .dpb300 { padding-bottom: 3em !important; }
}

.ml300 { margin-left: 3em !important; }

.pl300 { padding-left: 3em !important; }

@media (max-width: 761px) {
  .mml300 { margin-left: 3em !important; }
  .mpl300 { padding-left: 3em !important; }
}

@media (min-width: 762px) {
  .dml300 { margin-left: 3em !important; }
  .dpl300 { padding-left: 3em !important; }
}

.mr300 { margin-right: 3em !important; }

.pr300 { padding-right: 3em !important; }

@media (max-width: 761px) {
  .mmr300 { margin-right: 3em !important; }
  .mpr300 { padding-right: 3em !important; }
}

@media (min-width: 762px) {
  .dmr300 { margin-right: 3em !important; }
  .dpr300 { padding-right: 3em !important; }
}

.mt305 { margin-top: 3.05em !important; }

.pt305 { padding-top: 3.05em !important; }

@media (max-width: 761px) {
  .mmt305 { margin-top: 3.05em !important; }
  .mpt305 { padding-top: 3.05em !important; }
}

@media (min-width: 762px) {
  .dmt305 { margin-top: 3.05em !important; }
  .dpt305 { padding-top: 3.05em !important; }
}

.mb305 { margin-bottom: 3.05em !important; }

.pb305 { padding-bottom: 3.05em !important; }

@media (max-width: 761px) {
  .mmb305 { margin-bottom: 3.05em !important; }
  .mpb305 { padding-bottom: 3.05em !important; }
}

@media (min-width: 762px) {
  .dmb305 { margin-bottom: 3.05em !important; }
  .dpb305 { padding-bottom: 3.05em !important; }
}

.ml305 { margin-left: 3.05em !important; }

.pl305 { padding-left: 3.05em !important; }

@media (max-width: 761px) {
  .mml305 { margin-left: 3.05em !important; }
  .mpl305 { padding-left: 3.05em !important; }
}

@media (min-width: 762px) {
  .dml305 { margin-left: 3.05em !important; }
  .dpl305 { padding-left: 3.05em !important; }
}

.mr305 { margin-right: 3.05em !important; }

.pr305 { padding-right: 3.05em !important; }

@media (max-width: 761px) {
  .mmr305 { margin-right: 3.05em !important; }
  .mpr305 { padding-right: 3.05em !important; }
}

@media (min-width: 762px) {
  .dmr305 { margin-right: 3.05em !important; }
  .dpr305 { padding-right: 3.05em !important; }
}

.mt310 { margin-top: 3.1em !important; }

.pt310 { padding-top: 3.1em !important; }

@media (max-width: 761px) {
  .mmt310 { margin-top: 3.1em !important; }
  .mpt310 { padding-top: 3.1em !important; }
}

@media (min-width: 762px) {
  .dmt310 { margin-top: 3.1em !important; }
  .dpt310 { padding-top: 3.1em !important; }
}

.mb310 { margin-bottom: 3.1em !important; }

.pb310 { padding-bottom: 3.1em !important; }

@media (max-width: 761px) {
  .mmb310 { margin-bottom: 3.1em !important; }
  .mpb310 { padding-bottom: 3.1em !important; }
}

@media (min-width: 762px) {
  .dmb310 { margin-bottom: 3.1em !important; }
  .dpb310 { padding-bottom: 3.1em !important; }
}

.ml310 { margin-left: 3.1em !important; }

.pl310 { padding-left: 3.1em !important; }

@media (max-width: 761px) {
  .mml310 { margin-left: 3.1em !important; }
  .mpl310 { padding-left: 3.1em !important; }
}

@media (min-width: 762px) {
  .dml310 { margin-left: 3.1em !important; }
  .dpl310 { padding-left: 3.1em !important; }
}

.mr310 { margin-right: 3.1em !important; }

.pr310 { padding-right: 3.1em !important; }

@media (max-width: 761px) {
  .mmr310 { margin-right: 3.1em !important; }
  .mpr310 { padding-right: 3.1em !important; }
}

@media (min-width: 762px) {
  .dmr310 { margin-right: 3.1em !important; }
  .dpr310 { padding-right: 3.1em !important; }
}

.mt315 { margin-top: 3.15em !important; }

.pt315 { padding-top: 3.15em !important; }

@media (max-width: 761px) {
  .mmt315 { margin-top: 3.15em !important; }
  .mpt315 { padding-top: 3.15em !important; }
}

@media (min-width: 762px) {
  .dmt315 { margin-top: 3.15em !important; }
  .dpt315 { padding-top: 3.15em !important; }
}

.mb315 { margin-bottom: 3.15em !important; }

.pb315 { padding-bottom: 3.15em !important; }

@media (max-width: 761px) {
  .mmb315 { margin-bottom: 3.15em !important; }
  .mpb315 { padding-bottom: 3.15em !important; }
}

@media (min-width: 762px) {
  .dmb315 { margin-bottom: 3.15em !important; }
  .dpb315 { padding-bottom: 3.15em !important; }
}

.ml315 { margin-left: 3.15em !important; }

.pl315 { padding-left: 3.15em !important; }

@media (max-width: 761px) {
  .mml315 { margin-left: 3.15em !important; }
  .mpl315 { padding-left: 3.15em !important; }
}

@media (min-width: 762px) {
  .dml315 { margin-left: 3.15em !important; }
  .dpl315 { padding-left: 3.15em !important; }
}

.mr315 { margin-right: 3.15em !important; }

.pr315 { padding-right: 3.15em !important; }

@media (max-width: 761px) {
  .mmr315 { margin-right: 3.15em !important; }
  .mpr315 { padding-right: 3.15em !important; }
}

@media (min-width: 762px) {
  .dmr315 { margin-right: 3.15em !important; }
  .dpr315 { padding-right: 3.15em !important; }
}

.mt320 { margin-top: 3.2em !important; }

.pt320 { padding-top: 3.2em !important; }

@media (max-width: 761px) {
  .mmt320 { margin-top: 3.2em !important; }
  .mpt320 { padding-top: 3.2em !important; }
}

@media (min-width: 762px) {
  .dmt320 { margin-top: 3.2em !important; }
  .dpt320 { padding-top: 3.2em !important; }
}

.mb320 { margin-bottom: 3.2em !important; }

.pb320 { padding-bottom: 3.2em !important; }

@media (max-width: 761px) {
  .mmb320 { margin-bottom: 3.2em !important; }
  .mpb320 { padding-bottom: 3.2em !important; }
}

@media (min-width: 762px) {
  .dmb320 { margin-bottom: 3.2em !important; }
  .dpb320 { padding-bottom: 3.2em !important; }
}

.ml320 { margin-left: 3.2em !important; }

.pl320 { padding-left: 3.2em !important; }

@media (max-width: 761px) {
  .mml320 { margin-left: 3.2em !important; }
  .mpl320 { padding-left: 3.2em !important; }
}

@media (min-width: 762px) {
  .dml320 { margin-left: 3.2em !important; }
  .dpl320 { padding-left: 3.2em !important; }
}

.mr320 { margin-right: 3.2em !important; }

.pr320 { padding-right: 3.2em !important; }

@media (max-width: 761px) {
  .mmr320 { margin-right: 3.2em !important; }
  .mpr320 { padding-right: 3.2em !important; }
}

@media (min-width: 762px) {
  .dmr320 { margin-right: 3.2em !important; }
  .dpr320 { padding-right: 3.2em !important; }
}

.mt325 { margin-top: 3.25em !important; }

.pt325 { padding-top: 3.25em !important; }

@media (max-width: 761px) {
  .mmt325 { margin-top: 3.25em !important; }
  .mpt325 { padding-top: 3.25em !important; }
}

@media (min-width: 762px) {
  .dmt325 { margin-top: 3.25em !important; }
  .dpt325 { padding-top: 3.25em !important; }
}

.mb325 { margin-bottom: 3.25em !important; }

.pb325 { padding-bottom: 3.25em !important; }

@media (max-width: 761px) {
  .mmb325 { margin-bottom: 3.25em !important; }
  .mpb325 { padding-bottom: 3.25em !important; }
}

@media (min-width: 762px) {
  .dmb325 { margin-bottom: 3.25em !important; }
  .dpb325 { padding-bottom: 3.25em !important; }
}

.ml325 { margin-left: 3.25em !important; }

.pl325 { padding-left: 3.25em !important; }

@media (max-width: 761px) {
  .mml325 { margin-left: 3.25em !important; }
  .mpl325 { padding-left: 3.25em !important; }
}

@media (min-width: 762px) {
  .dml325 { margin-left: 3.25em !important; }
  .dpl325 { padding-left: 3.25em !important; }
}

.mr325 { margin-right: 3.25em !important; }

.pr325 { padding-right: 3.25em !important; }

@media (max-width: 761px) {
  .mmr325 { margin-right: 3.25em !important; }
  .mpr325 { padding-right: 3.25em !important; }
}

@media (min-width: 762px) {
  .dmr325 { margin-right: 3.25em !important; }
  .dpr325 { padding-right: 3.25em !important; }
}

.mt330 { margin-top: 3.3em !important; }

.pt330 { padding-top: 3.3em !important; }

@media (max-width: 761px) {
  .mmt330 { margin-top: 3.3em !important; }
  .mpt330 { padding-top: 3.3em !important; }
}

@media (min-width: 762px) {
  .dmt330 { margin-top: 3.3em !important; }
  .dpt330 { padding-top: 3.3em !important; }
}

.mb330 { margin-bottom: 3.3em !important; }

.pb330 { padding-bottom: 3.3em !important; }

@media (max-width: 761px) {
  .mmb330 { margin-bottom: 3.3em !important; }
  .mpb330 { padding-bottom: 3.3em !important; }
}

@media (min-width: 762px) {
  .dmb330 { margin-bottom: 3.3em !important; }
  .dpb330 { padding-bottom: 3.3em !important; }
}

.ml330 { margin-left: 3.3em !important; }

.pl330 { padding-left: 3.3em !important; }

@media (max-width: 761px) {
  .mml330 { margin-left: 3.3em !important; }
  .mpl330 { padding-left: 3.3em !important; }
}

@media (min-width: 762px) {
  .dml330 { margin-left: 3.3em !important; }
  .dpl330 { padding-left: 3.3em !important; }
}

.mr330 { margin-right: 3.3em !important; }

.pr330 { padding-right: 3.3em !important; }

@media (max-width: 761px) {
  .mmr330 { margin-right: 3.3em !important; }
  .mpr330 { padding-right: 3.3em !important; }
}

@media (min-width: 762px) {
  .dmr330 { margin-right: 3.3em !important; }
  .dpr330 { padding-right: 3.3em !important; }
}

.mt335 { margin-top: 3.35em !important; }

.pt335 { padding-top: 3.35em !important; }

@media (max-width: 761px) {
  .mmt335 { margin-top: 3.35em !important; }
  .mpt335 { padding-top: 3.35em !important; }
}

@media (min-width: 762px) {
  .dmt335 { margin-top: 3.35em !important; }
  .dpt335 { padding-top: 3.35em !important; }
}

.mb335 { margin-bottom: 3.35em !important; }

.pb335 { padding-bottom: 3.35em !important; }

@media (max-width: 761px) {
  .mmb335 { margin-bottom: 3.35em !important; }
  .mpb335 { padding-bottom: 3.35em !important; }
}

@media (min-width: 762px) {
  .dmb335 { margin-bottom: 3.35em !important; }
  .dpb335 { padding-bottom: 3.35em !important; }
}

.ml335 { margin-left: 3.35em !important; }

.pl335 { padding-left: 3.35em !important; }

@media (max-width: 761px) {
  .mml335 { margin-left: 3.35em !important; }
  .mpl335 { padding-left: 3.35em !important; }
}

@media (min-width: 762px) {
  .dml335 { margin-left: 3.35em !important; }
  .dpl335 { padding-left: 3.35em !important; }
}

.mr335 { margin-right: 3.35em !important; }

.pr335 { padding-right: 3.35em !important; }

@media (max-width: 761px) {
  .mmr335 { margin-right: 3.35em !important; }
  .mpr335 { padding-right: 3.35em !important; }
}

@media (min-width: 762px) {
  .dmr335 { margin-right: 3.35em !important; }
  .dpr335 { padding-right: 3.35em !important; }
}

.mt340 { margin-top: 3.4em !important; }

.pt340 { padding-top: 3.4em !important; }

@media (max-width: 761px) {
  .mmt340 { margin-top: 3.4em !important; }
  .mpt340 { padding-top: 3.4em !important; }
}

@media (min-width: 762px) {
  .dmt340 { margin-top: 3.4em !important; }
  .dpt340 { padding-top: 3.4em !important; }
}

.mb340 { margin-bottom: 3.4em !important; }

.pb340 { padding-bottom: 3.4em !important; }

@media (max-width: 761px) {
  .mmb340 { margin-bottom: 3.4em !important; }
  .mpb340 { padding-bottom: 3.4em !important; }
}

@media (min-width: 762px) {
  .dmb340 { margin-bottom: 3.4em !important; }
  .dpb340 { padding-bottom: 3.4em !important; }
}

.ml340 { margin-left: 3.4em !important; }

.pl340 { padding-left: 3.4em !important; }

@media (max-width: 761px) {
  .mml340 { margin-left: 3.4em !important; }
  .mpl340 { padding-left: 3.4em !important; }
}

@media (min-width: 762px) {
  .dml340 { margin-left: 3.4em !important; }
  .dpl340 { padding-left: 3.4em !important; }
}

.mr340 { margin-right: 3.4em !important; }

.pr340 { padding-right: 3.4em !important; }

@media (max-width: 761px) {
  .mmr340 { margin-right: 3.4em !important; }
  .mpr340 { padding-right: 3.4em !important; }
}

@media (min-width: 762px) {
  .dmr340 { margin-right: 3.4em !important; }
  .dpr340 { padding-right: 3.4em !important; }
}

.mt345 { margin-top: 3.45em !important; }

.pt345 { padding-top: 3.45em !important; }

@media (max-width: 761px) {
  .mmt345 { margin-top: 3.45em !important; }
  .mpt345 { padding-top: 3.45em !important; }
}

@media (min-width: 762px) {
  .dmt345 { margin-top: 3.45em !important; }
  .dpt345 { padding-top: 3.45em !important; }
}

.mb345 { margin-bottom: 3.45em !important; }

.pb345 { padding-bottom: 3.45em !important; }

@media (max-width: 761px) {
  .mmb345 { margin-bottom: 3.45em !important; }
  .mpb345 { padding-bottom: 3.45em !important; }
}

@media (min-width: 762px) {
  .dmb345 { margin-bottom: 3.45em !important; }
  .dpb345 { padding-bottom: 3.45em !important; }
}

.ml345 { margin-left: 3.45em !important; }

.pl345 { padding-left: 3.45em !important; }

@media (max-width: 761px) {
  .mml345 { margin-left: 3.45em !important; }
  .mpl345 { padding-left: 3.45em !important; }
}

@media (min-width: 762px) {
  .dml345 { margin-left: 3.45em !important; }
  .dpl345 { padding-left: 3.45em !important; }
}

.mr345 { margin-right: 3.45em !important; }

.pr345 { padding-right: 3.45em !important; }

@media (max-width: 761px) {
  .mmr345 { margin-right: 3.45em !important; }
  .mpr345 { padding-right: 3.45em !important; }
}

@media (min-width: 762px) {
  .dmr345 { margin-right: 3.45em !important; }
  .dpr345 { padding-right: 3.45em !important; }
}

.mt350 { margin-top: 3.5em !important; }

.pt350 { padding-top: 3.5em !important; }

@media (max-width: 761px) {
  .mmt350 { margin-top: 3.5em !important; }
  .mpt350 { padding-top: 3.5em !important; }
}

@media (min-width: 762px) {
  .dmt350 { margin-top: 3.5em !important; }
  .dpt350 { padding-top: 3.5em !important; }
}

.mb350 { margin-bottom: 3.5em !important; }

.pb350 { padding-bottom: 3.5em !important; }

@media (max-width: 761px) {
  .mmb350 { margin-bottom: 3.5em !important; }
  .mpb350 { padding-bottom: 3.5em !important; }
}

@media (min-width: 762px) {
  .dmb350 { margin-bottom: 3.5em !important; }
  .dpb350 { padding-bottom: 3.5em !important; }
}

.ml350 { margin-left: 3.5em !important; }

.pl350 { padding-left: 3.5em !important; }

@media (max-width: 761px) {
  .mml350 { margin-left: 3.5em !important; }
  .mpl350 { padding-left: 3.5em !important; }
}

@media (min-width: 762px) {
  .dml350 { margin-left: 3.5em !important; }
  .dpl350 { padding-left: 3.5em !important; }
}

.mr350 { margin-right: 3.5em !important; }

.pr350 { padding-right: 3.5em !important; }

@media (max-width: 761px) {
  .mmr350 { margin-right: 3.5em !important; }
  .mpr350 { padding-right: 3.5em !important; }
}

@media (min-width: 762px) {
  .dmr350 { margin-right: 3.5em !important; }
  .dpr350 { padding-right: 3.5em !important; }
}

.mt355 { margin-top: 3.55em !important; }

.pt355 { padding-top: 3.55em !important; }

@media (max-width: 761px) {
  .mmt355 { margin-top: 3.55em !important; }
  .mpt355 { padding-top: 3.55em !important; }
}

@media (min-width: 762px) {
  .dmt355 { margin-top: 3.55em !important; }
  .dpt355 { padding-top: 3.55em !important; }
}

.mb355 { margin-bottom: 3.55em !important; }

.pb355 { padding-bottom: 3.55em !important; }

@media (max-width: 761px) {
  .mmb355 { margin-bottom: 3.55em !important; }
  .mpb355 { padding-bottom: 3.55em !important; }
}

@media (min-width: 762px) {
  .dmb355 { margin-bottom: 3.55em !important; }
  .dpb355 { padding-bottom: 3.55em !important; }
}

.ml355 { margin-left: 3.55em !important; }

.pl355 { padding-left: 3.55em !important; }

@media (max-width: 761px) {
  .mml355 { margin-left: 3.55em !important; }
  .mpl355 { padding-left: 3.55em !important; }
}

@media (min-width: 762px) {
  .dml355 { margin-left: 3.55em !important; }
  .dpl355 { padding-left: 3.55em !important; }
}

.mr355 { margin-right: 3.55em !important; }

.pr355 { padding-right: 3.55em !important; }

@media (max-width: 761px) {
  .mmr355 { margin-right: 3.55em !important; }
  .mpr355 { padding-right: 3.55em !important; }
}

@media (min-width: 762px) {
  .dmr355 { margin-right: 3.55em !important; }
  .dpr355 { padding-right: 3.55em !important; }
}

.mt360 { margin-top: 3.6em !important; }

.pt360 { padding-top: 3.6em !important; }

@media (max-width: 761px) {
  .mmt360 { margin-top: 3.6em !important; }
  .mpt360 { padding-top: 3.6em !important; }
}

@media (min-width: 762px) {
  .dmt360 { margin-top: 3.6em !important; }
  .dpt360 { padding-top: 3.6em !important; }
}

.mb360 { margin-bottom: 3.6em !important; }

.pb360 { padding-bottom: 3.6em !important; }

@media (max-width: 761px) {
  .mmb360 { margin-bottom: 3.6em !important; }
  .mpb360 { padding-bottom: 3.6em !important; }
}

@media (min-width: 762px) {
  .dmb360 { margin-bottom: 3.6em !important; }
  .dpb360 { padding-bottom: 3.6em !important; }
}

.ml360 { margin-left: 3.6em !important; }

.pl360 { padding-left: 3.6em !important; }

@media (max-width: 761px) {
  .mml360 { margin-left: 3.6em !important; }
  .mpl360 { padding-left: 3.6em !important; }
}

@media (min-width: 762px) {
  .dml360 { margin-left: 3.6em !important; }
  .dpl360 { padding-left: 3.6em !important; }
}

.mr360 { margin-right: 3.6em !important; }

.pr360 { padding-right: 3.6em !important; }

@media (max-width: 761px) {
  .mmr360 { margin-right: 3.6em !important; }
  .mpr360 { padding-right: 3.6em !important; }
}

@media (min-width: 762px) {
  .dmr360 { margin-right: 3.6em !important; }
  .dpr360 { padding-right: 3.6em !important; }
}

.mt365 { margin-top: 3.65em !important; }

.pt365 { padding-top: 3.65em !important; }

@media (max-width: 761px) {
  .mmt365 { margin-top: 3.65em !important; }
  .mpt365 { padding-top: 3.65em !important; }
}

@media (min-width: 762px) {
  .dmt365 { margin-top: 3.65em !important; }
  .dpt365 { padding-top: 3.65em !important; }
}

.mb365 { margin-bottom: 3.65em !important; }

.pb365 { padding-bottom: 3.65em !important; }

@media (max-width: 761px) {
  .mmb365 { margin-bottom: 3.65em !important; }
  .mpb365 { padding-bottom: 3.65em !important; }
}

@media (min-width: 762px) {
  .dmb365 { margin-bottom: 3.65em !important; }
  .dpb365 { padding-bottom: 3.65em !important; }
}

.ml365 { margin-left: 3.65em !important; }

.pl365 { padding-left: 3.65em !important; }

@media (max-width: 761px) {
  .mml365 { margin-left: 3.65em !important; }
  .mpl365 { padding-left: 3.65em !important; }
}

@media (min-width: 762px) {
  .dml365 { margin-left: 3.65em !important; }
  .dpl365 { padding-left: 3.65em !important; }
}

.mr365 { margin-right: 3.65em !important; }

.pr365 { padding-right: 3.65em !important; }

@media (max-width: 761px) {
  .mmr365 { margin-right: 3.65em !important; }
  .mpr365 { padding-right: 3.65em !important; }
}

@media (min-width: 762px) {
  .dmr365 { margin-right: 3.65em !important; }
  .dpr365 { padding-right: 3.65em !important; }
}

.mt370 { margin-top: 3.7em !important; }

.pt370 { padding-top: 3.7em !important; }

@media (max-width: 761px) {
  .mmt370 { margin-top: 3.7em !important; }
  .mpt370 { padding-top: 3.7em !important; }
}

@media (min-width: 762px) {
  .dmt370 { margin-top: 3.7em !important; }
  .dpt370 { padding-top: 3.7em !important; }
}

.mb370 { margin-bottom: 3.7em !important; }

.pb370 { padding-bottom: 3.7em !important; }

@media (max-width: 761px) {
  .mmb370 { margin-bottom: 3.7em !important; }
  .mpb370 { padding-bottom: 3.7em !important; }
}

@media (min-width: 762px) {
  .dmb370 { margin-bottom: 3.7em !important; }
  .dpb370 { padding-bottom: 3.7em !important; }
}

.ml370 { margin-left: 3.7em !important; }

.pl370 { padding-left: 3.7em !important; }

@media (max-width: 761px) {
  .mml370 { margin-left: 3.7em !important; }
  .mpl370 { padding-left: 3.7em !important; }
}

@media (min-width: 762px) {
  .dml370 { margin-left: 3.7em !important; }
  .dpl370 { padding-left: 3.7em !important; }
}

.mr370 { margin-right: 3.7em !important; }

.pr370 { padding-right: 3.7em !important; }

@media (max-width: 761px) {
  .mmr370 { margin-right: 3.7em !important; }
  .mpr370 { padding-right: 3.7em !important; }
}

@media (min-width: 762px) {
  .dmr370 { margin-right: 3.7em !important; }
  .dpr370 { padding-right: 3.7em !important; }
}

.mt375 { margin-top: 3.75em !important; }

.pt375 { padding-top: 3.75em !important; }

@media (max-width: 761px) {
  .mmt375 { margin-top: 3.75em !important; }
  .mpt375 { padding-top: 3.75em !important; }
}

@media (min-width: 762px) {
  .dmt375 { margin-top: 3.75em !important; }
  .dpt375 { padding-top: 3.75em !important; }
}

.mb375 { margin-bottom: 3.75em !important; }

.pb375 { padding-bottom: 3.75em !important; }

@media (max-width: 761px) {
  .mmb375 { margin-bottom: 3.75em !important; }
  .mpb375 { padding-bottom: 3.75em !important; }
}

@media (min-width: 762px) {
  .dmb375 { margin-bottom: 3.75em !important; }
  .dpb375 { padding-bottom: 3.75em !important; }
}

.ml375 { margin-left: 3.75em !important; }

.pl375 { padding-left: 3.75em !important; }

@media (max-width: 761px) {
  .mml375 { margin-left: 3.75em !important; }
  .mpl375 { padding-left: 3.75em !important; }
}

@media (min-width: 762px) {
  .dml375 { margin-left: 3.75em !important; }
  .dpl375 { padding-left: 3.75em !important; }
}

.mr375 { margin-right: 3.75em !important; }

.pr375 { padding-right: 3.75em !important; }

@media (max-width: 761px) {
  .mmr375 { margin-right: 3.75em !important; }
  .mpr375 { padding-right: 3.75em !important; }
}

@media (min-width: 762px) {
  .dmr375 { margin-right: 3.75em !important; }
  .dpr375 { padding-right: 3.75em !important; }
}

.mt380 { margin-top: 3.8em !important; }

.pt380 { padding-top: 3.8em !important; }

@media (max-width: 761px) {
  .mmt380 { margin-top: 3.8em !important; }
  .mpt380 { padding-top: 3.8em !important; }
}

@media (min-width: 762px) {
  .dmt380 { margin-top: 3.8em !important; }
  .dpt380 { padding-top: 3.8em !important; }
}

.mb380 { margin-bottom: 3.8em !important; }

.pb380 { padding-bottom: 3.8em !important; }

@media (max-width: 761px) {
  .mmb380 { margin-bottom: 3.8em !important; }
  .mpb380 { padding-bottom: 3.8em !important; }
}

@media (min-width: 762px) {
  .dmb380 { margin-bottom: 3.8em !important; }
  .dpb380 { padding-bottom: 3.8em !important; }
}

.ml380 { margin-left: 3.8em !important; }

.pl380 { padding-left: 3.8em !important; }

@media (max-width: 761px) {
  .mml380 { margin-left: 3.8em !important; }
  .mpl380 { padding-left: 3.8em !important; }
}

@media (min-width: 762px) {
  .dml380 { margin-left: 3.8em !important; }
  .dpl380 { padding-left: 3.8em !important; }
}

.mr380 { margin-right: 3.8em !important; }

.pr380 { padding-right: 3.8em !important; }

@media (max-width: 761px) {
  .mmr380 { margin-right: 3.8em !important; }
  .mpr380 { padding-right: 3.8em !important; }
}

@media (min-width: 762px) {
  .dmr380 { margin-right: 3.8em !important; }
  .dpr380 { padding-right: 3.8em !important; }
}

.mt385 { margin-top: 3.85em !important; }

.pt385 { padding-top: 3.85em !important; }

@media (max-width: 761px) {
  .mmt385 { margin-top: 3.85em !important; }
  .mpt385 { padding-top: 3.85em !important; }
}

@media (min-width: 762px) {
  .dmt385 { margin-top: 3.85em !important; }
  .dpt385 { padding-top: 3.85em !important; }
}

.mb385 { margin-bottom: 3.85em !important; }

.pb385 { padding-bottom: 3.85em !important; }

@media (max-width: 761px) {
  .mmb385 { margin-bottom: 3.85em !important; }
  .mpb385 { padding-bottom: 3.85em !important; }
}

@media (min-width: 762px) {
  .dmb385 { margin-bottom: 3.85em !important; }
  .dpb385 { padding-bottom: 3.85em !important; }
}

.ml385 { margin-left: 3.85em !important; }

.pl385 { padding-left: 3.85em !important; }

@media (max-width: 761px) {
  .mml385 { margin-left: 3.85em !important; }
  .mpl385 { padding-left: 3.85em !important; }
}

@media (min-width: 762px) {
  .dml385 { margin-left: 3.85em !important; }
  .dpl385 { padding-left: 3.85em !important; }
}

.mr385 { margin-right: 3.85em !important; }

.pr385 { padding-right: 3.85em !important; }

@media (max-width: 761px) {
  .mmr385 { margin-right: 3.85em !important; }
  .mpr385 { padding-right: 3.85em !important; }
}

@media (min-width: 762px) {
  .dmr385 { margin-right: 3.85em !important; }
  .dpr385 { padding-right: 3.85em !important; }
}

.mt390 { margin-top: 3.9em !important; }

.pt390 { padding-top: 3.9em !important; }

@media (max-width: 761px) {
  .mmt390 { margin-top: 3.9em !important; }
  .mpt390 { padding-top: 3.9em !important; }
}

@media (min-width: 762px) {
  .dmt390 { margin-top: 3.9em !important; }
  .dpt390 { padding-top: 3.9em !important; }
}

.mb390 { margin-bottom: 3.9em !important; }

.pb390 { padding-bottom: 3.9em !important; }

@media (max-width: 761px) {
  .mmb390 { margin-bottom: 3.9em !important; }
  .mpb390 { padding-bottom: 3.9em !important; }
}

@media (min-width: 762px) {
  .dmb390 { margin-bottom: 3.9em !important; }
  .dpb390 { padding-bottom: 3.9em !important; }
}

.ml390 { margin-left: 3.9em !important; }

.pl390 { padding-left: 3.9em !important; }

@media (max-width: 761px) {
  .mml390 { margin-left: 3.9em !important; }
  .mpl390 { padding-left: 3.9em !important; }
}

@media (min-width: 762px) {
  .dml390 { margin-left: 3.9em !important; }
  .dpl390 { padding-left: 3.9em !important; }
}

.mr390 { margin-right: 3.9em !important; }

.pr390 { padding-right: 3.9em !important; }

@media (max-width: 761px) {
  .mmr390 { margin-right: 3.9em !important; }
  .mpr390 { padding-right: 3.9em !important; }
}

@media (min-width: 762px) {
  .dmr390 { margin-right: 3.9em !important; }
  .dpr390 { padding-right: 3.9em !important; }
}

.mt395 { margin-top: 3.95em !important; }

.pt395 { padding-top: 3.95em !important; }

@media (max-width: 761px) {
  .mmt395 { margin-top: 3.95em !important; }
  .mpt395 { padding-top: 3.95em !important; }
}

@media (min-width: 762px) {
  .dmt395 { margin-top: 3.95em !important; }
  .dpt395 { padding-top: 3.95em !important; }
}

.mb395 { margin-bottom: 3.95em !important; }

.pb395 { padding-bottom: 3.95em !important; }

@media (max-width: 761px) {
  .mmb395 { margin-bottom: 3.95em !important; }
  .mpb395 { padding-bottom: 3.95em !important; }
}

@media (min-width: 762px) {
  .dmb395 { margin-bottom: 3.95em !important; }
  .dpb395 { padding-bottom: 3.95em !important; }
}

.ml395 { margin-left: 3.95em !important; }

.pl395 { padding-left: 3.95em !important; }

@media (max-width: 761px) {
  .mml395 { margin-left: 3.95em !important; }
  .mpl395 { padding-left: 3.95em !important; }
}

@media (min-width: 762px) {
  .dml395 { margin-left: 3.95em !important; }
  .dpl395 { padding-left: 3.95em !important; }
}

.mr395 { margin-right: 3.95em !important; }

.pr395 { padding-right: 3.95em !important; }

@media (max-width: 761px) {
  .mmr395 { margin-right: 3.95em !important; }
  .mpr395 { padding-right: 3.95em !important; }
}

@media (min-width: 762px) {
  .dmr395 { margin-right: 3.95em !important; }
  .dpr395 { padding-right: 3.95em !important; }
}

.mt400 { margin-top: 4em !important; }

.pt400 { padding-top: 4em !important; }

@media (max-width: 761px) {
  .mmt400 { margin-top: 4em !important; }
  .mpt400 { padding-top: 4em !important; }
}

@media (min-width: 762px) {
  .dmt400 { margin-top: 4em !important; }
  .dpt400 { padding-top: 4em !important; }
}

.mb400 { margin-bottom: 4em !important; }

.pb400 { padding-bottom: 4em !important; }

@media (max-width: 761px) {
  .mmb400 { margin-bottom: 4em !important; }
  .mpb400 { padding-bottom: 4em !important; }
}

@media (min-width: 762px) {
  .dmb400 { margin-bottom: 4em !important; }
  .dpb400 { padding-bottom: 4em !important; }
}

.ml400 { margin-left: 4em !important; }

.pl400 { padding-left: 4em !important; }

@media (max-width: 761px) {
  .mml400 { margin-left: 4em !important; }
  .mpl400 { padding-left: 4em !important; }
}

@media (min-width: 762px) {
  .dml400 { margin-left: 4em !important; }
  .dpl400 { padding-left: 4em !important; }
}

.mr400 { margin-right: 4em !important; }

.pr400 { padding-right: 4em !important; }

@media (max-width: 761px) {
  .mmr400 { margin-right: 4em !important; }
  .mpr400 { padding-right: 4em !important; }
}

@media (min-width: 762px) {
  .dmr400 { margin-right: 4em !important; }
  .dpr400 { padding-right: 4em !important; }
}

.mt405 { margin-top: 4.05em !important; }

.pt405 { padding-top: 4.05em !important; }

@media (max-width: 761px) {
  .mmt405 { margin-top: 4.05em !important; }
  .mpt405 { padding-top: 4.05em !important; }
}

@media (min-width: 762px) {
  .dmt405 { margin-top: 4.05em !important; }
  .dpt405 { padding-top: 4.05em !important; }
}

.mb405 { margin-bottom: 4.05em !important; }

.pb405 { padding-bottom: 4.05em !important; }

@media (max-width: 761px) {
  .mmb405 { margin-bottom: 4.05em !important; }
  .mpb405 { padding-bottom: 4.05em !important; }
}

@media (min-width: 762px) {
  .dmb405 { margin-bottom: 4.05em !important; }
  .dpb405 { padding-bottom: 4.05em !important; }
}

.ml405 { margin-left: 4.05em !important; }

.pl405 { padding-left: 4.05em !important; }

@media (max-width: 761px) {
  .mml405 { margin-left: 4.05em !important; }
  .mpl405 { padding-left: 4.05em !important; }
}

@media (min-width: 762px) {
  .dml405 { margin-left: 4.05em !important; }
  .dpl405 { padding-left: 4.05em !important; }
}

.mr405 { margin-right: 4.05em !important; }

.pr405 { padding-right: 4.05em !important; }

@media (max-width: 761px) {
  .mmr405 { margin-right: 4.05em !important; }
  .mpr405 { padding-right: 4.05em !important; }
}

@media (min-width: 762px) {
  .dmr405 { margin-right: 4.05em !important; }
  .dpr405 { padding-right: 4.05em !important; }
}

.mt410 { margin-top: 4.1em !important; }

.pt410 { padding-top: 4.1em !important; }

@media (max-width: 761px) {
  .mmt410 { margin-top: 4.1em !important; }
  .mpt410 { padding-top: 4.1em !important; }
}

@media (min-width: 762px) {
  .dmt410 { margin-top: 4.1em !important; }
  .dpt410 { padding-top: 4.1em !important; }
}

.mb410 { margin-bottom: 4.1em !important; }

.pb410 { padding-bottom: 4.1em !important; }

@media (max-width: 761px) {
  .mmb410 { margin-bottom: 4.1em !important; }
  .mpb410 { padding-bottom: 4.1em !important; }
}

@media (min-width: 762px) {
  .dmb410 { margin-bottom: 4.1em !important; }
  .dpb410 { padding-bottom: 4.1em !important; }
}

.ml410 { margin-left: 4.1em !important; }

.pl410 { padding-left: 4.1em !important; }

@media (max-width: 761px) {
  .mml410 { margin-left: 4.1em !important; }
  .mpl410 { padding-left: 4.1em !important; }
}

@media (min-width: 762px) {
  .dml410 { margin-left: 4.1em !important; }
  .dpl410 { padding-left: 4.1em !important; }
}

.mr410 { margin-right: 4.1em !important; }

.pr410 { padding-right: 4.1em !important; }

@media (max-width: 761px) {
  .mmr410 { margin-right: 4.1em !important; }
  .mpr410 { padding-right: 4.1em !important; }
}

@media (min-width: 762px) {
  .dmr410 { margin-right: 4.1em !important; }
  .dpr410 { padding-right: 4.1em !important; }
}

.mt415 { margin-top: 4.15em !important; }

.pt415 { padding-top: 4.15em !important; }

@media (max-width: 761px) {
  .mmt415 { margin-top: 4.15em !important; }
  .mpt415 { padding-top: 4.15em !important; }
}

@media (min-width: 762px) {
  .dmt415 { margin-top: 4.15em !important; }
  .dpt415 { padding-top: 4.15em !important; }
}

.mb415 { margin-bottom: 4.15em !important; }

.pb415 { padding-bottom: 4.15em !important; }

@media (max-width: 761px) {
  .mmb415 { margin-bottom: 4.15em !important; }
  .mpb415 { padding-bottom: 4.15em !important; }
}

@media (min-width: 762px) {
  .dmb415 { margin-bottom: 4.15em !important; }
  .dpb415 { padding-bottom: 4.15em !important; }
}

.ml415 { margin-left: 4.15em !important; }

.pl415 { padding-left: 4.15em !important; }

@media (max-width: 761px) {
  .mml415 { margin-left: 4.15em !important; }
  .mpl415 { padding-left: 4.15em !important; }
}

@media (min-width: 762px) {
  .dml415 { margin-left: 4.15em !important; }
  .dpl415 { padding-left: 4.15em !important; }
}

.mr415 { margin-right: 4.15em !important; }

.pr415 { padding-right: 4.15em !important; }

@media (max-width: 761px) {
  .mmr415 { margin-right: 4.15em !important; }
  .mpr415 { padding-right: 4.15em !important; }
}

@media (min-width: 762px) {
  .dmr415 { margin-right: 4.15em !important; }
  .dpr415 { padding-right: 4.15em !important; }
}

.mt420 { margin-top: 4.2em !important; }

.pt420 { padding-top: 4.2em !important; }

@media (max-width: 761px) {
  .mmt420 { margin-top: 4.2em !important; }
  .mpt420 { padding-top: 4.2em !important; }
}

@media (min-width: 762px) {
  .dmt420 { margin-top: 4.2em !important; }
  .dpt420 { padding-top: 4.2em !important; }
}

.mb420 { margin-bottom: 4.2em !important; }

.pb420 { padding-bottom: 4.2em !important; }

@media (max-width: 761px) {
  .mmb420 { margin-bottom: 4.2em !important; }
  .mpb420 { padding-bottom: 4.2em !important; }
}

@media (min-width: 762px) {
  .dmb420 { margin-bottom: 4.2em !important; }
  .dpb420 { padding-bottom: 4.2em !important; }
}

.ml420 { margin-left: 4.2em !important; }

.pl420 { padding-left: 4.2em !important; }

@media (max-width: 761px) {
  .mml420 { margin-left: 4.2em !important; }
  .mpl420 { padding-left: 4.2em !important; }
}

@media (min-width: 762px) {
  .dml420 { margin-left: 4.2em !important; }
  .dpl420 { padding-left: 4.2em !important; }
}

.mr420 { margin-right: 4.2em !important; }

.pr420 { padding-right: 4.2em !important; }

@media (max-width: 761px) {
  .mmr420 { margin-right: 4.2em !important; }
  .mpr420 { padding-right: 4.2em !important; }
}

@media (min-width: 762px) {
  .dmr420 { margin-right: 4.2em !important; }
  .dpr420 { padding-right: 4.2em !important; }
}

.mt425 { margin-top: 4.25em !important; }

.pt425 { padding-top: 4.25em !important; }

@media (max-width: 761px) {
  .mmt425 { margin-top: 4.25em !important; }
  .mpt425 { padding-top: 4.25em !important; }
}

@media (min-width: 762px) {
  .dmt425 { margin-top: 4.25em !important; }
  .dpt425 { padding-top: 4.25em !important; }
}

.mb425 { margin-bottom: 4.25em !important; }

.pb425 { padding-bottom: 4.25em !important; }

@media (max-width: 761px) {
  .mmb425 { margin-bottom: 4.25em !important; }
  .mpb425 { padding-bottom: 4.25em !important; }
}

@media (min-width: 762px) {
  .dmb425 { margin-bottom: 4.25em !important; }
  .dpb425 { padding-bottom: 4.25em !important; }
}

.ml425 { margin-left: 4.25em !important; }

.pl425 { padding-left: 4.25em !important; }

@media (max-width: 761px) {
  .mml425 { margin-left: 4.25em !important; }
  .mpl425 { padding-left: 4.25em !important; }
}

@media (min-width: 762px) {
  .dml425 { margin-left: 4.25em !important; }
  .dpl425 { padding-left: 4.25em !important; }
}

.mr425 { margin-right: 4.25em !important; }

.pr425 { padding-right: 4.25em !important; }

@media (max-width: 761px) {
  .mmr425 { margin-right: 4.25em !important; }
  .mpr425 { padding-right: 4.25em !important; }
}

@media (min-width: 762px) {
  .dmr425 { margin-right: 4.25em !important; }
  .dpr425 { padding-right: 4.25em !important; }
}

.mt430 { margin-top: 4.3em !important; }

.pt430 { padding-top: 4.3em !important; }

@media (max-width: 761px) {
  .mmt430 { margin-top: 4.3em !important; }
  .mpt430 { padding-top: 4.3em !important; }
}

@media (min-width: 762px) {
  .dmt430 { margin-top: 4.3em !important; }
  .dpt430 { padding-top: 4.3em !important; }
}

.mb430 { margin-bottom: 4.3em !important; }

.pb430 { padding-bottom: 4.3em !important; }

@media (max-width: 761px) {
  .mmb430 { margin-bottom: 4.3em !important; }
  .mpb430 { padding-bottom: 4.3em !important; }
}

@media (min-width: 762px) {
  .dmb430 { margin-bottom: 4.3em !important; }
  .dpb430 { padding-bottom: 4.3em !important; }
}

.ml430 { margin-left: 4.3em !important; }

.pl430 { padding-left: 4.3em !important; }

@media (max-width: 761px) {
  .mml430 { margin-left: 4.3em !important; }
  .mpl430 { padding-left: 4.3em !important; }
}

@media (min-width: 762px) {
  .dml430 { margin-left: 4.3em !important; }
  .dpl430 { padding-left: 4.3em !important; }
}

.mr430 { margin-right: 4.3em !important; }

.pr430 { padding-right: 4.3em !important; }

@media (max-width: 761px) {
  .mmr430 { margin-right: 4.3em !important; }
  .mpr430 { padding-right: 4.3em !important; }
}

@media (min-width: 762px) {
  .dmr430 { margin-right: 4.3em !important; }
  .dpr430 { padding-right: 4.3em !important; }
}

.mt435 { margin-top: 4.35em !important; }

.pt435 { padding-top: 4.35em !important; }

@media (max-width: 761px) {
  .mmt435 { margin-top: 4.35em !important; }
  .mpt435 { padding-top: 4.35em !important; }
}

@media (min-width: 762px) {
  .dmt435 { margin-top: 4.35em !important; }
  .dpt435 { padding-top: 4.35em !important; }
}

.mb435 { margin-bottom: 4.35em !important; }

.pb435 { padding-bottom: 4.35em !important; }

@media (max-width: 761px) {
  .mmb435 { margin-bottom: 4.35em !important; }
  .mpb435 { padding-bottom: 4.35em !important; }
}

@media (min-width: 762px) {
  .dmb435 { margin-bottom: 4.35em !important; }
  .dpb435 { padding-bottom: 4.35em !important; }
}

.ml435 { margin-left: 4.35em !important; }

.pl435 { padding-left: 4.35em !important; }

@media (max-width: 761px) {
  .mml435 { margin-left: 4.35em !important; }
  .mpl435 { padding-left: 4.35em !important; }
}

@media (min-width: 762px) {
  .dml435 { margin-left: 4.35em !important; }
  .dpl435 { padding-left: 4.35em !important; }
}

.mr435 { margin-right: 4.35em !important; }

.pr435 { padding-right: 4.35em !important; }

@media (max-width: 761px) {
  .mmr435 { margin-right: 4.35em !important; }
  .mpr435 { padding-right: 4.35em !important; }
}

@media (min-width: 762px) {
  .dmr435 { margin-right: 4.35em !important; }
  .dpr435 { padding-right: 4.35em !important; }
}

.mt440 { margin-top: 4.4em !important; }

.pt440 { padding-top: 4.4em !important; }

@media (max-width: 761px) {
  .mmt440 { margin-top: 4.4em !important; }
  .mpt440 { padding-top: 4.4em !important; }
}

@media (min-width: 762px) {
  .dmt440 { margin-top: 4.4em !important; }
  .dpt440 { padding-top: 4.4em !important; }
}

.mb440 { margin-bottom: 4.4em !important; }

.pb440 { padding-bottom: 4.4em !important; }

@media (max-width: 761px) {
  .mmb440 { margin-bottom: 4.4em !important; }
  .mpb440 { padding-bottom: 4.4em !important; }
}

@media (min-width: 762px) {
  .dmb440 { margin-bottom: 4.4em !important; }
  .dpb440 { padding-bottom: 4.4em !important; }
}

.ml440 { margin-left: 4.4em !important; }

.pl440 { padding-left: 4.4em !important; }

@media (max-width: 761px) {
  .mml440 { margin-left: 4.4em !important; }
  .mpl440 { padding-left: 4.4em !important; }
}

@media (min-width: 762px) {
  .dml440 { margin-left: 4.4em !important; }
  .dpl440 { padding-left: 4.4em !important; }
}

.mr440 { margin-right: 4.4em !important; }

.pr440 { padding-right: 4.4em !important; }

@media (max-width: 761px) {
  .mmr440 { margin-right: 4.4em !important; }
  .mpr440 { padding-right: 4.4em !important; }
}

@media (min-width: 762px) {
  .dmr440 { margin-right: 4.4em !important; }
  .dpr440 { padding-right: 4.4em !important; }
}

.mt445 { margin-top: 4.45em !important; }

.pt445 { padding-top: 4.45em !important; }

@media (max-width: 761px) {
  .mmt445 { margin-top: 4.45em !important; }
  .mpt445 { padding-top: 4.45em !important; }
}

@media (min-width: 762px) {
  .dmt445 { margin-top: 4.45em !important; }
  .dpt445 { padding-top: 4.45em !important; }
}

.mb445 { margin-bottom: 4.45em !important; }

.pb445 { padding-bottom: 4.45em !important; }

@media (max-width: 761px) {
  .mmb445 { margin-bottom: 4.45em !important; }
  .mpb445 { padding-bottom: 4.45em !important; }
}

@media (min-width: 762px) {
  .dmb445 { margin-bottom: 4.45em !important; }
  .dpb445 { padding-bottom: 4.45em !important; }
}

.ml445 { margin-left: 4.45em !important; }

.pl445 { padding-left: 4.45em !important; }

@media (max-width: 761px) {
  .mml445 { margin-left: 4.45em !important; }
  .mpl445 { padding-left: 4.45em !important; }
}

@media (min-width: 762px) {
  .dml445 { margin-left: 4.45em !important; }
  .dpl445 { padding-left: 4.45em !important; }
}

.mr445 { margin-right: 4.45em !important; }

.pr445 { padding-right: 4.45em !important; }

@media (max-width: 761px) {
  .mmr445 { margin-right: 4.45em !important; }
  .mpr445 { padding-right: 4.45em !important; }
}

@media (min-width: 762px) {
  .dmr445 { margin-right: 4.45em !important; }
  .dpr445 { padding-right: 4.45em !important; }
}

.mt450 { margin-top: 4.5em !important; }

.pt450 { padding-top: 4.5em !important; }

@media (max-width: 761px) {
  .mmt450 { margin-top: 4.5em !important; }
  .mpt450 { padding-top: 4.5em !important; }
}

@media (min-width: 762px) {
  .dmt450 { margin-top: 4.5em !important; }
  .dpt450 { padding-top: 4.5em !important; }
}

.mb450 { margin-bottom: 4.5em !important; }

.pb450 { padding-bottom: 4.5em !important; }

@media (max-width: 761px) {
  .mmb450 { margin-bottom: 4.5em !important; }
  .mpb450 { padding-bottom: 4.5em !important; }
}

@media (min-width: 762px) {
  .dmb450 { margin-bottom: 4.5em !important; }
  .dpb450 { padding-bottom: 4.5em !important; }
}

.ml450 { margin-left: 4.5em !important; }

.pl450 { padding-left: 4.5em !important; }

@media (max-width: 761px) {
  .mml450 { margin-left: 4.5em !important; }
  .mpl450 { padding-left: 4.5em !important; }
}

@media (min-width: 762px) {
  .dml450 { margin-left: 4.5em !important; }
  .dpl450 { padding-left: 4.5em !important; }
}

.mr450 { margin-right: 4.5em !important; }

.pr450 { padding-right: 4.5em !important; }

@media (max-width: 761px) {
  .mmr450 { margin-right: 4.5em !important; }
  .mpr450 { padding-right: 4.5em !important; }
}

@media (min-width: 762px) {
  .dmr450 { margin-right: 4.5em !important; }
  .dpr450 { padding-right: 4.5em !important; }
}

.mt455 { margin-top: 4.55em !important; }

.pt455 { padding-top: 4.55em !important; }

@media (max-width: 761px) {
  .mmt455 { margin-top: 4.55em !important; }
  .mpt455 { padding-top: 4.55em !important; }
}

@media (min-width: 762px) {
  .dmt455 { margin-top: 4.55em !important; }
  .dpt455 { padding-top: 4.55em !important; }
}

.mb455 { margin-bottom: 4.55em !important; }

.pb455 { padding-bottom: 4.55em !important; }

@media (max-width: 761px) {
  .mmb455 { margin-bottom: 4.55em !important; }
  .mpb455 { padding-bottom: 4.55em !important; }
}

@media (min-width: 762px) {
  .dmb455 { margin-bottom: 4.55em !important; }
  .dpb455 { padding-bottom: 4.55em !important; }
}

.ml455 { margin-left: 4.55em !important; }

.pl455 { padding-left: 4.55em !important; }

@media (max-width: 761px) {
  .mml455 { margin-left: 4.55em !important; }
  .mpl455 { padding-left: 4.55em !important; }
}

@media (min-width: 762px) {
  .dml455 { margin-left: 4.55em !important; }
  .dpl455 { padding-left: 4.55em !important; }
}

.mr455 { margin-right: 4.55em !important; }

.pr455 { padding-right: 4.55em !important; }

@media (max-width: 761px) {
  .mmr455 { margin-right: 4.55em !important; }
  .mpr455 { padding-right: 4.55em !important; }
}

@media (min-width: 762px) {
  .dmr455 { margin-right: 4.55em !important; }
  .dpr455 { padding-right: 4.55em !important; }
}

.mt460 { margin-top: 4.6em !important; }

.pt460 { padding-top: 4.6em !important; }

@media (max-width: 761px) {
  .mmt460 { margin-top: 4.6em !important; }
  .mpt460 { padding-top: 4.6em !important; }
}

@media (min-width: 762px) {
  .dmt460 { margin-top: 4.6em !important; }
  .dpt460 { padding-top: 4.6em !important; }
}

.mb460 { margin-bottom: 4.6em !important; }

.pb460 { padding-bottom: 4.6em !important; }

@media (max-width: 761px) {
  .mmb460 { margin-bottom: 4.6em !important; }
  .mpb460 { padding-bottom: 4.6em !important; }
}

@media (min-width: 762px) {
  .dmb460 { margin-bottom: 4.6em !important; }
  .dpb460 { padding-bottom: 4.6em !important; }
}

.ml460 { margin-left: 4.6em !important; }

.pl460 { padding-left: 4.6em !important; }

@media (max-width: 761px) {
  .mml460 { margin-left: 4.6em !important; }
  .mpl460 { padding-left: 4.6em !important; }
}

@media (min-width: 762px) {
  .dml460 { margin-left: 4.6em !important; }
  .dpl460 { padding-left: 4.6em !important; }
}

.mr460 { margin-right: 4.6em !important; }

.pr460 { padding-right: 4.6em !important; }

@media (max-width: 761px) {
  .mmr460 { margin-right: 4.6em !important; }
  .mpr460 { padding-right: 4.6em !important; }
}

@media (min-width: 762px) {
  .dmr460 { margin-right: 4.6em !important; }
  .dpr460 { padding-right: 4.6em !important; }
}

.mt465 { margin-top: 4.65em !important; }

.pt465 { padding-top: 4.65em !important; }

@media (max-width: 761px) {
  .mmt465 { margin-top: 4.65em !important; }
  .mpt465 { padding-top: 4.65em !important; }
}

@media (min-width: 762px) {
  .dmt465 { margin-top: 4.65em !important; }
  .dpt465 { padding-top: 4.65em !important; }
}

.mb465 { margin-bottom: 4.65em !important; }

.pb465 { padding-bottom: 4.65em !important; }

@media (max-width: 761px) {
  .mmb465 { margin-bottom: 4.65em !important; }
  .mpb465 { padding-bottom: 4.65em !important; }
}

@media (min-width: 762px) {
  .dmb465 { margin-bottom: 4.65em !important; }
  .dpb465 { padding-bottom: 4.65em !important; }
}

.ml465 { margin-left: 4.65em !important; }

.pl465 { padding-left: 4.65em !important; }

@media (max-width: 761px) {
  .mml465 { margin-left: 4.65em !important; }
  .mpl465 { padding-left: 4.65em !important; }
}

@media (min-width: 762px) {
  .dml465 { margin-left: 4.65em !important; }
  .dpl465 { padding-left: 4.65em !important; }
}

.mr465 { margin-right: 4.65em !important; }

.pr465 { padding-right: 4.65em !important; }

@media (max-width: 761px) {
  .mmr465 { margin-right: 4.65em !important; }
  .mpr465 { padding-right: 4.65em !important; }
}

@media (min-width: 762px) {
  .dmr465 { margin-right: 4.65em !important; }
  .dpr465 { padding-right: 4.65em !important; }
}

.mt470 { margin-top: 4.7em !important; }

.pt470 { padding-top: 4.7em !important; }

@media (max-width: 761px) {
  .mmt470 { margin-top: 4.7em !important; }
  .mpt470 { padding-top: 4.7em !important; }
}

@media (min-width: 762px) {
  .dmt470 { margin-top: 4.7em !important; }
  .dpt470 { padding-top: 4.7em !important; }
}

.mb470 { margin-bottom: 4.7em !important; }

.pb470 { padding-bottom: 4.7em !important; }

@media (max-width: 761px) {
  .mmb470 { margin-bottom: 4.7em !important; }
  .mpb470 { padding-bottom: 4.7em !important; }
}

@media (min-width: 762px) {
  .dmb470 { margin-bottom: 4.7em !important; }
  .dpb470 { padding-bottom: 4.7em !important; }
}

.ml470 { margin-left: 4.7em !important; }

.pl470 { padding-left: 4.7em !important; }

@media (max-width: 761px) {
  .mml470 { margin-left: 4.7em !important; }
  .mpl470 { padding-left: 4.7em !important; }
}

@media (min-width: 762px) {
  .dml470 { margin-left: 4.7em !important; }
  .dpl470 { padding-left: 4.7em !important; }
}

.mr470 { margin-right: 4.7em !important; }

.pr470 { padding-right: 4.7em !important; }

@media (max-width: 761px) {
  .mmr470 { margin-right: 4.7em !important; }
  .mpr470 { padding-right: 4.7em !important; }
}

@media (min-width: 762px) {
  .dmr470 { margin-right: 4.7em !important; }
  .dpr470 { padding-right: 4.7em !important; }
}

.mt475 { margin-top: 4.75em !important; }

.pt475 { padding-top: 4.75em !important; }

@media (max-width: 761px) {
  .mmt475 { margin-top: 4.75em !important; }
  .mpt475 { padding-top: 4.75em !important; }
}

@media (min-width: 762px) {
  .dmt475 { margin-top: 4.75em !important; }
  .dpt475 { padding-top: 4.75em !important; }
}

.mb475 { margin-bottom: 4.75em !important; }

.pb475 { padding-bottom: 4.75em !important; }

@media (max-width: 761px) {
  .mmb475 { margin-bottom: 4.75em !important; }
  .mpb475 { padding-bottom: 4.75em !important; }
}

@media (min-width: 762px) {
  .dmb475 { margin-bottom: 4.75em !important; }
  .dpb475 { padding-bottom: 4.75em !important; }
}

.ml475 { margin-left: 4.75em !important; }

.pl475 { padding-left: 4.75em !important; }

@media (max-width: 761px) {
  .mml475 { margin-left: 4.75em !important; }
  .mpl475 { padding-left: 4.75em !important; }
}

@media (min-width: 762px) {
  .dml475 { margin-left: 4.75em !important; }
  .dpl475 { padding-left: 4.75em !important; }
}

.mr475 { margin-right: 4.75em !important; }

.pr475 { padding-right: 4.75em !important; }

@media (max-width: 761px) {
  .mmr475 { margin-right: 4.75em !important; }
  .mpr475 { padding-right: 4.75em !important; }
}

@media (min-width: 762px) {
  .dmr475 { margin-right: 4.75em !important; }
  .dpr475 { padding-right: 4.75em !important; }
}

.mt480 { margin-top: 4.8em !important; }

.pt480 { padding-top: 4.8em !important; }

@media (max-width: 761px) {
  .mmt480 { margin-top: 4.8em !important; }
  .mpt480 { padding-top: 4.8em !important; }
}

@media (min-width: 762px) {
  .dmt480 { margin-top: 4.8em !important; }
  .dpt480 { padding-top: 4.8em !important; }
}

.mb480 { margin-bottom: 4.8em !important; }

.pb480 { padding-bottom: 4.8em !important; }

@media (max-width: 761px) {
  .mmb480 { margin-bottom: 4.8em !important; }
  .mpb480 { padding-bottom: 4.8em !important; }
}

@media (min-width: 762px) {
  .dmb480 { margin-bottom: 4.8em !important; }
  .dpb480 { padding-bottom: 4.8em !important; }
}

.ml480 { margin-left: 4.8em !important; }

.pl480 { padding-left: 4.8em !important; }

@media (max-width: 761px) {
  .mml480 { margin-left: 4.8em !important; }
  .mpl480 { padding-left: 4.8em !important; }
}

@media (min-width: 762px) {
  .dml480 { margin-left: 4.8em !important; }
  .dpl480 { padding-left: 4.8em !important; }
}

.mr480 { margin-right: 4.8em !important; }

.pr480 { padding-right: 4.8em !important; }

@media (max-width: 761px) {
  .mmr480 { margin-right: 4.8em !important; }
  .mpr480 { padding-right: 4.8em !important; }
}

@media (min-width: 762px) {
  .dmr480 { margin-right: 4.8em !important; }
  .dpr480 { padding-right: 4.8em !important; }
}

.mt485 { margin-top: 4.85em !important; }

.pt485 { padding-top: 4.85em !important; }

@media (max-width: 761px) {
  .mmt485 { margin-top: 4.85em !important; }
  .mpt485 { padding-top: 4.85em !important; }
}

@media (min-width: 762px) {
  .dmt485 { margin-top: 4.85em !important; }
  .dpt485 { padding-top: 4.85em !important; }
}

.mb485 { margin-bottom: 4.85em !important; }

.pb485 { padding-bottom: 4.85em !important; }

@media (max-width: 761px) {
  .mmb485 { margin-bottom: 4.85em !important; }
  .mpb485 { padding-bottom: 4.85em !important; }
}

@media (min-width: 762px) {
  .dmb485 { margin-bottom: 4.85em !important; }
  .dpb485 { padding-bottom: 4.85em !important; }
}

.ml485 { margin-left: 4.85em !important; }

.pl485 { padding-left: 4.85em !important; }

@media (max-width: 761px) {
  .mml485 { margin-left: 4.85em !important; }
  .mpl485 { padding-left: 4.85em !important; }
}

@media (min-width: 762px) {
  .dml485 { margin-left: 4.85em !important; }
  .dpl485 { padding-left: 4.85em !important; }
}

.mr485 { margin-right: 4.85em !important; }

.pr485 { padding-right: 4.85em !important; }

@media (max-width: 761px) {
  .mmr485 { margin-right: 4.85em !important; }
  .mpr485 { padding-right: 4.85em !important; }
}

@media (min-width: 762px) {
  .dmr485 { margin-right: 4.85em !important; }
  .dpr485 { padding-right: 4.85em !important; }
}

.mt490 { margin-top: 4.9em !important; }

.pt490 { padding-top: 4.9em !important; }

@media (max-width: 761px) {
  .mmt490 { margin-top: 4.9em !important; }
  .mpt490 { padding-top: 4.9em !important; }
}

@media (min-width: 762px) {
  .dmt490 { margin-top: 4.9em !important; }
  .dpt490 { padding-top: 4.9em !important; }
}

.mb490 { margin-bottom: 4.9em !important; }

.pb490 { padding-bottom: 4.9em !important; }

@media (max-width: 761px) {
  .mmb490 { margin-bottom: 4.9em !important; }
  .mpb490 { padding-bottom: 4.9em !important; }
}

@media (min-width: 762px) {
  .dmb490 { margin-bottom: 4.9em !important; }
  .dpb490 { padding-bottom: 4.9em !important; }
}

.ml490 { margin-left: 4.9em !important; }

.pl490 { padding-left: 4.9em !important; }

@media (max-width: 761px) {
  .mml490 { margin-left: 4.9em !important; }
  .mpl490 { padding-left: 4.9em !important; }
}

@media (min-width: 762px) {
  .dml490 { margin-left: 4.9em !important; }
  .dpl490 { padding-left: 4.9em !important; }
}

.mr490 { margin-right: 4.9em !important; }

.pr490 { padding-right: 4.9em !important; }

@media (max-width: 761px) {
  .mmr490 { margin-right: 4.9em !important; }
  .mpr490 { padding-right: 4.9em !important; }
}

@media (min-width: 762px) {
  .dmr490 { margin-right: 4.9em !important; }
  .dpr490 { padding-right: 4.9em !important; }
}

.mt495 { margin-top: 4.95em !important; }

.pt495 { padding-top: 4.95em !important; }

@media (max-width: 761px) {
  .mmt495 { margin-top: 4.95em !important; }
  .mpt495 { padding-top: 4.95em !important; }
}

@media (min-width: 762px) {
  .dmt495 { margin-top: 4.95em !important; }
  .dpt495 { padding-top: 4.95em !important; }
}

.mb495 { margin-bottom: 4.95em !important; }

.pb495 { padding-bottom: 4.95em !important; }

@media (max-width: 761px) {
  .mmb495 { margin-bottom: 4.95em !important; }
  .mpb495 { padding-bottom: 4.95em !important; }
}

@media (min-width: 762px) {
  .dmb495 { margin-bottom: 4.95em !important; }
  .dpb495 { padding-bottom: 4.95em !important; }
}

.ml495 { margin-left: 4.95em !important; }

.pl495 { padding-left: 4.95em !important; }

@media (max-width: 761px) {
  .mml495 { margin-left: 4.95em !important; }
  .mpl495 { padding-left: 4.95em !important; }
}

@media (min-width: 762px) {
  .dml495 { margin-left: 4.95em !important; }
  .dpl495 { padding-left: 4.95em !important; }
}

.mr495 { margin-right: 4.95em !important; }

.pr495 { padding-right: 4.95em !important; }

@media (max-width: 761px) {
  .mmr495 { margin-right: 4.95em !important; }
  .mpr495 { padding-right: 4.95em !important; }
}

@media (min-width: 762px) {
  .dmr495 { margin-right: 4.95em !important; }
  .dpr495 { padding-right: 4.95em !important; }
}

.mt500 { margin-top: 5em !important; }

.pt500 { padding-top: 5em !important; }

@media (max-width: 761px) {
  .mmt500 { margin-top: 5em !important; }
  .mpt500 { padding-top: 5em !important; }
}

@media (min-width: 762px) {
  .dmt500 { margin-top: 5em !important; }
  .dpt500 { padding-top: 5em !important; }
}

.mb500 { margin-bottom: 5em !important; }

.pb500 { padding-bottom: 5em !important; }

@media (max-width: 761px) {
  .mmb500 { margin-bottom: 5em !important; }
  .mpb500 { padding-bottom: 5em !important; }
}

@media (min-width: 762px) {
  .dmb500 { margin-bottom: 5em !important; }
  .dpb500 { padding-bottom: 5em !important; }
}

.ml500 { margin-left: 5em !important; }

.pl500 { padding-left: 5em !important; }

@media (max-width: 761px) {
  .mml500 { margin-left: 5em !important; }
  .mpl500 { padding-left: 5em !important; }
}

@media (min-width: 762px) {
  .dml500 { margin-left: 5em !important; }
  .dpl500 { padding-left: 5em !important; }
}

.mr500 { margin-right: 5em !important; }

.pr500 { padding-right: 5em !important; }

@media (max-width: 761px) {
  .mmr500 { margin-right: 5em !important; }
  .mpr500 { padding-right: 5em !important; }
}

@media (min-width: 762px) {
  .dmr500 { margin-right: 5em !important; }
  .dpr500 { padding-right: 5em !important; }
}

.m-500 { margin: -5em !important; }

.p-500 { }

.my-500 { margin-top: -5em !important; margin-bottom: -5em !important; }

.py-500 { }

.mx-500 { margin-right: -5em !important; margin-left: -5em !important; }

.px-500 { }

@media (max-width: 761px) {
  .mm-500 { margin: -5em !important; }
  .mp-500 { }
  .mmy-500 { margin-top: -5em !important; margin-bottom: -5em !important; }
  .mpy-500 { }
  .mmx-500 { margin-right: -5em !important; margin-left: -5em !important; }
  .mpx-500 { }
}

@media (min-width: 762px) {
  .dm-500 { margin: -5em !important; }
  .dp-500 { }
  .dmy-500 { margin-top: -5em !important; margin-bottom: -5em !important; }
  .dpy-500 { }
  .dmx-500 { margin-right: -5em !important; margin-left: -5em !important; }
  .dpx-500 { }
}

.m-495 { margin: -4.95em !important; }

.p-495 { }

.my-495 { margin-top: -4.95em !important; margin-bottom: -4.95em !important; }

.py-495 { }

.mx-495 { margin-right: -4.95em !important; margin-left: -4.95em !important; }

.px-495 { }

@media (max-width: 761px) {
  .mm-495 { margin: -4.95em !important; }
  .mp-495 { }
  .mmy-495 { margin-top: -4.95em !important; margin-bottom: -4.95em !important; }
  .mpy-495 { }
  .mmx-495 { margin-right: -4.95em !important; margin-left: -4.95em !important; }
  .mpx-495 { }
}

@media (min-width: 762px) {
  .dm-495 { margin: -4.95em !important; }
  .dp-495 { }
  .dmy-495 { margin-top: -4.95em !important; margin-bottom: -4.95em !important; }
  .dpy-495 { }
  .dmx-495 { margin-right: -4.95em !important; margin-left: -4.95em !important; }
  .dpx-495 { }
}

.m-490 { margin: -4.9em !important; }

.p-490 { }

.my-490 { margin-top: -4.9em !important; margin-bottom: -4.9em !important; }

.py-490 { }

.mx-490 { margin-right: -4.9em !important; margin-left: -4.9em !important; }

.px-490 { }

@media (max-width: 761px) {
  .mm-490 { margin: -4.9em !important; }
  .mp-490 { }
  .mmy-490 { margin-top: -4.9em !important; margin-bottom: -4.9em !important; }
  .mpy-490 { }
  .mmx-490 { margin-right: -4.9em !important; margin-left: -4.9em !important; }
  .mpx-490 { }
}

@media (min-width: 762px) {
  .dm-490 { margin: -4.9em !important; }
  .dp-490 { }
  .dmy-490 { margin-top: -4.9em !important; margin-bottom: -4.9em !important; }
  .dpy-490 { }
  .dmx-490 { margin-right: -4.9em !important; margin-left: -4.9em !important; }
  .dpx-490 { }
}

.m-485 { margin: -4.85em !important; }

.p-485 { }

.my-485 { margin-top: -4.85em !important; margin-bottom: -4.85em !important; }

.py-485 { }

.mx-485 { margin-right: -4.85em !important; margin-left: -4.85em !important; }

.px-485 { }

@media (max-width: 761px) {
  .mm-485 { margin: -4.85em !important; }
  .mp-485 { }
  .mmy-485 { margin-top: -4.85em !important; margin-bottom: -4.85em !important; }
  .mpy-485 { }
  .mmx-485 { margin-right: -4.85em !important; margin-left: -4.85em !important; }
  .mpx-485 { }
}

@media (min-width: 762px) {
  .dm-485 { margin: -4.85em !important; }
  .dp-485 { }
  .dmy-485 { margin-top: -4.85em !important; margin-bottom: -4.85em !important; }
  .dpy-485 { }
  .dmx-485 { margin-right: -4.85em !important; margin-left: -4.85em !important; }
  .dpx-485 { }
}

.m-480 { margin: -4.8em !important; }

.p-480 { }

.my-480 { margin-top: -4.8em !important; margin-bottom: -4.8em !important; }

.py-480 { }

.mx-480 { margin-right: -4.8em !important; margin-left: -4.8em !important; }

.px-480 { }

@media (max-width: 761px) {
  .mm-480 { margin: -4.8em !important; }
  .mp-480 { }
  .mmy-480 { margin-top: -4.8em !important; margin-bottom: -4.8em !important; }
  .mpy-480 { }
  .mmx-480 { margin-right: -4.8em !important; margin-left: -4.8em !important; }
  .mpx-480 { }
}

@media (min-width: 762px) {
  .dm-480 { margin: -4.8em !important; }
  .dp-480 { }
  .dmy-480 { margin-top: -4.8em !important; margin-bottom: -4.8em !important; }
  .dpy-480 { }
  .dmx-480 { margin-right: -4.8em !important; margin-left: -4.8em !important; }
  .dpx-480 { }
}

.m-475 { margin: -4.75em !important; }

.p-475 { }

.my-475 { margin-top: -4.75em !important; margin-bottom: -4.75em !important; }

.py-475 { }

.mx-475 { margin-right: -4.75em !important; margin-left: -4.75em !important; }

.px-475 { }

@media (max-width: 761px) {
  .mm-475 { margin: -4.75em !important; }
  .mp-475 { }
  .mmy-475 { margin-top: -4.75em !important; margin-bottom: -4.75em !important; }
  .mpy-475 { }
  .mmx-475 { margin-right: -4.75em !important; margin-left: -4.75em !important; }
  .mpx-475 { }
}

@media (min-width: 762px) {
  .dm-475 { margin: -4.75em !important; }
  .dp-475 { }
  .dmy-475 { margin-top: -4.75em !important; margin-bottom: -4.75em !important; }
  .dpy-475 { }
  .dmx-475 { margin-right: -4.75em !important; margin-left: -4.75em !important; }
  .dpx-475 { }
}

.m-470 { margin: -4.7em !important; }

.p-470 { }

.my-470 { margin-top: -4.7em !important; margin-bottom: -4.7em !important; }

.py-470 { }

.mx-470 { margin-right: -4.7em !important; margin-left: -4.7em !important; }

.px-470 { }

@media (max-width: 761px) {
  .mm-470 { margin: -4.7em !important; }
  .mp-470 { }
  .mmy-470 { margin-top: -4.7em !important; margin-bottom: -4.7em !important; }
  .mpy-470 { }
  .mmx-470 { margin-right: -4.7em !important; margin-left: -4.7em !important; }
  .mpx-470 { }
}

@media (min-width: 762px) {
  .dm-470 { margin: -4.7em !important; }
  .dp-470 { }
  .dmy-470 { margin-top: -4.7em !important; margin-bottom: -4.7em !important; }
  .dpy-470 { }
  .dmx-470 { margin-right: -4.7em !important; margin-left: -4.7em !important; }
  .dpx-470 { }
}

.m-465 { margin: -4.65em !important; }

.p-465 { }

.my-465 { margin-top: -4.65em !important; margin-bottom: -4.65em !important; }

.py-465 { }

.mx-465 { margin-right: -4.65em !important; margin-left: -4.65em !important; }

.px-465 { }

@media (max-width: 761px) {
  .mm-465 { margin: -4.65em !important; }
  .mp-465 { }
  .mmy-465 { margin-top: -4.65em !important; margin-bottom: -4.65em !important; }
  .mpy-465 { }
  .mmx-465 { margin-right: -4.65em !important; margin-left: -4.65em !important; }
  .mpx-465 { }
}

@media (min-width: 762px) {
  .dm-465 { margin: -4.65em !important; }
  .dp-465 { }
  .dmy-465 { margin-top: -4.65em !important; margin-bottom: -4.65em !important; }
  .dpy-465 { }
  .dmx-465 { margin-right: -4.65em !important; margin-left: -4.65em !important; }
  .dpx-465 { }
}

.m-460 { margin: -4.6em !important; }

.p-460 { }

.my-460 { margin-top: -4.6em !important; margin-bottom: -4.6em !important; }

.py-460 { }

.mx-460 { margin-right: -4.6em !important; margin-left: -4.6em !important; }

.px-460 { }

@media (max-width: 761px) {
  .mm-460 { margin: -4.6em !important; }
  .mp-460 { }
  .mmy-460 { margin-top: -4.6em !important; margin-bottom: -4.6em !important; }
  .mpy-460 { }
  .mmx-460 { margin-right: -4.6em !important; margin-left: -4.6em !important; }
  .mpx-460 { }
}

@media (min-width: 762px) {
  .dm-460 { margin: -4.6em !important; }
  .dp-460 { }
  .dmy-460 { margin-top: -4.6em !important; margin-bottom: -4.6em !important; }
  .dpy-460 { }
  .dmx-460 { margin-right: -4.6em !important; margin-left: -4.6em !important; }
  .dpx-460 { }
}

.m-455 { margin: -4.55em !important; }

.p-455 { }

.my-455 { margin-top: -4.55em !important; margin-bottom: -4.55em !important; }

.py-455 { }

.mx-455 { margin-right: -4.55em !important; margin-left: -4.55em !important; }

.px-455 { }

@media (max-width: 761px) {
  .mm-455 { margin: -4.55em !important; }
  .mp-455 { }
  .mmy-455 { margin-top: -4.55em !important; margin-bottom: -4.55em !important; }
  .mpy-455 { }
  .mmx-455 { margin-right: -4.55em !important; margin-left: -4.55em !important; }
  .mpx-455 { }
}

@media (min-width: 762px) {
  .dm-455 { margin: -4.55em !important; }
  .dp-455 { }
  .dmy-455 { margin-top: -4.55em !important; margin-bottom: -4.55em !important; }
  .dpy-455 { }
  .dmx-455 { margin-right: -4.55em !important; margin-left: -4.55em !important; }
  .dpx-455 { }
}

.m-450 { margin: -4.5em !important; }

.p-450 { }

.my-450 { margin-top: -4.5em !important; margin-bottom: -4.5em !important; }

.py-450 { }

.mx-450 { margin-right: -4.5em !important; margin-left: -4.5em !important; }

.px-450 { }

@media (max-width: 761px) {
  .mm-450 { margin: -4.5em !important; }
  .mp-450 { }
  .mmy-450 { margin-top: -4.5em !important; margin-bottom: -4.5em !important; }
  .mpy-450 { }
  .mmx-450 { margin-right: -4.5em !important; margin-left: -4.5em !important; }
  .mpx-450 { }
}

@media (min-width: 762px) {
  .dm-450 { margin: -4.5em !important; }
  .dp-450 { }
  .dmy-450 { margin-top: -4.5em !important; margin-bottom: -4.5em !important; }
  .dpy-450 { }
  .dmx-450 { margin-right: -4.5em !important; margin-left: -4.5em !important; }
  .dpx-450 { }
}

.m-445 { margin: -4.45em !important; }

.p-445 { }

.my-445 { margin-top: -4.45em !important; margin-bottom: -4.45em !important; }

.py-445 { }

.mx-445 { margin-right: -4.45em !important; margin-left: -4.45em !important; }

.px-445 { }

@media (max-width: 761px) {
  .mm-445 { margin: -4.45em !important; }
  .mp-445 { }
  .mmy-445 { margin-top: -4.45em !important; margin-bottom: -4.45em !important; }
  .mpy-445 { }
  .mmx-445 { margin-right: -4.45em !important; margin-left: -4.45em !important; }
  .mpx-445 { }
}

@media (min-width: 762px) {
  .dm-445 { margin: -4.45em !important; }
  .dp-445 { }
  .dmy-445 { margin-top: -4.45em !important; margin-bottom: -4.45em !important; }
  .dpy-445 { }
  .dmx-445 { margin-right: -4.45em !important; margin-left: -4.45em !important; }
  .dpx-445 { }
}

.m-440 { margin: -4.4em !important; }

.p-440 { }

.my-440 { margin-top: -4.4em !important; margin-bottom: -4.4em !important; }

.py-440 { }

.mx-440 { margin-right: -4.4em !important; margin-left: -4.4em !important; }

.px-440 { }

@media (max-width: 761px) {
  .mm-440 { margin: -4.4em !important; }
  .mp-440 { }
  .mmy-440 { margin-top: -4.4em !important; margin-bottom: -4.4em !important; }
  .mpy-440 { }
  .mmx-440 { margin-right: -4.4em !important; margin-left: -4.4em !important; }
  .mpx-440 { }
}

@media (min-width: 762px) {
  .dm-440 { margin: -4.4em !important; }
  .dp-440 { }
  .dmy-440 { margin-top: -4.4em !important; margin-bottom: -4.4em !important; }
  .dpy-440 { }
  .dmx-440 { margin-right: -4.4em !important; margin-left: -4.4em !important; }
  .dpx-440 { }
}

.m-435 { margin: -4.35em !important; }

.p-435 { }

.my-435 { margin-top: -4.35em !important; margin-bottom: -4.35em !important; }

.py-435 { }

.mx-435 { margin-right: -4.35em !important; margin-left: -4.35em !important; }

.px-435 { }

@media (max-width: 761px) {
  .mm-435 { margin: -4.35em !important; }
  .mp-435 { }
  .mmy-435 { margin-top: -4.35em !important; margin-bottom: -4.35em !important; }
  .mpy-435 { }
  .mmx-435 { margin-right: -4.35em !important; margin-left: -4.35em !important; }
  .mpx-435 { }
}

@media (min-width: 762px) {
  .dm-435 { margin: -4.35em !important; }
  .dp-435 { }
  .dmy-435 { margin-top: -4.35em !important; margin-bottom: -4.35em !important; }
  .dpy-435 { }
  .dmx-435 { margin-right: -4.35em !important; margin-left: -4.35em !important; }
  .dpx-435 { }
}

.m-430 { margin: -4.3em !important; }

.p-430 { }

.my-430 { margin-top: -4.3em !important; margin-bottom: -4.3em !important; }

.py-430 { }

.mx-430 { margin-right: -4.3em !important; margin-left: -4.3em !important; }

.px-430 { }

@media (max-width: 761px) {
  .mm-430 { margin: -4.3em !important; }
  .mp-430 { }
  .mmy-430 { margin-top: -4.3em !important; margin-bottom: -4.3em !important; }
  .mpy-430 { }
  .mmx-430 { margin-right: -4.3em !important; margin-left: -4.3em !important; }
  .mpx-430 { }
}

@media (min-width: 762px) {
  .dm-430 { margin: -4.3em !important; }
  .dp-430 { }
  .dmy-430 { margin-top: -4.3em !important; margin-bottom: -4.3em !important; }
  .dpy-430 { }
  .dmx-430 { margin-right: -4.3em !important; margin-left: -4.3em !important; }
  .dpx-430 { }
}

.m-425 { margin: -4.25em !important; }

.p-425 { }

.my-425 { margin-top: -4.25em !important; margin-bottom: -4.25em !important; }

.py-425 { }

.mx-425 { margin-right: -4.25em !important; margin-left: -4.25em !important; }

.px-425 { }

@media (max-width: 761px) {
  .mm-425 { margin: -4.25em !important; }
  .mp-425 { }
  .mmy-425 { margin-top: -4.25em !important; margin-bottom: -4.25em !important; }
  .mpy-425 { }
  .mmx-425 { margin-right: -4.25em !important; margin-left: -4.25em !important; }
  .mpx-425 { }
}

@media (min-width: 762px) {
  .dm-425 { margin: -4.25em !important; }
  .dp-425 { }
  .dmy-425 { margin-top: -4.25em !important; margin-bottom: -4.25em !important; }
  .dpy-425 { }
  .dmx-425 { margin-right: -4.25em !important; margin-left: -4.25em !important; }
  .dpx-425 { }
}

.m-420 { margin: -4.2em !important; }

.p-420 { }

.my-420 { margin-top: -4.2em !important; margin-bottom: -4.2em !important; }

.py-420 { }

.mx-420 { margin-right: -4.2em !important; margin-left: -4.2em !important; }

.px-420 { }

@media (max-width: 761px) {
  .mm-420 { margin: -4.2em !important; }
  .mp-420 { }
  .mmy-420 { margin-top: -4.2em !important; margin-bottom: -4.2em !important; }
  .mpy-420 { }
  .mmx-420 { margin-right: -4.2em !important; margin-left: -4.2em !important; }
  .mpx-420 { }
}

@media (min-width: 762px) {
  .dm-420 { margin: -4.2em !important; }
  .dp-420 { }
  .dmy-420 { margin-top: -4.2em !important; margin-bottom: -4.2em !important; }
  .dpy-420 { }
  .dmx-420 { margin-right: -4.2em !important; margin-left: -4.2em !important; }
  .dpx-420 { }
}

.m-415 { margin: -4.15em !important; }

.p-415 { }

.my-415 { margin-top: -4.15em !important; margin-bottom: -4.15em !important; }

.py-415 { }

.mx-415 { margin-right: -4.15em !important; margin-left: -4.15em !important; }

.px-415 { }

@media (max-width: 761px) {
  .mm-415 { margin: -4.15em !important; }
  .mp-415 { }
  .mmy-415 { margin-top: -4.15em !important; margin-bottom: -4.15em !important; }
  .mpy-415 { }
  .mmx-415 { margin-right: -4.15em !important; margin-left: -4.15em !important; }
  .mpx-415 { }
}

@media (min-width: 762px) {
  .dm-415 { margin: -4.15em !important; }
  .dp-415 { }
  .dmy-415 { margin-top: -4.15em !important; margin-bottom: -4.15em !important; }
  .dpy-415 { }
  .dmx-415 { margin-right: -4.15em !important; margin-left: -4.15em !important; }
  .dpx-415 { }
}

.m-410 { margin: -4.1em !important; }

.p-410 { }

.my-410 { margin-top: -4.1em !important; margin-bottom: -4.1em !important; }

.py-410 { }

.mx-410 { margin-right: -4.1em !important; margin-left: -4.1em !important; }

.px-410 { }

@media (max-width: 761px) {
  .mm-410 { margin: -4.1em !important; }
  .mp-410 { }
  .mmy-410 { margin-top: -4.1em !important; margin-bottom: -4.1em !important; }
  .mpy-410 { }
  .mmx-410 { margin-right: -4.1em !important; margin-left: -4.1em !important; }
  .mpx-410 { }
}

@media (min-width: 762px) {
  .dm-410 { margin: -4.1em !important; }
  .dp-410 { }
  .dmy-410 { margin-top: -4.1em !important; margin-bottom: -4.1em !important; }
  .dpy-410 { }
  .dmx-410 { margin-right: -4.1em !important; margin-left: -4.1em !important; }
  .dpx-410 { }
}

.m-405 { margin: -4.05em !important; }

.p-405 { }

.my-405 { margin-top: -4.05em !important; margin-bottom: -4.05em !important; }

.py-405 { }

.mx-405 { margin-right: -4.05em !important; margin-left: -4.05em !important; }

.px-405 { }

@media (max-width: 761px) {
  .mm-405 { margin: -4.05em !important; }
  .mp-405 { }
  .mmy-405 { margin-top: -4.05em !important; margin-bottom: -4.05em !important; }
  .mpy-405 { }
  .mmx-405 { margin-right: -4.05em !important; margin-left: -4.05em !important; }
  .mpx-405 { }
}

@media (min-width: 762px) {
  .dm-405 { margin: -4.05em !important; }
  .dp-405 { }
  .dmy-405 { margin-top: -4.05em !important; margin-bottom: -4.05em !important; }
  .dpy-405 { }
  .dmx-405 { margin-right: -4.05em !important; margin-left: -4.05em !important; }
  .dpx-405 { }
}

.m-400 { margin: -4em !important; }

.p-400 { }

.my-400 { margin-top: -4em !important; margin-bottom: -4em !important; }

.py-400 { }

.mx-400 { margin-right: -4em !important; margin-left: -4em !important; }

.px-400 { }

@media (max-width: 761px) {
  .mm-400 { margin: -4em !important; }
  .mp-400 { }
  .mmy-400 { margin-top: -4em !important; margin-bottom: -4em !important; }
  .mpy-400 { }
  .mmx-400 { margin-right: -4em !important; margin-left: -4em !important; }
  .mpx-400 { }
}

@media (min-width: 762px) {
  .dm-400 { margin: -4em !important; }
  .dp-400 { }
  .dmy-400 { margin-top: -4em !important; margin-bottom: -4em !important; }
  .dpy-400 { }
  .dmx-400 { margin-right: -4em !important; margin-left: -4em !important; }
  .dpx-400 { }
}

.m-395 { margin: -3.95em !important; }

.p-395 { }

.my-395 { margin-top: -3.95em !important; margin-bottom: -3.95em !important; }

.py-395 { }

.mx-395 { margin-right: -3.95em !important; margin-left: -3.95em !important; }

.px-395 { }

@media (max-width: 761px) {
  .mm-395 { margin: -3.95em !important; }
  .mp-395 { }
  .mmy-395 { margin-top: -3.95em !important; margin-bottom: -3.95em !important; }
  .mpy-395 { }
  .mmx-395 { margin-right: -3.95em !important; margin-left: -3.95em !important; }
  .mpx-395 { }
}

@media (min-width: 762px) {
  .dm-395 { margin: -3.95em !important; }
  .dp-395 { }
  .dmy-395 { margin-top: -3.95em !important; margin-bottom: -3.95em !important; }
  .dpy-395 { }
  .dmx-395 { margin-right: -3.95em !important; margin-left: -3.95em !important; }
  .dpx-395 { }
}

.m-390 { margin: -3.9em !important; }

.p-390 { }

.my-390 { margin-top: -3.9em !important; margin-bottom: -3.9em !important; }

.py-390 { }

.mx-390 { margin-right: -3.9em !important; margin-left: -3.9em !important; }

.px-390 { }

@media (max-width: 761px) {
  .mm-390 { margin: -3.9em !important; }
  .mp-390 { }
  .mmy-390 { margin-top: -3.9em !important; margin-bottom: -3.9em !important; }
  .mpy-390 { }
  .mmx-390 { margin-right: -3.9em !important; margin-left: -3.9em !important; }
  .mpx-390 { }
}

@media (min-width: 762px) {
  .dm-390 { margin: -3.9em !important; }
  .dp-390 { }
  .dmy-390 { margin-top: -3.9em !important; margin-bottom: -3.9em !important; }
  .dpy-390 { }
  .dmx-390 { margin-right: -3.9em !important; margin-left: -3.9em !important; }
  .dpx-390 { }
}

.m-385 { margin: -3.85em !important; }

.p-385 { }

.my-385 { margin-top: -3.85em !important; margin-bottom: -3.85em !important; }

.py-385 { }

.mx-385 { margin-right: -3.85em !important; margin-left: -3.85em !important; }

.px-385 { }

@media (max-width: 761px) {
  .mm-385 { margin: -3.85em !important; }
  .mp-385 { }
  .mmy-385 { margin-top: -3.85em !important; margin-bottom: -3.85em !important; }
  .mpy-385 { }
  .mmx-385 { margin-right: -3.85em !important; margin-left: -3.85em !important; }
  .mpx-385 { }
}

@media (min-width: 762px) {
  .dm-385 { margin: -3.85em !important; }
  .dp-385 { }
  .dmy-385 { margin-top: -3.85em !important; margin-bottom: -3.85em !important; }
  .dpy-385 { }
  .dmx-385 { margin-right: -3.85em !important; margin-left: -3.85em !important; }
  .dpx-385 { }
}

.m-380 { margin: -3.8em !important; }

.p-380 { }

.my-380 { margin-top: -3.8em !important; margin-bottom: -3.8em !important; }

.py-380 { }

.mx-380 { margin-right: -3.8em !important; margin-left: -3.8em !important; }

.px-380 { }

@media (max-width: 761px) {
  .mm-380 { margin: -3.8em !important; }
  .mp-380 { }
  .mmy-380 { margin-top: -3.8em !important; margin-bottom: -3.8em !important; }
  .mpy-380 { }
  .mmx-380 { margin-right: -3.8em !important; margin-left: -3.8em !important; }
  .mpx-380 { }
}

@media (min-width: 762px) {
  .dm-380 { margin: -3.8em !important; }
  .dp-380 { }
  .dmy-380 { margin-top: -3.8em !important; margin-bottom: -3.8em !important; }
  .dpy-380 { }
  .dmx-380 { margin-right: -3.8em !important; margin-left: -3.8em !important; }
  .dpx-380 { }
}

.m-375 { margin: -3.75em !important; }

.p-375 { }

.my-375 { margin-top: -3.75em !important; margin-bottom: -3.75em !important; }

.py-375 { }

.mx-375 { margin-right: -3.75em !important; margin-left: -3.75em !important; }

.px-375 { }

@media (max-width: 761px) {
  .mm-375 { margin: -3.75em !important; }
  .mp-375 { }
  .mmy-375 { margin-top: -3.75em !important; margin-bottom: -3.75em !important; }
  .mpy-375 { }
  .mmx-375 { margin-right: -3.75em !important; margin-left: -3.75em !important; }
  .mpx-375 { }
}

@media (min-width: 762px) {
  .dm-375 { margin: -3.75em !important; }
  .dp-375 { }
  .dmy-375 { margin-top: -3.75em !important; margin-bottom: -3.75em !important; }
  .dpy-375 { }
  .dmx-375 { margin-right: -3.75em !important; margin-left: -3.75em !important; }
  .dpx-375 { }
}

.m-370 { margin: -3.7em !important; }

.p-370 { }

.my-370 { margin-top: -3.7em !important; margin-bottom: -3.7em !important; }

.py-370 { }

.mx-370 { margin-right: -3.7em !important; margin-left: -3.7em !important; }

.px-370 { }

@media (max-width: 761px) {
  .mm-370 { margin: -3.7em !important; }
  .mp-370 { }
  .mmy-370 { margin-top: -3.7em !important; margin-bottom: -3.7em !important; }
  .mpy-370 { }
  .mmx-370 { margin-right: -3.7em !important; margin-left: -3.7em !important; }
  .mpx-370 { }
}

@media (min-width: 762px) {
  .dm-370 { margin: -3.7em !important; }
  .dp-370 { }
  .dmy-370 { margin-top: -3.7em !important; margin-bottom: -3.7em !important; }
  .dpy-370 { }
  .dmx-370 { margin-right: -3.7em !important; margin-left: -3.7em !important; }
  .dpx-370 { }
}

.m-365 { margin: -3.65em !important; }

.p-365 { }

.my-365 { margin-top: -3.65em !important; margin-bottom: -3.65em !important; }

.py-365 { }

.mx-365 { margin-right: -3.65em !important; margin-left: -3.65em !important; }

.px-365 { }

@media (max-width: 761px) {
  .mm-365 { margin: -3.65em !important; }
  .mp-365 { }
  .mmy-365 { margin-top: -3.65em !important; margin-bottom: -3.65em !important; }
  .mpy-365 { }
  .mmx-365 { margin-right: -3.65em !important; margin-left: -3.65em !important; }
  .mpx-365 { }
}

@media (min-width: 762px) {
  .dm-365 { margin: -3.65em !important; }
  .dp-365 { }
  .dmy-365 { margin-top: -3.65em !important; margin-bottom: -3.65em !important; }
  .dpy-365 { }
  .dmx-365 { margin-right: -3.65em !important; margin-left: -3.65em !important; }
  .dpx-365 { }
}

.m-360 { margin: -3.6em !important; }

.p-360 { }

.my-360 { margin-top: -3.6em !important; margin-bottom: -3.6em !important; }

.py-360 { }

.mx-360 { margin-right: -3.6em !important; margin-left: -3.6em !important; }

.px-360 { }

@media (max-width: 761px) {
  .mm-360 { margin: -3.6em !important; }
  .mp-360 { }
  .mmy-360 { margin-top: -3.6em !important; margin-bottom: -3.6em !important; }
  .mpy-360 { }
  .mmx-360 { margin-right: -3.6em !important; margin-left: -3.6em !important; }
  .mpx-360 { }
}

@media (min-width: 762px) {
  .dm-360 { margin: -3.6em !important; }
  .dp-360 { }
  .dmy-360 { margin-top: -3.6em !important; margin-bottom: -3.6em !important; }
  .dpy-360 { }
  .dmx-360 { margin-right: -3.6em !important; margin-left: -3.6em !important; }
  .dpx-360 { }
}

.m-355 { margin: -3.55em !important; }

.p-355 { }

.my-355 { margin-top: -3.55em !important; margin-bottom: -3.55em !important; }

.py-355 { }

.mx-355 { margin-right: -3.55em !important; margin-left: -3.55em !important; }

.px-355 { }

@media (max-width: 761px) {
  .mm-355 { margin: -3.55em !important; }
  .mp-355 { }
  .mmy-355 { margin-top: -3.55em !important; margin-bottom: -3.55em !important; }
  .mpy-355 { }
  .mmx-355 { margin-right: -3.55em !important; margin-left: -3.55em !important; }
  .mpx-355 { }
}

@media (min-width: 762px) {
  .dm-355 { margin: -3.55em !important; }
  .dp-355 { }
  .dmy-355 { margin-top: -3.55em !important; margin-bottom: -3.55em !important; }
  .dpy-355 { }
  .dmx-355 { margin-right: -3.55em !important; margin-left: -3.55em !important; }
  .dpx-355 { }
}

.m-350 { margin: -3.5em !important; }

.p-350 { }

.my-350 { margin-top: -3.5em !important; margin-bottom: -3.5em !important; }

.py-350 { }

.mx-350 { margin-right: -3.5em !important; margin-left: -3.5em !important; }

.px-350 { }

@media (max-width: 761px) {
  .mm-350 { margin: -3.5em !important; }
  .mp-350 { }
  .mmy-350 { margin-top: -3.5em !important; margin-bottom: -3.5em !important; }
  .mpy-350 { }
  .mmx-350 { margin-right: -3.5em !important; margin-left: -3.5em !important; }
  .mpx-350 { }
}

@media (min-width: 762px) {
  .dm-350 { margin: -3.5em !important; }
  .dp-350 { }
  .dmy-350 { margin-top: -3.5em !important; margin-bottom: -3.5em !important; }
  .dpy-350 { }
  .dmx-350 { margin-right: -3.5em !important; margin-left: -3.5em !important; }
  .dpx-350 { }
}

.m-345 { margin: -3.45em !important; }

.p-345 { }

.my-345 { margin-top: -3.45em !important; margin-bottom: -3.45em !important; }

.py-345 { }

.mx-345 { margin-right: -3.45em !important; margin-left: -3.45em !important; }

.px-345 { }

@media (max-width: 761px) {
  .mm-345 { margin: -3.45em !important; }
  .mp-345 { }
  .mmy-345 { margin-top: -3.45em !important; margin-bottom: -3.45em !important; }
  .mpy-345 { }
  .mmx-345 { margin-right: -3.45em !important; margin-left: -3.45em !important; }
  .mpx-345 { }
}

@media (min-width: 762px) {
  .dm-345 { margin: -3.45em !important; }
  .dp-345 { }
  .dmy-345 { margin-top: -3.45em !important; margin-bottom: -3.45em !important; }
  .dpy-345 { }
  .dmx-345 { margin-right: -3.45em !important; margin-left: -3.45em !important; }
  .dpx-345 { }
}

.m-340 { margin: -3.4em !important; }

.p-340 { }

.my-340 { margin-top: -3.4em !important; margin-bottom: -3.4em !important; }

.py-340 { }

.mx-340 { margin-right: -3.4em !important; margin-left: -3.4em !important; }

.px-340 { }

@media (max-width: 761px) {
  .mm-340 { margin: -3.4em !important; }
  .mp-340 { }
  .mmy-340 { margin-top: -3.4em !important; margin-bottom: -3.4em !important; }
  .mpy-340 { }
  .mmx-340 { margin-right: -3.4em !important; margin-left: -3.4em !important; }
  .mpx-340 { }
}

@media (min-width: 762px) {
  .dm-340 { margin: -3.4em !important; }
  .dp-340 { }
  .dmy-340 { margin-top: -3.4em !important; margin-bottom: -3.4em !important; }
  .dpy-340 { }
  .dmx-340 { margin-right: -3.4em !important; margin-left: -3.4em !important; }
  .dpx-340 { }
}

.m-335 { margin: -3.35em !important; }

.p-335 { }

.my-335 { margin-top: -3.35em !important; margin-bottom: -3.35em !important; }

.py-335 { }

.mx-335 { margin-right: -3.35em !important; margin-left: -3.35em !important; }

.px-335 { }

@media (max-width: 761px) {
  .mm-335 { margin: -3.35em !important; }
  .mp-335 { }
  .mmy-335 { margin-top: -3.35em !important; margin-bottom: -3.35em !important; }
  .mpy-335 { }
  .mmx-335 { margin-right: -3.35em !important; margin-left: -3.35em !important; }
  .mpx-335 { }
}

@media (min-width: 762px) {
  .dm-335 { margin: -3.35em !important; }
  .dp-335 { }
  .dmy-335 { margin-top: -3.35em !important; margin-bottom: -3.35em !important; }
  .dpy-335 { }
  .dmx-335 { margin-right: -3.35em !important; margin-left: -3.35em !important; }
  .dpx-335 { }
}

.m-330 { margin: -3.3em !important; }

.p-330 { }

.my-330 { margin-top: -3.3em !important; margin-bottom: -3.3em !important; }

.py-330 { }

.mx-330 { margin-right: -3.3em !important; margin-left: -3.3em !important; }

.px-330 { }

@media (max-width: 761px) {
  .mm-330 { margin: -3.3em !important; }
  .mp-330 { }
  .mmy-330 { margin-top: -3.3em !important; margin-bottom: -3.3em !important; }
  .mpy-330 { }
  .mmx-330 { margin-right: -3.3em !important; margin-left: -3.3em !important; }
  .mpx-330 { }
}

@media (min-width: 762px) {
  .dm-330 { margin: -3.3em !important; }
  .dp-330 { }
  .dmy-330 { margin-top: -3.3em !important; margin-bottom: -3.3em !important; }
  .dpy-330 { }
  .dmx-330 { margin-right: -3.3em !important; margin-left: -3.3em !important; }
  .dpx-330 { }
}

.m-325 { margin: -3.25em !important; }

.p-325 { }

.my-325 { margin-top: -3.25em !important; margin-bottom: -3.25em !important; }

.py-325 { }

.mx-325 { margin-right: -3.25em !important; margin-left: -3.25em !important; }

.px-325 { }

@media (max-width: 761px) {
  .mm-325 { margin: -3.25em !important; }
  .mp-325 { }
  .mmy-325 { margin-top: -3.25em !important; margin-bottom: -3.25em !important; }
  .mpy-325 { }
  .mmx-325 { margin-right: -3.25em !important; margin-left: -3.25em !important; }
  .mpx-325 { }
}

@media (min-width: 762px) {
  .dm-325 { margin: -3.25em !important; }
  .dp-325 { }
  .dmy-325 { margin-top: -3.25em !important; margin-bottom: -3.25em !important; }
  .dpy-325 { }
  .dmx-325 { margin-right: -3.25em !important; margin-left: -3.25em !important; }
  .dpx-325 { }
}

.m-320 { margin: -3.2em !important; }

.p-320 { }

.my-320 { margin-top: -3.2em !important; margin-bottom: -3.2em !important; }

.py-320 { }

.mx-320 { margin-right: -3.2em !important; margin-left: -3.2em !important; }

.px-320 { }

@media (max-width: 761px) {
  .mm-320 { margin: -3.2em !important; }
  .mp-320 { }
  .mmy-320 { margin-top: -3.2em !important; margin-bottom: -3.2em !important; }
  .mpy-320 { }
  .mmx-320 { margin-right: -3.2em !important; margin-left: -3.2em !important; }
  .mpx-320 { }
}

@media (min-width: 762px) {
  .dm-320 { margin: -3.2em !important; }
  .dp-320 { }
  .dmy-320 { margin-top: -3.2em !important; margin-bottom: -3.2em !important; }
  .dpy-320 { }
  .dmx-320 { margin-right: -3.2em !important; margin-left: -3.2em !important; }
  .dpx-320 { }
}

.m-315 { margin: -3.15em !important; }

.p-315 { }

.my-315 { margin-top: -3.15em !important; margin-bottom: -3.15em !important; }

.py-315 { }

.mx-315 { margin-right: -3.15em !important; margin-left: -3.15em !important; }

.px-315 { }

@media (max-width: 761px) {
  .mm-315 { margin: -3.15em !important; }
  .mp-315 { }
  .mmy-315 { margin-top: -3.15em !important; margin-bottom: -3.15em !important; }
  .mpy-315 { }
  .mmx-315 { margin-right: -3.15em !important; margin-left: -3.15em !important; }
  .mpx-315 { }
}

@media (min-width: 762px) {
  .dm-315 { margin: -3.15em !important; }
  .dp-315 { }
  .dmy-315 { margin-top: -3.15em !important; margin-bottom: -3.15em !important; }
  .dpy-315 { }
  .dmx-315 { margin-right: -3.15em !important; margin-left: -3.15em !important; }
  .dpx-315 { }
}

.m-310 { margin: -3.1em !important; }

.p-310 { }

.my-310 { margin-top: -3.1em !important; margin-bottom: -3.1em !important; }

.py-310 { }

.mx-310 { margin-right: -3.1em !important; margin-left: -3.1em !important; }

.px-310 { }

@media (max-width: 761px) {
  .mm-310 { margin: -3.1em !important; }
  .mp-310 { }
  .mmy-310 { margin-top: -3.1em !important; margin-bottom: -3.1em !important; }
  .mpy-310 { }
  .mmx-310 { margin-right: -3.1em !important; margin-left: -3.1em !important; }
  .mpx-310 { }
}

@media (min-width: 762px) {
  .dm-310 { margin: -3.1em !important; }
  .dp-310 { }
  .dmy-310 { margin-top: -3.1em !important; margin-bottom: -3.1em !important; }
  .dpy-310 { }
  .dmx-310 { margin-right: -3.1em !important; margin-left: -3.1em !important; }
  .dpx-310 { }
}

.m-305 { margin: -3.05em !important; }

.p-305 { }

.my-305 { margin-top: -3.05em !important; margin-bottom: -3.05em !important; }

.py-305 { }

.mx-305 { margin-right: -3.05em !important; margin-left: -3.05em !important; }

.px-305 { }

@media (max-width: 761px) {
  .mm-305 { margin: -3.05em !important; }
  .mp-305 { }
  .mmy-305 { margin-top: -3.05em !important; margin-bottom: -3.05em !important; }
  .mpy-305 { }
  .mmx-305 { margin-right: -3.05em !important; margin-left: -3.05em !important; }
  .mpx-305 { }
}

@media (min-width: 762px) {
  .dm-305 { margin: -3.05em !important; }
  .dp-305 { }
  .dmy-305 { margin-top: -3.05em !important; margin-bottom: -3.05em !important; }
  .dpy-305 { }
  .dmx-305 { margin-right: -3.05em !important; margin-left: -3.05em !important; }
  .dpx-305 { }
}

.m-300 { margin: -3em !important; }

.p-300 { }

.my-300 { margin-top: -3em !important; margin-bottom: -3em !important; }

.py-300 { }

.mx-300 { margin-right: -3em !important; margin-left: -3em !important; }

.px-300 { }

@media (max-width: 761px) {
  .mm-300 { margin: -3em !important; }
  .mp-300 { }
  .mmy-300 { margin-top: -3em !important; margin-bottom: -3em !important; }
  .mpy-300 { }
  .mmx-300 { margin-right: -3em !important; margin-left: -3em !important; }
  .mpx-300 { }
}

@media (min-width: 762px) {
  .dm-300 { margin: -3em !important; }
  .dp-300 { }
  .dmy-300 { margin-top: -3em !important; margin-bottom: -3em !important; }
  .dpy-300 { }
  .dmx-300 { margin-right: -3em !important; margin-left: -3em !important; }
  .dpx-300 { }
}

.m-295 { margin: -2.95em !important; }

.p-295 { }

.my-295 { margin-top: -2.95em !important; margin-bottom: -2.95em !important; }

.py-295 { }

.mx-295 { margin-right: -2.95em !important; margin-left: -2.95em !important; }

.px-295 { }

@media (max-width: 761px) {
  .mm-295 { margin: -2.95em !important; }
  .mp-295 { }
  .mmy-295 { margin-top: -2.95em !important; margin-bottom: -2.95em !important; }
  .mpy-295 { }
  .mmx-295 { margin-right: -2.95em !important; margin-left: -2.95em !important; }
  .mpx-295 { }
}

@media (min-width: 762px) {
  .dm-295 { margin: -2.95em !important; }
  .dp-295 { }
  .dmy-295 { margin-top: -2.95em !important; margin-bottom: -2.95em !important; }
  .dpy-295 { }
  .dmx-295 { margin-right: -2.95em !important; margin-left: -2.95em !important; }
  .dpx-295 { }
}

.m-290 { margin: -2.9em !important; }

.p-290 { }

.my-290 { margin-top: -2.9em !important; margin-bottom: -2.9em !important; }

.py-290 { }

.mx-290 { margin-right: -2.9em !important; margin-left: -2.9em !important; }

.px-290 { }

@media (max-width: 761px) {
  .mm-290 { margin: -2.9em !important; }
  .mp-290 { }
  .mmy-290 { margin-top: -2.9em !important; margin-bottom: -2.9em !important; }
  .mpy-290 { }
  .mmx-290 { margin-right: -2.9em !important; margin-left: -2.9em !important; }
  .mpx-290 { }
}

@media (min-width: 762px) {
  .dm-290 { margin: -2.9em !important; }
  .dp-290 { }
  .dmy-290 { margin-top: -2.9em !important; margin-bottom: -2.9em !important; }
  .dpy-290 { }
  .dmx-290 { margin-right: -2.9em !important; margin-left: -2.9em !important; }
  .dpx-290 { }
}

.m-285 { margin: -2.85em !important; }

.p-285 { }

.my-285 { margin-top: -2.85em !important; margin-bottom: -2.85em !important; }

.py-285 { }

.mx-285 { margin-right: -2.85em !important; margin-left: -2.85em !important; }

.px-285 { }

@media (max-width: 761px) {
  .mm-285 { margin: -2.85em !important; }
  .mp-285 { }
  .mmy-285 { margin-top: -2.85em !important; margin-bottom: -2.85em !important; }
  .mpy-285 { }
  .mmx-285 { margin-right: -2.85em !important; margin-left: -2.85em !important; }
  .mpx-285 { }
}

@media (min-width: 762px) {
  .dm-285 { margin: -2.85em !important; }
  .dp-285 { }
  .dmy-285 { margin-top: -2.85em !important; margin-bottom: -2.85em !important; }
  .dpy-285 { }
  .dmx-285 { margin-right: -2.85em !important; margin-left: -2.85em !important; }
  .dpx-285 { }
}

.m-280 { margin: -2.8em !important; }

.p-280 { }

.my-280 { margin-top: -2.8em !important; margin-bottom: -2.8em !important; }

.py-280 { }

.mx-280 { margin-right: -2.8em !important; margin-left: -2.8em !important; }

.px-280 { }

@media (max-width: 761px) {
  .mm-280 { margin: -2.8em !important; }
  .mp-280 { }
  .mmy-280 { margin-top: -2.8em !important; margin-bottom: -2.8em !important; }
  .mpy-280 { }
  .mmx-280 { margin-right: -2.8em !important; margin-left: -2.8em !important; }
  .mpx-280 { }
}

@media (min-width: 762px) {
  .dm-280 { margin: -2.8em !important; }
  .dp-280 { }
  .dmy-280 { margin-top: -2.8em !important; margin-bottom: -2.8em !important; }
  .dpy-280 { }
  .dmx-280 { margin-right: -2.8em !important; margin-left: -2.8em !important; }
  .dpx-280 { }
}

.m-275 { margin: -2.75em !important; }

.p-275 { }

.my-275 { margin-top: -2.75em !important; margin-bottom: -2.75em !important; }

.py-275 { }

.mx-275 { margin-right: -2.75em !important; margin-left: -2.75em !important; }

.px-275 { }

@media (max-width: 761px) {
  .mm-275 { margin: -2.75em !important; }
  .mp-275 { }
  .mmy-275 { margin-top: -2.75em !important; margin-bottom: -2.75em !important; }
  .mpy-275 { }
  .mmx-275 { margin-right: -2.75em !important; margin-left: -2.75em !important; }
  .mpx-275 { }
}

@media (min-width: 762px) {
  .dm-275 { margin: -2.75em !important; }
  .dp-275 { }
  .dmy-275 { margin-top: -2.75em !important; margin-bottom: -2.75em !important; }
  .dpy-275 { }
  .dmx-275 { margin-right: -2.75em !important; margin-left: -2.75em !important; }
  .dpx-275 { }
}

.m-270 { margin: -2.7em !important; }

.p-270 { }

.my-270 { margin-top: -2.7em !important; margin-bottom: -2.7em !important; }

.py-270 { }

.mx-270 { margin-right: -2.7em !important; margin-left: -2.7em !important; }

.px-270 { }

@media (max-width: 761px) {
  .mm-270 { margin: -2.7em !important; }
  .mp-270 { }
  .mmy-270 { margin-top: -2.7em !important; margin-bottom: -2.7em !important; }
  .mpy-270 { }
  .mmx-270 { margin-right: -2.7em !important; margin-left: -2.7em !important; }
  .mpx-270 { }
}

@media (min-width: 762px) {
  .dm-270 { margin: -2.7em !important; }
  .dp-270 { }
  .dmy-270 { margin-top: -2.7em !important; margin-bottom: -2.7em !important; }
  .dpy-270 { }
  .dmx-270 { margin-right: -2.7em !important; margin-left: -2.7em !important; }
  .dpx-270 { }
}

.m-265 { margin: -2.65em !important; }

.p-265 { }

.my-265 { margin-top: -2.65em !important; margin-bottom: -2.65em !important; }

.py-265 { }

.mx-265 { margin-right: -2.65em !important; margin-left: -2.65em !important; }

.px-265 { }

@media (max-width: 761px) {
  .mm-265 { margin: -2.65em !important; }
  .mp-265 { }
  .mmy-265 { margin-top: -2.65em !important; margin-bottom: -2.65em !important; }
  .mpy-265 { }
  .mmx-265 { margin-right: -2.65em !important; margin-left: -2.65em !important; }
  .mpx-265 { }
}

@media (min-width: 762px) {
  .dm-265 { margin: -2.65em !important; }
  .dp-265 { }
  .dmy-265 { margin-top: -2.65em !important; margin-bottom: -2.65em !important; }
  .dpy-265 { }
  .dmx-265 { margin-right: -2.65em !important; margin-left: -2.65em !important; }
  .dpx-265 { }
}

.m-260 { margin: -2.6em !important; }

.p-260 { }

.my-260 { margin-top: -2.6em !important; margin-bottom: -2.6em !important; }

.py-260 { }

.mx-260 { margin-right: -2.6em !important; margin-left: -2.6em !important; }

.px-260 { }

@media (max-width: 761px) {
  .mm-260 { margin: -2.6em !important; }
  .mp-260 { }
  .mmy-260 { margin-top: -2.6em !important; margin-bottom: -2.6em !important; }
  .mpy-260 { }
  .mmx-260 { margin-right: -2.6em !important; margin-left: -2.6em !important; }
  .mpx-260 { }
}

@media (min-width: 762px) {
  .dm-260 { margin: -2.6em !important; }
  .dp-260 { }
  .dmy-260 { margin-top: -2.6em !important; margin-bottom: -2.6em !important; }
  .dpy-260 { }
  .dmx-260 { margin-right: -2.6em !important; margin-left: -2.6em !important; }
  .dpx-260 { }
}

.m-255 { margin: -2.55em !important; }

.p-255 { }

.my-255 { margin-top: -2.55em !important; margin-bottom: -2.55em !important; }

.py-255 { }

.mx-255 { margin-right: -2.55em !important; margin-left: -2.55em !important; }

.px-255 { }

@media (max-width: 761px) {
  .mm-255 { margin: -2.55em !important; }
  .mp-255 { }
  .mmy-255 { margin-top: -2.55em !important; margin-bottom: -2.55em !important; }
  .mpy-255 { }
  .mmx-255 { margin-right: -2.55em !important; margin-left: -2.55em !important; }
  .mpx-255 { }
}

@media (min-width: 762px) {
  .dm-255 { margin: -2.55em !important; }
  .dp-255 { }
  .dmy-255 { margin-top: -2.55em !important; margin-bottom: -2.55em !important; }
  .dpy-255 { }
  .dmx-255 { margin-right: -2.55em !important; margin-left: -2.55em !important; }
  .dpx-255 { }
}

.m-250 { margin: -2.5em !important; }

.p-250 { }

.my-250 { margin-top: -2.5em !important; margin-bottom: -2.5em !important; }

.py-250 { }

.mx-250 { margin-right: -2.5em !important; margin-left: -2.5em !important; }

.px-250 { }

@media (max-width: 761px) {
  .mm-250 { margin: -2.5em !important; }
  .mp-250 { }
  .mmy-250 { margin-top: -2.5em !important; margin-bottom: -2.5em !important; }
  .mpy-250 { }
  .mmx-250 { margin-right: -2.5em !important; margin-left: -2.5em !important; }
  .mpx-250 { }
}

@media (min-width: 762px) {
  .dm-250 { margin: -2.5em !important; }
  .dp-250 { }
  .dmy-250 { margin-top: -2.5em !important; margin-bottom: -2.5em !important; }
  .dpy-250 { }
  .dmx-250 { margin-right: -2.5em !important; margin-left: -2.5em !important; }
  .dpx-250 { }
}

.m-245 { margin: -2.45em !important; }

.p-245 { }

.my-245 { margin-top: -2.45em !important; margin-bottom: -2.45em !important; }

.py-245 { }

.mx-245 { margin-right: -2.45em !important; margin-left: -2.45em !important; }

.px-245 { }

@media (max-width: 761px) {
  .mm-245 { margin: -2.45em !important; }
  .mp-245 { }
  .mmy-245 { margin-top: -2.45em !important; margin-bottom: -2.45em !important; }
  .mpy-245 { }
  .mmx-245 { margin-right: -2.45em !important; margin-left: -2.45em !important; }
  .mpx-245 { }
}

@media (min-width: 762px) {
  .dm-245 { margin: -2.45em !important; }
  .dp-245 { }
  .dmy-245 { margin-top: -2.45em !important; margin-bottom: -2.45em !important; }
  .dpy-245 { }
  .dmx-245 { margin-right: -2.45em !important; margin-left: -2.45em !important; }
  .dpx-245 { }
}

.m-240 { margin: -2.4em !important; }

.p-240 { }

.my-240 { margin-top: -2.4em !important; margin-bottom: -2.4em !important; }

.py-240 { }

.mx-240 { margin-right: -2.4em !important; margin-left: -2.4em !important; }

.px-240 { }

@media (max-width: 761px) {
  .mm-240 { margin: -2.4em !important; }
  .mp-240 { }
  .mmy-240 { margin-top: -2.4em !important; margin-bottom: -2.4em !important; }
  .mpy-240 { }
  .mmx-240 { margin-right: -2.4em !important; margin-left: -2.4em !important; }
  .mpx-240 { }
}

@media (min-width: 762px) {
  .dm-240 { margin: -2.4em !important; }
  .dp-240 { }
  .dmy-240 { margin-top: -2.4em !important; margin-bottom: -2.4em !important; }
  .dpy-240 { }
  .dmx-240 { margin-right: -2.4em !important; margin-left: -2.4em !important; }
  .dpx-240 { }
}

.m-235 { margin: -2.35em !important; }

.p-235 { }

.my-235 { margin-top: -2.35em !important; margin-bottom: -2.35em !important; }

.py-235 { }

.mx-235 { margin-right: -2.35em !important; margin-left: -2.35em !important; }

.px-235 { }

@media (max-width: 761px) {
  .mm-235 { margin: -2.35em !important; }
  .mp-235 { }
  .mmy-235 { margin-top: -2.35em !important; margin-bottom: -2.35em !important; }
  .mpy-235 { }
  .mmx-235 { margin-right: -2.35em !important; margin-left: -2.35em !important; }
  .mpx-235 { }
}

@media (min-width: 762px) {
  .dm-235 { margin: -2.35em !important; }
  .dp-235 { }
  .dmy-235 { margin-top: -2.35em !important; margin-bottom: -2.35em !important; }
  .dpy-235 { }
  .dmx-235 { margin-right: -2.35em !important; margin-left: -2.35em !important; }
  .dpx-235 { }
}

.m-230 { margin: -2.3em !important; }

.p-230 { }

.my-230 { margin-top: -2.3em !important; margin-bottom: -2.3em !important; }

.py-230 { }

.mx-230 { margin-right: -2.3em !important; margin-left: -2.3em !important; }

.px-230 { }

@media (max-width: 761px) {
  .mm-230 { margin: -2.3em !important; }
  .mp-230 { }
  .mmy-230 { margin-top: -2.3em !important; margin-bottom: -2.3em !important; }
  .mpy-230 { }
  .mmx-230 { margin-right: -2.3em !important; margin-left: -2.3em !important; }
  .mpx-230 { }
}

@media (min-width: 762px) {
  .dm-230 { margin: -2.3em !important; }
  .dp-230 { }
  .dmy-230 { margin-top: -2.3em !important; margin-bottom: -2.3em !important; }
  .dpy-230 { }
  .dmx-230 { margin-right: -2.3em !important; margin-left: -2.3em !important; }
  .dpx-230 { }
}

.m-225 { margin: -2.25em !important; }

.p-225 { }

.my-225 { margin-top: -2.25em !important; margin-bottom: -2.25em !important; }

.py-225 { }

.mx-225 { margin-right: -2.25em !important; margin-left: -2.25em !important; }

.px-225 { }

@media (max-width: 761px) {
  .mm-225 { margin: -2.25em !important; }
  .mp-225 { }
  .mmy-225 { margin-top: -2.25em !important; margin-bottom: -2.25em !important; }
  .mpy-225 { }
  .mmx-225 { margin-right: -2.25em !important; margin-left: -2.25em !important; }
  .mpx-225 { }
}

@media (min-width: 762px) {
  .dm-225 { margin: -2.25em !important; }
  .dp-225 { }
  .dmy-225 { margin-top: -2.25em !important; margin-bottom: -2.25em !important; }
  .dpy-225 { }
  .dmx-225 { margin-right: -2.25em !important; margin-left: -2.25em !important; }
  .dpx-225 { }
}

.m-220 { margin: -2.2em !important; }

.p-220 { }

.my-220 { margin-top: -2.2em !important; margin-bottom: -2.2em !important; }

.py-220 { }

.mx-220 { margin-right: -2.2em !important; margin-left: -2.2em !important; }

.px-220 { }

@media (max-width: 761px) {
  .mm-220 { margin: -2.2em !important; }
  .mp-220 { }
  .mmy-220 { margin-top: -2.2em !important; margin-bottom: -2.2em !important; }
  .mpy-220 { }
  .mmx-220 { margin-right: -2.2em !important; margin-left: -2.2em !important; }
  .mpx-220 { }
}

@media (min-width: 762px) {
  .dm-220 { margin: -2.2em !important; }
  .dp-220 { }
  .dmy-220 { margin-top: -2.2em !important; margin-bottom: -2.2em !important; }
  .dpy-220 { }
  .dmx-220 { margin-right: -2.2em !important; margin-left: -2.2em !important; }
  .dpx-220 { }
}

.m-215 { margin: -2.15em !important; }

.p-215 { }

.my-215 { margin-top: -2.15em !important; margin-bottom: -2.15em !important; }

.py-215 { }

.mx-215 { margin-right: -2.15em !important; margin-left: -2.15em !important; }

.px-215 { }

@media (max-width: 761px) {
  .mm-215 { margin: -2.15em !important; }
  .mp-215 { }
  .mmy-215 { margin-top: -2.15em !important; margin-bottom: -2.15em !important; }
  .mpy-215 { }
  .mmx-215 { margin-right: -2.15em !important; margin-left: -2.15em !important; }
  .mpx-215 { }
}

@media (min-width: 762px) {
  .dm-215 { margin: -2.15em !important; }
  .dp-215 { }
  .dmy-215 { margin-top: -2.15em !important; margin-bottom: -2.15em !important; }
  .dpy-215 { }
  .dmx-215 { margin-right: -2.15em !important; margin-left: -2.15em !important; }
  .dpx-215 { }
}

.m-210 { margin: -2.1em !important; }

.p-210 { }

.my-210 { margin-top: -2.1em !important; margin-bottom: -2.1em !important; }

.py-210 { }

.mx-210 { margin-right: -2.1em !important; margin-left: -2.1em !important; }

.px-210 { }

@media (max-width: 761px) {
  .mm-210 { margin: -2.1em !important; }
  .mp-210 { }
  .mmy-210 { margin-top: -2.1em !important; margin-bottom: -2.1em !important; }
  .mpy-210 { }
  .mmx-210 { margin-right: -2.1em !important; margin-left: -2.1em !important; }
  .mpx-210 { }
}

@media (min-width: 762px) {
  .dm-210 { margin: -2.1em !important; }
  .dp-210 { }
  .dmy-210 { margin-top: -2.1em !important; margin-bottom: -2.1em !important; }
  .dpy-210 { }
  .dmx-210 { margin-right: -2.1em !important; margin-left: -2.1em !important; }
  .dpx-210 { }
}

.m-205 { margin: -2.05em !important; }

.p-205 { }

.my-205 { margin-top: -2.05em !important; margin-bottom: -2.05em !important; }

.py-205 { }

.mx-205 { margin-right: -2.05em !important; margin-left: -2.05em !important; }

.px-205 { }

@media (max-width: 761px) {
  .mm-205 { margin: -2.05em !important; }
  .mp-205 { }
  .mmy-205 { margin-top: -2.05em !important; margin-bottom: -2.05em !important; }
  .mpy-205 { }
  .mmx-205 { margin-right: -2.05em !important; margin-left: -2.05em !important; }
  .mpx-205 { }
}

@media (min-width: 762px) {
  .dm-205 { margin: -2.05em !important; }
  .dp-205 { }
  .dmy-205 { margin-top: -2.05em !important; margin-bottom: -2.05em !important; }
  .dpy-205 { }
  .dmx-205 { margin-right: -2.05em !important; margin-left: -2.05em !important; }
  .dpx-205 { }
}

.m-200 { margin: -2em !important; }

.p-200 { }

.my-200 { margin-top: -2em !important; margin-bottom: -2em !important; }

.py-200 { }

.mx-200 { margin-right: -2em !important; margin-left: -2em !important; }

.px-200 { }

@media (max-width: 761px) {
  .mm-200 { margin: -2em !important; }
  .mp-200 { }
  .mmy-200 { margin-top: -2em !important; margin-bottom: -2em !important; }
  .mpy-200 { }
  .mmx-200 { margin-right: -2em !important; margin-left: -2em !important; }
  .mpx-200 { }
}

@media (min-width: 762px) {
  .dm-200 { margin: -2em !important; }
  .dp-200 { }
  .dmy-200 { margin-top: -2em !important; margin-bottom: -2em !important; }
  .dpy-200 { }
  .dmx-200 { margin-right: -2em !important; margin-left: -2em !important; }
  .dpx-200 { }
}

.m-195 { margin: -1.95em !important; }

.p-195 { }

.my-195 { margin-top: -1.95em !important; margin-bottom: -1.95em !important; }

.py-195 { }

.mx-195 { margin-right: -1.95em !important; margin-left: -1.95em !important; }

.px-195 { }

@media (max-width: 761px) {
  .mm-195 { margin: -1.95em !important; }
  .mp-195 { }
  .mmy-195 { margin-top: -1.95em !important; margin-bottom: -1.95em !important; }
  .mpy-195 { }
  .mmx-195 { margin-right: -1.95em !important; margin-left: -1.95em !important; }
  .mpx-195 { }
}

@media (min-width: 762px) {
  .dm-195 { margin: -1.95em !important; }
  .dp-195 { }
  .dmy-195 { margin-top: -1.95em !important; margin-bottom: -1.95em !important; }
  .dpy-195 { }
  .dmx-195 { margin-right: -1.95em !important; margin-left: -1.95em !important; }
  .dpx-195 { }
}

.m-190 { margin: -1.9em !important; }

.p-190 { }

.my-190 { margin-top: -1.9em !important; margin-bottom: -1.9em !important; }

.py-190 { }

.mx-190 { margin-right: -1.9em !important; margin-left: -1.9em !important; }

.px-190 { }

@media (max-width: 761px) {
  .mm-190 { margin: -1.9em !important; }
  .mp-190 { }
  .mmy-190 { margin-top: -1.9em !important; margin-bottom: -1.9em !important; }
  .mpy-190 { }
  .mmx-190 { margin-right: -1.9em !important; margin-left: -1.9em !important; }
  .mpx-190 { }
}

@media (min-width: 762px) {
  .dm-190 { margin: -1.9em !important; }
  .dp-190 { }
  .dmy-190 { margin-top: -1.9em !important; margin-bottom: -1.9em !important; }
  .dpy-190 { }
  .dmx-190 { margin-right: -1.9em !important; margin-left: -1.9em !important; }
  .dpx-190 { }
}

.m-185 { margin: -1.85em !important; }

.p-185 { }

.my-185 { margin-top: -1.85em !important; margin-bottom: -1.85em !important; }

.py-185 { }

.mx-185 { margin-right: -1.85em !important; margin-left: -1.85em !important; }

.px-185 { }

@media (max-width: 761px) {
  .mm-185 { margin: -1.85em !important; }
  .mp-185 { }
  .mmy-185 { margin-top: -1.85em !important; margin-bottom: -1.85em !important; }
  .mpy-185 { }
  .mmx-185 { margin-right: -1.85em !important; margin-left: -1.85em !important; }
  .mpx-185 { }
}

@media (min-width: 762px) {
  .dm-185 { margin: -1.85em !important; }
  .dp-185 { }
  .dmy-185 { margin-top: -1.85em !important; margin-bottom: -1.85em !important; }
  .dpy-185 { }
  .dmx-185 { margin-right: -1.85em !important; margin-left: -1.85em !important; }
  .dpx-185 { }
}

.m-180 { margin: -1.8em !important; }

.p-180 { }

.my-180 { margin-top: -1.8em !important; margin-bottom: -1.8em !important; }

.py-180 { }

.mx-180 { margin-right: -1.8em !important; margin-left: -1.8em !important; }

.px-180 { }

@media (max-width: 761px) {
  .mm-180 { margin: -1.8em !important; }
  .mp-180 { }
  .mmy-180 { margin-top: -1.8em !important; margin-bottom: -1.8em !important; }
  .mpy-180 { }
  .mmx-180 { margin-right: -1.8em !important; margin-left: -1.8em !important; }
  .mpx-180 { }
}

@media (min-width: 762px) {
  .dm-180 { margin: -1.8em !important; }
  .dp-180 { }
  .dmy-180 { margin-top: -1.8em !important; margin-bottom: -1.8em !important; }
  .dpy-180 { }
  .dmx-180 { margin-right: -1.8em !important; margin-left: -1.8em !important; }
  .dpx-180 { }
}

.m-175 { margin: -1.75em !important; }

.p-175 { }

.my-175 { margin-top: -1.75em !important; margin-bottom: -1.75em !important; }

.py-175 { }

.mx-175 { margin-right: -1.75em !important; margin-left: -1.75em !important; }

.px-175 { }

@media (max-width: 761px) {
  .mm-175 { margin: -1.75em !important; }
  .mp-175 { }
  .mmy-175 { margin-top: -1.75em !important; margin-bottom: -1.75em !important; }
  .mpy-175 { }
  .mmx-175 { margin-right: -1.75em !important; margin-left: -1.75em !important; }
  .mpx-175 { }
}

@media (min-width: 762px) {
  .dm-175 { margin: -1.75em !important; }
  .dp-175 { }
  .dmy-175 { margin-top: -1.75em !important; margin-bottom: -1.75em !important; }
  .dpy-175 { }
  .dmx-175 { margin-right: -1.75em !important; margin-left: -1.75em !important; }
  .dpx-175 { }
}

.m-170 { margin: -1.7em !important; }

.p-170 { }

.my-170 { margin-top: -1.7em !important; margin-bottom: -1.7em !important; }

.py-170 { }

.mx-170 { margin-right: -1.7em !important; margin-left: -1.7em !important; }

.px-170 { }

@media (max-width: 761px) {
  .mm-170 { margin: -1.7em !important; }
  .mp-170 { }
  .mmy-170 { margin-top: -1.7em !important; margin-bottom: -1.7em !important; }
  .mpy-170 { }
  .mmx-170 { margin-right: -1.7em !important; margin-left: -1.7em !important; }
  .mpx-170 { }
}

@media (min-width: 762px) {
  .dm-170 { margin: -1.7em !important; }
  .dp-170 { }
  .dmy-170 { margin-top: -1.7em !important; margin-bottom: -1.7em !important; }
  .dpy-170 { }
  .dmx-170 { margin-right: -1.7em !important; margin-left: -1.7em !important; }
  .dpx-170 { }
}

.m-165 { margin: -1.65em !important; }

.p-165 { }

.my-165 { margin-top: -1.65em !important; margin-bottom: -1.65em !important; }

.py-165 { }

.mx-165 { margin-right: -1.65em !important; margin-left: -1.65em !important; }

.px-165 { }

@media (max-width: 761px) {
  .mm-165 { margin: -1.65em !important; }
  .mp-165 { }
  .mmy-165 { margin-top: -1.65em !important; margin-bottom: -1.65em !important; }
  .mpy-165 { }
  .mmx-165 { margin-right: -1.65em !important; margin-left: -1.65em !important; }
  .mpx-165 { }
}

@media (min-width: 762px) {
  .dm-165 { margin: -1.65em !important; }
  .dp-165 { }
  .dmy-165 { margin-top: -1.65em !important; margin-bottom: -1.65em !important; }
  .dpy-165 { }
  .dmx-165 { margin-right: -1.65em !important; margin-left: -1.65em !important; }
  .dpx-165 { }
}

.m-160 { margin: -1.6em !important; }

.p-160 { }

.my-160 { margin-top: -1.6em !important; margin-bottom: -1.6em !important; }

.py-160 { }

.mx-160 { margin-right: -1.6em !important; margin-left: -1.6em !important; }

.px-160 { }

@media (max-width: 761px) {
  .mm-160 { margin: -1.6em !important; }
  .mp-160 { }
  .mmy-160 { margin-top: -1.6em !important; margin-bottom: -1.6em !important; }
  .mpy-160 { }
  .mmx-160 { margin-right: -1.6em !important; margin-left: -1.6em !important; }
  .mpx-160 { }
}

@media (min-width: 762px) {
  .dm-160 { margin: -1.6em !important; }
  .dp-160 { }
  .dmy-160 { margin-top: -1.6em !important; margin-bottom: -1.6em !important; }
  .dpy-160 { }
  .dmx-160 { margin-right: -1.6em !important; margin-left: -1.6em !important; }
  .dpx-160 { }
}

.m-155 { margin: -1.55em !important; }

.p-155 { }

.my-155 { margin-top: -1.55em !important; margin-bottom: -1.55em !important; }

.py-155 { }

.mx-155 { margin-right: -1.55em !important; margin-left: -1.55em !important; }

.px-155 { }

@media (max-width: 761px) {
  .mm-155 { margin: -1.55em !important; }
  .mp-155 { }
  .mmy-155 { margin-top: -1.55em !important; margin-bottom: -1.55em !important; }
  .mpy-155 { }
  .mmx-155 { margin-right: -1.55em !important; margin-left: -1.55em !important; }
  .mpx-155 { }
}

@media (min-width: 762px) {
  .dm-155 { margin: -1.55em !important; }
  .dp-155 { }
  .dmy-155 { margin-top: -1.55em !important; margin-bottom: -1.55em !important; }
  .dpy-155 { }
  .dmx-155 { margin-right: -1.55em !important; margin-left: -1.55em !important; }
  .dpx-155 { }
}

.m-150 { margin: -1.5em !important; }

.p-150 { }

.my-150 { margin-top: -1.5em !important; margin-bottom: -1.5em !important; }

.py-150 { }

.mx-150 { margin-right: -1.5em !important; margin-left: -1.5em !important; }

.px-150 { }

@media (max-width: 761px) {
  .mm-150 { margin: -1.5em !important; }
  .mp-150 { }
  .mmy-150 { margin-top: -1.5em !important; margin-bottom: -1.5em !important; }
  .mpy-150 { }
  .mmx-150 { margin-right: -1.5em !important; margin-left: -1.5em !important; }
  .mpx-150 { }
}

@media (min-width: 762px) {
  .dm-150 { margin: -1.5em !important; }
  .dp-150 { }
  .dmy-150 { margin-top: -1.5em !important; margin-bottom: -1.5em !important; }
  .dpy-150 { }
  .dmx-150 { margin-right: -1.5em !important; margin-left: -1.5em !important; }
  .dpx-150 { }
}

.m-145 { margin: -1.45em !important; }

.p-145 { }

.my-145 { margin-top: -1.45em !important; margin-bottom: -1.45em !important; }

.py-145 { }

.mx-145 { margin-right: -1.45em !important; margin-left: -1.45em !important; }

.px-145 { }

@media (max-width: 761px) {
  .mm-145 { margin: -1.45em !important; }
  .mp-145 { }
  .mmy-145 { margin-top: -1.45em !important; margin-bottom: -1.45em !important; }
  .mpy-145 { }
  .mmx-145 { margin-right: -1.45em !important; margin-left: -1.45em !important; }
  .mpx-145 { }
}

@media (min-width: 762px) {
  .dm-145 { margin: -1.45em !important; }
  .dp-145 { }
  .dmy-145 { margin-top: -1.45em !important; margin-bottom: -1.45em !important; }
  .dpy-145 { }
  .dmx-145 { margin-right: -1.45em !important; margin-left: -1.45em !important; }
  .dpx-145 { }
}

.m-140 { margin: -1.4em !important; }

.p-140 { }

.my-140 { margin-top: -1.4em !important; margin-bottom: -1.4em !important; }

.py-140 { }

.mx-140 { margin-right: -1.4em !important; margin-left: -1.4em !important; }

.px-140 { }

@media (max-width: 761px) {
  .mm-140 { margin: -1.4em !important; }
  .mp-140 { }
  .mmy-140 { margin-top: -1.4em !important; margin-bottom: -1.4em !important; }
  .mpy-140 { }
  .mmx-140 { margin-right: -1.4em !important; margin-left: -1.4em !important; }
  .mpx-140 { }
}

@media (min-width: 762px) {
  .dm-140 { margin: -1.4em !important; }
  .dp-140 { }
  .dmy-140 { margin-top: -1.4em !important; margin-bottom: -1.4em !important; }
  .dpy-140 { }
  .dmx-140 { margin-right: -1.4em !important; margin-left: -1.4em !important; }
  .dpx-140 { }
}

.m-135 { margin: -1.35em !important; }

.p-135 { }

.my-135 { margin-top: -1.35em !important; margin-bottom: -1.35em !important; }

.py-135 { }

.mx-135 { margin-right: -1.35em !important; margin-left: -1.35em !important; }

.px-135 { }

@media (max-width: 761px) {
  .mm-135 { margin: -1.35em !important; }
  .mp-135 { }
  .mmy-135 { margin-top: -1.35em !important; margin-bottom: -1.35em !important; }
  .mpy-135 { }
  .mmx-135 { margin-right: -1.35em !important; margin-left: -1.35em !important; }
  .mpx-135 { }
}

@media (min-width: 762px) {
  .dm-135 { margin: -1.35em !important; }
  .dp-135 { }
  .dmy-135 { margin-top: -1.35em !important; margin-bottom: -1.35em !important; }
  .dpy-135 { }
  .dmx-135 { margin-right: -1.35em !important; margin-left: -1.35em !important; }
  .dpx-135 { }
}

.m-130 { margin: -1.3em !important; }

.p-130 { }

.my-130 { margin-top: -1.3em !important; margin-bottom: -1.3em !important; }

.py-130 { }

.mx-130 { margin-right: -1.3em !important; margin-left: -1.3em !important; }

.px-130 { }

@media (max-width: 761px) {
  .mm-130 { margin: -1.3em !important; }
  .mp-130 { }
  .mmy-130 { margin-top: -1.3em !important; margin-bottom: -1.3em !important; }
  .mpy-130 { }
  .mmx-130 { margin-right: -1.3em !important; margin-left: -1.3em !important; }
  .mpx-130 { }
}

@media (min-width: 762px) {
  .dm-130 { margin: -1.3em !important; }
  .dp-130 { }
  .dmy-130 { margin-top: -1.3em !important; margin-bottom: -1.3em !important; }
  .dpy-130 { }
  .dmx-130 { margin-right: -1.3em !important; margin-left: -1.3em !important; }
  .dpx-130 { }
}

.m-125 { margin: -1.25em !important; }

.p-125 { }

.my-125 { margin-top: -1.25em !important; margin-bottom: -1.25em !important; }

.py-125 { }

.mx-125 { margin-right: -1.25em !important; margin-left: -1.25em !important; }

.px-125 { }

@media (max-width: 761px) {
  .mm-125 { margin: -1.25em !important; }
  .mp-125 { }
  .mmy-125 { margin-top: -1.25em !important; margin-bottom: -1.25em !important; }
  .mpy-125 { }
  .mmx-125 { margin-right: -1.25em !important; margin-left: -1.25em !important; }
  .mpx-125 { }
}

@media (min-width: 762px) {
  .dm-125 { margin: -1.25em !important; }
  .dp-125 { }
  .dmy-125 { margin-top: -1.25em !important; margin-bottom: -1.25em !important; }
  .dpy-125 { }
  .dmx-125 { margin-right: -1.25em !important; margin-left: -1.25em !important; }
  .dpx-125 { }
}

.m-120 { margin: -1.2em !important; }

.p-120 { }

.my-120 { margin-top: -1.2em !important; margin-bottom: -1.2em !important; }

.py-120 { }

.mx-120 { margin-right: -1.2em !important; margin-left: -1.2em !important; }

.px-120 { }

@media (max-width: 761px) {
  .mm-120 { margin: -1.2em !important; }
  .mp-120 { }
  .mmy-120 { margin-top: -1.2em !important; margin-bottom: -1.2em !important; }
  .mpy-120 { }
  .mmx-120 { margin-right: -1.2em !important; margin-left: -1.2em !important; }
  .mpx-120 { }
}

@media (min-width: 762px) {
  .dm-120 { margin: -1.2em !important; }
  .dp-120 { }
  .dmy-120 { margin-top: -1.2em !important; margin-bottom: -1.2em !important; }
  .dpy-120 { }
  .dmx-120 { margin-right: -1.2em !important; margin-left: -1.2em !important; }
  .dpx-120 { }
}

.m-115 { margin: -1.15em !important; }

.p-115 { }

.my-115 { margin-top: -1.15em !important; margin-bottom: -1.15em !important; }

.py-115 { }

.mx-115 { margin-right: -1.15em !important; margin-left: -1.15em !important; }

.px-115 { }

@media (max-width: 761px) {
  .mm-115 { margin: -1.15em !important; }
  .mp-115 { }
  .mmy-115 { margin-top: -1.15em !important; margin-bottom: -1.15em !important; }
  .mpy-115 { }
  .mmx-115 { margin-right: -1.15em !important; margin-left: -1.15em !important; }
  .mpx-115 { }
}

@media (min-width: 762px) {
  .dm-115 { margin: -1.15em !important; }
  .dp-115 { }
  .dmy-115 { margin-top: -1.15em !important; margin-bottom: -1.15em !important; }
  .dpy-115 { }
  .dmx-115 { margin-right: -1.15em !important; margin-left: -1.15em !important; }
  .dpx-115 { }
}

.m-110 { margin: -1.1em !important; }

.p-110 { }

.my-110 { margin-top: -1.1em !important; margin-bottom: -1.1em !important; }

.py-110 { }

.mx-110 { margin-right: -1.1em !important; margin-left: -1.1em !important; }

.px-110 { }

@media (max-width: 761px) {
  .mm-110 { margin: -1.1em !important; }
  .mp-110 { }
  .mmy-110 { margin-top: -1.1em !important; margin-bottom: -1.1em !important; }
  .mpy-110 { }
  .mmx-110 { margin-right: -1.1em !important; margin-left: -1.1em !important; }
  .mpx-110 { }
}

@media (min-width: 762px) {
  .dm-110 { margin: -1.1em !important; }
  .dp-110 { }
  .dmy-110 { margin-top: -1.1em !important; margin-bottom: -1.1em !important; }
  .dpy-110 { }
  .dmx-110 { margin-right: -1.1em !important; margin-left: -1.1em !important; }
  .dpx-110 { }
}

.m-105 { margin: -1.05em !important; }

.p-105 { }

.my-105 { margin-top: -1.05em !important; margin-bottom: -1.05em !important; }

.py-105 { }

.mx-105 { margin-right: -1.05em !important; margin-left: -1.05em !important; }

.px-105 { }

@media (max-width: 761px) {
  .mm-105 { margin: -1.05em !important; }
  .mp-105 { }
  .mmy-105 { margin-top: -1.05em !important; margin-bottom: -1.05em !important; }
  .mpy-105 { }
  .mmx-105 { margin-right: -1.05em !important; margin-left: -1.05em !important; }
  .mpx-105 { }
}

@media (min-width: 762px) {
  .dm-105 { margin: -1.05em !important; }
  .dp-105 { }
  .dmy-105 { margin-top: -1.05em !important; margin-bottom: -1.05em !important; }
  .dpy-105 { }
  .dmx-105 { margin-right: -1.05em !important; margin-left: -1.05em !important; }
  .dpx-105 { }
}

.m-100 { margin: -1em !important; }

.p-100 { }

.my-100 { margin-top: -1em !important; margin-bottom: -1em !important; }

.py-100 { }

.mx-100 { margin-right: -1em !important; margin-left: -1em !important; }

.px-100 { }

@media (max-width: 761px) {
  .mm-100 { margin: -1em !important; }
  .mp-100 { }
  .mmy-100 { margin-top: -1em !important; margin-bottom: -1em !important; }
  .mpy-100 { }
  .mmx-100 { margin-right: -1em !important; margin-left: -1em !important; }
  .mpx-100 { }
}

@media (min-width: 762px) {
  .dm-100 { margin: -1em !important; }
  .dp-100 { }
  .dmy-100 { margin-top: -1em !important; margin-bottom: -1em !important; }
  .dpy-100 { }
  .dmx-100 { margin-right: -1em !important; margin-left: -1em !important; }
  .dpx-100 { }
}

.m-95 { margin: -0.95em !important; }

.p-95 { }

.my-95 { margin-top: -0.95em !important; margin-bottom: -0.95em !important; }

.py-95 { }

.mx-95 { margin-right: -0.95em !important; margin-left: -0.95em !important; }

.px-95 { }

@media (max-width: 761px) {
  .mm-95 { margin: -0.95em !important; }
  .mp-95 { }
  .mmy-95 { margin-top: -0.95em !important; margin-bottom: -0.95em !important; }
  .mpy-95 { }
  .mmx-95 { margin-right: -0.95em !important; margin-left: -0.95em !important; }
  .mpx-95 { }
}

@media (min-width: 762px) {
  .dm-95 { margin: -0.95em !important; }
  .dp-95 { }
  .dmy-95 { margin-top: -0.95em !important; margin-bottom: -0.95em !important; }
  .dpy-95 { }
  .dmx-95 { margin-right: -0.95em !important; margin-left: -0.95em !important; }
  .dpx-95 { }
}

.m-90 { margin: -0.9em !important; }

.p-90 { }

.my-90 { margin-top: -0.9em !important; margin-bottom: -0.9em !important; }

.py-90 { }

.mx-90 { margin-right: -0.9em !important; margin-left: -0.9em !important; }

.px-90 { }

@media (max-width: 761px) {
  .mm-90 { margin: -0.9em !important; }
  .mp-90 { }
  .mmy-90 { margin-top: -0.9em !important; margin-bottom: -0.9em !important; }
  .mpy-90 { }
  .mmx-90 { margin-right: -0.9em !important; margin-left: -0.9em !important; }
  .mpx-90 { }
}

@media (min-width: 762px) {
  .dm-90 { margin: -0.9em !important; }
  .dp-90 { }
  .dmy-90 { margin-top: -0.9em !important; margin-bottom: -0.9em !important; }
  .dpy-90 { }
  .dmx-90 { margin-right: -0.9em !important; margin-left: -0.9em !important; }
  .dpx-90 { }
}

.m-85 { margin: -0.85em !important; }

.p-85 { }

.my-85 { margin-top: -0.85em !important; margin-bottom: -0.85em !important; }

.py-85 { }

.mx-85 { margin-right: -0.85em !important; margin-left: -0.85em !important; }

.px-85 { }

@media (max-width: 761px) {
  .mm-85 { margin: -0.85em !important; }
  .mp-85 { }
  .mmy-85 { margin-top: -0.85em !important; margin-bottom: -0.85em !important; }
  .mpy-85 { }
  .mmx-85 { margin-right: -0.85em !important; margin-left: -0.85em !important; }
  .mpx-85 { }
}

@media (min-width: 762px) {
  .dm-85 { margin: -0.85em !important; }
  .dp-85 { }
  .dmy-85 { margin-top: -0.85em !important; margin-bottom: -0.85em !important; }
  .dpy-85 { }
  .dmx-85 { margin-right: -0.85em !important; margin-left: -0.85em !important; }
  .dpx-85 { }
}

.m-80 { margin: -0.8em !important; }

.p-80 { }

.my-80 { margin-top: -0.8em !important; margin-bottom: -0.8em !important; }

.py-80 { }

.mx-80 { margin-right: -0.8em !important; margin-left: -0.8em !important; }

.px-80 { }

@media (max-width: 761px) {
  .mm-80 { margin: -0.8em !important; }
  .mp-80 { }
  .mmy-80 { margin-top: -0.8em !important; margin-bottom: -0.8em !important; }
  .mpy-80 { }
  .mmx-80 { margin-right: -0.8em !important; margin-left: -0.8em !important; }
  .mpx-80 { }
}

@media (min-width: 762px) {
  .dm-80 { margin: -0.8em !important; }
  .dp-80 { }
  .dmy-80 { margin-top: -0.8em !important; margin-bottom: -0.8em !important; }
  .dpy-80 { }
  .dmx-80 { margin-right: -0.8em !important; margin-left: -0.8em !important; }
  .dpx-80 { }
}

.m-75 { margin: -0.75em !important; }

.p-75 { }

.my-75 { margin-top: -0.75em !important; margin-bottom: -0.75em !important; }

.py-75 { }

.mx-75 { margin-right: -0.75em !important; margin-left: -0.75em !important; }

.px-75 { }

@media (max-width: 761px) {
  .mm-75 { margin: -0.75em !important; }
  .mp-75 { }
  .mmy-75 { margin-top: -0.75em !important; margin-bottom: -0.75em !important; }
  .mpy-75 { }
  .mmx-75 { margin-right: -0.75em !important; margin-left: -0.75em !important; }
  .mpx-75 { }
}

@media (min-width: 762px) {
  .dm-75 { margin: -0.75em !important; }
  .dp-75 { }
  .dmy-75 { margin-top: -0.75em !important; margin-bottom: -0.75em !important; }
  .dpy-75 { }
  .dmx-75 { margin-right: -0.75em !important; margin-left: -0.75em !important; }
  .dpx-75 { }
}

.m-70 { margin: -0.7em !important; }

.p-70 { }

.my-70 { margin-top: -0.7em !important; margin-bottom: -0.7em !important; }

.py-70 { }

.mx-70 { margin-right: -0.7em !important; margin-left: -0.7em !important; }

.px-70 { }

@media (max-width: 761px) {
  .mm-70 { margin: -0.7em !important; }
  .mp-70 { }
  .mmy-70 { margin-top: -0.7em !important; margin-bottom: -0.7em !important; }
  .mpy-70 { }
  .mmx-70 { margin-right: -0.7em !important; margin-left: -0.7em !important; }
  .mpx-70 { }
}

@media (min-width: 762px) {
  .dm-70 { margin: -0.7em !important; }
  .dp-70 { }
  .dmy-70 { margin-top: -0.7em !important; margin-bottom: -0.7em !important; }
  .dpy-70 { }
  .dmx-70 { margin-right: -0.7em !important; margin-left: -0.7em !important; }
  .dpx-70 { }
}

.m-65 { margin: -0.65em !important; }

.p-65 { }

.my-65 { margin-top: -0.65em !important; margin-bottom: -0.65em !important; }

.py-65 { }

.mx-65 { margin-right: -0.65em !important; margin-left: -0.65em !important; }

.px-65 { }

@media (max-width: 761px) {
  .mm-65 { margin: -0.65em !important; }
  .mp-65 { }
  .mmy-65 { margin-top: -0.65em !important; margin-bottom: -0.65em !important; }
  .mpy-65 { }
  .mmx-65 { margin-right: -0.65em !important; margin-left: -0.65em !important; }
  .mpx-65 { }
}

@media (min-width: 762px) {
  .dm-65 { margin: -0.65em !important; }
  .dp-65 { }
  .dmy-65 { margin-top: -0.65em !important; margin-bottom: -0.65em !important; }
  .dpy-65 { }
  .dmx-65 { margin-right: -0.65em !important; margin-left: -0.65em !important; }
  .dpx-65 { }
}

.m-60 { margin: -0.6em !important; }

.p-60 { }

.my-60 { margin-top: -0.6em !important; margin-bottom: -0.6em !important; }

.py-60 { }

.mx-60 { margin-right: -0.6em !important; margin-left: -0.6em !important; }

.px-60 { }

@media (max-width: 761px) {
  .mm-60 { margin: -0.6em !important; }
  .mp-60 { }
  .mmy-60 { margin-top: -0.6em !important; margin-bottom: -0.6em !important; }
  .mpy-60 { }
  .mmx-60 { margin-right: -0.6em !important; margin-left: -0.6em !important; }
  .mpx-60 { }
}

@media (min-width: 762px) {
  .dm-60 { margin: -0.6em !important; }
  .dp-60 { }
  .dmy-60 { margin-top: -0.6em !important; margin-bottom: -0.6em !important; }
  .dpy-60 { }
  .dmx-60 { margin-right: -0.6em !important; margin-left: -0.6em !important; }
  .dpx-60 { }
}

.m-55 { margin: -0.55em !important; }

.p-55 { }

.my-55 { margin-top: -0.55em !important; margin-bottom: -0.55em !important; }

.py-55 { }

.mx-55 { margin-right: -0.55em !important; margin-left: -0.55em !important; }

.px-55 { }

@media (max-width: 761px) {
  .mm-55 { margin: -0.55em !important; }
  .mp-55 { }
  .mmy-55 { margin-top: -0.55em !important; margin-bottom: -0.55em !important; }
  .mpy-55 { }
  .mmx-55 { margin-right: -0.55em !important; margin-left: -0.55em !important; }
  .mpx-55 { }
}

@media (min-width: 762px) {
  .dm-55 { margin: -0.55em !important; }
  .dp-55 { }
  .dmy-55 { margin-top: -0.55em !important; margin-bottom: -0.55em !important; }
  .dpy-55 { }
  .dmx-55 { margin-right: -0.55em !important; margin-left: -0.55em !important; }
  .dpx-55 { }
}

.m-50 { margin: -0.5em !important; }

.p-50 { }

.my-50 { margin-top: -0.5em !important; margin-bottom: -0.5em !important; }

.py-50 { }

.mx-50 { margin-right: -0.5em !important; margin-left: -0.5em !important; }

.px-50 { }

@media (max-width: 761px) {
  .mm-50 { margin: -0.5em !important; }
  .mp-50 { }
  .mmy-50 { margin-top: -0.5em !important; margin-bottom: -0.5em !important; }
  .mpy-50 { }
  .mmx-50 { margin-right: -0.5em !important; margin-left: -0.5em !important; }
  .mpx-50 { }
}

@media (min-width: 762px) {
  .dm-50 { margin: -0.5em !important; }
  .dp-50 { }
  .dmy-50 { margin-top: -0.5em !important; margin-bottom: -0.5em !important; }
  .dpy-50 { }
  .dmx-50 { margin-right: -0.5em !important; margin-left: -0.5em !important; }
  .dpx-50 { }
}

.m-45 { margin: -0.45em !important; }

.p-45 { }

.my-45 { margin-top: -0.45em !important; margin-bottom: -0.45em !important; }

.py-45 { }

.mx-45 { margin-right: -0.45em !important; margin-left: -0.45em !important; }

.px-45 { }

@media (max-width: 761px) {
  .mm-45 { margin: -0.45em !important; }
  .mp-45 { }
  .mmy-45 { margin-top: -0.45em !important; margin-bottom: -0.45em !important; }
  .mpy-45 { }
  .mmx-45 { margin-right: -0.45em !important; margin-left: -0.45em !important; }
  .mpx-45 { }
}

@media (min-width: 762px) {
  .dm-45 { margin: -0.45em !important; }
  .dp-45 { }
  .dmy-45 { margin-top: -0.45em !important; margin-bottom: -0.45em !important; }
  .dpy-45 { }
  .dmx-45 { margin-right: -0.45em !important; margin-left: -0.45em !important; }
  .dpx-45 { }
}

.m-40 { margin: -0.4em !important; }

.p-40 { }

.my-40 { margin-top: -0.4em !important; margin-bottom: -0.4em !important; }

.py-40 { }

.mx-40 { margin-right: -0.4em !important; margin-left: -0.4em !important; }

.px-40 { }

@media (max-width: 761px) {
  .mm-40 { margin: -0.4em !important; }
  .mp-40 { }
  .mmy-40 { margin-top: -0.4em !important; margin-bottom: -0.4em !important; }
  .mpy-40 { }
  .mmx-40 { margin-right: -0.4em !important; margin-left: -0.4em !important; }
  .mpx-40 { }
}

@media (min-width: 762px) {
  .dm-40 { margin: -0.4em !important; }
  .dp-40 { }
  .dmy-40 { margin-top: -0.4em !important; margin-bottom: -0.4em !important; }
  .dpy-40 { }
  .dmx-40 { margin-right: -0.4em !important; margin-left: -0.4em !important; }
  .dpx-40 { }
}

.m-35 { margin: -0.35em !important; }

.p-35 { }

.my-35 { margin-top: -0.35em !important; margin-bottom: -0.35em !important; }

.py-35 { }

.mx-35 { margin-right: -0.35em !important; margin-left: -0.35em !important; }

.px-35 { }

@media (max-width: 761px) {
  .mm-35 { margin: -0.35em !important; }
  .mp-35 { }
  .mmy-35 { margin-top: -0.35em !important; margin-bottom: -0.35em !important; }
  .mpy-35 { }
  .mmx-35 { margin-right: -0.35em !important; margin-left: -0.35em !important; }
  .mpx-35 { }
}

@media (min-width: 762px) {
  .dm-35 { margin: -0.35em !important; }
  .dp-35 { }
  .dmy-35 { margin-top: -0.35em !important; margin-bottom: -0.35em !important; }
  .dpy-35 { }
  .dmx-35 { margin-right: -0.35em !important; margin-left: -0.35em !important; }
  .dpx-35 { }
}

.m-30 { margin: -0.3em !important; }

.p-30 { }

.my-30 { margin-top: -0.3em !important; margin-bottom: -0.3em !important; }

.py-30 { }

.mx-30 { margin-right: -0.3em !important; margin-left: -0.3em !important; }

.px-30 { }

@media (max-width: 761px) {
  .mm-30 { margin: -0.3em !important; }
  .mp-30 { }
  .mmy-30 { margin-top: -0.3em !important; margin-bottom: -0.3em !important; }
  .mpy-30 { }
  .mmx-30 { margin-right: -0.3em !important; margin-left: -0.3em !important; }
  .mpx-30 { }
}

@media (min-width: 762px) {
  .dm-30 { margin: -0.3em !important; }
  .dp-30 { }
  .dmy-30 { margin-top: -0.3em !important; margin-bottom: -0.3em !important; }
  .dpy-30 { }
  .dmx-30 { margin-right: -0.3em !important; margin-left: -0.3em !important; }
  .dpx-30 { }
}

.m-25 { margin: -0.25em !important; }

.p-25 { }

.my-25 { margin-top: -0.25em !important; margin-bottom: -0.25em !important; }

.py-25 { }

.mx-25 { margin-right: -0.25em !important; margin-left: -0.25em !important; }

.px-25 { }

@media (max-width: 761px) {
  .mm-25 { margin: -0.25em !important; }
  .mp-25 { }
  .mmy-25 { margin-top: -0.25em !important; margin-bottom: -0.25em !important; }
  .mpy-25 { }
  .mmx-25 { margin-right: -0.25em !important; margin-left: -0.25em !important; }
  .mpx-25 { }
}

@media (min-width: 762px) {
  .dm-25 { margin: -0.25em !important; }
  .dp-25 { }
  .dmy-25 { margin-top: -0.25em !important; margin-bottom: -0.25em !important; }
  .dpy-25 { }
  .dmx-25 { margin-right: -0.25em !important; margin-left: -0.25em !important; }
  .dpx-25 { }
}

.m-20 { margin: -0.2em !important; }

.p-20 { }

.my-20 { margin-top: -0.2em !important; margin-bottom: -0.2em !important; }

.py-20 { }

.mx-20 { margin-right: -0.2em !important; margin-left: -0.2em !important; }

.px-20 { }

@media (max-width: 761px) {
  .mm-20 { margin: -0.2em !important; }
  .mp-20 { }
  .mmy-20 { margin-top: -0.2em !important; margin-bottom: -0.2em !important; }
  .mpy-20 { }
  .mmx-20 { margin-right: -0.2em !important; margin-left: -0.2em !important; }
  .mpx-20 { }
}

@media (min-width: 762px) {
  .dm-20 { margin: -0.2em !important; }
  .dp-20 { }
  .dmy-20 { margin-top: -0.2em !important; margin-bottom: -0.2em !important; }
  .dpy-20 { }
  .dmx-20 { margin-right: -0.2em !important; margin-left: -0.2em !important; }
  .dpx-20 { }
}

.m-15 { margin: -0.15em !important; }

.p-15 { }

.my-15 { margin-top: -0.15em !important; margin-bottom: -0.15em !important; }

.py-15 { }

.mx-15 { margin-right: -0.15em !important; margin-left: -0.15em !important; }

.px-15 { }

@media (max-width: 761px) {
  .mm-15 { margin: -0.15em !important; }
  .mp-15 { }
  .mmy-15 { margin-top: -0.15em !important; margin-bottom: -0.15em !important; }
  .mpy-15 { }
  .mmx-15 { margin-right: -0.15em !important; margin-left: -0.15em !important; }
  .mpx-15 { }
}

@media (min-width: 762px) {
  .dm-15 { margin: -0.15em !important; }
  .dp-15 { }
  .dmy-15 { margin-top: -0.15em !important; margin-bottom: -0.15em !important; }
  .dpy-15 { }
  .dmx-15 { margin-right: -0.15em !important; margin-left: -0.15em !important; }
  .dpx-15 { }
}

.m-10 { margin: -0.1em !important; }

.p-10 { }

.my-10 { margin-top: -0.1em !important; margin-bottom: -0.1em !important; }

.py-10 { }

.mx-10 { margin-right: -0.1em !important; margin-left: -0.1em !important; }

.px-10 { }

@media (max-width: 761px) {
  .mm-10 { margin: -0.1em !important; }
  .mp-10 { }
  .mmy-10 { margin-top: -0.1em !important; margin-bottom: -0.1em !important; }
  .mpy-10 { }
  .mmx-10 { margin-right: -0.1em !important; margin-left: -0.1em !important; }
  .mpx-10 { }
}

@media (min-width: 762px) {
  .dm-10 { margin: -0.1em !important; }
  .dp-10 { }
  .dmy-10 { margin-top: -0.1em !important; margin-bottom: -0.1em !important; }
  .dpy-10 { }
  .dmx-10 { margin-right: -0.1em !important; margin-left: -0.1em !important; }
  .dpx-10 { }
}

.m-5 { margin: -0.05em !important; }

.p-5 { }

.my-5 { margin-top: -0.05em !important; margin-bottom: -0.05em !important; }

.py-5 { }

.mx-5 { margin-right: -0.05em !important; margin-left: -0.05em !important; }

.px-5 { }

@media (max-width: 761px) {
  .mm-5 { margin: -0.05em !important; }
  .mp-5 { }
  .mmy-5 { margin-top: -0.05em !important; margin-bottom: -0.05em !important; }
  .mpy-5 { }
  .mmx-5 { margin-right: -0.05em !important; margin-left: -0.05em !important; }
  .mpx-5 { }
}

@media (min-width: 762px) {
  .dm-5 { margin: -0.05em !important; }
  .dp-5 { }
  .dmy-5 { margin-top: -0.05em !important; margin-bottom: -0.05em !important; }
  .dpy-5 { }
  .dmx-5 { margin-right: -0.05em !important; margin-left: -0.05em !important; }
  .dpx-5 { }
}

.m0 { margin: 0px !important; }

.p0 { padding: 0px !important; }

.my0 { margin-top: 0px !important; margin-bottom: 0px !important; }

.py0 { padding-top: 0px !important; padding-bottom: 0px !important; }

.mx0 { margin-right: 0px !important; margin-left: 0px !important; }

.px0 { padding-right: 0px !important; padding-left: 0px !important; }

@media (max-width: 761px) {
  .mm0 { margin: 0px !important; }
  .mp0 { padding: 0px !important; }
  .mmy0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .mpy0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .mmx0 { margin-right: 0px !important; margin-left: 0px !important; }
  .mpx0 { padding-right: 0px !important; padding-left: 0px !important; }
}

@media (min-width: 762px) {
  .dm0 { margin: 0px !important; }
  .dp0 { padding: 0px !important; }
  .dmy0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .dpy0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .dmx0 { margin-right: 0px !important; margin-left: 0px !important; }
  .dpx0 { padding-right: 0px !important; padding-left: 0px !important; }
}

.m5 { margin: 0.05em !important; }

.p5 { padding: 0.05em !important; }

.my5 { margin-top: 0.05em !important; margin-bottom: 0.05em !important; }

.py5 { padding-top: 0.05em !important; padding-bottom: 0.05em !important; }

.mx5 { margin-right: 0.05em !important; margin-left: 0.05em !important; }

.px5 { padding-right: 0.05em !important; padding-left: 0.05em !important; }

@media (max-width: 761px) {
  .mm5 { margin: 0.05em !important; }
  .mp5 { padding: 0.05em !important; }
  .mmy5 { margin-top: 0.05em !important; margin-bottom: 0.05em !important; }
  .mpy5 { padding-top: 0.05em !important; padding-bottom: 0.05em !important; }
  .mmx5 { margin-right: 0.05em !important; margin-left: 0.05em !important; }
  .mpx5 { padding-right: 0.05em !important; padding-left: 0.05em !important; }
}

@media (min-width: 762px) {
  .dm5 { margin: 0.05em !important; }
  .dp5 { padding: 0.05em !important; }
  .dmy5 { margin-top: 0.05em !important; margin-bottom: 0.05em !important; }
  .dpy5 { padding-top: 0.05em !important; padding-bottom: 0.05em !important; }
  .dmx5 { margin-right: 0.05em !important; margin-left: 0.05em !important; }
  .dpx5 { padding-right: 0.05em !important; padding-left: 0.05em !important; }
}

.m10 { margin: 0.1em !important; }

.p10 { padding: 0.1em !important; }

.my10 { margin-top: 0.1em !important; margin-bottom: 0.1em !important; }

.py10 { padding-top: 0.1em !important; padding-bottom: 0.1em !important; }

.mx10 { margin-right: 0.1em !important; margin-left: 0.1em !important; }

.px10 { padding-right: 0.1em !important; padding-left: 0.1em !important; }

@media (max-width: 761px) {
  .mm10 { margin: 0.1em !important; }
  .mp10 { padding: 0.1em !important; }
  .mmy10 { margin-top: 0.1em !important; margin-bottom: 0.1em !important; }
  .mpy10 { padding-top: 0.1em !important; padding-bottom: 0.1em !important; }
  .mmx10 { margin-right: 0.1em !important; margin-left: 0.1em !important; }
  .mpx10 { padding-right: 0.1em !important; padding-left: 0.1em !important; }
}

@media (min-width: 762px) {
  .dm10 { margin: 0.1em !important; }
  .dp10 { padding: 0.1em !important; }
  .dmy10 { margin-top: 0.1em !important; margin-bottom: 0.1em !important; }
  .dpy10 { padding-top: 0.1em !important; padding-bottom: 0.1em !important; }
  .dmx10 { margin-right: 0.1em !important; margin-left: 0.1em !important; }
  .dpx10 { padding-right: 0.1em !important; padding-left: 0.1em !important; }
}

.m15 { margin: 0.15em !important; }

.p15 { padding: 0.15em !important; }

.my15 { margin-top: 0.15em !important; margin-bottom: 0.15em !important; }

.py15 { padding-top: 0.15em !important; padding-bottom: 0.15em !important; }

.mx15 { margin-right: 0.15em !important; margin-left: 0.15em !important; }

.px15 { padding-right: 0.15em !important; padding-left: 0.15em !important; }

@media (max-width: 761px) {
  .mm15 { margin: 0.15em !important; }
  .mp15 { padding: 0.15em !important; }
  .mmy15 { margin-top: 0.15em !important; margin-bottom: 0.15em !important; }
  .mpy15 { padding-top: 0.15em !important; padding-bottom: 0.15em !important; }
  .mmx15 { margin-right: 0.15em !important; margin-left: 0.15em !important; }
  .mpx15 { padding-right: 0.15em !important; padding-left: 0.15em !important; }
}

@media (min-width: 762px) {
  .dm15 { margin: 0.15em !important; }
  .dp15 { padding: 0.15em !important; }
  .dmy15 { margin-top: 0.15em !important; margin-bottom: 0.15em !important; }
  .dpy15 { padding-top: 0.15em !important; padding-bottom: 0.15em !important; }
  .dmx15 { margin-right: 0.15em !important; margin-left: 0.15em !important; }
  .dpx15 { padding-right: 0.15em !important; padding-left: 0.15em !important; }
}

.m20 { margin: 0.2em !important; }

.p20 { padding: 0.2em !important; }

.my20 { margin-top: 0.2em !important; margin-bottom: 0.2em !important; }

.py20 { padding-top: 0.2em !important; padding-bottom: 0.2em !important; }

.mx20 { margin-right: 0.2em !important; margin-left: 0.2em !important; }

.px20 { padding-right: 0.2em !important; padding-left: 0.2em !important; }

@media (max-width: 761px) {
  .mm20 { margin: 0.2em !important; }
  .mp20 { padding: 0.2em !important; }
  .mmy20 { margin-top: 0.2em !important; margin-bottom: 0.2em !important; }
  .mpy20 { padding-top: 0.2em !important; padding-bottom: 0.2em !important; }
  .mmx20 { margin-right: 0.2em !important; margin-left: 0.2em !important; }
  .mpx20 { padding-right: 0.2em !important; padding-left: 0.2em !important; }
}

@media (min-width: 762px) {
  .dm20 { margin: 0.2em !important; }
  .dp20 { padding: 0.2em !important; }
  .dmy20 { margin-top: 0.2em !important; margin-bottom: 0.2em !important; }
  .dpy20 { padding-top: 0.2em !important; padding-bottom: 0.2em !important; }
  .dmx20 { margin-right: 0.2em !important; margin-left: 0.2em !important; }
  .dpx20 { padding-right: 0.2em !important; padding-left: 0.2em !important; }
}

.m25 { margin: 0.25em !important; }

.p25 { padding: 0.25em !important; }

.my25 { margin-top: 0.25em !important; margin-bottom: 0.25em !important; }

.py25 { padding-top: 0.25em !important; padding-bottom: 0.25em !important; }

.mx25 { margin-right: 0.25em !important; margin-left: 0.25em !important; }

.px25 { padding-right: 0.25em !important; padding-left: 0.25em !important; }

@media (max-width: 761px) {
  .mm25 { margin: 0.25em !important; }
  .mp25 { padding: 0.25em !important; }
  .mmy25 { margin-top: 0.25em !important; margin-bottom: 0.25em !important; }
  .mpy25 { padding-top: 0.25em !important; padding-bottom: 0.25em !important; }
  .mmx25 { margin-right: 0.25em !important; margin-left: 0.25em !important; }
  .mpx25 { padding-right: 0.25em !important; padding-left: 0.25em !important; }
}

@media (min-width: 762px) {
  .dm25 { margin: 0.25em !important; }
  .dp25 { padding: 0.25em !important; }
  .dmy25 { margin-top: 0.25em !important; margin-bottom: 0.25em !important; }
  .dpy25 { padding-top: 0.25em !important; padding-bottom: 0.25em !important; }
  .dmx25 { margin-right: 0.25em !important; margin-left: 0.25em !important; }
  .dpx25 { padding-right: 0.25em !important; padding-left: 0.25em !important; }
}

.m30 { margin: 0.3em !important; }

.p30 { padding: 0.3em !important; }

.my30 { margin-top: 0.3em !important; margin-bottom: 0.3em !important; }

.py30 { padding-top: 0.3em !important; padding-bottom: 0.3em !important; }

.mx30 { margin-right: 0.3em !important; margin-left: 0.3em !important; }

.px30 { padding-right: 0.3em !important; padding-left: 0.3em !important; }

@media (max-width: 761px) {
  .mm30 { margin: 0.3em !important; }
  .mp30 { padding: 0.3em !important; }
  .mmy30 { margin-top: 0.3em !important; margin-bottom: 0.3em !important; }
  .mpy30 { padding-top: 0.3em !important; padding-bottom: 0.3em !important; }
  .mmx30 { margin-right: 0.3em !important; margin-left: 0.3em !important; }
  .mpx30 { padding-right: 0.3em !important; padding-left: 0.3em !important; }
}

@media (min-width: 762px) {
  .dm30 { margin: 0.3em !important; }
  .dp30 { padding: 0.3em !important; }
  .dmy30 { margin-top: 0.3em !important; margin-bottom: 0.3em !important; }
  .dpy30 { padding-top: 0.3em !important; padding-bottom: 0.3em !important; }
  .dmx30 { margin-right: 0.3em !important; margin-left: 0.3em !important; }
  .dpx30 { padding-right: 0.3em !important; padding-left: 0.3em !important; }
}

.m35 { margin: 0.35em !important; }

.p35 { padding: 0.35em !important; }

.my35 { margin-top: 0.35em !important; margin-bottom: 0.35em !important; }

.py35 { padding-top: 0.35em !important; padding-bottom: 0.35em !important; }

.mx35 { margin-right: 0.35em !important; margin-left: 0.35em !important; }

.px35 { padding-right: 0.35em !important; padding-left: 0.35em !important; }

@media (max-width: 761px) {
  .mm35 { margin: 0.35em !important; }
  .mp35 { padding: 0.35em !important; }
  .mmy35 { margin-top: 0.35em !important; margin-bottom: 0.35em !important; }
  .mpy35 { padding-top: 0.35em !important; padding-bottom: 0.35em !important; }
  .mmx35 { margin-right: 0.35em !important; margin-left: 0.35em !important; }
  .mpx35 { padding-right: 0.35em !important; padding-left: 0.35em !important; }
}

@media (min-width: 762px) {
  .dm35 { margin: 0.35em !important; }
  .dp35 { padding: 0.35em !important; }
  .dmy35 { margin-top: 0.35em !important; margin-bottom: 0.35em !important; }
  .dpy35 { padding-top: 0.35em !important; padding-bottom: 0.35em !important; }
  .dmx35 { margin-right: 0.35em !important; margin-left: 0.35em !important; }
  .dpx35 { padding-right: 0.35em !important; padding-left: 0.35em !important; }
}

.m40 { margin: 0.4em !important; }

.p40 { padding: 0.4em !important; }

.my40 { margin-top: 0.4em !important; margin-bottom: 0.4em !important; }

.py40 { padding-top: 0.4em !important; padding-bottom: 0.4em !important; }

.mx40 { margin-right: 0.4em !important; margin-left: 0.4em !important; }

.px40 { padding-right: 0.4em !important; padding-left: 0.4em !important; }

@media (max-width: 761px) {
  .mm40 { margin: 0.4em !important; }
  .mp40 { padding: 0.4em !important; }
  .mmy40 { margin-top: 0.4em !important; margin-bottom: 0.4em !important; }
  .mpy40 { padding-top: 0.4em !important; padding-bottom: 0.4em !important; }
  .mmx40 { margin-right: 0.4em !important; margin-left: 0.4em !important; }
  .mpx40 { padding-right: 0.4em !important; padding-left: 0.4em !important; }
}

@media (min-width: 762px) {
  .dm40 { margin: 0.4em !important; }
  .dp40 { padding: 0.4em !important; }
  .dmy40 { margin-top: 0.4em !important; margin-bottom: 0.4em !important; }
  .dpy40 { padding-top: 0.4em !important; padding-bottom: 0.4em !important; }
  .dmx40 { margin-right: 0.4em !important; margin-left: 0.4em !important; }
  .dpx40 { padding-right: 0.4em !important; padding-left: 0.4em !important; }
}

.m45 { margin: 0.45em !important; }

.p45 { padding: 0.45em !important; }

.my45 { margin-top: 0.45em !important; margin-bottom: 0.45em !important; }

.py45 { padding-top: 0.45em !important; padding-bottom: 0.45em !important; }

.mx45 { margin-right: 0.45em !important; margin-left: 0.45em !important; }

.px45 { padding-right: 0.45em !important; padding-left: 0.45em !important; }

@media (max-width: 761px) {
  .mm45 { margin: 0.45em !important; }
  .mp45 { padding: 0.45em !important; }
  .mmy45 { margin-top: 0.45em !important; margin-bottom: 0.45em !important; }
  .mpy45 { padding-top: 0.45em !important; padding-bottom: 0.45em !important; }
  .mmx45 { margin-right: 0.45em !important; margin-left: 0.45em !important; }
  .mpx45 { padding-right: 0.45em !important; padding-left: 0.45em !important; }
}

@media (min-width: 762px) {
  .dm45 { margin: 0.45em !important; }
  .dp45 { padding: 0.45em !important; }
  .dmy45 { margin-top: 0.45em !important; margin-bottom: 0.45em !important; }
  .dpy45 { padding-top: 0.45em !important; padding-bottom: 0.45em !important; }
  .dmx45 { margin-right: 0.45em !important; margin-left: 0.45em !important; }
  .dpx45 { padding-right: 0.45em !important; padding-left: 0.45em !important; }
}

.m50 { margin: 0.5em !important; }

.p50 { padding: 0.5em !important; }

.my50 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }

.py50 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }

.mx50 { margin-right: 0.5em !important; margin-left: 0.5em !important; }

.px50 { padding-right: 0.5em !important; padding-left: 0.5em !important; }

@media (max-width: 761px) {
  .mm50 { margin: 0.5em !important; }
  .mp50 { padding: 0.5em !important; }
  .mmy50 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }
  .mpy50 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }
  .mmx50 { margin-right: 0.5em !important; margin-left: 0.5em !important; }
  .mpx50 { padding-right: 0.5em !important; padding-left: 0.5em !important; }
}

@media (min-width: 762px) {
  .dm50 { margin: 0.5em !important; }
  .dp50 { padding: 0.5em !important; }
  .dmy50 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }
  .dpy50 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }
  .dmx50 { margin-right: 0.5em !important; margin-left: 0.5em !important; }
  .dpx50 { padding-right: 0.5em !important; padding-left: 0.5em !important; }
}

.m55 { margin: 0.55em !important; }

.p55 { padding: 0.55em !important; }

.my55 { margin-top: 0.55em !important; margin-bottom: 0.55em !important; }

.py55 { padding-top: 0.55em !important; padding-bottom: 0.55em !important; }

.mx55 { margin-right: 0.55em !important; margin-left: 0.55em !important; }

.px55 { padding-right: 0.55em !important; padding-left: 0.55em !important; }

@media (max-width: 761px) {
  .mm55 { margin: 0.55em !important; }
  .mp55 { padding: 0.55em !important; }
  .mmy55 { margin-top: 0.55em !important; margin-bottom: 0.55em !important; }
  .mpy55 { padding-top: 0.55em !important; padding-bottom: 0.55em !important; }
  .mmx55 { margin-right: 0.55em !important; margin-left: 0.55em !important; }
  .mpx55 { padding-right: 0.55em !important; padding-left: 0.55em !important; }
}

@media (min-width: 762px) {
  .dm55 { margin: 0.55em !important; }
  .dp55 { padding: 0.55em !important; }
  .dmy55 { margin-top: 0.55em !important; margin-bottom: 0.55em !important; }
  .dpy55 { padding-top: 0.55em !important; padding-bottom: 0.55em !important; }
  .dmx55 { margin-right: 0.55em !important; margin-left: 0.55em !important; }
  .dpx55 { padding-right: 0.55em !important; padding-left: 0.55em !important; }
}

.m60 { margin: 0.6em !important; }

.p60 { padding: 0.6em !important; }

.my60 { margin-top: 0.6em !important; margin-bottom: 0.6em !important; }

.py60 { padding-top: 0.6em !important; padding-bottom: 0.6em !important; }

.mx60 { margin-right: 0.6em !important; margin-left: 0.6em !important; }

.px60 { padding-right: 0.6em !important; padding-left: 0.6em !important; }

@media (max-width: 761px) {
  .mm60 { margin: 0.6em !important; }
  .mp60 { padding: 0.6em !important; }
  .mmy60 { margin-top: 0.6em !important; margin-bottom: 0.6em !important; }
  .mpy60 { padding-top: 0.6em !important; padding-bottom: 0.6em !important; }
  .mmx60 { margin-right: 0.6em !important; margin-left: 0.6em !important; }
  .mpx60 { padding-right: 0.6em !important; padding-left: 0.6em !important; }
}

@media (min-width: 762px) {
  .dm60 { margin: 0.6em !important; }
  .dp60 { padding: 0.6em !important; }
  .dmy60 { margin-top: 0.6em !important; margin-bottom: 0.6em !important; }
  .dpy60 { padding-top: 0.6em !important; padding-bottom: 0.6em !important; }
  .dmx60 { margin-right: 0.6em !important; margin-left: 0.6em !important; }
  .dpx60 { padding-right: 0.6em !important; padding-left: 0.6em !important; }
}

.m65 { margin: 0.65em !important; }

.p65 { padding: 0.65em !important; }

.my65 { margin-top: 0.65em !important; margin-bottom: 0.65em !important; }

.py65 { padding-top: 0.65em !important; padding-bottom: 0.65em !important; }

.mx65 { margin-right: 0.65em !important; margin-left: 0.65em !important; }

.px65 { padding-right: 0.65em !important; padding-left: 0.65em !important; }

@media (max-width: 761px) {
  .mm65 { margin: 0.65em !important; }
  .mp65 { padding: 0.65em !important; }
  .mmy65 { margin-top: 0.65em !important; margin-bottom: 0.65em !important; }
  .mpy65 { padding-top: 0.65em !important; padding-bottom: 0.65em !important; }
  .mmx65 { margin-right: 0.65em !important; margin-left: 0.65em !important; }
  .mpx65 { padding-right: 0.65em !important; padding-left: 0.65em !important; }
}

@media (min-width: 762px) {
  .dm65 { margin: 0.65em !important; }
  .dp65 { padding: 0.65em !important; }
  .dmy65 { margin-top: 0.65em !important; margin-bottom: 0.65em !important; }
  .dpy65 { padding-top: 0.65em !important; padding-bottom: 0.65em !important; }
  .dmx65 { margin-right: 0.65em !important; margin-left: 0.65em !important; }
  .dpx65 { padding-right: 0.65em !important; padding-left: 0.65em !important; }
}

.m70 { margin: 0.7em !important; }

.p70 { padding: 0.7em !important; }

.my70 { margin-top: 0.7em !important; margin-bottom: 0.7em !important; }

.py70 { padding-top: 0.7em !important; padding-bottom: 0.7em !important; }

.mx70 { margin-right: 0.7em !important; margin-left: 0.7em !important; }

.px70 { padding-right: 0.7em !important; padding-left: 0.7em !important; }

@media (max-width: 761px) {
  .mm70 { margin: 0.7em !important; }
  .mp70 { padding: 0.7em !important; }
  .mmy70 { margin-top: 0.7em !important; margin-bottom: 0.7em !important; }
  .mpy70 { padding-top: 0.7em !important; padding-bottom: 0.7em !important; }
  .mmx70 { margin-right: 0.7em !important; margin-left: 0.7em !important; }
  .mpx70 { padding-right: 0.7em !important; padding-left: 0.7em !important; }
}

@media (min-width: 762px) {
  .dm70 { margin: 0.7em !important; }
  .dp70 { padding: 0.7em !important; }
  .dmy70 { margin-top: 0.7em !important; margin-bottom: 0.7em !important; }
  .dpy70 { padding-top: 0.7em !important; padding-bottom: 0.7em !important; }
  .dmx70 { margin-right: 0.7em !important; margin-left: 0.7em !important; }
  .dpx70 { padding-right: 0.7em !important; padding-left: 0.7em !important; }
}

.m75 { margin: 0.75em !important; }

.p75 { padding: 0.75em !important; }

.my75 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }

.py75 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }

.mx75 { margin-right: 0.75em !important; margin-left: 0.75em !important; }

.px75 { padding-right: 0.75em !important; padding-left: 0.75em !important; }

@media (max-width: 761px) {
  .mm75 { margin: 0.75em !important; }
  .mp75 { padding: 0.75em !important; }
  .mmy75 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }
  .mpy75 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }
  .mmx75 { margin-right: 0.75em !important; margin-left: 0.75em !important; }
  .mpx75 { padding-right: 0.75em !important; padding-left: 0.75em !important; }
}

@media (min-width: 762px) {
  .dm75 { margin: 0.75em !important; }
  .dp75 { padding: 0.75em !important; }
  .dmy75 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }
  .dpy75 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }
  .dmx75 { margin-right: 0.75em !important; margin-left: 0.75em !important; }
  .dpx75 { padding-right: 0.75em !important; padding-left: 0.75em !important; }
}

.m80 { margin: 0.8em !important; }

.p80 { padding: 0.8em !important; }

.my80 { margin-top: 0.8em !important; margin-bottom: 0.8em !important; }

.py80 { padding-top: 0.8em !important; padding-bottom: 0.8em !important; }

.mx80 { margin-right: 0.8em !important; margin-left: 0.8em !important; }

.px80 { padding-right: 0.8em !important; padding-left: 0.8em !important; }

@media (max-width: 761px) {
  .mm80 { margin: 0.8em !important; }
  .mp80 { padding: 0.8em !important; }
  .mmy80 { margin-top: 0.8em !important; margin-bottom: 0.8em !important; }
  .mpy80 { padding-top: 0.8em !important; padding-bottom: 0.8em !important; }
  .mmx80 { margin-right: 0.8em !important; margin-left: 0.8em !important; }
  .mpx80 { padding-right: 0.8em !important; padding-left: 0.8em !important; }
}

@media (min-width: 762px) {
  .dm80 { margin: 0.8em !important; }
  .dp80 { padding: 0.8em !important; }
  .dmy80 { margin-top: 0.8em !important; margin-bottom: 0.8em !important; }
  .dpy80 { padding-top: 0.8em !important; padding-bottom: 0.8em !important; }
  .dmx80 { margin-right: 0.8em !important; margin-left: 0.8em !important; }
  .dpx80 { padding-right: 0.8em !important; padding-left: 0.8em !important; }
}

.m85 { margin: 0.85em !important; }

.p85 { padding: 0.85em !important; }

.my85 { margin-top: 0.85em !important; margin-bottom: 0.85em !important; }

.py85 { padding-top: 0.85em !important; padding-bottom: 0.85em !important; }

.mx85 { margin-right: 0.85em !important; margin-left: 0.85em !important; }

.px85 { padding-right: 0.85em !important; padding-left: 0.85em !important; }

@media (max-width: 761px) {
  .mm85 { margin: 0.85em !important; }
  .mp85 { padding: 0.85em !important; }
  .mmy85 { margin-top: 0.85em !important; margin-bottom: 0.85em !important; }
  .mpy85 { padding-top: 0.85em !important; padding-bottom: 0.85em !important; }
  .mmx85 { margin-right: 0.85em !important; margin-left: 0.85em !important; }
  .mpx85 { padding-right: 0.85em !important; padding-left: 0.85em !important; }
}

@media (min-width: 762px) {
  .dm85 { margin: 0.85em !important; }
  .dp85 { padding: 0.85em !important; }
  .dmy85 { margin-top: 0.85em !important; margin-bottom: 0.85em !important; }
  .dpy85 { padding-top: 0.85em !important; padding-bottom: 0.85em !important; }
  .dmx85 { margin-right: 0.85em !important; margin-left: 0.85em !important; }
  .dpx85 { padding-right: 0.85em !important; padding-left: 0.85em !important; }
}

.m90 { margin: 0.9em !important; }

.p90 { padding: 0.9em !important; }

.my90 { margin-top: 0.9em !important; margin-bottom: 0.9em !important; }

.py90 { padding-top: 0.9em !important; padding-bottom: 0.9em !important; }

.mx90 { margin-right: 0.9em !important; margin-left: 0.9em !important; }

.px90 { padding-right: 0.9em !important; padding-left: 0.9em !important; }

@media (max-width: 761px) {
  .mm90 { margin: 0.9em !important; }
  .mp90 { padding: 0.9em !important; }
  .mmy90 { margin-top: 0.9em !important; margin-bottom: 0.9em !important; }
  .mpy90 { padding-top: 0.9em !important; padding-bottom: 0.9em !important; }
  .mmx90 { margin-right: 0.9em !important; margin-left: 0.9em !important; }
  .mpx90 { padding-right: 0.9em !important; padding-left: 0.9em !important; }
}

@media (min-width: 762px) {
  .dm90 { margin: 0.9em !important; }
  .dp90 { padding: 0.9em !important; }
  .dmy90 { margin-top: 0.9em !important; margin-bottom: 0.9em !important; }
  .dpy90 { padding-top: 0.9em !important; padding-bottom: 0.9em !important; }
  .dmx90 { margin-right: 0.9em !important; margin-left: 0.9em !important; }
  .dpx90 { padding-right: 0.9em !important; padding-left: 0.9em !important; }
}

.m95 { margin: 0.95em !important; }

.p95 { padding: 0.95em !important; }

.my95 { margin-top: 0.95em !important; margin-bottom: 0.95em !important; }

.py95 { padding-top: 0.95em !important; padding-bottom: 0.95em !important; }

.mx95 { margin-right: 0.95em !important; margin-left: 0.95em !important; }

.px95 { padding-right: 0.95em !important; padding-left: 0.95em !important; }

@media (max-width: 761px) {
  .mm95 { margin: 0.95em !important; }
  .mp95 { padding: 0.95em !important; }
  .mmy95 { margin-top: 0.95em !important; margin-bottom: 0.95em !important; }
  .mpy95 { padding-top: 0.95em !important; padding-bottom: 0.95em !important; }
  .mmx95 { margin-right: 0.95em !important; margin-left: 0.95em !important; }
  .mpx95 { padding-right: 0.95em !important; padding-left: 0.95em !important; }
}

@media (min-width: 762px) {
  .dm95 { margin: 0.95em !important; }
  .dp95 { padding: 0.95em !important; }
  .dmy95 { margin-top: 0.95em !important; margin-bottom: 0.95em !important; }
  .dpy95 { padding-top: 0.95em !important; padding-bottom: 0.95em !important; }
  .dmx95 { margin-right: 0.95em !important; margin-left: 0.95em !important; }
  .dpx95 { padding-right: 0.95em !important; padding-left: 0.95em !important; }
}

.m100 { margin: 1em !important; }

.p100 { padding: 1em !important; }

.my100 { margin-top: 1em !important; margin-bottom: 1em !important; }

.py100 { padding-top: 1em !important; padding-bottom: 1em !important; }

.mx100 { margin-right: 1em !important; margin-left: 1em !important; }

.px100 { padding-right: 1em !important; padding-left: 1em !important; }

@media (max-width: 761px) {
  .mm100 { margin: 1em !important; }
  .mp100 { padding: 1em !important; }
  .mmy100 { margin-top: 1em !important; margin-bottom: 1em !important; }
  .mpy100 { padding-top: 1em !important; padding-bottom: 1em !important; }
  .mmx100 { margin-right: 1em !important; margin-left: 1em !important; }
  .mpx100 { padding-right: 1em !important; padding-left: 1em !important; }
}

@media (min-width: 762px) {
  .dm100 { margin: 1em !important; }
  .dp100 { padding: 1em !important; }
  .dmy100 { margin-top: 1em !important; margin-bottom: 1em !important; }
  .dpy100 { padding-top: 1em !important; padding-bottom: 1em !important; }
  .dmx100 { margin-right: 1em !important; margin-left: 1em !important; }
  .dpx100 { padding-right: 1em !important; padding-left: 1em !important; }
}

.m105 { margin: 1.05em !important; }

.p105 { padding: 1.05em !important; }

.my105 { margin-top: 1.05em !important; margin-bottom: 1.05em !important; }

.py105 { padding-top: 1.05em !important; padding-bottom: 1.05em !important; }

.mx105 { margin-right: 1.05em !important; margin-left: 1.05em !important; }

.px105 { padding-right: 1.05em !important; padding-left: 1.05em !important; }

@media (max-width: 761px) {
  .mm105 { margin: 1.05em !important; }
  .mp105 { padding: 1.05em !important; }
  .mmy105 { margin-top: 1.05em !important; margin-bottom: 1.05em !important; }
  .mpy105 { padding-top: 1.05em !important; padding-bottom: 1.05em !important; }
  .mmx105 { margin-right: 1.05em !important; margin-left: 1.05em !important; }
  .mpx105 { padding-right: 1.05em !important; padding-left: 1.05em !important; }
}

@media (min-width: 762px) {
  .dm105 { margin: 1.05em !important; }
  .dp105 { padding: 1.05em !important; }
  .dmy105 { margin-top: 1.05em !important; margin-bottom: 1.05em !important; }
  .dpy105 { padding-top: 1.05em !important; padding-bottom: 1.05em !important; }
  .dmx105 { margin-right: 1.05em !important; margin-left: 1.05em !important; }
  .dpx105 { padding-right: 1.05em !important; padding-left: 1.05em !important; }
}

.m110 { margin: 1.1em !important; }

.p110 { padding: 1.1em !important; }

.my110 { margin-top: 1.1em !important; margin-bottom: 1.1em !important; }

.py110 { padding-top: 1.1em !important; padding-bottom: 1.1em !important; }

.mx110 { margin-right: 1.1em !important; margin-left: 1.1em !important; }

.px110 { padding-right: 1.1em !important; padding-left: 1.1em !important; }

@media (max-width: 761px) {
  .mm110 { margin: 1.1em !important; }
  .mp110 { padding: 1.1em !important; }
  .mmy110 { margin-top: 1.1em !important; margin-bottom: 1.1em !important; }
  .mpy110 { padding-top: 1.1em !important; padding-bottom: 1.1em !important; }
  .mmx110 { margin-right: 1.1em !important; margin-left: 1.1em !important; }
  .mpx110 { padding-right: 1.1em !important; padding-left: 1.1em !important; }
}

@media (min-width: 762px) {
  .dm110 { margin: 1.1em !important; }
  .dp110 { padding: 1.1em !important; }
  .dmy110 { margin-top: 1.1em !important; margin-bottom: 1.1em !important; }
  .dpy110 { padding-top: 1.1em !important; padding-bottom: 1.1em !important; }
  .dmx110 { margin-right: 1.1em !important; margin-left: 1.1em !important; }
  .dpx110 { padding-right: 1.1em !important; padding-left: 1.1em !important; }
}

.m115 { margin: 1.15em !important; }

.p115 { padding: 1.15em !important; }

.my115 { margin-top: 1.15em !important; margin-bottom: 1.15em !important; }

.py115 { padding-top: 1.15em !important; padding-bottom: 1.15em !important; }

.mx115 { margin-right: 1.15em !important; margin-left: 1.15em !important; }

.px115 { padding-right: 1.15em !important; padding-left: 1.15em !important; }

@media (max-width: 761px) {
  .mm115 { margin: 1.15em !important; }
  .mp115 { padding: 1.15em !important; }
  .mmy115 { margin-top: 1.15em !important; margin-bottom: 1.15em !important; }
  .mpy115 { padding-top: 1.15em !important; padding-bottom: 1.15em !important; }
  .mmx115 { margin-right: 1.15em !important; margin-left: 1.15em !important; }
  .mpx115 { padding-right: 1.15em !important; padding-left: 1.15em !important; }
}

@media (min-width: 762px) {
  .dm115 { margin: 1.15em !important; }
  .dp115 { padding: 1.15em !important; }
  .dmy115 { margin-top: 1.15em !important; margin-bottom: 1.15em !important; }
  .dpy115 { padding-top: 1.15em !important; padding-bottom: 1.15em !important; }
  .dmx115 { margin-right: 1.15em !important; margin-left: 1.15em !important; }
  .dpx115 { padding-right: 1.15em !important; padding-left: 1.15em !important; }
}

.m120 { margin: 1.2em !important; }

.p120 { padding: 1.2em !important; }

.my120 { margin-top: 1.2em !important; margin-bottom: 1.2em !important; }

.py120 { padding-top: 1.2em !important; padding-bottom: 1.2em !important; }

.mx120 { margin-right: 1.2em !important; margin-left: 1.2em !important; }

.px120 { padding-right: 1.2em !important; padding-left: 1.2em !important; }

@media (max-width: 761px) {
  .mm120 { margin: 1.2em !important; }
  .mp120 { padding: 1.2em !important; }
  .mmy120 { margin-top: 1.2em !important; margin-bottom: 1.2em !important; }
  .mpy120 { padding-top: 1.2em !important; padding-bottom: 1.2em !important; }
  .mmx120 { margin-right: 1.2em !important; margin-left: 1.2em !important; }
  .mpx120 { padding-right: 1.2em !important; padding-left: 1.2em !important; }
}

@media (min-width: 762px) {
  .dm120 { margin: 1.2em !important; }
  .dp120 { padding: 1.2em !important; }
  .dmy120 { margin-top: 1.2em !important; margin-bottom: 1.2em !important; }
  .dpy120 { padding-top: 1.2em !important; padding-bottom: 1.2em !important; }
  .dmx120 { margin-right: 1.2em !important; margin-left: 1.2em !important; }
  .dpx120 { padding-right: 1.2em !important; padding-left: 1.2em !important; }
}

.m125 { margin: 1.25em !important; }

.p125 { padding: 1.25em !important; }

.my125 { margin-top: 1.25em !important; margin-bottom: 1.25em !important; }

.py125 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }

.mx125 { margin-right: 1.25em !important; margin-left: 1.25em !important; }

.px125 { padding-right: 1.25em !important; padding-left: 1.25em !important; }

@media (max-width: 761px) {
  .mm125 { margin: 1.25em !important; }
  .mp125 { padding: 1.25em !important; }
  .mmy125 { margin-top: 1.25em !important; margin-bottom: 1.25em !important; }
  .mpy125 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }
  .mmx125 { margin-right: 1.25em !important; margin-left: 1.25em !important; }
  .mpx125 { padding-right: 1.25em !important; padding-left: 1.25em !important; }
}

@media (min-width: 762px) {
  .dm125 { margin: 1.25em !important; }
  .dp125 { padding: 1.25em !important; }
  .dmy125 { margin-top: 1.25em !important; margin-bottom: 1.25em !important; }
  .dpy125 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }
  .dmx125 { margin-right: 1.25em !important; margin-left: 1.25em !important; }
  .dpx125 { padding-right: 1.25em !important; padding-left: 1.25em !important; }
}

.m130 { margin: 1.3em !important; }

.p130 { padding: 1.3em !important; }

.my130 { margin-top: 1.3em !important; margin-bottom: 1.3em !important; }

.py130 { padding-top: 1.3em !important; padding-bottom: 1.3em !important; }

.mx130 { margin-right: 1.3em !important; margin-left: 1.3em !important; }

.px130 { padding-right: 1.3em !important; padding-left: 1.3em !important; }

@media (max-width: 761px) {
  .mm130 { margin: 1.3em !important; }
  .mp130 { padding: 1.3em !important; }
  .mmy130 { margin-top: 1.3em !important; margin-bottom: 1.3em !important; }
  .mpy130 { padding-top: 1.3em !important; padding-bottom: 1.3em !important; }
  .mmx130 { margin-right: 1.3em !important; margin-left: 1.3em !important; }
  .mpx130 { padding-right: 1.3em !important; padding-left: 1.3em !important; }
}

@media (min-width: 762px) {
  .dm130 { margin: 1.3em !important; }
  .dp130 { padding: 1.3em !important; }
  .dmy130 { margin-top: 1.3em !important; margin-bottom: 1.3em !important; }
  .dpy130 { padding-top: 1.3em !important; padding-bottom: 1.3em !important; }
  .dmx130 { margin-right: 1.3em !important; margin-left: 1.3em !important; }
  .dpx130 { padding-right: 1.3em !important; padding-left: 1.3em !important; }
}

.m135 { margin: 1.35em !important; }

.p135 { padding: 1.35em !important; }

.my135 { margin-top: 1.35em !important; margin-bottom: 1.35em !important; }

.py135 { padding-top: 1.35em !important; padding-bottom: 1.35em !important; }

.mx135 { margin-right: 1.35em !important; margin-left: 1.35em !important; }

.px135 { padding-right: 1.35em !important; padding-left: 1.35em !important; }

@media (max-width: 761px) {
  .mm135 { margin: 1.35em !important; }
  .mp135 { padding: 1.35em !important; }
  .mmy135 { margin-top: 1.35em !important; margin-bottom: 1.35em !important; }
  .mpy135 { padding-top: 1.35em !important; padding-bottom: 1.35em !important; }
  .mmx135 { margin-right: 1.35em !important; margin-left: 1.35em !important; }
  .mpx135 { padding-right: 1.35em !important; padding-left: 1.35em !important; }
}

@media (min-width: 762px) {
  .dm135 { margin: 1.35em !important; }
  .dp135 { padding: 1.35em !important; }
  .dmy135 { margin-top: 1.35em !important; margin-bottom: 1.35em !important; }
  .dpy135 { padding-top: 1.35em !important; padding-bottom: 1.35em !important; }
  .dmx135 { margin-right: 1.35em !important; margin-left: 1.35em !important; }
  .dpx135 { padding-right: 1.35em !important; padding-left: 1.35em !important; }
}

.m140 { margin: 1.4em !important; }

.p140 { padding: 1.4em !important; }

.my140 { margin-top: 1.4em !important; margin-bottom: 1.4em !important; }

.py140 { padding-top: 1.4em !important; padding-bottom: 1.4em !important; }

.mx140 { margin-right: 1.4em !important; margin-left: 1.4em !important; }

.px140 { padding-right: 1.4em !important; padding-left: 1.4em !important; }

@media (max-width: 761px) {
  .mm140 { margin: 1.4em !important; }
  .mp140 { padding: 1.4em !important; }
  .mmy140 { margin-top: 1.4em !important; margin-bottom: 1.4em !important; }
  .mpy140 { padding-top: 1.4em !important; padding-bottom: 1.4em !important; }
  .mmx140 { margin-right: 1.4em !important; margin-left: 1.4em !important; }
  .mpx140 { padding-right: 1.4em !important; padding-left: 1.4em !important; }
}

@media (min-width: 762px) {
  .dm140 { margin: 1.4em !important; }
  .dp140 { padding: 1.4em !important; }
  .dmy140 { margin-top: 1.4em !important; margin-bottom: 1.4em !important; }
  .dpy140 { padding-top: 1.4em !important; padding-bottom: 1.4em !important; }
  .dmx140 { margin-right: 1.4em !important; margin-left: 1.4em !important; }
  .dpx140 { padding-right: 1.4em !important; padding-left: 1.4em !important; }
}

.m145 { margin: 1.45em !important; }

.p145 { padding: 1.45em !important; }

.my145 { margin-top: 1.45em !important; margin-bottom: 1.45em !important; }

.py145 { padding-top: 1.45em !important; padding-bottom: 1.45em !important; }

.mx145 { margin-right: 1.45em !important; margin-left: 1.45em !important; }

.px145 { padding-right: 1.45em !important; padding-left: 1.45em !important; }

@media (max-width: 761px) {
  .mm145 { margin: 1.45em !important; }
  .mp145 { padding: 1.45em !important; }
  .mmy145 { margin-top: 1.45em !important; margin-bottom: 1.45em !important; }
  .mpy145 { padding-top: 1.45em !important; padding-bottom: 1.45em !important; }
  .mmx145 { margin-right: 1.45em !important; margin-left: 1.45em !important; }
  .mpx145 { padding-right: 1.45em !important; padding-left: 1.45em !important; }
}

@media (min-width: 762px) {
  .dm145 { margin: 1.45em !important; }
  .dp145 { padding: 1.45em !important; }
  .dmy145 { margin-top: 1.45em !important; margin-bottom: 1.45em !important; }
  .dpy145 { padding-top: 1.45em !important; padding-bottom: 1.45em !important; }
  .dmx145 { margin-right: 1.45em !important; margin-left: 1.45em !important; }
  .dpx145 { padding-right: 1.45em !important; padding-left: 1.45em !important; }
}

.m150 { margin: 1.5em !important; }

.p150 { padding: 1.5em !important; }

.my150 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; }

.py150 { padding-top: 1.5em !important; padding-bottom: 1.5em !important; }

.mx150 { margin-right: 1.5em !important; margin-left: 1.5em !important; }

.px150 { padding-right: 1.5em !important; padding-left: 1.5em !important; }

@media (max-width: 761px) {
  .mm150 { margin: 1.5em !important; }
  .mp150 { padding: 1.5em !important; }
  .mmy150 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; }
  .mpy150 { padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
  .mmx150 { margin-right: 1.5em !important; margin-left: 1.5em !important; }
  .mpx150 { padding-right: 1.5em !important; padding-left: 1.5em !important; }
}

@media (min-width: 762px) {
  .dm150 { margin: 1.5em !important; }
  .dp150 { padding: 1.5em !important; }
  .dmy150 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; }
  .dpy150 { padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
  .dmx150 { margin-right: 1.5em !important; margin-left: 1.5em !important; }
  .dpx150 { padding-right: 1.5em !important; padding-left: 1.5em !important; }
}

.m155 { margin: 1.55em !important; }

.p155 { padding: 1.55em !important; }

.my155 { margin-top: 1.55em !important; margin-bottom: 1.55em !important; }

.py155 { padding-top: 1.55em !important; padding-bottom: 1.55em !important; }

.mx155 { margin-right: 1.55em !important; margin-left: 1.55em !important; }

.px155 { padding-right: 1.55em !important; padding-left: 1.55em !important; }

@media (max-width: 761px) {
  .mm155 { margin: 1.55em !important; }
  .mp155 { padding: 1.55em !important; }
  .mmy155 { margin-top: 1.55em !important; margin-bottom: 1.55em !important; }
  .mpy155 { padding-top: 1.55em !important; padding-bottom: 1.55em !important; }
  .mmx155 { margin-right: 1.55em !important; margin-left: 1.55em !important; }
  .mpx155 { padding-right: 1.55em !important; padding-left: 1.55em !important; }
}

@media (min-width: 762px) {
  .dm155 { margin: 1.55em !important; }
  .dp155 { padding: 1.55em !important; }
  .dmy155 { margin-top: 1.55em !important; margin-bottom: 1.55em !important; }
  .dpy155 { padding-top: 1.55em !important; padding-bottom: 1.55em !important; }
  .dmx155 { margin-right: 1.55em !important; margin-left: 1.55em !important; }
  .dpx155 { padding-right: 1.55em !important; padding-left: 1.55em !important; }
}

.m160 { margin: 1.6em !important; }

.p160 { padding: 1.6em !important; }

.my160 { margin-top: 1.6em !important; margin-bottom: 1.6em !important; }

.py160 { padding-top: 1.6em !important; padding-bottom: 1.6em !important; }

.mx160 { margin-right: 1.6em !important; margin-left: 1.6em !important; }

.px160 { padding-right: 1.6em !important; padding-left: 1.6em !important; }

@media (max-width: 761px) {
  .mm160 { margin: 1.6em !important; }
  .mp160 { padding: 1.6em !important; }
  .mmy160 { margin-top: 1.6em !important; margin-bottom: 1.6em !important; }
  .mpy160 { padding-top: 1.6em !important; padding-bottom: 1.6em !important; }
  .mmx160 { margin-right: 1.6em !important; margin-left: 1.6em !important; }
  .mpx160 { padding-right: 1.6em !important; padding-left: 1.6em !important; }
}

@media (min-width: 762px) {
  .dm160 { margin: 1.6em !important; }
  .dp160 { padding: 1.6em !important; }
  .dmy160 { margin-top: 1.6em !important; margin-bottom: 1.6em !important; }
  .dpy160 { padding-top: 1.6em !important; padding-bottom: 1.6em !important; }
  .dmx160 { margin-right: 1.6em !important; margin-left: 1.6em !important; }
  .dpx160 { padding-right: 1.6em !important; padding-left: 1.6em !important; }
}

.m165 { margin: 1.65em !important; }

.p165 { padding: 1.65em !important; }

.my165 { margin-top: 1.65em !important; margin-bottom: 1.65em !important; }

.py165 { padding-top: 1.65em !important; padding-bottom: 1.65em !important; }

.mx165 { margin-right: 1.65em !important; margin-left: 1.65em !important; }

.px165 { padding-right: 1.65em !important; padding-left: 1.65em !important; }

@media (max-width: 761px) {
  .mm165 { margin: 1.65em !important; }
  .mp165 { padding: 1.65em !important; }
  .mmy165 { margin-top: 1.65em !important; margin-bottom: 1.65em !important; }
  .mpy165 { padding-top: 1.65em !important; padding-bottom: 1.65em !important; }
  .mmx165 { margin-right: 1.65em !important; margin-left: 1.65em !important; }
  .mpx165 { padding-right: 1.65em !important; padding-left: 1.65em !important; }
}

@media (min-width: 762px) {
  .dm165 { margin: 1.65em !important; }
  .dp165 { padding: 1.65em !important; }
  .dmy165 { margin-top: 1.65em !important; margin-bottom: 1.65em !important; }
  .dpy165 { padding-top: 1.65em !important; padding-bottom: 1.65em !important; }
  .dmx165 { margin-right: 1.65em !important; margin-left: 1.65em !important; }
  .dpx165 { padding-right: 1.65em !important; padding-left: 1.65em !important; }
}

.m170 { margin: 1.7em !important; }

.p170 { padding: 1.7em !important; }

.my170 { margin-top: 1.7em !important; margin-bottom: 1.7em !important; }

.py170 { padding-top: 1.7em !important; padding-bottom: 1.7em !important; }

.mx170 { margin-right: 1.7em !important; margin-left: 1.7em !important; }

.px170 { padding-right: 1.7em !important; padding-left: 1.7em !important; }

@media (max-width: 761px) {
  .mm170 { margin: 1.7em !important; }
  .mp170 { padding: 1.7em !important; }
  .mmy170 { margin-top: 1.7em !important; margin-bottom: 1.7em !important; }
  .mpy170 { padding-top: 1.7em !important; padding-bottom: 1.7em !important; }
  .mmx170 { margin-right: 1.7em !important; margin-left: 1.7em !important; }
  .mpx170 { padding-right: 1.7em !important; padding-left: 1.7em !important; }
}

@media (min-width: 762px) {
  .dm170 { margin: 1.7em !important; }
  .dp170 { padding: 1.7em !important; }
  .dmy170 { margin-top: 1.7em !important; margin-bottom: 1.7em !important; }
  .dpy170 { padding-top: 1.7em !important; padding-bottom: 1.7em !important; }
  .dmx170 { margin-right: 1.7em !important; margin-left: 1.7em !important; }
  .dpx170 { padding-right: 1.7em !important; padding-left: 1.7em !important; }
}

.m175 { margin: 1.75em !important; }

.p175 { padding: 1.75em !important; }

.my175 { margin-top: 1.75em !important; margin-bottom: 1.75em !important; }

.py175 { padding-top: 1.75em !important; padding-bottom: 1.75em !important; }

.mx175 { margin-right: 1.75em !important; margin-left: 1.75em !important; }

.px175 { padding-right: 1.75em !important; padding-left: 1.75em !important; }

@media (max-width: 761px) {
  .mm175 { margin: 1.75em !important; }
  .mp175 { padding: 1.75em !important; }
  .mmy175 { margin-top: 1.75em !important; margin-bottom: 1.75em !important; }
  .mpy175 { padding-top: 1.75em !important; padding-bottom: 1.75em !important; }
  .mmx175 { margin-right: 1.75em !important; margin-left: 1.75em !important; }
  .mpx175 { padding-right: 1.75em !important; padding-left: 1.75em !important; }
}

@media (min-width: 762px) {
  .dm175 { margin: 1.75em !important; }
  .dp175 { padding: 1.75em !important; }
  .dmy175 { margin-top: 1.75em !important; margin-bottom: 1.75em !important; }
  .dpy175 { padding-top: 1.75em !important; padding-bottom: 1.75em !important; }
  .dmx175 { margin-right: 1.75em !important; margin-left: 1.75em !important; }
  .dpx175 { padding-right: 1.75em !important; padding-left: 1.75em !important; }
}

.m180 { margin: 1.8em !important; }

.p180 { padding: 1.8em !important; }

.my180 { margin-top: 1.8em !important; margin-bottom: 1.8em !important; }

.py180 { padding-top: 1.8em !important; padding-bottom: 1.8em !important; }

.mx180 { margin-right: 1.8em !important; margin-left: 1.8em !important; }

.px180 { padding-right: 1.8em !important; padding-left: 1.8em !important; }

@media (max-width: 761px) {
  .mm180 { margin: 1.8em !important; }
  .mp180 { padding: 1.8em !important; }
  .mmy180 { margin-top: 1.8em !important; margin-bottom: 1.8em !important; }
  .mpy180 { padding-top: 1.8em !important; padding-bottom: 1.8em !important; }
  .mmx180 { margin-right: 1.8em !important; margin-left: 1.8em !important; }
  .mpx180 { padding-right: 1.8em !important; padding-left: 1.8em !important; }
}

@media (min-width: 762px) {
  .dm180 { margin: 1.8em !important; }
  .dp180 { padding: 1.8em !important; }
  .dmy180 { margin-top: 1.8em !important; margin-bottom: 1.8em !important; }
  .dpy180 { padding-top: 1.8em !important; padding-bottom: 1.8em !important; }
  .dmx180 { margin-right: 1.8em !important; margin-left: 1.8em !important; }
  .dpx180 { padding-right: 1.8em !important; padding-left: 1.8em !important; }
}

.m185 { margin: 1.85em !important; }

.p185 { padding: 1.85em !important; }

.my185 { margin-top: 1.85em !important; margin-bottom: 1.85em !important; }

.py185 { padding-top: 1.85em !important; padding-bottom: 1.85em !important; }

.mx185 { margin-right: 1.85em !important; margin-left: 1.85em !important; }

.px185 { padding-right: 1.85em !important; padding-left: 1.85em !important; }

@media (max-width: 761px) {
  .mm185 { margin: 1.85em !important; }
  .mp185 { padding: 1.85em !important; }
  .mmy185 { margin-top: 1.85em !important; margin-bottom: 1.85em !important; }
  .mpy185 { padding-top: 1.85em !important; padding-bottom: 1.85em !important; }
  .mmx185 { margin-right: 1.85em !important; margin-left: 1.85em !important; }
  .mpx185 { padding-right: 1.85em !important; padding-left: 1.85em !important; }
}

@media (min-width: 762px) {
  .dm185 { margin: 1.85em !important; }
  .dp185 { padding: 1.85em !important; }
  .dmy185 { margin-top: 1.85em !important; margin-bottom: 1.85em !important; }
  .dpy185 { padding-top: 1.85em !important; padding-bottom: 1.85em !important; }
  .dmx185 { margin-right: 1.85em !important; margin-left: 1.85em !important; }
  .dpx185 { padding-right: 1.85em !important; padding-left: 1.85em !important; }
}

.m190 { margin: 1.9em !important; }

.p190 { padding: 1.9em !important; }

.my190 { margin-top: 1.9em !important; margin-bottom: 1.9em !important; }

.py190 { padding-top: 1.9em !important; padding-bottom: 1.9em !important; }

.mx190 { margin-right: 1.9em !important; margin-left: 1.9em !important; }

.px190 { padding-right: 1.9em !important; padding-left: 1.9em !important; }

@media (max-width: 761px) {
  .mm190 { margin: 1.9em !important; }
  .mp190 { padding: 1.9em !important; }
  .mmy190 { margin-top: 1.9em !important; margin-bottom: 1.9em !important; }
  .mpy190 { padding-top: 1.9em !important; padding-bottom: 1.9em !important; }
  .mmx190 { margin-right: 1.9em !important; margin-left: 1.9em !important; }
  .mpx190 { padding-right: 1.9em !important; padding-left: 1.9em !important; }
}

@media (min-width: 762px) {
  .dm190 { margin: 1.9em !important; }
  .dp190 { padding: 1.9em !important; }
  .dmy190 { margin-top: 1.9em !important; margin-bottom: 1.9em !important; }
  .dpy190 { padding-top: 1.9em !important; padding-bottom: 1.9em !important; }
  .dmx190 { margin-right: 1.9em !important; margin-left: 1.9em !important; }
  .dpx190 { padding-right: 1.9em !important; padding-left: 1.9em !important; }
}

.m195 { margin: 1.95em !important; }

.p195 { padding: 1.95em !important; }

.my195 { margin-top: 1.95em !important; margin-bottom: 1.95em !important; }

.py195 { padding-top: 1.95em !important; padding-bottom: 1.95em !important; }

.mx195 { margin-right: 1.95em !important; margin-left: 1.95em !important; }

.px195 { padding-right: 1.95em !important; padding-left: 1.95em !important; }

@media (max-width: 761px) {
  .mm195 { margin: 1.95em !important; }
  .mp195 { padding: 1.95em !important; }
  .mmy195 { margin-top: 1.95em !important; margin-bottom: 1.95em !important; }
  .mpy195 { padding-top: 1.95em !important; padding-bottom: 1.95em !important; }
  .mmx195 { margin-right: 1.95em !important; margin-left: 1.95em !important; }
  .mpx195 { padding-right: 1.95em !important; padding-left: 1.95em !important; }
}

@media (min-width: 762px) {
  .dm195 { margin: 1.95em !important; }
  .dp195 { padding: 1.95em !important; }
  .dmy195 { margin-top: 1.95em !important; margin-bottom: 1.95em !important; }
  .dpy195 { padding-top: 1.95em !important; padding-bottom: 1.95em !important; }
  .dmx195 { margin-right: 1.95em !important; margin-left: 1.95em !important; }
  .dpx195 { padding-right: 1.95em !important; padding-left: 1.95em !important; }
}

.m200 { margin: 2em !important; }

.p200 { padding: 2em !important; }

.my200 { margin-top: 2em !important; margin-bottom: 2em !important; }

.py200 { padding-top: 2em !important; padding-bottom: 2em !important; }

.mx200 { margin-right: 2em !important; margin-left: 2em !important; }

.px200 { padding-right: 2em !important; padding-left: 2em !important; }

@media (max-width: 761px) {
  .mm200 { margin: 2em !important; }
  .mp200 { padding: 2em !important; }
  .mmy200 { margin-top: 2em !important; margin-bottom: 2em !important; }
  .mpy200 { padding-top: 2em !important; padding-bottom: 2em !important; }
  .mmx200 { margin-right: 2em !important; margin-left: 2em !important; }
  .mpx200 { padding-right: 2em !important; padding-left: 2em !important; }
}

@media (min-width: 762px) {
  .dm200 { margin: 2em !important; }
  .dp200 { padding: 2em !important; }
  .dmy200 { margin-top: 2em !important; margin-bottom: 2em !important; }
  .dpy200 { padding-top: 2em !important; padding-bottom: 2em !important; }
  .dmx200 { margin-right: 2em !important; margin-left: 2em !important; }
  .dpx200 { padding-right: 2em !important; padding-left: 2em !important; }
}

.m205 { margin: 2.05em !important; }

.p205 { padding: 2.05em !important; }

.my205 { margin-top: 2.05em !important; margin-bottom: 2.05em !important; }

.py205 { padding-top: 2.05em !important; padding-bottom: 2.05em !important; }

.mx205 { margin-right: 2.05em !important; margin-left: 2.05em !important; }

.px205 { padding-right: 2.05em !important; padding-left: 2.05em !important; }

@media (max-width: 761px) {
  .mm205 { margin: 2.05em !important; }
  .mp205 { padding: 2.05em !important; }
  .mmy205 { margin-top: 2.05em !important; margin-bottom: 2.05em !important; }
  .mpy205 { padding-top: 2.05em !important; padding-bottom: 2.05em !important; }
  .mmx205 { margin-right: 2.05em !important; margin-left: 2.05em !important; }
  .mpx205 { padding-right: 2.05em !important; padding-left: 2.05em !important; }
}

@media (min-width: 762px) {
  .dm205 { margin: 2.05em !important; }
  .dp205 { padding: 2.05em !important; }
  .dmy205 { margin-top: 2.05em !important; margin-bottom: 2.05em !important; }
  .dpy205 { padding-top: 2.05em !important; padding-bottom: 2.05em !important; }
  .dmx205 { margin-right: 2.05em !important; margin-left: 2.05em !important; }
  .dpx205 { padding-right: 2.05em !important; padding-left: 2.05em !important; }
}

.m210 { margin: 2.1em !important; }

.p210 { padding: 2.1em !important; }

.my210 { margin-top: 2.1em !important; margin-bottom: 2.1em !important; }

.py210 { padding-top: 2.1em !important; padding-bottom: 2.1em !important; }

.mx210 { margin-right: 2.1em !important; margin-left: 2.1em !important; }

.px210 { padding-right: 2.1em !important; padding-left: 2.1em !important; }

@media (max-width: 761px) {
  .mm210 { margin: 2.1em !important; }
  .mp210 { padding: 2.1em !important; }
  .mmy210 { margin-top: 2.1em !important; margin-bottom: 2.1em !important; }
  .mpy210 { padding-top: 2.1em !important; padding-bottom: 2.1em !important; }
  .mmx210 { margin-right: 2.1em !important; margin-left: 2.1em !important; }
  .mpx210 { padding-right: 2.1em !important; padding-left: 2.1em !important; }
}

@media (min-width: 762px) {
  .dm210 { margin: 2.1em !important; }
  .dp210 { padding: 2.1em !important; }
  .dmy210 { margin-top: 2.1em !important; margin-bottom: 2.1em !important; }
  .dpy210 { padding-top: 2.1em !important; padding-bottom: 2.1em !important; }
  .dmx210 { margin-right: 2.1em !important; margin-left: 2.1em !important; }
  .dpx210 { padding-right: 2.1em !important; padding-left: 2.1em !important; }
}

.m215 { margin: 2.15em !important; }

.p215 { padding: 2.15em !important; }

.my215 { margin-top: 2.15em !important; margin-bottom: 2.15em !important; }

.py215 { padding-top: 2.15em !important; padding-bottom: 2.15em !important; }

.mx215 { margin-right: 2.15em !important; margin-left: 2.15em !important; }

.px215 { padding-right: 2.15em !important; padding-left: 2.15em !important; }

@media (max-width: 761px) {
  .mm215 { margin: 2.15em !important; }
  .mp215 { padding: 2.15em !important; }
  .mmy215 { margin-top: 2.15em !important; margin-bottom: 2.15em !important; }
  .mpy215 { padding-top: 2.15em !important; padding-bottom: 2.15em !important; }
  .mmx215 { margin-right: 2.15em !important; margin-left: 2.15em !important; }
  .mpx215 { padding-right: 2.15em !important; padding-left: 2.15em !important; }
}

@media (min-width: 762px) {
  .dm215 { margin: 2.15em !important; }
  .dp215 { padding: 2.15em !important; }
  .dmy215 { margin-top: 2.15em !important; margin-bottom: 2.15em !important; }
  .dpy215 { padding-top: 2.15em !important; padding-bottom: 2.15em !important; }
  .dmx215 { margin-right: 2.15em !important; margin-left: 2.15em !important; }
  .dpx215 { padding-right: 2.15em !important; padding-left: 2.15em !important; }
}

.m220 { margin: 2.2em !important; }

.p220 { padding: 2.2em !important; }

.my220 { margin-top: 2.2em !important; margin-bottom: 2.2em !important; }

.py220 { padding-top: 2.2em !important; padding-bottom: 2.2em !important; }

.mx220 { margin-right: 2.2em !important; margin-left: 2.2em !important; }

.px220 { padding-right: 2.2em !important; padding-left: 2.2em !important; }

@media (max-width: 761px) {
  .mm220 { margin: 2.2em !important; }
  .mp220 { padding: 2.2em !important; }
  .mmy220 { margin-top: 2.2em !important; margin-bottom: 2.2em !important; }
  .mpy220 { padding-top: 2.2em !important; padding-bottom: 2.2em !important; }
  .mmx220 { margin-right: 2.2em !important; margin-left: 2.2em !important; }
  .mpx220 { padding-right: 2.2em !important; padding-left: 2.2em !important; }
}

@media (min-width: 762px) {
  .dm220 { margin: 2.2em !important; }
  .dp220 { padding: 2.2em !important; }
  .dmy220 { margin-top: 2.2em !important; margin-bottom: 2.2em !important; }
  .dpy220 { padding-top: 2.2em !important; padding-bottom: 2.2em !important; }
  .dmx220 { margin-right: 2.2em !important; margin-left: 2.2em !important; }
  .dpx220 { padding-right: 2.2em !important; padding-left: 2.2em !important; }
}

.m225 { margin: 2.25em !important; }

.p225 { padding: 2.25em !important; }

.my225 { margin-top: 2.25em !important; margin-bottom: 2.25em !important; }

.py225 { padding-top: 2.25em !important; padding-bottom: 2.25em !important; }

.mx225 { margin-right: 2.25em !important; margin-left: 2.25em !important; }

.px225 { padding-right: 2.25em !important; padding-left: 2.25em !important; }

@media (max-width: 761px) {
  .mm225 { margin: 2.25em !important; }
  .mp225 { padding: 2.25em !important; }
  .mmy225 { margin-top: 2.25em !important; margin-bottom: 2.25em !important; }
  .mpy225 { padding-top: 2.25em !important; padding-bottom: 2.25em !important; }
  .mmx225 { margin-right: 2.25em !important; margin-left: 2.25em !important; }
  .mpx225 { padding-right: 2.25em !important; padding-left: 2.25em !important; }
}

@media (min-width: 762px) {
  .dm225 { margin: 2.25em !important; }
  .dp225 { padding: 2.25em !important; }
  .dmy225 { margin-top: 2.25em !important; margin-bottom: 2.25em !important; }
  .dpy225 { padding-top: 2.25em !important; padding-bottom: 2.25em !important; }
  .dmx225 { margin-right: 2.25em !important; margin-left: 2.25em !important; }
  .dpx225 { padding-right: 2.25em !important; padding-left: 2.25em !important; }
}

.m230 { margin: 2.3em !important; }

.p230 { padding: 2.3em !important; }

.my230 { margin-top: 2.3em !important; margin-bottom: 2.3em !important; }

.py230 { padding-top: 2.3em !important; padding-bottom: 2.3em !important; }

.mx230 { margin-right: 2.3em !important; margin-left: 2.3em !important; }

.px230 { padding-right: 2.3em !important; padding-left: 2.3em !important; }

@media (max-width: 761px) {
  .mm230 { margin: 2.3em !important; }
  .mp230 { padding: 2.3em !important; }
  .mmy230 { margin-top: 2.3em !important; margin-bottom: 2.3em !important; }
  .mpy230 { padding-top: 2.3em !important; padding-bottom: 2.3em !important; }
  .mmx230 { margin-right: 2.3em !important; margin-left: 2.3em !important; }
  .mpx230 { padding-right: 2.3em !important; padding-left: 2.3em !important; }
}

@media (min-width: 762px) {
  .dm230 { margin: 2.3em !important; }
  .dp230 { padding: 2.3em !important; }
  .dmy230 { margin-top: 2.3em !important; margin-bottom: 2.3em !important; }
  .dpy230 { padding-top: 2.3em !important; padding-bottom: 2.3em !important; }
  .dmx230 { margin-right: 2.3em !important; margin-left: 2.3em !important; }
  .dpx230 { padding-right: 2.3em !important; padding-left: 2.3em !important; }
}

.m235 { margin: 2.35em !important; }

.p235 { padding: 2.35em !important; }

.my235 { margin-top: 2.35em !important; margin-bottom: 2.35em !important; }

.py235 { padding-top: 2.35em !important; padding-bottom: 2.35em !important; }

.mx235 { margin-right: 2.35em !important; margin-left: 2.35em !important; }

.px235 { padding-right: 2.35em !important; padding-left: 2.35em !important; }

@media (max-width: 761px) {
  .mm235 { margin: 2.35em !important; }
  .mp235 { padding: 2.35em !important; }
  .mmy235 { margin-top: 2.35em !important; margin-bottom: 2.35em !important; }
  .mpy235 { padding-top: 2.35em !important; padding-bottom: 2.35em !important; }
  .mmx235 { margin-right: 2.35em !important; margin-left: 2.35em !important; }
  .mpx235 { padding-right: 2.35em !important; padding-left: 2.35em !important; }
}

@media (min-width: 762px) {
  .dm235 { margin: 2.35em !important; }
  .dp235 { padding: 2.35em !important; }
  .dmy235 { margin-top: 2.35em !important; margin-bottom: 2.35em !important; }
  .dpy235 { padding-top: 2.35em !important; padding-bottom: 2.35em !important; }
  .dmx235 { margin-right: 2.35em !important; margin-left: 2.35em !important; }
  .dpx235 { padding-right: 2.35em !important; padding-left: 2.35em !important; }
}

.m240 { margin: 2.4em !important; }

.p240 { padding: 2.4em !important; }

.my240 { margin-top: 2.4em !important; margin-bottom: 2.4em !important; }

.py240 { padding-top: 2.4em !important; padding-bottom: 2.4em !important; }

.mx240 { margin-right: 2.4em !important; margin-left: 2.4em !important; }

.px240 { padding-right: 2.4em !important; padding-left: 2.4em !important; }

@media (max-width: 761px) {
  .mm240 { margin: 2.4em !important; }
  .mp240 { padding: 2.4em !important; }
  .mmy240 { margin-top: 2.4em !important; margin-bottom: 2.4em !important; }
  .mpy240 { padding-top: 2.4em !important; padding-bottom: 2.4em !important; }
  .mmx240 { margin-right: 2.4em !important; margin-left: 2.4em !important; }
  .mpx240 { padding-right: 2.4em !important; padding-left: 2.4em !important; }
}

@media (min-width: 762px) {
  .dm240 { margin: 2.4em !important; }
  .dp240 { padding: 2.4em !important; }
  .dmy240 { margin-top: 2.4em !important; margin-bottom: 2.4em !important; }
  .dpy240 { padding-top: 2.4em !important; padding-bottom: 2.4em !important; }
  .dmx240 { margin-right: 2.4em !important; margin-left: 2.4em !important; }
  .dpx240 { padding-right: 2.4em !important; padding-left: 2.4em !important; }
}

.m245 { margin: 2.45em !important; }

.p245 { padding: 2.45em !important; }

.my245 { margin-top: 2.45em !important; margin-bottom: 2.45em !important; }

.py245 { padding-top: 2.45em !important; padding-bottom: 2.45em !important; }

.mx245 { margin-right: 2.45em !important; margin-left: 2.45em !important; }

.px245 { padding-right: 2.45em !important; padding-left: 2.45em !important; }

@media (max-width: 761px) {
  .mm245 { margin: 2.45em !important; }
  .mp245 { padding: 2.45em !important; }
  .mmy245 { margin-top: 2.45em !important; margin-bottom: 2.45em !important; }
  .mpy245 { padding-top: 2.45em !important; padding-bottom: 2.45em !important; }
  .mmx245 { margin-right: 2.45em !important; margin-left: 2.45em !important; }
  .mpx245 { padding-right: 2.45em !important; padding-left: 2.45em !important; }
}

@media (min-width: 762px) {
  .dm245 { margin: 2.45em !important; }
  .dp245 { padding: 2.45em !important; }
  .dmy245 { margin-top: 2.45em !important; margin-bottom: 2.45em !important; }
  .dpy245 { padding-top: 2.45em !important; padding-bottom: 2.45em !important; }
  .dmx245 { margin-right: 2.45em !important; margin-left: 2.45em !important; }
  .dpx245 { padding-right: 2.45em !important; padding-left: 2.45em !important; }
}

.m250 { margin: 2.5em !important; }

.p250 { padding: 2.5em !important; }

.my250 { margin-top: 2.5em !important; margin-bottom: 2.5em !important; }

.py250 { padding-top: 2.5em !important; padding-bottom: 2.5em !important; }

.mx250 { margin-right: 2.5em !important; margin-left: 2.5em !important; }

.px250 { padding-right: 2.5em !important; padding-left: 2.5em !important; }

@media (max-width: 761px) {
  .mm250 { margin: 2.5em !important; }
  .mp250 { padding: 2.5em !important; }
  .mmy250 { margin-top: 2.5em !important; margin-bottom: 2.5em !important; }
  .mpy250 { padding-top: 2.5em !important; padding-bottom: 2.5em !important; }
  .mmx250 { margin-right: 2.5em !important; margin-left: 2.5em !important; }
  .mpx250 { padding-right: 2.5em !important; padding-left: 2.5em !important; }
}

@media (min-width: 762px) {
  .dm250 { margin: 2.5em !important; }
  .dp250 { padding: 2.5em !important; }
  .dmy250 { margin-top: 2.5em !important; margin-bottom: 2.5em !important; }
  .dpy250 { padding-top: 2.5em !important; padding-bottom: 2.5em !important; }
  .dmx250 { margin-right: 2.5em !important; margin-left: 2.5em !important; }
  .dpx250 { padding-right: 2.5em !important; padding-left: 2.5em !important; }
}

.m255 { margin: 2.55em !important; }

.p255 { padding: 2.55em !important; }

.my255 { margin-top: 2.55em !important; margin-bottom: 2.55em !important; }

.py255 { padding-top: 2.55em !important; padding-bottom: 2.55em !important; }

.mx255 { margin-right: 2.55em !important; margin-left: 2.55em !important; }

.px255 { padding-right: 2.55em !important; padding-left: 2.55em !important; }

@media (max-width: 761px) {
  .mm255 { margin: 2.55em !important; }
  .mp255 { padding: 2.55em !important; }
  .mmy255 { margin-top: 2.55em !important; margin-bottom: 2.55em !important; }
  .mpy255 { padding-top: 2.55em !important; padding-bottom: 2.55em !important; }
  .mmx255 { margin-right: 2.55em !important; margin-left: 2.55em !important; }
  .mpx255 { padding-right: 2.55em !important; padding-left: 2.55em !important; }
}

@media (min-width: 762px) {
  .dm255 { margin: 2.55em !important; }
  .dp255 { padding: 2.55em !important; }
  .dmy255 { margin-top: 2.55em !important; margin-bottom: 2.55em !important; }
  .dpy255 { padding-top: 2.55em !important; padding-bottom: 2.55em !important; }
  .dmx255 { margin-right: 2.55em !important; margin-left: 2.55em !important; }
  .dpx255 { padding-right: 2.55em !important; padding-left: 2.55em !important; }
}

.m260 { margin: 2.6em !important; }

.p260 { padding: 2.6em !important; }

.my260 { margin-top: 2.6em !important; margin-bottom: 2.6em !important; }

.py260 { padding-top: 2.6em !important; padding-bottom: 2.6em !important; }

.mx260 { margin-right: 2.6em !important; margin-left: 2.6em !important; }

.px260 { padding-right: 2.6em !important; padding-left: 2.6em !important; }

@media (max-width: 761px) {
  .mm260 { margin: 2.6em !important; }
  .mp260 { padding: 2.6em !important; }
  .mmy260 { margin-top: 2.6em !important; margin-bottom: 2.6em !important; }
  .mpy260 { padding-top: 2.6em !important; padding-bottom: 2.6em !important; }
  .mmx260 { margin-right: 2.6em !important; margin-left: 2.6em !important; }
  .mpx260 { padding-right: 2.6em !important; padding-left: 2.6em !important; }
}

@media (min-width: 762px) {
  .dm260 { margin: 2.6em !important; }
  .dp260 { padding: 2.6em !important; }
  .dmy260 { margin-top: 2.6em !important; margin-bottom: 2.6em !important; }
  .dpy260 { padding-top: 2.6em !important; padding-bottom: 2.6em !important; }
  .dmx260 { margin-right: 2.6em !important; margin-left: 2.6em !important; }
  .dpx260 { padding-right: 2.6em !important; padding-left: 2.6em !important; }
}

.m265 { margin: 2.65em !important; }

.p265 { padding: 2.65em !important; }

.my265 { margin-top: 2.65em !important; margin-bottom: 2.65em !important; }

.py265 { padding-top: 2.65em !important; padding-bottom: 2.65em !important; }

.mx265 { margin-right: 2.65em !important; margin-left: 2.65em !important; }

.px265 { padding-right: 2.65em !important; padding-left: 2.65em !important; }

@media (max-width: 761px) {
  .mm265 { margin: 2.65em !important; }
  .mp265 { padding: 2.65em !important; }
  .mmy265 { margin-top: 2.65em !important; margin-bottom: 2.65em !important; }
  .mpy265 { padding-top: 2.65em !important; padding-bottom: 2.65em !important; }
  .mmx265 { margin-right: 2.65em !important; margin-left: 2.65em !important; }
  .mpx265 { padding-right: 2.65em !important; padding-left: 2.65em !important; }
}

@media (min-width: 762px) {
  .dm265 { margin: 2.65em !important; }
  .dp265 { padding: 2.65em !important; }
  .dmy265 { margin-top: 2.65em !important; margin-bottom: 2.65em !important; }
  .dpy265 { padding-top: 2.65em !important; padding-bottom: 2.65em !important; }
  .dmx265 { margin-right: 2.65em !important; margin-left: 2.65em !important; }
  .dpx265 { padding-right: 2.65em !important; padding-left: 2.65em !important; }
}

.m270 { margin: 2.7em !important; }

.p270 { padding: 2.7em !important; }

.my270 { margin-top: 2.7em !important; margin-bottom: 2.7em !important; }

.py270 { padding-top: 2.7em !important; padding-bottom: 2.7em !important; }

.mx270 { margin-right: 2.7em !important; margin-left: 2.7em !important; }

.px270 { padding-right: 2.7em !important; padding-left: 2.7em !important; }

@media (max-width: 761px) {
  .mm270 { margin: 2.7em !important; }
  .mp270 { padding: 2.7em !important; }
  .mmy270 { margin-top: 2.7em !important; margin-bottom: 2.7em !important; }
  .mpy270 { padding-top: 2.7em !important; padding-bottom: 2.7em !important; }
  .mmx270 { margin-right: 2.7em !important; margin-left: 2.7em !important; }
  .mpx270 { padding-right: 2.7em !important; padding-left: 2.7em !important; }
}

@media (min-width: 762px) {
  .dm270 { margin: 2.7em !important; }
  .dp270 { padding: 2.7em !important; }
  .dmy270 { margin-top: 2.7em !important; margin-bottom: 2.7em !important; }
  .dpy270 { padding-top: 2.7em !important; padding-bottom: 2.7em !important; }
  .dmx270 { margin-right: 2.7em !important; margin-left: 2.7em !important; }
  .dpx270 { padding-right: 2.7em !important; padding-left: 2.7em !important; }
}

.m275 { margin: 2.75em !important; }

.p275 { padding: 2.75em !important; }

.my275 { margin-top: 2.75em !important; margin-bottom: 2.75em !important; }

.py275 { padding-top: 2.75em !important; padding-bottom: 2.75em !important; }

.mx275 { margin-right: 2.75em !important; margin-left: 2.75em !important; }

.px275 { padding-right: 2.75em !important; padding-left: 2.75em !important; }

@media (max-width: 761px) {
  .mm275 { margin: 2.75em !important; }
  .mp275 { padding: 2.75em !important; }
  .mmy275 { margin-top: 2.75em !important; margin-bottom: 2.75em !important; }
  .mpy275 { padding-top: 2.75em !important; padding-bottom: 2.75em !important; }
  .mmx275 { margin-right: 2.75em !important; margin-left: 2.75em !important; }
  .mpx275 { padding-right: 2.75em !important; padding-left: 2.75em !important; }
}

@media (min-width: 762px) {
  .dm275 { margin: 2.75em !important; }
  .dp275 { padding: 2.75em !important; }
  .dmy275 { margin-top: 2.75em !important; margin-bottom: 2.75em !important; }
  .dpy275 { padding-top: 2.75em !important; padding-bottom: 2.75em !important; }
  .dmx275 { margin-right: 2.75em !important; margin-left: 2.75em !important; }
  .dpx275 { padding-right: 2.75em !important; padding-left: 2.75em !important; }
}

.m280 { margin: 2.8em !important; }

.p280 { padding: 2.8em !important; }

.my280 { margin-top: 2.8em !important; margin-bottom: 2.8em !important; }

.py280 { padding-top: 2.8em !important; padding-bottom: 2.8em !important; }

.mx280 { margin-right: 2.8em !important; margin-left: 2.8em !important; }

.px280 { padding-right: 2.8em !important; padding-left: 2.8em !important; }

@media (max-width: 761px) {
  .mm280 { margin: 2.8em !important; }
  .mp280 { padding: 2.8em !important; }
  .mmy280 { margin-top: 2.8em !important; margin-bottom: 2.8em !important; }
  .mpy280 { padding-top: 2.8em !important; padding-bottom: 2.8em !important; }
  .mmx280 { margin-right: 2.8em !important; margin-left: 2.8em !important; }
  .mpx280 { padding-right: 2.8em !important; padding-left: 2.8em !important; }
}

@media (min-width: 762px) {
  .dm280 { margin: 2.8em !important; }
  .dp280 { padding: 2.8em !important; }
  .dmy280 { margin-top: 2.8em !important; margin-bottom: 2.8em !important; }
  .dpy280 { padding-top: 2.8em !important; padding-bottom: 2.8em !important; }
  .dmx280 { margin-right: 2.8em !important; margin-left: 2.8em !important; }
  .dpx280 { padding-right: 2.8em !important; padding-left: 2.8em !important; }
}

.m285 { margin: 2.85em !important; }

.p285 { padding: 2.85em !important; }

.my285 { margin-top: 2.85em !important; margin-bottom: 2.85em !important; }

.py285 { padding-top: 2.85em !important; padding-bottom: 2.85em !important; }

.mx285 { margin-right: 2.85em !important; margin-left: 2.85em !important; }

.px285 { padding-right: 2.85em !important; padding-left: 2.85em !important; }

@media (max-width: 761px) {
  .mm285 { margin: 2.85em !important; }
  .mp285 { padding: 2.85em !important; }
  .mmy285 { margin-top: 2.85em !important; margin-bottom: 2.85em !important; }
  .mpy285 { padding-top: 2.85em !important; padding-bottom: 2.85em !important; }
  .mmx285 { margin-right: 2.85em !important; margin-left: 2.85em !important; }
  .mpx285 { padding-right: 2.85em !important; padding-left: 2.85em !important; }
}

@media (min-width: 762px) {
  .dm285 { margin: 2.85em !important; }
  .dp285 { padding: 2.85em !important; }
  .dmy285 { margin-top: 2.85em !important; margin-bottom: 2.85em !important; }
  .dpy285 { padding-top: 2.85em !important; padding-bottom: 2.85em !important; }
  .dmx285 { margin-right: 2.85em !important; margin-left: 2.85em !important; }
  .dpx285 { padding-right: 2.85em !important; padding-left: 2.85em !important; }
}

.m290 { margin: 2.9em !important; }

.p290 { padding: 2.9em !important; }

.my290 { margin-top: 2.9em !important; margin-bottom: 2.9em !important; }

.py290 { padding-top: 2.9em !important; padding-bottom: 2.9em !important; }

.mx290 { margin-right: 2.9em !important; margin-left: 2.9em !important; }

.px290 { padding-right: 2.9em !important; padding-left: 2.9em !important; }

@media (max-width: 761px) {
  .mm290 { margin: 2.9em !important; }
  .mp290 { padding: 2.9em !important; }
  .mmy290 { margin-top: 2.9em !important; margin-bottom: 2.9em !important; }
  .mpy290 { padding-top: 2.9em !important; padding-bottom: 2.9em !important; }
  .mmx290 { margin-right: 2.9em !important; margin-left: 2.9em !important; }
  .mpx290 { padding-right: 2.9em !important; padding-left: 2.9em !important; }
}

@media (min-width: 762px) {
  .dm290 { margin: 2.9em !important; }
  .dp290 { padding: 2.9em !important; }
  .dmy290 { margin-top: 2.9em !important; margin-bottom: 2.9em !important; }
  .dpy290 { padding-top: 2.9em !important; padding-bottom: 2.9em !important; }
  .dmx290 { margin-right: 2.9em !important; margin-left: 2.9em !important; }
  .dpx290 { padding-right: 2.9em !important; padding-left: 2.9em !important; }
}

.m295 { margin: 2.95em !important; }

.p295 { padding: 2.95em !important; }

.my295 { margin-top: 2.95em !important; margin-bottom: 2.95em !important; }

.py295 { padding-top: 2.95em !important; padding-bottom: 2.95em !important; }

.mx295 { margin-right: 2.95em !important; margin-left: 2.95em !important; }

.px295 { padding-right: 2.95em !important; padding-left: 2.95em !important; }

@media (max-width: 761px) {
  .mm295 { margin: 2.95em !important; }
  .mp295 { padding: 2.95em !important; }
  .mmy295 { margin-top: 2.95em !important; margin-bottom: 2.95em !important; }
  .mpy295 { padding-top: 2.95em !important; padding-bottom: 2.95em !important; }
  .mmx295 { margin-right: 2.95em !important; margin-left: 2.95em !important; }
  .mpx295 { padding-right: 2.95em !important; padding-left: 2.95em !important; }
}

@media (min-width: 762px) {
  .dm295 { margin: 2.95em !important; }
  .dp295 { padding: 2.95em !important; }
  .dmy295 { margin-top: 2.95em !important; margin-bottom: 2.95em !important; }
  .dpy295 { padding-top: 2.95em !important; padding-bottom: 2.95em !important; }
  .dmx295 { margin-right: 2.95em !important; margin-left: 2.95em !important; }
  .dpx295 { padding-right: 2.95em !important; padding-left: 2.95em !important; }
}

.m300 { margin: 3em !important; }

.p300 { padding: 3em !important; }

.my300 { margin-top: 3em !important; margin-bottom: 3em !important; }

.py300 { padding-top: 3em !important; padding-bottom: 3em !important; }

.mx300 { margin-right: 3em !important; margin-left: 3em !important; }

.px300 { padding-right: 3em !important; padding-left: 3em !important; }

@media (max-width: 761px) {
  .mm300 { margin: 3em !important; }
  .mp300 { padding: 3em !important; }
  .mmy300 { margin-top: 3em !important; margin-bottom: 3em !important; }
  .mpy300 { padding-top: 3em !important; padding-bottom: 3em !important; }
  .mmx300 { margin-right: 3em !important; margin-left: 3em !important; }
  .mpx300 { padding-right: 3em !important; padding-left: 3em !important; }
}

@media (min-width: 762px) {
  .dm300 { margin: 3em !important; }
  .dp300 { padding: 3em !important; }
  .dmy300 { margin-top: 3em !important; margin-bottom: 3em !important; }
  .dpy300 { padding-top: 3em !important; padding-bottom: 3em !important; }
  .dmx300 { margin-right: 3em !important; margin-left: 3em !important; }
  .dpx300 { padding-right: 3em !important; padding-left: 3em !important; }
}

.m305 { margin: 3.05em !important; }

.p305 { padding: 3.05em !important; }

.my305 { margin-top: 3.05em !important; margin-bottom: 3.05em !important; }

.py305 { padding-top: 3.05em !important; padding-bottom: 3.05em !important; }

.mx305 { margin-right: 3.05em !important; margin-left: 3.05em !important; }

.px305 { padding-right: 3.05em !important; padding-left: 3.05em !important; }

@media (max-width: 761px) {
  .mm305 { margin: 3.05em !important; }
  .mp305 { padding: 3.05em !important; }
  .mmy305 { margin-top: 3.05em !important; margin-bottom: 3.05em !important; }
  .mpy305 { padding-top: 3.05em !important; padding-bottom: 3.05em !important; }
  .mmx305 { margin-right: 3.05em !important; margin-left: 3.05em !important; }
  .mpx305 { padding-right: 3.05em !important; padding-left: 3.05em !important; }
}

@media (min-width: 762px) {
  .dm305 { margin: 3.05em !important; }
  .dp305 { padding: 3.05em !important; }
  .dmy305 { margin-top: 3.05em !important; margin-bottom: 3.05em !important; }
  .dpy305 { padding-top: 3.05em !important; padding-bottom: 3.05em !important; }
  .dmx305 { margin-right: 3.05em !important; margin-left: 3.05em !important; }
  .dpx305 { padding-right: 3.05em !important; padding-left: 3.05em !important; }
}

.m310 { margin: 3.1em !important; }

.p310 { padding: 3.1em !important; }

.my310 { margin-top: 3.1em !important; margin-bottom: 3.1em !important; }

.py310 { padding-top: 3.1em !important; padding-bottom: 3.1em !important; }

.mx310 { margin-right: 3.1em !important; margin-left: 3.1em !important; }

.px310 { padding-right: 3.1em !important; padding-left: 3.1em !important; }

@media (max-width: 761px) {
  .mm310 { margin: 3.1em !important; }
  .mp310 { padding: 3.1em !important; }
  .mmy310 { margin-top: 3.1em !important; margin-bottom: 3.1em !important; }
  .mpy310 { padding-top: 3.1em !important; padding-bottom: 3.1em !important; }
  .mmx310 { margin-right: 3.1em !important; margin-left: 3.1em !important; }
  .mpx310 { padding-right: 3.1em !important; padding-left: 3.1em !important; }
}

@media (min-width: 762px) {
  .dm310 { margin: 3.1em !important; }
  .dp310 { padding: 3.1em !important; }
  .dmy310 { margin-top: 3.1em !important; margin-bottom: 3.1em !important; }
  .dpy310 { padding-top: 3.1em !important; padding-bottom: 3.1em !important; }
  .dmx310 { margin-right: 3.1em !important; margin-left: 3.1em !important; }
  .dpx310 { padding-right: 3.1em !important; padding-left: 3.1em !important; }
}

.m315 { margin: 3.15em !important; }

.p315 { padding: 3.15em !important; }

.my315 { margin-top: 3.15em !important; margin-bottom: 3.15em !important; }

.py315 { padding-top: 3.15em !important; padding-bottom: 3.15em !important; }

.mx315 { margin-right: 3.15em !important; margin-left: 3.15em !important; }

.px315 { padding-right: 3.15em !important; padding-left: 3.15em !important; }

@media (max-width: 761px) {
  .mm315 { margin: 3.15em !important; }
  .mp315 { padding: 3.15em !important; }
  .mmy315 { margin-top: 3.15em !important; margin-bottom: 3.15em !important; }
  .mpy315 { padding-top: 3.15em !important; padding-bottom: 3.15em !important; }
  .mmx315 { margin-right: 3.15em !important; margin-left: 3.15em !important; }
  .mpx315 { padding-right: 3.15em !important; padding-left: 3.15em !important; }
}

@media (min-width: 762px) {
  .dm315 { margin: 3.15em !important; }
  .dp315 { padding: 3.15em !important; }
  .dmy315 { margin-top: 3.15em !important; margin-bottom: 3.15em !important; }
  .dpy315 { padding-top: 3.15em !important; padding-bottom: 3.15em !important; }
  .dmx315 { margin-right: 3.15em !important; margin-left: 3.15em !important; }
  .dpx315 { padding-right: 3.15em !important; padding-left: 3.15em !important; }
}

.m320 { margin: 3.2em !important; }

.p320 { padding: 3.2em !important; }

.my320 { margin-top: 3.2em !important; margin-bottom: 3.2em !important; }

.py320 { padding-top: 3.2em !important; padding-bottom: 3.2em !important; }

.mx320 { margin-right: 3.2em !important; margin-left: 3.2em !important; }

.px320 { padding-right: 3.2em !important; padding-left: 3.2em !important; }

@media (max-width: 761px) {
  .mm320 { margin: 3.2em !important; }
  .mp320 { padding: 3.2em !important; }
  .mmy320 { margin-top: 3.2em !important; margin-bottom: 3.2em !important; }
  .mpy320 { padding-top: 3.2em !important; padding-bottom: 3.2em !important; }
  .mmx320 { margin-right: 3.2em !important; margin-left: 3.2em !important; }
  .mpx320 { padding-right: 3.2em !important; padding-left: 3.2em !important; }
}

@media (min-width: 762px) {
  .dm320 { margin: 3.2em !important; }
  .dp320 { padding: 3.2em !important; }
  .dmy320 { margin-top: 3.2em !important; margin-bottom: 3.2em !important; }
  .dpy320 { padding-top: 3.2em !important; padding-bottom: 3.2em !important; }
  .dmx320 { margin-right: 3.2em !important; margin-left: 3.2em !important; }
  .dpx320 { padding-right: 3.2em !important; padding-left: 3.2em !important; }
}

.m325 { margin: 3.25em !important; }

.p325 { padding: 3.25em !important; }

.my325 { margin-top: 3.25em !important; margin-bottom: 3.25em !important; }

.py325 { padding-top: 3.25em !important; padding-bottom: 3.25em !important; }

.mx325 { margin-right: 3.25em !important; margin-left: 3.25em !important; }

.px325 { padding-right: 3.25em !important; padding-left: 3.25em !important; }

@media (max-width: 761px) {
  .mm325 { margin: 3.25em !important; }
  .mp325 { padding: 3.25em !important; }
  .mmy325 { margin-top: 3.25em !important; margin-bottom: 3.25em !important; }
  .mpy325 { padding-top: 3.25em !important; padding-bottom: 3.25em !important; }
  .mmx325 { margin-right: 3.25em !important; margin-left: 3.25em !important; }
  .mpx325 { padding-right: 3.25em !important; padding-left: 3.25em !important; }
}

@media (min-width: 762px) {
  .dm325 { margin: 3.25em !important; }
  .dp325 { padding: 3.25em !important; }
  .dmy325 { margin-top: 3.25em !important; margin-bottom: 3.25em !important; }
  .dpy325 { padding-top: 3.25em !important; padding-bottom: 3.25em !important; }
  .dmx325 { margin-right: 3.25em !important; margin-left: 3.25em !important; }
  .dpx325 { padding-right: 3.25em !important; padding-left: 3.25em !important; }
}

.m330 { margin: 3.3em !important; }

.p330 { padding: 3.3em !important; }

.my330 { margin-top: 3.3em !important; margin-bottom: 3.3em !important; }

.py330 { padding-top: 3.3em !important; padding-bottom: 3.3em !important; }

.mx330 { margin-right: 3.3em !important; margin-left: 3.3em !important; }

.px330 { padding-right: 3.3em !important; padding-left: 3.3em !important; }

@media (max-width: 761px) {
  .mm330 { margin: 3.3em !important; }
  .mp330 { padding: 3.3em !important; }
  .mmy330 { margin-top: 3.3em !important; margin-bottom: 3.3em !important; }
  .mpy330 { padding-top: 3.3em !important; padding-bottom: 3.3em !important; }
  .mmx330 { margin-right: 3.3em !important; margin-left: 3.3em !important; }
  .mpx330 { padding-right: 3.3em !important; padding-left: 3.3em !important; }
}

@media (min-width: 762px) {
  .dm330 { margin: 3.3em !important; }
  .dp330 { padding: 3.3em !important; }
  .dmy330 { margin-top: 3.3em !important; margin-bottom: 3.3em !important; }
  .dpy330 { padding-top: 3.3em !important; padding-bottom: 3.3em !important; }
  .dmx330 { margin-right: 3.3em !important; margin-left: 3.3em !important; }
  .dpx330 { padding-right: 3.3em !important; padding-left: 3.3em !important; }
}

.m335 { margin: 3.35em !important; }

.p335 { padding: 3.35em !important; }

.my335 { margin-top: 3.35em !important; margin-bottom: 3.35em !important; }

.py335 { padding-top: 3.35em !important; padding-bottom: 3.35em !important; }

.mx335 { margin-right: 3.35em !important; margin-left: 3.35em !important; }

.px335 { padding-right: 3.35em !important; padding-left: 3.35em !important; }

@media (max-width: 761px) {
  .mm335 { margin: 3.35em !important; }
  .mp335 { padding: 3.35em !important; }
  .mmy335 { margin-top: 3.35em !important; margin-bottom: 3.35em !important; }
  .mpy335 { padding-top: 3.35em !important; padding-bottom: 3.35em !important; }
  .mmx335 { margin-right: 3.35em !important; margin-left: 3.35em !important; }
  .mpx335 { padding-right: 3.35em !important; padding-left: 3.35em !important; }
}

@media (min-width: 762px) {
  .dm335 { margin: 3.35em !important; }
  .dp335 { padding: 3.35em !important; }
  .dmy335 { margin-top: 3.35em !important; margin-bottom: 3.35em !important; }
  .dpy335 { padding-top: 3.35em !important; padding-bottom: 3.35em !important; }
  .dmx335 { margin-right: 3.35em !important; margin-left: 3.35em !important; }
  .dpx335 { padding-right: 3.35em !important; padding-left: 3.35em !important; }
}

.m340 { margin: 3.4em !important; }

.p340 { padding: 3.4em !important; }

.my340 { margin-top: 3.4em !important; margin-bottom: 3.4em !important; }

.py340 { padding-top: 3.4em !important; padding-bottom: 3.4em !important; }

.mx340 { margin-right: 3.4em !important; margin-left: 3.4em !important; }

.px340 { padding-right: 3.4em !important; padding-left: 3.4em !important; }

@media (max-width: 761px) {
  .mm340 { margin: 3.4em !important; }
  .mp340 { padding: 3.4em !important; }
  .mmy340 { margin-top: 3.4em !important; margin-bottom: 3.4em !important; }
  .mpy340 { padding-top: 3.4em !important; padding-bottom: 3.4em !important; }
  .mmx340 { margin-right: 3.4em !important; margin-left: 3.4em !important; }
  .mpx340 { padding-right: 3.4em !important; padding-left: 3.4em !important; }
}

@media (min-width: 762px) {
  .dm340 { margin: 3.4em !important; }
  .dp340 { padding: 3.4em !important; }
  .dmy340 { margin-top: 3.4em !important; margin-bottom: 3.4em !important; }
  .dpy340 { padding-top: 3.4em !important; padding-bottom: 3.4em !important; }
  .dmx340 { margin-right: 3.4em !important; margin-left: 3.4em !important; }
  .dpx340 { padding-right: 3.4em !important; padding-left: 3.4em !important; }
}

.m345 { margin: 3.45em !important; }

.p345 { padding: 3.45em !important; }

.my345 { margin-top: 3.45em !important; margin-bottom: 3.45em !important; }

.py345 { padding-top: 3.45em !important; padding-bottom: 3.45em !important; }

.mx345 { margin-right: 3.45em !important; margin-left: 3.45em !important; }

.px345 { padding-right: 3.45em !important; padding-left: 3.45em !important; }

@media (max-width: 761px) {
  .mm345 { margin: 3.45em !important; }
  .mp345 { padding: 3.45em !important; }
  .mmy345 { margin-top: 3.45em !important; margin-bottom: 3.45em !important; }
  .mpy345 { padding-top: 3.45em !important; padding-bottom: 3.45em !important; }
  .mmx345 { margin-right: 3.45em !important; margin-left: 3.45em !important; }
  .mpx345 { padding-right: 3.45em !important; padding-left: 3.45em !important; }
}

@media (min-width: 762px) {
  .dm345 { margin: 3.45em !important; }
  .dp345 { padding: 3.45em !important; }
  .dmy345 { margin-top: 3.45em !important; margin-bottom: 3.45em !important; }
  .dpy345 { padding-top: 3.45em !important; padding-bottom: 3.45em !important; }
  .dmx345 { margin-right: 3.45em !important; margin-left: 3.45em !important; }
  .dpx345 { padding-right: 3.45em !important; padding-left: 3.45em !important; }
}

.m350 { margin: 3.5em !important; }

.p350 { padding: 3.5em !important; }

.my350 { margin-top: 3.5em !important; margin-bottom: 3.5em !important; }

.py350 { padding-top: 3.5em !important; padding-bottom: 3.5em !important; }

.mx350 { margin-right: 3.5em !important; margin-left: 3.5em !important; }

.px350 { padding-right: 3.5em !important; padding-left: 3.5em !important; }

@media (max-width: 761px) {
  .mm350 { margin: 3.5em !important; }
  .mp350 { padding: 3.5em !important; }
  .mmy350 { margin-top: 3.5em !important; margin-bottom: 3.5em !important; }
  .mpy350 { padding-top: 3.5em !important; padding-bottom: 3.5em !important; }
  .mmx350 { margin-right: 3.5em !important; margin-left: 3.5em !important; }
  .mpx350 { padding-right: 3.5em !important; padding-left: 3.5em !important; }
}

@media (min-width: 762px) {
  .dm350 { margin: 3.5em !important; }
  .dp350 { padding: 3.5em !important; }
  .dmy350 { margin-top: 3.5em !important; margin-bottom: 3.5em !important; }
  .dpy350 { padding-top: 3.5em !important; padding-bottom: 3.5em !important; }
  .dmx350 { margin-right: 3.5em !important; margin-left: 3.5em !important; }
  .dpx350 { padding-right: 3.5em !important; padding-left: 3.5em !important; }
}

.m355 { margin: 3.55em !important; }

.p355 { padding: 3.55em !important; }

.my355 { margin-top: 3.55em !important; margin-bottom: 3.55em !important; }

.py355 { padding-top: 3.55em !important; padding-bottom: 3.55em !important; }

.mx355 { margin-right: 3.55em !important; margin-left: 3.55em !important; }

.px355 { padding-right: 3.55em !important; padding-left: 3.55em !important; }

@media (max-width: 761px) {
  .mm355 { margin: 3.55em !important; }
  .mp355 { padding: 3.55em !important; }
  .mmy355 { margin-top: 3.55em !important; margin-bottom: 3.55em !important; }
  .mpy355 { padding-top: 3.55em !important; padding-bottom: 3.55em !important; }
  .mmx355 { margin-right: 3.55em !important; margin-left: 3.55em !important; }
  .mpx355 { padding-right: 3.55em !important; padding-left: 3.55em !important; }
}

@media (min-width: 762px) {
  .dm355 { margin: 3.55em !important; }
  .dp355 { padding: 3.55em !important; }
  .dmy355 { margin-top: 3.55em !important; margin-bottom: 3.55em !important; }
  .dpy355 { padding-top: 3.55em !important; padding-bottom: 3.55em !important; }
  .dmx355 { margin-right: 3.55em !important; margin-left: 3.55em !important; }
  .dpx355 { padding-right: 3.55em !important; padding-left: 3.55em !important; }
}

.m360 { margin: 3.6em !important; }

.p360 { padding: 3.6em !important; }

.my360 { margin-top: 3.6em !important; margin-bottom: 3.6em !important; }

.py360 { padding-top: 3.6em !important; padding-bottom: 3.6em !important; }

.mx360 { margin-right: 3.6em !important; margin-left: 3.6em !important; }

.px360 { padding-right: 3.6em !important; padding-left: 3.6em !important; }

@media (max-width: 761px) {
  .mm360 { margin: 3.6em !important; }
  .mp360 { padding: 3.6em !important; }
  .mmy360 { margin-top: 3.6em !important; margin-bottom: 3.6em !important; }
  .mpy360 { padding-top: 3.6em !important; padding-bottom: 3.6em !important; }
  .mmx360 { margin-right: 3.6em !important; margin-left: 3.6em !important; }
  .mpx360 { padding-right: 3.6em !important; padding-left: 3.6em !important; }
}

@media (min-width: 762px) {
  .dm360 { margin: 3.6em !important; }
  .dp360 { padding: 3.6em !important; }
  .dmy360 { margin-top: 3.6em !important; margin-bottom: 3.6em !important; }
  .dpy360 { padding-top: 3.6em !important; padding-bottom: 3.6em !important; }
  .dmx360 { margin-right: 3.6em !important; margin-left: 3.6em !important; }
  .dpx360 { padding-right: 3.6em !important; padding-left: 3.6em !important; }
}

.m365 { margin: 3.65em !important; }

.p365 { padding: 3.65em !important; }

.my365 { margin-top: 3.65em !important; margin-bottom: 3.65em !important; }

.py365 { padding-top: 3.65em !important; padding-bottom: 3.65em !important; }

.mx365 { margin-right: 3.65em !important; margin-left: 3.65em !important; }

.px365 { padding-right: 3.65em !important; padding-left: 3.65em !important; }

@media (max-width: 761px) {
  .mm365 { margin: 3.65em !important; }
  .mp365 { padding: 3.65em !important; }
  .mmy365 { margin-top: 3.65em !important; margin-bottom: 3.65em !important; }
  .mpy365 { padding-top: 3.65em !important; padding-bottom: 3.65em !important; }
  .mmx365 { margin-right: 3.65em !important; margin-left: 3.65em !important; }
  .mpx365 { padding-right: 3.65em !important; padding-left: 3.65em !important; }
}

@media (min-width: 762px) {
  .dm365 { margin: 3.65em !important; }
  .dp365 { padding: 3.65em !important; }
  .dmy365 { margin-top: 3.65em !important; margin-bottom: 3.65em !important; }
  .dpy365 { padding-top: 3.65em !important; padding-bottom: 3.65em !important; }
  .dmx365 { margin-right: 3.65em !important; margin-left: 3.65em !important; }
  .dpx365 { padding-right: 3.65em !important; padding-left: 3.65em !important; }
}

.m370 { margin: 3.7em !important; }

.p370 { padding: 3.7em !important; }

.my370 { margin-top: 3.7em !important; margin-bottom: 3.7em !important; }

.py370 { padding-top: 3.7em !important; padding-bottom: 3.7em !important; }

.mx370 { margin-right: 3.7em !important; margin-left: 3.7em !important; }

.px370 { padding-right: 3.7em !important; padding-left: 3.7em !important; }

@media (max-width: 761px) {
  .mm370 { margin: 3.7em !important; }
  .mp370 { padding: 3.7em !important; }
  .mmy370 { margin-top: 3.7em !important; margin-bottom: 3.7em !important; }
  .mpy370 { padding-top: 3.7em !important; padding-bottom: 3.7em !important; }
  .mmx370 { margin-right: 3.7em !important; margin-left: 3.7em !important; }
  .mpx370 { padding-right: 3.7em !important; padding-left: 3.7em !important; }
}

@media (min-width: 762px) {
  .dm370 { margin: 3.7em !important; }
  .dp370 { padding: 3.7em !important; }
  .dmy370 { margin-top: 3.7em !important; margin-bottom: 3.7em !important; }
  .dpy370 { padding-top: 3.7em !important; padding-bottom: 3.7em !important; }
  .dmx370 { margin-right: 3.7em !important; margin-left: 3.7em !important; }
  .dpx370 { padding-right: 3.7em !important; padding-left: 3.7em !important; }
}

.m375 { margin: 3.75em !important; }

.p375 { padding: 3.75em !important; }

.my375 { margin-top: 3.75em !important; margin-bottom: 3.75em !important; }

.py375 { padding-top: 3.75em !important; padding-bottom: 3.75em !important; }

.mx375 { margin-right: 3.75em !important; margin-left: 3.75em !important; }

.px375 { padding-right: 3.75em !important; padding-left: 3.75em !important; }

@media (max-width: 761px) {
  .mm375 { margin: 3.75em !important; }
  .mp375 { padding: 3.75em !important; }
  .mmy375 { margin-top: 3.75em !important; margin-bottom: 3.75em !important; }
  .mpy375 { padding-top: 3.75em !important; padding-bottom: 3.75em !important; }
  .mmx375 { margin-right: 3.75em !important; margin-left: 3.75em !important; }
  .mpx375 { padding-right: 3.75em !important; padding-left: 3.75em !important; }
}

@media (min-width: 762px) {
  .dm375 { margin: 3.75em !important; }
  .dp375 { padding: 3.75em !important; }
  .dmy375 { margin-top: 3.75em !important; margin-bottom: 3.75em !important; }
  .dpy375 { padding-top: 3.75em !important; padding-bottom: 3.75em !important; }
  .dmx375 { margin-right: 3.75em !important; margin-left: 3.75em !important; }
  .dpx375 { padding-right: 3.75em !important; padding-left: 3.75em !important; }
}

.m380 { margin: 3.8em !important; }

.p380 { padding: 3.8em !important; }

.my380 { margin-top: 3.8em !important; margin-bottom: 3.8em !important; }

.py380 { padding-top: 3.8em !important; padding-bottom: 3.8em !important; }

.mx380 { margin-right: 3.8em !important; margin-left: 3.8em !important; }

.px380 { padding-right: 3.8em !important; padding-left: 3.8em !important; }

@media (max-width: 761px) {
  .mm380 { margin: 3.8em !important; }
  .mp380 { padding: 3.8em !important; }
  .mmy380 { margin-top: 3.8em !important; margin-bottom: 3.8em !important; }
  .mpy380 { padding-top: 3.8em !important; padding-bottom: 3.8em !important; }
  .mmx380 { margin-right: 3.8em !important; margin-left: 3.8em !important; }
  .mpx380 { padding-right: 3.8em !important; padding-left: 3.8em !important; }
}

@media (min-width: 762px) {
  .dm380 { margin: 3.8em !important; }
  .dp380 { padding: 3.8em !important; }
  .dmy380 { margin-top: 3.8em !important; margin-bottom: 3.8em !important; }
  .dpy380 { padding-top: 3.8em !important; padding-bottom: 3.8em !important; }
  .dmx380 { margin-right: 3.8em !important; margin-left: 3.8em !important; }
  .dpx380 { padding-right: 3.8em !important; padding-left: 3.8em !important; }
}

.m385 { margin: 3.85em !important; }

.p385 { padding: 3.85em !important; }

.my385 { margin-top: 3.85em !important; margin-bottom: 3.85em !important; }

.py385 { padding-top: 3.85em !important; padding-bottom: 3.85em !important; }

.mx385 { margin-right: 3.85em !important; margin-left: 3.85em !important; }

.px385 { padding-right: 3.85em !important; padding-left: 3.85em !important; }

@media (max-width: 761px) {
  .mm385 { margin: 3.85em !important; }
  .mp385 { padding: 3.85em !important; }
  .mmy385 { margin-top: 3.85em !important; margin-bottom: 3.85em !important; }
  .mpy385 { padding-top: 3.85em !important; padding-bottom: 3.85em !important; }
  .mmx385 { margin-right: 3.85em !important; margin-left: 3.85em !important; }
  .mpx385 { padding-right: 3.85em !important; padding-left: 3.85em !important; }
}

@media (min-width: 762px) {
  .dm385 { margin: 3.85em !important; }
  .dp385 { padding: 3.85em !important; }
  .dmy385 { margin-top: 3.85em !important; margin-bottom: 3.85em !important; }
  .dpy385 { padding-top: 3.85em !important; padding-bottom: 3.85em !important; }
  .dmx385 { margin-right: 3.85em !important; margin-left: 3.85em !important; }
  .dpx385 { padding-right: 3.85em !important; padding-left: 3.85em !important; }
}

.m390 { margin: 3.9em !important; }

.p390 { padding: 3.9em !important; }

.my390 { margin-top: 3.9em !important; margin-bottom: 3.9em !important; }

.py390 { padding-top: 3.9em !important; padding-bottom: 3.9em !important; }

.mx390 { margin-right: 3.9em !important; margin-left: 3.9em !important; }

.px390 { padding-right: 3.9em !important; padding-left: 3.9em !important; }

@media (max-width: 761px) {
  .mm390 { margin: 3.9em !important; }
  .mp390 { padding: 3.9em !important; }
  .mmy390 { margin-top: 3.9em !important; margin-bottom: 3.9em !important; }
  .mpy390 { padding-top: 3.9em !important; padding-bottom: 3.9em !important; }
  .mmx390 { margin-right: 3.9em !important; margin-left: 3.9em !important; }
  .mpx390 { padding-right: 3.9em !important; padding-left: 3.9em !important; }
}

@media (min-width: 762px) {
  .dm390 { margin: 3.9em !important; }
  .dp390 { padding: 3.9em !important; }
  .dmy390 { margin-top: 3.9em !important; margin-bottom: 3.9em !important; }
  .dpy390 { padding-top: 3.9em !important; padding-bottom: 3.9em !important; }
  .dmx390 { margin-right: 3.9em !important; margin-left: 3.9em !important; }
  .dpx390 { padding-right: 3.9em !important; padding-left: 3.9em !important; }
}

.m395 { margin: 3.95em !important; }

.p395 { padding: 3.95em !important; }

.my395 { margin-top: 3.95em !important; margin-bottom: 3.95em !important; }

.py395 { padding-top: 3.95em !important; padding-bottom: 3.95em !important; }

.mx395 { margin-right: 3.95em !important; margin-left: 3.95em !important; }

.px395 { padding-right: 3.95em !important; padding-left: 3.95em !important; }

@media (max-width: 761px) {
  .mm395 { margin: 3.95em !important; }
  .mp395 { padding: 3.95em !important; }
  .mmy395 { margin-top: 3.95em !important; margin-bottom: 3.95em !important; }
  .mpy395 { padding-top: 3.95em !important; padding-bottom: 3.95em !important; }
  .mmx395 { margin-right: 3.95em !important; margin-left: 3.95em !important; }
  .mpx395 { padding-right: 3.95em !important; padding-left: 3.95em !important; }
}

@media (min-width: 762px) {
  .dm395 { margin: 3.95em !important; }
  .dp395 { padding: 3.95em !important; }
  .dmy395 { margin-top: 3.95em !important; margin-bottom: 3.95em !important; }
  .dpy395 { padding-top: 3.95em !important; padding-bottom: 3.95em !important; }
  .dmx395 { margin-right: 3.95em !important; margin-left: 3.95em !important; }
  .dpx395 { padding-right: 3.95em !important; padding-left: 3.95em !important; }
}

.m400 { margin: 4em !important; }

.p400 { padding: 4em !important; }

.my400 { margin-top: 4em !important; margin-bottom: 4em !important; }

.py400 { padding-top: 4em !important; padding-bottom: 4em !important; }

.mx400 { margin-right: 4em !important; margin-left: 4em !important; }

.px400 { padding-right: 4em !important; padding-left: 4em !important; }

@media (max-width: 761px) {
  .mm400 { margin: 4em !important; }
  .mp400 { padding: 4em !important; }
  .mmy400 { margin-top: 4em !important; margin-bottom: 4em !important; }
  .mpy400 { padding-top: 4em !important; padding-bottom: 4em !important; }
  .mmx400 { margin-right: 4em !important; margin-left: 4em !important; }
  .mpx400 { padding-right: 4em !important; padding-left: 4em !important; }
}

@media (min-width: 762px) {
  .dm400 { margin: 4em !important; }
  .dp400 { padding: 4em !important; }
  .dmy400 { margin-top: 4em !important; margin-bottom: 4em !important; }
  .dpy400 { padding-top: 4em !important; padding-bottom: 4em !important; }
  .dmx400 { margin-right: 4em !important; margin-left: 4em !important; }
  .dpx400 { padding-right: 4em !important; padding-left: 4em !important; }
}

.m405 { margin: 4.05em !important; }

.p405 { padding: 4.05em !important; }

.my405 { margin-top: 4.05em !important; margin-bottom: 4.05em !important; }

.py405 { padding-top: 4.05em !important; padding-bottom: 4.05em !important; }

.mx405 { margin-right: 4.05em !important; margin-left: 4.05em !important; }

.px405 { padding-right: 4.05em !important; padding-left: 4.05em !important; }

@media (max-width: 761px) {
  .mm405 { margin: 4.05em !important; }
  .mp405 { padding: 4.05em !important; }
  .mmy405 { margin-top: 4.05em !important; margin-bottom: 4.05em !important; }
  .mpy405 { padding-top: 4.05em !important; padding-bottom: 4.05em !important; }
  .mmx405 { margin-right: 4.05em !important; margin-left: 4.05em !important; }
  .mpx405 { padding-right: 4.05em !important; padding-left: 4.05em !important; }
}

@media (min-width: 762px) {
  .dm405 { margin: 4.05em !important; }
  .dp405 { padding: 4.05em !important; }
  .dmy405 { margin-top: 4.05em !important; margin-bottom: 4.05em !important; }
  .dpy405 { padding-top: 4.05em !important; padding-bottom: 4.05em !important; }
  .dmx405 { margin-right: 4.05em !important; margin-left: 4.05em !important; }
  .dpx405 { padding-right: 4.05em !important; padding-left: 4.05em !important; }
}

.m410 { margin: 4.1em !important; }

.p410 { padding: 4.1em !important; }

.my410 { margin-top: 4.1em !important; margin-bottom: 4.1em !important; }

.py410 { padding-top: 4.1em !important; padding-bottom: 4.1em !important; }

.mx410 { margin-right: 4.1em !important; margin-left: 4.1em !important; }

.px410 { padding-right: 4.1em !important; padding-left: 4.1em !important; }

@media (max-width: 761px) {
  .mm410 { margin: 4.1em !important; }
  .mp410 { padding: 4.1em !important; }
  .mmy410 { margin-top: 4.1em !important; margin-bottom: 4.1em !important; }
  .mpy410 { padding-top: 4.1em !important; padding-bottom: 4.1em !important; }
  .mmx410 { margin-right: 4.1em !important; margin-left: 4.1em !important; }
  .mpx410 { padding-right: 4.1em !important; padding-left: 4.1em !important; }
}

@media (min-width: 762px) {
  .dm410 { margin: 4.1em !important; }
  .dp410 { padding: 4.1em !important; }
  .dmy410 { margin-top: 4.1em !important; margin-bottom: 4.1em !important; }
  .dpy410 { padding-top: 4.1em !important; padding-bottom: 4.1em !important; }
  .dmx410 { margin-right: 4.1em !important; margin-left: 4.1em !important; }
  .dpx410 { padding-right: 4.1em !important; padding-left: 4.1em !important; }
}

.m415 { margin: 4.15em !important; }

.p415 { padding: 4.15em !important; }

.my415 { margin-top: 4.15em !important; margin-bottom: 4.15em !important; }

.py415 { padding-top: 4.15em !important; padding-bottom: 4.15em !important; }

.mx415 { margin-right: 4.15em !important; margin-left: 4.15em !important; }

.px415 { padding-right: 4.15em !important; padding-left: 4.15em !important; }

@media (max-width: 761px) {
  .mm415 { margin: 4.15em !important; }
  .mp415 { padding: 4.15em !important; }
  .mmy415 { margin-top: 4.15em !important; margin-bottom: 4.15em !important; }
  .mpy415 { padding-top: 4.15em !important; padding-bottom: 4.15em !important; }
  .mmx415 { margin-right: 4.15em !important; margin-left: 4.15em !important; }
  .mpx415 { padding-right: 4.15em !important; padding-left: 4.15em !important; }
}

@media (min-width: 762px) {
  .dm415 { margin: 4.15em !important; }
  .dp415 { padding: 4.15em !important; }
  .dmy415 { margin-top: 4.15em !important; margin-bottom: 4.15em !important; }
  .dpy415 { padding-top: 4.15em !important; padding-bottom: 4.15em !important; }
  .dmx415 { margin-right: 4.15em !important; margin-left: 4.15em !important; }
  .dpx415 { padding-right: 4.15em !important; padding-left: 4.15em !important; }
}

.m420 { margin: 4.2em !important; }

.p420 { padding: 4.2em !important; }

.my420 { margin-top: 4.2em !important; margin-bottom: 4.2em !important; }

.py420 { padding-top: 4.2em !important; padding-bottom: 4.2em !important; }

.mx420 { margin-right: 4.2em !important; margin-left: 4.2em !important; }

.px420 { padding-right: 4.2em !important; padding-left: 4.2em !important; }

@media (max-width: 761px) {
  .mm420 { margin: 4.2em !important; }
  .mp420 { padding: 4.2em !important; }
  .mmy420 { margin-top: 4.2em !important; margin-bottom: 4.2em !important; }
  .mpy420 { padding-top: 4.2em !important; padding-bottom: 4.2em !important; }
  .mmx420 { margin-right: 4.2em !important; margin-left: 4.2em !important; }
  .mpx420 { padding-right: 4.2em !important; padding-left: 4.2em !important; }
}

@media (min-width: 762px) {
  .dm420 { margin: 4.2em !important; }
  .dp420 { padding: 4.2em !important; }
  .dmy420 { margin-top: 4.2em !important; margin-bottom: 4.2em !important; }
  .dpy420 { padding-top: 4.2em !important; padding-bottom: 4.2em !important; }
  .dmx420 { margin-right: 4.2em !important; margin-left: 4.2em !important; }
  .dpx420 { padding-right: 4.2em !important; padding-left: 4.2em !important; }
}

.m425 { margin: 4.25em !important; }

.p425 { padding: 4.25em !important; }

.my425 { margin-top: 4.25em !important; margin-bottom: 4.25em !important; }

.py425 { padding-top: 4.25em !important; padding-bottom: 4.25em !important; }

.mx425 { margin-right: 4.25em !important; margin-left: 4.25em !important; }

.px425 { padding-right: 4.25em !important; padding-left: 4.25em !important; }

@media (max-width: 761px) {
  .mm425 { margin: 4.25em !important; }
  .mp425 { padding: 4.25em !important; }
  .mmy425 { margin-top: 4.25em !important; margin-bottom: 4.25em !important; }
  .mpy425 { padding-top: 4.25em !important; padding-bottom: 4.25em !important; }
  .mmx425 { margin-right: 4.25em !important; margin-left: 4.25em !important; }
  .mpx425 { padding-right: 4.25em !important; padding-left: 4.25em !important; }
}

@media (min-width: 762px) {
  .dm425 { margin: 4.25em !important; }
  .dp425 { padding: 4.25em !important; }
  .dmy425 { margin-top: 4.25em !important; margin-bottom: 4.25em !important; }
  .dpy425 { padding-top: 4.25em !important; padding-bottom: 4.25em !important; }
  .dmx425 { margin-right: 4.25em !important; margin-left: 4.25em !important; }
  .dpx425 { padding-right: 4.25em !important; padding-left: 4.25em !important; }
}

.m430 { margin: 4.3em !important; }

.p430 { padding: 4.3em !important; }

.my430 { margin-top: 4.3em !important; margin-bottom: 4.3em !important; }

.py430 { padding-top: 4.3em !important; padding-bottom: 4.3em !important; }

.mx430 { margin-right: 4.3em !important; margin-left: 4.3em !important; }

.px430 { padding-right: 4.3em !important; padding-left: 4.3em !important; }

@media (max-width: 761px) {
  .mm430 { margin: 4.3em !important; }
  .mp430 { padding: 4.3em !important; }
  .mmy430 { margin-top: 4.3em !important; margin-bottom: 4.3em !important; }
  .mpy430 { padding-top: 4.3em !important; padding-bottom: 4.3em !important; }
  .mmx430 { margin-right: 4.3em !important; margin-left: 4.3em !important; }
  .mpx430 { padding-right: 4.3em !important; padding-left: 4.3em !important; }
}

@media (min-width: 762px) {
  .dm430 { margin: 4.3em !important; }
  .dp430 { padding: 4.3em !important; }
  .dmy430 { margin-top: 4.3em !important; margin-bottom: 4.3em !important; }
  .dpy430 { padding-top: 4.3em !important; padding-bottom: 4.3em !important; }
  .dmx430 { margin-right: 4.3em !important; margin-left: 4.3em !important; }
  .dpx430 { padding-right: 4.3em !important; padding-left: 4.3em !important; }
}

.m435 { margin: 4.35em !important; }

.p435 { padding: 4.35em !important; }

.my435 { margin-top: 4.35em !important; margin-bottom: 4.35em !important; }

.py435 { padding-top: 4.35em !important; padding-bottom: 4.35em !important; }

.mx435 { margin-right: 4.35em !important; margin-left: 4.35em !important; }

.px435 { padding-right: 4.35em !important; padding-left: 4.35em !important; }

@media (max-width: 761px) {
  .mm435 { margin: 4.35em !important; }
  .mp435 { padding: 4.35em !important; }
  .mmy435 { margin-top: 4.35em !important; margin-bottom: 4.35em !important; }
  .mpy435 { padding-top: 4.35em !important; padding-bottom: 4.35em !important; }
  .mmx435 { margin-right: 4.35em !important; margin-left: 4.35em !important; }
  .mpx435 { padding-right: 4.35em !important; padding-left: 4.35em !important; }
}

@media (min-width: 762px) {
  .dm435 { margin: 4.35em !important; }
  .dp435 { padding: 4.35em !important; }
  .dmy435 { margin-top: 4.35em !important; margin-bottom: 4.35em !important; }
  .dpy435 { padding-top: 4.35em !important; padding-bottom: 4.35em !important; }
  .dmx435 { margin-right: 4.35em !important; margin-left: 4.35em !important; }
  .dpx435 { padding-right: 4.35em !important; padding-left: 4.35em !important; }
}

.m440 { margin: 4.4em !important; }

.p440 { padding: 4.4em !important; }

.my440 { margin-top: 4.4em !important; margin-bottom: 4.4em !important; }

.py440 { padding-top: 4.4em !important; padding-bottom: 4.4em !important; }

.mx440 { margin-right: 4.4em !important; margin-left: 4.4em !important; }

.px440 { padding-right: 4.4em !important; padding-left: 4.4em !important; }

@media (max-width: 761px) {
  .mm440 { margin: 4.4em !important; }
  .mp440 { padding: 4.4em !important; }
  .mmy440 { margin-top: 4.4em !important; margin-bottom: 4.4em !important; }
  .mpy440 { padding-top: 4.4em !important; padding-bottom: 4.4em !important; }
  .mmx440 { margin-right: 4.4em !important; margin-left: 4.4em !important; }
  .mpx440 { padding-right: 4.4em !important; padding-left: 4.4em !important; }
}

@media (min-width: 762px) {
  .dm440 { margin: 4.4em !important; }
  .dp440 { padding: 4.4em !important; }
  .dmy440 { margin-top: 4.4em !important; margin-bottom: 4.4em !important; }
  .dpy440 { padding-top: 4.4em !important; padding-bottom: 4.4em !important; }
  .dmx440 { margin-right: 4.4em !important; margin-left: 4.4em !important; }
  .dpx440 { padding-right: 4.4em !important; padding-left: 4.4em !important; }
}

.m445 { margin: 4.45em !important; }

.p445 { padding: 4.45em !important; }

.my445 { margin-top: 4.45em !important; margin-bottom: 4.45em !important; }

.py445 { padding-top: 4.45em !important; padding-bottom: 4.45em !important; }

.mx445 { margin-right: 4.45em !important; margin-left: 4.45em !important; }

.px445 { padding-right: 4.45em !important; padding-left: 4.45em !important; }

@media (max-width: 761px) {
  .mm445 { margin: 4.45em !important; }
  .mp445 { padding: 4.45em !important; }
  .mmy445 { margin-top: 4.45em !important; margin-bottom: 4.45em !important; }
  .mpy445 { padding-top: 4.45em !important; padding-bottom: 4.45em !important; }
  .mmx445 { margin-right: 4.45em !important; margin-left: 4.45em !important; }
  .mpx445 { padding-right: 4.45em !important; padding-left: 4.45em !important; }
}

@media (min-width: 762px) {
  .dm445 { margin: 4.45em !important; }
  .dp445 { padding: 4.45em !important; }
  .dmy445 { margin-top: 4.45em !important; margin-bottom: 4.45em !important; }
  .dpy445 { padding-top: 4.45em !important; padding-bottom: 4.45em !important; }
  .dmx445 { margin-right: 4.45em !important; margin-left: 4.45em !important; }
  .dpx445 { padding-right: 4.45em !important; padding-left: 4.45em !important; }
}

.m450 { margin: 4.5em !important; }

.p450 { padding: 4.5em !important; }

.my450 { margin-top: 4.5em !important; margin-bottom: 4.5em !important; }

.py450 { padding-top: 4.5em !important; padding-bottom: 4.5em !important; }

.mx450 { margin-right: 4.5em !important; margin-left: 4.5em !important; }

.px450 { padding-right: 4.5em !important; padding-left: 4.5em !important; }

@media (max-width: 761px) {
  .mm450 { margin: 4.5em !important; }
  .mp450 { padding: 4.5em !important; }
  .mmy450 { margin-top: 4.5em !important; margin-bottom: 4.5em !important; }
  .mpy450 { padding-top: 4.5em !important; padding-bottom: 4.5em !important; }
  .mmx450 { margin-right: 4.5em !important; margin-left: 4.5em !important; }
  .mpx450 { padding-right: 4.5em !important; padding-left: 4.5em !important; }
}

@media (min-width: 762px) {
  .dm450 { margin: 4.5em !important; }
  .dp450 { padding: 4.5em !important; }
  .dmy450 { margin-top: 4.5em !important; margin-bottom: 4.5em !important; }
  .dpy450 { padding-top: 4.5em !important; padding-bottom: 4.5em !important; }
  .dmx450 { margin-right: 4.5em !important; margin-left: 4.5em !important; }
  .dpx450 { padding-right: 4.5em !important; padding-left: 4.5em !important; }
}

.m455 { margin: 4.55em !important; }

.p455 { padding: 4.55em !important; }

.my455 { margin-top: 4.55em !important; margin-bottom: 4.55em !important; }

.py455 { padding-top: 4.55em !important; padding-bottom: 4.55em !important; }

.mx455 { margin-right: 4.55em !important; margin-left: 4.55em !important; }

.px455 { padding-right: 4.55em !important; padding-left: 4.55em !important; }

@media (max-width: 761px) {
  .mm455 { margin: 4.55em !important; }
  .mp455 { padding: 4.55em !important; }
  .mmy455 { margin-top: 4.55em !important; margin-bottom: 4.55em !important; }
  .mpy455 { padding-top: 4.55em !important; padding-bottom: 4.55em !important; }
  .mmx455 { margin-right: 4.55em !important; margin-left: 4.55em !important; }
  .mpx455 { padding-right: 4.55em !important; padding-left: 4.55em !important; }
}

@media (min-width: 762px) {
  .dm455 { margin: 4.55em !important; }
  .dp455 { padding: 4.55em !important; }
  .dmy455 { margin-top: 4.55em !important; margin-bottom: 4.55em !important; }
  .dpy455 { padding-top: 4.55em !important; padding-bottom: 4.55em !important; }
  .dmx455 { margin-right: 4.55em !important; margin-left: 4.55em !important; }
  .dpx455 { padding-right: 4.55em !important; padding-left: 4.55em !important; }
}

.m460 { margin: 4.6em !important; }

.p460 { padding: 4.6em !important; }

.my460 { margin-top: 4.6em !important; margin-bottom: 4.6em !important; }

.py460 { padding-top: 4.6em !important; padding-bottom: 4.6em !important; }

.mx460 { margin-right: 4.6em !important; margin-left: 4.6em !important; }

.px460 { padding-right: 4.6em !important; padding-left: 4.6em !important; }

@media (max-width: 761px) {
  .mm460 { margin: 4.6em !important; }
  .mp460 { padding: 4.6em !important; }
  .mmy460 { margin-top: 4.6em !important; margin-bottom: 4.6em !important; }
  .mpy460 { padding-top: 4.6em !important; padding-bottom: 4.6em !important; }
  .mmx460 { margin-right: 4.6em !important; margin-left: 4.6em !important; }
  .mpx460 { padding-right: 4.6em !important; padding-left: 4.6em !important; }
}

@media (min-width: 762px) {
  .dm460 { margin: 4.6em !important; }
  .dp460 { padding: 4.6em !important; }
  .dmy460 { margin-top: 4.6em !important; margin-bottom: 4.6em !important; }
  .dpy460 { padding-top: 4.6em !important; padding-bottom: 4.6em !important; }
  .dmx460 { margin-right: 4.6em !important; margin-left: 4.6em !important; }
  .dpx460 { padding-right: 4.6em !important; padding-left: 4.6em !important; }
}

.m465 { margin: 4.65em !important; }

.p465 { padding: 4.65em !important; }

.my465 { margin-top: 4.65em !important; margin-bottom: 4.65em !important; }

.py465 { padding-top: 4.65em !important; padding-bottom: 4.65em !important; }

.mx465 { margin-right: 4.65em !important; margin-left: 4.65em !important; }

.px465 { padding-right: 4.65em !important; padding-left: 4.65em !important; }

@media (max-width: 761px) {
  .mm465 { margin: 4.65em !important; }
  .mp465 { padding: 4.65em !important; }
  .mmy465 { margin-top: 4.65em !important; margin-bottom: 4.65em !important; }
  .mpy465 { padding-top: 4.65em !important; padding-bottom: 4.65em !important; }
  .mmx465 { margin-right: 4.65em !important; margin-left: 4.65em !important; }
  .mpx465 { padding-right: 4.65em !important; padding-left: 4.65em !important; }
}

@media (min-width: 762px) {
  .dm465 { margin: 4.65em !important; }
  .dp465 { padding: 4.65em !important; }
  .dmy465 { margin-top: 4.65em !important; margin-bottom: 4.65em !important; }
  .dpy465 { padding-top: 4.65em !important; padding-bottom: 4.65em !important; }
  .dmx465 { margin-right: 4.65em !important; margin-left: 4.65em !important; }
  .dpx465 { padding-right: 4.65em !important; padding-left: 4.65em !important; }
}

.m470 { margin: 4.7em !important; }

.p470 { padding: 4.7em !important; }

.my470 { margin-top: 4.7em !important; margin-bottom: 4.7em !important; }

.py470 { padding-top: 4.7em !important; padding-bottom: 4.7em !important; }

.mx470 { margin-right: 4.7em !important; margin-left: 4.7em !important; }

.px470 { padding-right: 4.7em !important; padding-left: 4.7em !important; }

@media (max-width: 761px) {
  .mm470 { margin: 4.7em !important; }
  .mp470 { padding: 4.7em !important; }
  .mmy470 { margin-top: 4.7em !important; margin-bottom: 4.7em !important; }
  .mpy470 { padding-top: 4.7em !important; padding-bottom: 4.7em !important; }
  .mmx470 { margin-right: 4.7em !important; margin-left: 4.7em !important; }
  .mpx470 { padding-right: 4.7em !important; padding-left: 4.7em !important; }
}

@media (min-width: 762px) {
  .dm470 { margin: 4.7em !important; }
  .dp470 { padding: 4.7em !important; }
  .dmy470 { margin-top: 4.7em !important; margin-bottom: 4.7em !important; }
  .dpy470 { padding-top: 4.7em !important; padding-bottom: 4.7em !important; }
  .dmx470 { margin-right: 4.7em !important; margin-left: 4.7em !important; }
  .dpx470 { padding-right: 4.7em !important; padding-left: 4.7em !important; }
}

.m475 { margin: 4.75em !important; }

.p475 { padding: 4.75em !important; }

.my475 { margin-top: 4.75em !important; margin-bottom: 4.75em !important; }

.py475 { padding-top: 4.75em !important; padding-bottom: 4.75em !important; }

.mx475 { margin-right: 4.75em !important; margin-left: 4.75em !important; }

.px475 { padding-right: 4.75em !important; padding-left: 4.75em !important; }

@media (max-width: 761px) {
  .mm475 { margin: 4.75em !important; }
  .mp475 { padding: 4.75em !important; }
  .mmy475 { margin-top: 4.75em !important; margin-bottom: 4.75em !important; }
  .mpy475 { padding-top: 4.75em !important; padding-bottom: 4.75em !important; }
  .mmx475 { margin-right: 4.75em !important; margin-left: 4.75em !important; }
  .mpx475 { padding-right: 4.75em !important; padding-left: 4.75em !important; }
}

@media (min-width: 762px) {
  .dm475 { margin: 4.75em !important; }
  .dp475 { padding: 4.75em !important; }
  .dmy475 { margin-top: 4.75em !important; margin-bottom: 4.75em !important; }
  .dpy475 { padding-top: 4.75em !important; padding-bottom: 4.75em !important; }
  .dmx475 { margin-right: 4.75em !important; margin-left: 4.75em !important; }
  .dpx475 { padding-right: 4.75em !important; padding-left: 4.75em !important; }
}

.m480 { margin: 4.8em !important; }

.p480 { padding: 4.8em !important; }

.my480 { margin-top: 4.8em !important; margin-bottom: 4.8em !important; }

.py480 { padding-top: 4.8em !important; padding-bottom: 4.8em !important; }

.mx480 { margin-right: 4.8em !important; margin-left: 4.8em !important; }

.px480 { padding-right: 4.8em !important; padding-left: 4.8em !important; }

@media (max-width: 761px) {
  .mm480 { margin: 4.8em !important; }
  .mp480 { padding: 4.8em !important; }
  .mmy480 { margin-top: 4.8em !important; margin-bottom: 4.8em !important; }
  .mpy480 { padding-top: 4.8em !important; padding-bottom: 4.8em !important; }
  .mmx480 { margin-right: 4.8em !important; margin-left: 4.8em !important; }
  .mpx480 { padding-right: 4.8em !important; padding-left: 4.8em !important; }
}

@media (min-width: 762px) {
  .dm480 { margin: 4.8em !important; }
  .dp480 { padding: 4.8em !important; }
  .dmy480 { margin-top: 4.8em !important; margin-bottom: 4.8em !important; }
  .dpy480 { padding-top: 4.8em !important; padding-bottom: 4.8em !important; }
  .dmx480 { margin-right: 4.8em !important; margin-left: 4.8em !important; }
  .dpx480 { padding-right: 4.8em !important; padding-left: 4.8em !important; }
}

.m485 { margin: 4.85em !important; }

.p485 { padding: 4.85em !important; }

.my485 { margin-top: 4.85em !important; margin-bottom: 4.85em !important; }

.py485 { padding-top: 4.85em !important; padding-bottom: 4.85em !important; }

.mx485 { margin-right: 4.85em !important; margin-left: 4.85em !important; }

.px485 { padding-right: 4.85em !important; padding-left: 4.85em !important; }

@media (max-width: 761px) {
  .mm485 { margin: 4.85em !important; }
  .mp485 { padding: 4.85em !important; }
  .mmy485 { margin-top: 4.85em !important; margin-bottom: 4.85em !important; }
  .mpy485 { padding-top: 4.85em !important; padding-bottom: 4.85em !important; }
  .mmx485 { margin-right: 4.85em !important; margin-left: 4.85em !important; }
  .mpx485 { padding-right: 4.85em !important; padding-left: 4.85em !important; }
}

@media (min-width: 762px) {
  .dm485 { margin: 4.85em !important; }
  .dp485 { padding: 4.85em !important; }
  .dmy485 { margin-top: 4.85em !important; margin-bottom: 4.85em !important; }
  .dpy485 { padding-top: 4.85em !important; padding-bottom: 4.85em !important; }
  .dmx485 { margin-right: 4.85em !important; margin-left: 4.85em !important; }
  .dpx485 { padding-right: 4.85em !important; padding-left: 4.85em !important; }
}

.m490 { margin: 4.9em !important; }

.p490 { padding: 4.9em !important; }

.my490 { margin-top: 4.9em !important; margin-bottom: 4.9em !important; }

.py490 { padding-top: 4.9em !important; padding-bottom: 4.9em !important; }

.mx490 { margin-right: 4.9em !important; margin-left: 4.9em !important; }

.px490 { padding-right: 4.9em !important; padding-left: 4.9em !important; }

@media (max-width: 761px) {
  .mm490 { margin: 4.9em !important; }
  .mp490 { padding: 4.9em !important; }
  .mmy490 { margin-top: 4.9em !important; margin-bottom: 4.9em !important; }
  .mpy490 { padding-top: 4.9em !important; padding-bottom: 4.9em !important; }
  .mmx490 { margin-right: 4.9em !important; margin-left: 4.9em !important; }
  .mpx490 { padding-right: 4.9em !important; padding-left: 4.9em !important; }
}

@media (min-width: 762px) {
  .dm490 { margin: 4.9em !important; }
  .dp490 { padding: 4.9em !important; }
  .dmy490 { margin-top: 4.9em !important; margin-bottom: 4.9em !important; }
  .dpy490 { padding-top: 4.9em !important; padding-bottom: 4.9em !important; }
  .dmx490 { margin-right: 4.9em !important; margin-left: 4.9em !important; }
  .dpx490 { padding-right: 4.9em !important; padding-left: 4.9em !important; }
}

.m495 { margin: 4.95em !important; }

.p495 { padding: 4.95em !important; }

.my495 { margin-top: 4.95em !important; margin-bottom: 4.95em !important; }

.py495 { padding-top: 4.95em !important; padding-bottom: 4.95em !important; }

.mx495 { margin-right: 4.95em !important; margin-left: 4.95em !important; }

.px495 { padding-right: 4.95em !important; padding-left: 4.95em !important; }

@media (max-width: 761px) {
  .mm495 { margin: 4.95em !important; }
  .mp495 { padding: 4.95em !important; }
  .mmy495 { margin-top: 4.95em !important; margin-bottom: 4.95em !important; }
  .mpy495 { padding-top: 4.95em !important; padding-bottom: 4.95em !important; }
  .mmx495 { margin-right: 4.95em !important; margin-left: 4.95em !important; }
  .mpx495 { padding-right: 4.95em !important; padding-left: 4.95em !important; }
}

@media (min-width: 762px) {
  .dm495 { margin: 4.95em !important; }
  .dp495 { padding: 4.95em !important; }
  .dmy495 { margin-top: 4.95em !important; margin-bottom: 4.95em !important; }
  .dpy495 { padding-top: 4.95em !important; padding-bottom: 4.95em !important; }
  .dmx495 { margin-right: 4.95em !important; margin-left: 4.95em !important; }
  .dpx495 { padding-right: 4.95em !important; padding-left: 4.95em !important; }
}

.m500 { margin: 5em !important; }

.p500 { padding: 5em !important; }

.my500 { margin-top: 5em !important; margin-bottom: 5em !important; }

.py500 { padding-top: 5em !important; padding-bottom: 5em !important; }

.mx500 { margin-right: 5em !important; margin-left: 5em !important; }

.px500 { padding-right: 5em !important; padding-left: 5em !important; }

@media (max-width: 761px) {
  .mm500 { margin: 5em !important; }
  .mp500 { padding: 5em !important; }
  .mmy500 { margin-top: 5em !important; margin-bottom: 5em !important; }
  .mpy500 { padding-top: 5em !important; padding-bottom: 5em !important; }
  .mmx500 { margin-right: 5em !important; margin-left: 5em !important; }
  .mpx500 { padding-right: 5em !important; padding-left: 5em !important; }
}

@media (min-width: 762px) {
  .dm500 { margin: 5em !important; }
  .dp500 { padding: 5em !important; }
  .dmy500 { margin-top: 5em !important; margin-bottom: 5em !important; }
  .dpy500 { padding-top: 5em !important; padding-bottom: 5em !important; }
  .dmx500 { margin-right: 5em !important; margin-left: 5em !important; }
  .dpx500 { padding-right: 5em !important; padding-left: 5em !important; }
}

.min-w0 { min-width: 0px !important; }

@media (max-width: 761px) {
  .m_min-w0 { min-width: 0px !important; }
}

@media (min-width: 762px) {
  .d_min-w0 { min-width: 0px !important; }
}

.min-w5 { min-width: 5px !important; }

@media (max-width: 761px) {
  .m_min-w5 { min-width: 5px !important; }
}

@media (min-width: 762px) {
  .d_min-w5 { min-width: 5px !important; }
}

.min-w10 { min-width: 10px !important; }

@media (max-width: 761px) {
  .m_min-w10 { min-width: 10px !important; }
}

@media (min-width: 762px) {
  .d_min-w10 { min-width: 10px !important; }
}

.min-w15 { min-width: 15px !important; }

@media (max-width: 761px) {
  .m_min-w15 { min-width: 15px !important; }
}

@media (min-width: 762px) {
  .d_min-w15 { min-width: 15px !important; }
}

.min-w20 { min-width: 20px !important; }

@media (max-width: 761px) {
  .m_min-w20 { min-width: 20px !important; }
}

@media (min-width: 762px) {
  .d_min-w20 { min-width: 20px !important; }
}

.min-w25 { min-width: 25px !important; }

@media (max-width: 761px) {
  .m_min-w25 { min-width: 25px !important; }
}

@media (min-width: 762px) {
  .d_min-w25 { min-width: 25px !important; }
}

.min-w30 { min-width: 30px !important; }

@media (max-width: 761px) {
  .m_min-w30 { min-width: 30px !important; }
}

@media (min-width: 762px) {
  .d_min-w30 { min-width: 30px !important; }
}

.min-w35 { min-width: 35px !important; }

@media (max-width: 761px) {
  .m_min-w35 { min-width: 35px !important; }
}

@media (min-width: 762px) {
  .d_min-w35 { min-width: 35px !important; }
}

.min-w40 { min-width: 40px !important; }

@media (max-width: 761px) {
  .m_min-w40 { min-width: 40px !important; }
}

@media (min-width: 762px) {
  .d_min-w40 { min-width: 40px !important; }
}

.min-w45 { min-width: 45px !important; }

@media (max-width: 761px) {
  .m_min-w45 { min-width: 45px !important; }
}

@media (min-width: 762px) {
  .d_min-w45 { min-width: 45px !important; }
}

.min-w50 { min-width: 50px !important; }

@media (max-width: 761px) {
  .m_min-w50 { min-width: 50px !important; }
}

@media (min-width: 762px) {
  .d_min-w50 { min-width: 50px !important; }
}

.min-w55 { min-width: 55px !important; }

@media (max-width: 761px) {
  .m_min-w55 { min-width: 55px !important; }
}

@media (min-width: 762px) {
  .d_min-w55 { min-width: 55px !important; }
}

.min-w60 { min-width: 60px !important; }

@media (max-width: 761px) {
  .m_min-w60 { min-width: 60px !important; }
}

@media (min-width: 762px) {
  .d_min-w60 { min-width: 60px !important; }
}

.min-w65 { min-width: 65px !important; }

@media (max-width: 761px) {
  .m_min-w65 { min-width: 65px !important; }
}

@media (min-width: 762px) {
  .d_min-w65 { min-width: 65px !important; }
}

.min-w70 { min-width: 70px !important; }

@media (max-width: 761px) {
  .m_min-w70 { min-width: 70px !important; }
}

@media (min-width: 762px) {
  .d_min-w70 { min-width: 70px !important; }
}

.min-w75 { min-width: 75px !important; }

@media (max-width: 761px) {
  .m_min-w75 { min-width: 75px !important; }
}

@media (min-width: 762px) {
  .d_min-w75 { min-width: 75px !important; }
}

.min-w80 { min-width: 80px !important; }

@media (max-width: 761px) {
  .m_min-w80 { min-width: 80px !important; }
}

@media (min-width: 762px) {
  .d_min-w80 { min-width: 80px !important; }
}

.min-w85 { min-width: 85px !important; }

@media (max-width: 761px) {
  .m_min-w85 { min-width: 85px !important; }
}

@media (min-width: 762px) {
  .d_min-w85 { min-width: 85px !important; }
}

.min-w90 { min-width: 90px !important; }

@media (max-width: 761px) {
  .m_min-w90 { min-width: 90px !important; }
}

@media (min-width: 762px) {
  .d_min-w90 { min-width: 90px !important; }
}

.min-w95 { min-width: 95px !important; }

@media (max-width: 761px) {
  .m_min-w95 { min-width: 95px !important; }
}

@media (min-width: 762px) {
  .d_min-w95 { min-width: 95px !important; }
}

.min-w100 { min-width: 100px !important; }

@media (max-width: 761px) {
  .m_min-w100 { min-width: 100px !important; }
}

@media (min-width: 762px) {
  .d_min-w100 { min-width: 100px !important; }
}

.min-w105 { min-width: 105px !important; }

@media (max-width: 761px) {
  .m_min-w105 { min-width: 105px !important; }
}

@media (min-width: 762px) {
  .d_min-w105 { min-width: 105px !important; }
}

.min-w110 { min-width: 110px !important; }

@media (max-width: 761px) {
  .m_min-w110 { min-width: 110px !important; }
}

@media (min-width: 762px) {
  .d_min-w110 { min-width: 110px !important; }
}

.min-w115 { min-width: 115px !important; }

@media (max-width: 761px) {
  .m_min-w115 { min-width: 115px !important; }
}

@media (min-width: 762px) {
  .d_min-w115 { min-width: 115px !important; }
}

.min-w120 { min-width: 120px !important; }

@media (max-width: 761px) {
  .m_min-w120 { min-width: 120px !important; }
}

@media (min-width: 762px) {
  .d_min-w120 { min-width: 120px !important; }
}

.min-w125 { min-width: 125px !important; }

@media (max-width: 761px) {
  .m_min-w125 { min-width: 125px !important; }
}

@media (min-width: 762px) {
  .d_min-w125 { min-width: 125px !important; }
}

.min-w130 { min-width: 130px !important; }

@media (max-width: 761px) {
  .m_min-w130 { min-width: 130px !important; }
}

@media (min-width: 762px) {
  .d_min-w130 { min-width: 130px !important; }
}

.min-w135 { min-width: 135px !important; }

@media (max-width: 761px) {
  .m_min-w135 { min-width: 135px !important; }
}

@media (min-width: 762px) {
  .d_min-w135 { min-width: 135px !important; }
}

.min-w140 { min-width: 140px !important; }

@media (max-width: 761px) {
  .m_min-w140 { min-width: 140px !important; }
}

@media (min-width: 762px) {
  .d_min-w140 { min-width: 140px !important; }
}

.min-w145 { min-width: 145px !important; }

@media (max-width: 761px) {
  .m_min-w145 { min-width: 145px !important; }
}

@media (min-width: 762px) {
  .d_min-w145 { min-width: 145px !important; }
}

.min-w150 { min-width: 150px !important; }

@media (max-width: 761px) {
  .m_min-w150 { min-width: 150px !important; }
}

@media (min-width: 762px) {
  .d_min-w150 { min-width: 150px !important; }
}

.min-w155 { min-width: 155px !important; }

@media (max-width: 761px) {
  .m_min-w155 { min-width: 155px !important; }
}

@media (min-width: 762px) {
  .d_min-w155 { min-width: 155px !important; }
}

.min-w160 { min-width: 160px !important; }

@media (max-width: 761px) {
  .m_min-w160 { min-width: 160px !important; }
}

@media (min-width: 762px) {
  .d_min-w160 { min-width: 160px !important; }
}

.min-w165 { min-width: 165px !important; }

@media (max-width: 761px) {
  .m_min-w165 { min-width: 165px !important; }
}

@media (min-width: 762px) {
  .d_min-w165 { min-width: 165px !important; }
}

.min-w170 { min-width: 170px !important; }

@media (max-width: 761px) {
  .m_min-w170 { min-width: 170px !important; }
}

@media (min-width: 762px) {
  .d_min-w170 { min-width: 170px !important; }
}

.min-w175 { min-width: 175px !important; }

@media (max-width: 761px) {
  .m_min-w175 { min-width: 175px !important; }
}

@media (min-width: 762px) {
  .d_min-w175 { min-width: 175px !important; }
}

.min-w180 { min-width: 180px !important; }

@media (max-width: 761px) {
  .m_min-w180 { min-width: 180px !important; }
}

@media (min-width: 762px) {
  .d_min-w180 { min-width: 180px !important; }
}

.min-w185 { min-width: 185px !important; }

@media (max-width: 761px) {
  .m_min-w185 { min-width: 185px !important; }
}

@media (min-width: 762px) {
  .d_min-w185 { min-width: 185px !important; }
}

.min-w190 { min-width: 190px !important; }

@media (max-width: 761px) {
  .m_min-w190 { min-width: 190px !important; }
}

@media (min-width: 762px) {
  .d_min-w190 { min-width: 190px !important; }
}

.min-w195 { min-width: 195px !important; }

@media (max-width: 761px) {
  .m_min-w195 { min-width: 195px !important; }
}

@media (min-width: 762px) {
  .d_min-w195 { min-width: 195px !important; }
}

.min-w200 { min-width: 200px !important; }

@media (max-width: 761px) {
  .m_min-w200 { min-width: 200px !important; }
}

@media (min-width: 762px) {
  .d_min-w200 { min-width: 200px !important; }
}

.min-w205 { min-width: 205px !important; }

@media (max-width: 761px) {
  .m_min-w205 { min-width: 205px !important; }
}

@media (min-width: 762px) {
  .d_min-w205 { min-width: 205px !important; }
}

.min-w210 { min-width: 210px !important; }

@media (max-width: 761px) {
  .m_min-w210 { min-width: 210px !important; }
}

@media (min-width: 762px) {
  .d_min-w210 { min-width: 210px !important; }
}

.min-w215 { min-width: 215px !important; }

@media (max-width: 761px) {
  .m_min-w215 { min-width: 215px !important; }
}

@media (min-width: 762px) {
  .d_min-w215 { min-width: 215px !important; }
}

.min-w220 { min-width: 220px !important; }

@media (max-width: 761px) {
  .m_min-w220 { min-width: 220px !important; }
}

@media (min-width: 762px) {
  .d_min-w220 { min-width: 220px !important; }
}

.min-w225 { min-width: 225px !important; }

@media (max-width: 761px) {
  .m_min-w225 { min-width: 225px !important; }
}

@media (min-width: 762px) {
  .d_min-w225 { min-width: 225px !important; }
}

.min-w230 { min-width: 230px !important; }

@media (max-width: 761px) {
  .m_min-w230 { min-width: 230px !important; }
}

@media (min-width: 762px) {
  .d_min-w230 { min-width: 230px !important; }
}

.min-w235 { min-width: 235px !important; }

@media (max-width: 761px) {
  .m_min-w235 { min-width: 235px !important; }
}

@media (min-width: 762px) {
  .d_min-w235 { min-width: 235px !important; }
}

.min-w240 { min-width: 240px !important; }

@media (max-width: 761px) {
  .m_min-w240 { min-width: 240px !important; }
}

@media (min-width: 762px) {
  .d_min-w240 { min-width: 240px !important; }
}

.min-w245 { min-width: 245px !important; }

@media (max-width: 761px) {
  .m_min-w245 { min-width: 245px !important; }
}

@media (min-width: 762px) {
  .d_min-w245 { min-width: 245px !important; }
}

.min-w250 { min-width: 250px !important; }

@media (max-width: 761px) {
  .m_min-w250 { min-width: 250px !important; }
}

@media (min-width: 762px) {
  .d_min-w250 { min-width: 250px !important; }
}

.min-w255 { min-width: 255px !important; }

@media (max-width: 761px) {
  .m_min-w255 { min-width: 255px !important; }
}

@media (min-width: 762px) {
  .d_min-w255 { min-width: 255px !important; }
}

.min-w260 { min-width: 260px !important; }

@media (max-width: 761px) {
  .m_min-w260 { min-width: 260px !important; }
}

@media (min-width: 762px) {
  .d_min-w260 { min-width: 260px !important; }
}

.min-w265 { min-width: 265px !important; }

@media (max-width: 761px) {
  .m_min-w265 { min-width: 265px !important; }
}

@media (min-width: 762px) {
  .d_min-w265 { min-width: 265px !important; }
}

.min-w270 { min-width: 270px !important; }

@media (max-width: 761px) {
  .m_min-w270 { min-width: 270px !important; }
}

@media (min-width: 762px) {
  .d_min-w270 { min-width: 270px !important; }
}

.min-w275 { min-width: 275px !important; }

@media (max-width: 761px) {
  .m_min-w275 { min-width: 275px !important; }
}

@media (min-width: 762px) {
  .d_min-w275 { min-width: 275px !important; }
}

.min-w280 { min-width: 280px !important; }

@media (max-width: 761px) {
  .m_min-w280 { min-width: 280px !important; }
}

@media (min-width: 762px) {
  .d_min-w280 { min-width: 280px !important; }
}

.min-w285 { min-width: 285px !important; }

@media (max-width: 761px) {
  .m_min-w285 { min-width: 285px !important; }
}

@media (min-width: 762px) {
  .d_min-w285 { min-width: 285px !important; }
}

.min-w290 { min-width: 290px !important; }

@media (max-width: 761px) {
  .m_min-w290 { min-width: 290px !important; }
}

@media (min-width: 762px) {
  .d_min-w290 { min-width: 290px !important; }
}

.min-w295 { min-width: 295px !important; }

@media (max-width: 761px) {
  .m_min-w295 { min-width: 295px !important; }
}

@media (min-width: 762px) {
  .d_min-w295 { min-width: 295px !important; }
}

.min-w300 { min-width: 300px !important; }

@media (max-width: 761px) {
  .m_min-w300 { min-width: 300px !important; }
}

@media (min-width: 762px) {
  .d_min-w300 { min-width: 300px !important; }
}

.min-w305 { min-width: 305px !important; }

@media (max-width: 761px) {
  .m_min-w305 { min-width: 305px !important; }
}

@media (min-width: 762px) {
  .d_min-w305 { min-width: 305px !important; }
}

.min-w310 { min-width: 310px !important; }

@media (max-width: 761px) {
  .m_min-w310 { min-width: 310px !important; }
}

@media (min-width: 762px) {
  .d_min-w310 { min-width: 310px !important; }
}

.min-w315 { min-width: 315px !important; }

@media (max-width: 761px) {
  .m_min-w315 { min-width: 315px !important; }
}

@media (min-width: 762px) {
  .d_min-w315 { min-width: 315px !important; }
}

.min-w320 { min-width: 320px !important; }

@media (max-width: 761px) {
  .m_min-w320 { min-width: 320px !important; }
}

@media (min-width: 762px) {
  .d_min-w320 { min-width: 320px !important; }
}

.min-w325 { min-width: 325px !important; }

@media (max-width: 761px) {
  .m_min-w325 { min-width: 325px !important; }
}

@media (min-width: 762px) {
  .d_min-w325 { min-width: 325px !important; }
}

.min-w330 { min-width: 330px !important; }

@media (max-width: 761px) {
  .m_min-w330 { min-width: 330px !important; }
}

@media (min-width: 762px) {
  .d_min-w330 { min-width: 330px !important; }
}

.min-w335 { min-width: 335px !important; }

@media (max-width: 761px) {
  .m_min-w335 { min-width: 335px !important; }
}

@media (min-width: 762px) {
  .d_min-w335 { min-width: 335px !important; }
}

.min-w340 { min-width: 340px !important; }

@media (max-width: 761px) {
  .m_min-w340 { min-width: 340px !important; }
}

@media (min-width: 762px) {
  .d_min-w340 { min-width: 340px !important; }
}

.min-w345 { min-width: 345px !important; }

@media (max-width: 761px) {
  .m_min-w345 { min-width: 345px !important; }
}

@media (min-width: 762px) {
  .d_min-w345 { min-width: 345px !important; }
}

.min-w350 { min-width: 350px !important; }

@media (max-width: 761px) {
  .m_min-w350 { min-width: 350px !important; }
}

@media (min-width: 762px) {
  .d_min-w350 { min-width: 350px !important; }
}

.min-w355 { min-width: 355px !important; }

@media (max-width: 761px) {
  .m_min-w355 { min-width: 355px !important; }
}

@media (min-width: 762px) {
  .d_min-w355 { min-width: 355px !important; }
}

.min-w360 { min-width: 360px !important; }

@media (max-width: 761px) {
  .m_min-w360 { min-width: 360px !important; }
}

@media (min-width: 762px) {
  .d_min-w360 { min-width: 360px !important; }
}

.min-w365 { min-width: 365px !important; }

@media (max-width: 761px) {
  .m_min-w365 { min-width: 365px !important; }
}

@media (min-width: 762px) {
  .d_min-w365 { min-width: 365px !important; }
}

.min-w370 { min-width: 370px !important; }

@media (max-width: 761px) {
  .m_min-w370 { min-width: 370px !important; }
}

@media (min-width: 762px) {
  .d_min-w370 { min-width: 370px !important; }
}

.min-w375 { min-width: 375px !important; }

@media (max-width: 761px) {
  .m_min-w375 { min-width: 375px !important; }
}

@media (min-width: 762px) {
  .d_min-w375 { min-width: 375px !important; }
}

.min-w380 { min-width: 380px !important; }

@media (max-width: 761px) {
  .m_min-w380 { min-width: 380px !important; }
}

@media (min-width: 762px) {
  .d_min-w380 { min-width: 380px !important; }
}

.min-w385 { min-width: 385px !important; }

@media (max-width: 761px) {
  .m_min-w385 { min-width: 385px !important; }
}

@media (min-width: 762px) {
  .d_min-w385 { min-width: 385px !important; }
}

.min-w390 { min-width: 390px !important; }

@media (max-width: 761px) {
  .m_min-w390 { min-width: 390px !important; }
}

@media (min-width: 762px) {
  .d_min-w390 { min-width: 390px !important; }
}

.min-w395 { min-width: 395px !important; }

@media (max-width: 761px) {
  .m_min-w395 { min-width: 395px !important; }
}

@media (min-width: 762px) {
  .d_min-w395 { min-width: 395px !important; }
}

.min-w400 { min-width: 400px !important; }

@media (max-width: 761px) {
  .m_min-w400 { min-width: 400px !important; }
}

@media (min-width: 762px) {
  .d_min-w400 { min-width: 400px !important; }
}

.min-w405 { min-width: 405px !important; }

@media (max-width: 761px) {
  .m_min-w405 { min-width: 405px !important; }
}

@media (min-width: 762px) {
  .d_min-w405 { min-width: 405px !important; }
}

.min-w410 { min-width: 410px !important; }

@media (max-width: 761px) {
  .m_min-w410 { min-width: 410px !important; }
}

@media (min-width: 762px) {
  .d_min-w410 { min-width: 410px !important; }
}

.min-w415 { min-width: 415px !important; }

@media (max-width: 761px) {
  .m_min-w415 { min-width: 415px !important; }
}

@media (min-width: 762px) {
  .d_min-w415 { min-width: 415px !important; }
}

.min-w420 { min-width: 420px !important; }

@media (max-width: 761px) {
  .m_min-w420 { min-width: 420px !important; }
}

@media (min-width: 762px) {
  .d_min-w420 { min-width: 420px !important; }
}

.min-w425 { min-width: 425px !important; }

@media (max-width: 761px) {
  .m_min-w425 { min-width: 425px !important; }
}

@media (min-width: 762px) {
  .d_min-w425 { min-width: 425px !important; }
}

.min-w430 { min-width: 430px !important; }

@media (max-width: 761px) {
  .m_min-w430 { min-width: 430px !important; }
}

@media (min-width: 762px) {
  .d_min-w430 { min-width: 430px !important; }
}

.min-w435 { min-width: 435px !important; }

@media (max-width: 761px) {
  .m_min-w435 { min-width: 435px !important; }
}

@media (min-width: 762px) {
  .d_min-w435 { min-width: 435px !important; }
}

.min-w440 { min-width: 440px !important; }

@media (max-width: 761px) {
  .m_min-w440 { min-width: 440px !important; }
}

@media (min-width: 762px) {
  .d_min-w440 { min-width: 440px !important; }
}

.min-w445 { min-width: 445px !important; }

@media (max-width: 761px) {
  .m_min-w445 { min-width: 445px !important; }
}

@media (min-width: 762px) {
  .d_min-w445 { min-width: 445px !important; }
}

.min-w450 { min-width: 450px !important; }

@media (max-width: 761px) {
  .m_min-w450 { min-width: 450px !important; }
}

@media (min-width: 762px) {
  .d_min-w450 { min-width: 450px !important; }
}

.min-w455 { min-width: 455px !important; }

@media (max-width: 761px) {
  .m_min-w455 { min-width: 455px !important; }
}

@media (min-width: 762px) {
  .d_min-w455 { min-width: 455px !important; }
}

.min-w460 { min-width: 460px !important; }

@media (max-width: 761px) {
  .m_min-w460 { min-width: 460px !important; }
}

@media (min-width: 762px) {
  .d_min-w460 { min-width: 460px !important; }
}

.min-w465 { min-width: 465px !important; }

@media (max-width: 761px) {
  .m_min-w465 { min-width: 465px !important; }
}

@media (min-width: 762px) {
  .d_min-w465 { min-width: 465px !important; }
}

.min-w470 { min-width: 470px !important; }

@media (max-width: 761px) {
  .m_min-w470 { min-width: 470px !important; }
}

@media (min-width: 762px) {
  .d_min-w470 { min-width: 470px !important; }
}

.min-w475 { min-width: 475px !important; }

@media (max-width: 761px) {
  .m_min-w475 { min-width: 475px !important; }
}

@media (min-width: 762px) {
  .d_min-w475 { min-width: 475px !important; }
}

.min-w480 { min-width: 480px !important; }

@media (max-width: 761px) {
  .m_min-w480 { min-width: 480px !important; }
}

@media (min-width: 762px) {
  .d_min-w480 { min-width: 480px !important; }
}

.min-w485 { min-width: 485px !important; }

@media (max-width: 761px) {
  .m_min-w485 { min-width: 485px !important; }
}

@media (min-width: 762px) {
  .d_min-w485 { min-width: 485px !important; }
}

.min-w490 { min-width: 490px !important; }

@media (max-width: 761px) {
  .m_min-w490 { min-width: 490px !important; }
}

@media (min-width: 762px) {
  .d_min-w490 { min-width: 490px !important; }
}

.min-w495 { min-width: 495px !important; }

@media (max-width: 761px) {
  .m_min-w495 { min-width: 495px !important; }
}

@media (min-width: 762px) {
  .d_min-w495 { min-width: 495px !important; }
}

.min-w500 { min-width: 500px !important; }

@media (max-width: 761px) {
  .m_min-w500 { min-width: 500px !important; }
}

@media (min-width: 762px) {
  .d_min-w500 { min-width: 500px !important; }
}

.text-white { color: rgb(255, 255, 255); }

.text-white * { color: inherit; }

.text-grey { color: rgb(135, 135, 135); }

.text-grey * { color: inherit; }

.text-brand-d { color: rgb(66, 143, 205); }

.text-brand-d * { color: inherit; }

.text-brand-b { color: rgb(4, 85, 160); }

.text-brand-b * { color: inherit; }

.text-gold { color: rgb(253, 215, 0); }

.text-gold * { color: inherit; }

.text-success { color: rgb(127, 202, 159); }

.text-success * { color: inherit; }

.text-ng { color: rgb(233, 109, 99); }

.text-ng * { color: inherit; }

.text-hover-pink:hover { color: rgb(239, 66, 116); }

h1 { font-size: 2.5em; font-weight: 400; }

h1.small { font-size: 0px; }

h1.bit-small { font-size: 1.8em; }

h1.bit-large, h1.large { font-size: 0px; }

h1.bit-thick, h1.bit-thin, h1.thick, h1.thin { }

h2 { color: rgb(135, 135, 135); font-size: 1.25em; font-weight: 600; }

h2.small { font-size: 0px; }

h2.bit-small { font-size: 1.1em; }

h2.bit-large, h2.large { font-size: 0px; }

h2.bit-thick, h2.bit-thin, h2.thick, h2.thin { }

h2.default-color { color: rgb(66, 66, 66); }

h3 { font-size: 1em; font-weight: 600; }

h3.small { font-size: 0px; }

h3.bit-small { font-size: 1.1em; }

h3.bit-large, h3.large { font-size: 0px; }

h3.bit-thick, h3.bit-thin, h3.thick, h3.thin { }

p.small { font-size: 0.8em; }

p.bit-small { font-size: 0px; }

p.bit-large { font-size: 1em; }

p.large { font-size: 1.2em; }

p.bit-thin, p.thin { }

p.bit-thick { font-weight: 600; }

p.thick { font-weight: 1000; }

p.align-button { margin-top: 0.7em; }

p.white { color: rgb(255, 255, 255); }

p.white-border { text-shadow: rgb(255, 255, 255) 1px 1px 1px, rgb(255, 255, 255) 1px -1px 1px, rgb(255, 255, 255) -1px 1px 1px, rgb(255, 255, 255) -1px -1px 1px; }

.font-large { font-size: 1em; }

.font-larger { font-size: 3em; }

.font-largest { font-size: 5em; }

.font-heavy { font-weight: 1000; }

.font-heavy * { font-weight: inherit; }

.text-break { white-space: pre-line; }

.dark h2.default-color { color: rgb(221, 221, 221); }

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

.payment-icon { display: inline-block; line-height: 2em; }

.payment-icon.credit_card { background: url("/assets/img/payment_icon/credit.svg") 50% 50% / 100% no-repeat; }

.payment-icon.credit_card.red { background: url("/assets/img/payment_icon/credit_red.svg") 50% 50% no-repeat; }

.payment-icon.credit_card.green { background: url("/assets/img/payment_icon/credit_green.svg") 50% 50% no-repeat; }

.payment-icon.credit_card.purple { background: url("/assets/img/payment_icon/credit_purple.svg") 50% 50% no-repeat; }

.payment-icon.credit_card.gold { background: url("/assets/img/payment_icon/credit_gold.svg") 50% 50% no-repeat; }

.payment-icon.credit_card.silver { background: url("/assets/img/payment_icon/credit_silver.svg") 50% 50% no-repeat; }

.payment-icon.credit_card.black { background: url("/assets/img/payment_icon/credit_black.svg") 50% 50% no-repeat; }

.payment-icon.credit_card.pink { background: url("/assets/img/payment_icon/credit_pink.svg") 50% 50% no-repeat; }

.payment-icon.prepaid { background: url("/assets/img/payment_icon/prepaid.svg") 50% 50% / 100% no-repeat; }

.payment-icon.bitcash { background: url("/assets/img/payment_icon/bitcash.svg") 50% 50% / auto 100% no-repeat; }

.payment-icon.bitcash i { margin: 0px 1em; }

.payment-icon.bitcash-logo { background: url("/assets/img/payment_icon/bitcash_logo.svg") 50% 50% / 100% no-repeat; }

.payment-icon.bitcash-logo i { padding: 0px 2em; }

.payment-icon.atone { background: url("/assets/img/payment_icon/atone.svg") 50% 50% / 100% no-repeat; }

.payment-icon.atone i { padding: 0px 0.9em; }

.payment-icon.paidy { background-image: url("/assets/img/payment_icon/paidy.png"); background-position: 50% 50%; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-repeat: no-repeat; background-size: 100% !important; }

.payment-icon.paidy i { padding: 0px 1em; }

.payment-icon.visa { background-image: url("/assets/img/payment_icon/visa.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100% !important; }

.payment-icon.master { background-image: url("/assets/img/payment_icon/master_official_brandmark.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 90% !important; }

.payment-icon.jcb { background-image: url("/assets/img/payment_icon/jcb.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 90% !important; }

.payment-icon.amex { background-image: url("/assets/img/payment_icon/american_e.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100% !important; }

.payment-icon.diners { background-image: url("/assets/img/payment_icon/diners.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100% !important; }

.payment-icon.crypto-generic { background: url("/assets/img/payment_icon/crypto.svg") 50% 50% no-repeat; }

.payment-icon.crypto-bitcoin { background: url("/assets/img/payment_icon/crypto-bitcoin.svg") 50% 50% no-repeat; }

.payment-icon.crypto-ethereum { background: url("/assets/img/payment_icon/crypto-ethereum.svg") 50% 50% no-repeat; }

.payment-icon.crypto-ethereum i { margin: 0px 1em; }

.payment-icon.crypto-cosmos { background: url("/assets/img/payment_icon/crypto-cosmos.svg") 50% 50% no-repeat; }

.payment-icon.crypto-polygon { background: url("/assets/img/payment_icon/crypto-polygon.svg") 50% 50% no-repeat; }

.payment-icon.crypto-walltet-ledger { background: url("/assets/img/payment_icon/crypto-walltet-ledger.svg") 50% 50% no-repeat; }

.payment-icon.crypto-walltet-metamask { background: url("/assets/img/payment_icon/crypto-walltet-metamask.svg") 50% 50% no-repeat; }

.payment-icon.bank { background: url("/assets/img/payment_icon/bank.svg") 50% 50% no-repeat; }

.payment-icon.cube { background: url("/assets/img/payment_icon/cube.svg") 50% 50% / 100% no-repeat; }

.payment-icon.other { background: url("/assets/img/payment_icon/other.svg") 50% 50% / auto 100% no-repeat; }

.payment-icon.other i { margin: 0px 1em; }

.payment-icon.booth { background: url("/assets/img/payment_icon/booth.svg") 50% center / auto 90% no-repeat; }

.payment-icon.holic { background: url("/assets/img/payment_icon/holic.svg") 50% center / auto 60% no-repeat; }

.payment-icon.wani { background: url("/assets/img/payment_icon/wani.svg") 50% center / 80% no-repeat; }

.payment-icon.komiflo_store { background: url("/assets/img/payment_icon/komiflo_store.svg") 50% center / 75% no-repeat; transform: translateX(0.1em); }

.payment-icon.padlock { background: url("/assets/img/payment_icon/padlock.svg") 50% center / auto 100% no-repeat; filter: invert(59%) sepia(0) saturate(896%) hue-rotate(248deg) brightness(91%) contrast(88%); }

.payment-icon.p-left { margin-right: 0.7em; }

.payment-icon.mobile { line-height: 2.5em; }

.payment-icon.mobile i { margin: 0px 1.7em; }

.payment-icon.big { line-height: 3em; }

.payment-icon.big i { margin: 0px 2em; }

.payment-icon.bigger { line-height: 4.5em; }

.payment-icon.bigger i { margin: 0px 2.5em; }

.payment-icon.basesize { line-height: 2.5em; }

.payment-icon.basesize i { margin: 0px 1.5em; }

.payment-icon.full { width: 100%; }

.payment-icon.small { background-size: auto 100%; width: 50px; }

.payment-icon.small i { margin: 0px 0.7em; }

.payment-icon.small-modal { line-height: 1.8em; }

.payment-icon.small-modal i { margin: 0px 1.05em; }

.payment-icon.mini { background-size: auto; line-height: 1.5em; font-size: 1em !important; }

.payment-icon.mini i { margin: 1em; }

.payment-icon.left, .payment-icon.right { background-position: 0px 50% !important; }

.payment-icon.top { background-position: 50% 0px !important; }

.payment-icon.paymentselect { line-height: 2.5em; background-size: auto 100%; }

.payment-icon.paymentselect i { margin: 0px 2em; }

body.dark .payment-icon.visa { background-image: url("/assets/img/payment_icon/visa_w.svg"); }

body.dark .payment-icon.bitcash-logo { background-image: url("/assets/img/payment_icon/bitcash_logo_w.svg"); }

body.dark .payment-icon.bank { background-image: url("/assets/img/payment_icon/bank-w.svg"); }

body.dark .payment-icon.wani { background-image: url("/assets/img/payment_icon/wani_w.svg"); }

body.dark .payment-icon.cube { background-image: url("/assets/img/payment_icon/cube-w.svg"); }

body.dark .payment-icon.other { background-image: url("/assets/img/payment_icon/other-w.svg"); background-size: auto 100%; }

body.dark .payment-icon.other i { margin: 0px 1em; }

body.dark .payment-icon.paidy { background-image: url("/assets/img/payment_icon/paidy-w.png"); }

body.dark .payment-icon.crypto-generic { background-image: url("/assets/img/payment_icon/crypto-w.svg"); }

a.button, button, input[type="submit"] { font-weight: 400; cursor: pointer; margin: 0px; position: relative; display: inline-block; box-sizing: border-box; background: rgb(239, 66, 116); color: rgb(255, 255, 255); text-decoration: none; text-align: center; border-color: rgb(239, 66, 116); border-radius: 9999px; }

a.button.full, button.full, input[type="submit"].full { width: 100%; padding: 5% 0px; }

a.button.half, button.half, input[type="submit"].half { width: 50%; }

@media (min-width: 762px) {
  a.button:not([disabled]):not(.disabled):not(.warn):not(.invisible):hover, button:not([disabled]):not(.disabled):not(.warn):not(.invisible):hover, input[type="submit"]:not([disabled]):not(.disabled):not(.warn):not(.invisible):hover { box-shadow: rgb(239, 66, 116) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset; color: rgb(239, 66, 116); transition: none 0s ease 0s; }
  a.button:not([disabled]):not(.disabled):not(.warn):not(.invisible):hover.full, button:not([disabled]):not(.disabled):not(.warn):not(.invisible):hover.full, input[type="submit"]:not([disabled]):not(.disabled):not(.warn):not(.invisible):hover.full { box-shadow: rgb(239, 66, 116) 0px 0px 0px 1px inset; background: rgb(255, 255, 255); }
}

a.button.circle, button.circle, input[type="submit"].circle { border-radius: 50%; width: 2.8em; height: 2.8em; }

a.button.oldstyle, button.oldstyle, input[type="submit"].oldstyle { border-radius: 0.25em; }

a.button.line, button.line, input[type="submit"].line { border-radius: 2em; border: 1px solid rgb(239, 66, 116); color: rgb(239, 66, 116); font-weight: 600; padding: 0.55em 1.5em; background: transparent !important; }

a.button.line:hover, button.line:hover, input[type="submit"].line:hover { background-color: rgba(239, 66, 116, 0.133); box-shadow: none !important; }

a.button.disabled, a.button[disabled], button.disabled, button[disabled], input[type="submit"].disabled, input[type="submit"][disabled] { opacity: 0.5; background: rgb(135, 135, 135); border-color: rgb(135, 135, 135); cursor: default; color: rgb(204, 204, 204); }

a.button.warn, button.warn, input[type="submit"].warn { background: rgb(66, 66, 66); border-color: rgb(66, 66, 66); }

@media (min-width: 762px) {
  a.button.warn:hover, button.warn:hover, input[type="submit"].warn:hover { box-shadow: red 0px 0px 0px 1.25em inset; border-color: red; color: rgb(255, 255, 255); transition: none 0s ease 0s; }
}

a.button.invisible, button.invisible, input[type="submit"].invisible { color: rgb(239, 66, 116); background-color: transparent; border-color: transparent; padding-left: 0px; padding-right: 0px; }

a.button.black, button.black, input[type="submit"].black { background-color: rgb(17, 17, 17); border-color: rgb(17, 17, 17); }

@media (min-width: 762px) {
  a.button.black:hover, button.black:hover, input[type="submit"].black:hover { box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(0, 0, 0) !important; }
}

a.button.grey_b, button.grey_b, input[type="submit"].grey_b { background-color: rgb(135, 135, 135); border-color: rgb(135, 135, 135); }

@media (min-width: 762px) {
  a.button.grey_b:not([disabled]):hover, button.grey_b:not([disabled]):hover, input[type="submit"].grey_b:not([disabled]):hover { box-shadow: rgb(135, 135, 135) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(135, 135, 135) !important; }
}

a.button.grey_b.line, button.grey_b.line, input[type="submit"].grey_b.line { color: rgb(135, 135, 135); }

a.button.grey_b.line:not([disabled]):hover, button.grey_b.line:not([disabled]):hover, input[type="submit"].grey_b.line:not([disabled]):hover { box-shadow: none !important; }

a.button.brand-b, button.brand-b, input[type="submit"].brand-b { background-color: rgb(4, 85, 160); border-color: rgb(4, 85, 160); }

@media (min-width: 762px) {
  a.button.brand-b:not([disabled]):hover, button.brand-b:not([disabled]):hover, input[type="submit"].brand-b:not([disabled]):hover { box-shadow: rgb(4, 85, 160) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(4, 85, 160) !important; }
}

a.button.brand-b.line, button.brand-b.line, input[type="submit"].brand-b.line { color: rgb(4, 85, 160); }

a.button.brand-b.line:not([disabled]):hover, button.brand-b.line:not([disabled]):hover, input[type="submit"].brand-b.line:not([disabled]):hover { box-shadow: none !important; }

a.button.brand-d, button.brand-d, input[type="submit"].brand-d { background-color: rgb(66, 143, 205); border-color: rgb(66, 143, 205); }

@media (min-width: 762px) {
  a.button.brand-d:not([disabled]):hover, button.brand-d:not([disabled]):hover, input[type="submit"].brand-d:not([disabled]):hover { box-shadow: rgb(66, 143, 205) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(66, 143, 205) !important; }
}

a.button.brand-d.line, button.brand-d.line, input[type="submit"].brand-d.line { color: rgb(66, 143, 205); }

a.button.brand-d.line:not([disabled]):hover, button.brand-d.line:not([disabled]):hover, input[type="submit"].brand-d.line:not([disabled]):hover { box-shadow: none !important; }

a.button.brand-d.line-bgwhite, button.brand-d.line-bgwhite, input[type="submit"].brand-d.line-bgwhite { color: rgb(66, 143, 205) !important; background-color: rgb(255, 255, 255) !important; }

a.button.brand-f, button.brand-f, input[type="submit"].brand-f { background-color: rgb(0, 179, 179); border-color: rgb(0, 179, 179); }

@media (min-width: 762px) {
  a.button.brand-f:not([disabled]):hover, button.brand-f:not([disabled]):hover, input[type="submit"].brand-f:not([disabled]):hover { box-shadow: rgb(0, 179, 179) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(0, 179, 179) !important; }
}

a.button.brand-f.line, button.brand-f.line, input[type="submit"].brand-f.line { color: rgb(0, 179, 179); }

a.button.brand-f.line:not([disabled]):hover, button.brand-f.line:not([disabled]):hover, input[type="submit"].brand-f.line:not([disabled]):hover { box-shadow: none !important; }

a.button.twitter, button.twitter, input[type="submit"].twitter { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }

@media (min-width: 762px) {
  a.button.twitter:not([disabled]):hover, button.twitter:not([disabled]):hover, input[type="submit"].twitter:not([disabled]):hover { box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(0, 0, 0) !important; }
}

a.button.gold, button.gold, input[type="submit"].gold { background-color: rgb(253, 215, 0); border-color: rgb(253, 215, 0); text-shadow: rgba(255, 255, 255, 0.5) 0px 1px; color: rgb(66, 66, 66) !important; }

@media (min-width: 762px) {
  a.button.gold:not([disabled]):hover, button.gold:not([disabled]):hover, input[type="submit"].gold:not([disabled]):hover { box-shadow: rgb(253, 215, 0) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; }
}

a.button.success, button.success, input[type="submit"].success { background-color: rgb(16, 148, 108); border-color: rgb(16, 148, 108); }

@media (min-width: 762px) {
  a.button.success:not([disabled]):hover, button.success:not([disabled]):hover, input[type="submit"].success:not([disabled]):hover { box-shadow: rgb(16, 148, 108) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(4, 85, 160) !important; }
}

a.button.gold-alt, button.gold-alt, input[type="submit"].gold-alt { background-color: rgba(18, 18, 18, 0.6); border-color: rgb(253, 215, 0); box-shadow: rgb(253, 215, 0) 0px 0px 0px 1px inset; color: rgb(253, 215, 0) !important; font-weight: 600 !important; }

@media (min-width: 762px) {
  a.button.gold-alt:not([disabled]):hover, button.gold-alt:not([disabled]):hover, input[type="submit"].gold-alt:not([disabled]):hover { border-color: rgb(66, 66, 66); box-shadow: rgba(18, 18, 18, 0.8) 0px 0px 0px 2px inset, rgb(253, 215, 0) 0px 0px 0px 2em inset !important; color: rgb(66, 66, 66) !important; }
}

a.button.brand-wani, button.brand-wani, input[type="submit"].brand-wani { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); color: transparent !important; }

@media (min-width: 762px) {
  a.button.brand-wani:not([disabled]):hover, button.brand-wani:not([disabled]):hover, input[type="submit"].brand-wani:not([disabled]):hover { box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; }
  a.button.brand-wani:not([disabled]):hover::before, button.brand-wani:not([disabled]):hover::before, input[type="submit"].brand-wani:not([disabled]):hover::before { background-image: url("/assets/img/partners/wani_hover@2x.png"); }
}

a.button.brand-wani::before, button.brand-wani::before, input[type="submit"].brand-wani::before { content: ""; position: absolute; display: block; width: 100%; height: 20px; top: 50%; margin-top: -10px; background: url("/assets/img/partners/wani@2x.png") center top / 100% no-repeat; }

a.button.brand-wani[disabled]::before, button.brand-wani[disabled]::before, input[type="submit"].brand-wani[disabled]::before { opacity: 0.5; }

a.button.brand-store, button.brand-store, input[type="submit"].brand-store { background-color: rgb(255, 69, 0); border-color: rgb(255, 69, 0); font-weight: 600; }

a.button.brand-store:not(.line), button.brand-store:not(.line), input[type="submit"].brand-store:not(.line) { border: 2px solid rgb(255, 69, 0); color: transparent !important; }

@media (min-width: 762px) {
  a.button.brand-store:not(.line):not([disabled]):hover, button.brand-store:not(.line):not([disabled]):hover, input[type="submit"].brand-store:not(.line):not([disabled]):hover { box-shadow: rgb(255, 69, 0) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(255, 69, 0) !important; }
  a.button.brand-store:not(.line):not([disabled]):hover::before, button.brand-store:not(.line):not([disabled]):hover::before, input[type="submit"].brand-store:not(.line):not([disabled]):hover::before { background-image: url("/assets/img/partners/komiflo_store.svg"); }
}

a.button.brand-store:not(.line)::before, button.brand-store:not(.line)::before, input[type="submit"].brand-store:not(.line)::before { content: ""; position: absolute; display: block; top: 0px; background: url("/assets/img/partners/komiflo_store_white.svg") 50% 53% / contain no-repeat; margin: 0.5em 1em; width: calc(100% - 2em); height: calc(100% - 1em); }

a.button.brand-store:not(.line).smalllogo::before, button.brand-store:not(.line).smalllogo::before, input[type="submit"].brand-store:not(.line).smalllogo::before { content: ""; position: absolute; display: block; top: 0px; background: url("/assets/img/partners/komiflo_store_white.svg") 50% 53% / contain no-repeat; margin: 0.6em 1em; width: calc(100% - 2em); height: calc(100% - 1.2em); }

@media (max-width: 761px) {
  a.button.brand-store:not(.line).smalllogo::before, button.brand-store:not(.line).smalllogo::before, input[type="submit"].brand-store:not(.line).smalllogo::before { margin: 0.6em 1em; width: calc(100% - 2em); height: calc(100% - 1.2em); }
}

a.button.brand-store:not(.line).notlogo, button.brand-store:not(.line).notlogo, input[type="submit"].brand-store:not(.line).notlogo { color: rgb(255, 255, 255) !important; }

a.button.brand-store:not(.line).notlogo::before, button.brand-store:not(.line).notlogo::before, input[type="submit"].brand-store:not(.line).notlogo::before { display: none; }

@media (max-width: 360px) {
  a.button.brand-store:not(.line), button.brand-store:not(.line), input[type="submit"].brand-store:not(.line) { line-height: 2em; font-size: 0.8em; }
}

a.button.brand-store.line, button.brand-store.line, input[type="submit"].brand-store.line { color: rgb(255, 69, 0) !important; }

@media (max-width: 360px) {
  a.button.brand-store, button.brand-store, input[type="submit"].brand-store { line-height: 2em; font-size: 0.8em; }
}

a.button.brand-publisher, button.brand-publisher, input[type="submit"].brand-publisher { background-color: rgb(17, 17, 17); border: 2px solid rgb(17, 17, 17); font-weight: 600; }

@media (min-width: 762px) {
  a.button.brand-publisher:not([disabled]):hover, button.brand-publisher:not([disabled]):hover, input[type="submit"].brand-publisher:not([disabled]):hover { box-shadow: rgb(17, 17, 17) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; color: rgb(17, 17, 17) !important; }
}

@media (max-width: 400px) {
  a.button.brand-publisher, button.brand-publisher, input[type="submit"].brand-publisher { line-height: 2em; font-size: 0.75em; }
}

a.button.brand-amazon, button.brand-amazon, input[type="submit"].brand-amazon { background-color: rgb(255, 153, 0); border: 2px solid rgb(255, 153, 0); color: transparent !important; }

@media (min-width: 762px) {
  a.button.brand-amazon:not([disabled]):hover, button.brand-amazon:not([disabled]):hover, input[type="submit"].brand-amazon:not([disabled]):hover { box-shadow: rgb(255, 153, 0) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; }
  a.button.brand-amazon:not([disabled]):hover::before, button.brand-amazon:not([disabled]):hover::before, input[type="submit"].brand-amazon:not([disabled]):hover::before { background-image: url("/assets/img/partners/amazon_hover@2x.png"); }
}

a.button.brand-amazon::before, button.brand-amazon::before, input[type="submit"].brand-amazon::before { content: ""; position: absolute; display: block; width: 100%; height: 24px; top: 50%; margin-top: -12px; background: url("/assets/img/partners/amazon@2x.png") center top / auto 100% no-repeat; }

a.button.brand-amazon[disabled]::before, button.brand-amazon[disabled]::before, input[type="submit"].brand-amazon[disabled]::before { opacity: 0.5; }

a.button.brand-dmm, a.button.brand-fanzagames, button.brand-dmm, button.brand-fanzagames, input[type="submit"].brand-dmm, input[type="submit"].brand-fanzagames { background-color: rgb(255, 255, 255); border: 2px solid rgb(231, 0, 0); color: transparent !important; }

a.button.brand-dmm p, a.button.brand-fanzagames p, button.brand-dmm p, button.brand-fanzagames p, input[type="submit"].brand-dmm p, input[type="submit"].brand-fanzagames p { opacity: 0; max-width: 1px; }

@media (min-width: 762px) {
  a.button.brand-dmm:not([disabled]):hover, a.button.brand-fanzagames:not([disabled]):hover, button.brand-dmm:not([disabled]):hover, button.brand-fanzagames:not([disabled]):hover, input[type="submit"].brand-dmm:not([disabled]):hover, input[type="submit"].brand-fanzagames:not([disabled]):hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; }
}

a.button.brand-dmm::before, a.button.brand-fanzagames::before, button.brand-dmm::before, button.brand-fanzagames::before, input[type="submit"].brand-dmm::before, input[type="submit"].brand-fanzagames::before { content: ""; position: absolute; display: block; top: 0px; background: url("/assets/img/partners/fanza.svg") 50% 50% no-repeat; }

@media (max-width: 360px) {
  a.button.brand-dmm, a.button.brand-fanzagames, button.brand-dmm, button.brand-fanzagames, input[type="submit"].brand-dmm, input[type="submit"].brand-fanzagames { font-size: 0.9em; }
}

a.button.brand-fanzagames::before, button.brand-fanzagames::before, input[type="submit"].brand-fanzagames::before { background-image: url("/assets/img/partners/fanzagames_hover@2x.png"); }

a.button.brand-dlsite, button.brand-dlsite, input[type="submit"].brand-dlsite { background-color: rgb(255, 255, 255); border: 2px solid rgb(41, 51, 102); color: transparent !important; }

a.button.brand-dlsite p, button.brand-dlsite p, input[type="submit"].brand-dlsite p { opacity: 0; max-width: 1px; }

@media (min-width: 762px) {
  a.button.brand-dlsite:not([disabled]):hover, button.brand-dlsite:not([disabled]):hover, input[type="submit"].brand-dlsite:not([disabled]):hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 2em inset !important; }
}

a.button.brand-dlsite::before, button.brand-dlsite::before, input[type="submit"].brand-dlsite::before { content: ""; position: absolute; display: block; top: 0px; background: url("/assets/img/partners/dlsite.svg") 50% 50% no-repeat; }

@media (max-width: 360px) {
  a.button.brand-dlsite, button.brand-dlsite, input[type="submit"].brand-dlsite { font-size: 0.9em; }
}

a.button.brand-dlsite::before, a.button.brand-dmm::before, a.button.brand-fanzagames::before, button.brand-dlsite::before, button.brand-dmm::before, button.brand-fanzagames::before, input[type="submit"].brand-dlsite::before, input[type="submit"].brand-dmm::before, input[type="submit"].brand-fanzagames::before { background-size: contain; margin: 0.5em 1em; width: calc(100% - 2em); height: calc(100% - 1em); }

@media (max-width: 1269px) {
  a.button.brand-dlsite::before, a.button.brand-dmm::before, a.button.brand-fanzagames::before, button.brand-dlsite::before, button.brand-dmm::before, button.brand-fanzagames::before, input[type="submit"].brand-dlsite::before, input[type="submit"].brand-dmm::before, input[type="submit"].brand-fanzagames::before { margin: 0.5em 0.6em; width: calc(100% - 1.2em); }
}

@media (max-width: 761px) {
  a.button.brand-dlsite::before, a.button.brand-dmm::before, a.button.brand-fanzagames::before, button.brand-dlsite::before, button.brand-dmm::before, button.brand-fanzagames::before, input[type="submit"].brand-dlsite::before, input[type="submit"].brand-dmm::before, input[type="submit"].brand-fanzagames::before { margin: 0.5em 1em; width: calc(100% - 2em); height: calc(100% - 1em); }
}

.card { padding: 0.5em; display: flex; justify-content: space-between; align-items: center; border-radius: 0.5em; }

.card i { margin: 0px 1.5em; }

.card.short { width: 75%; }

.card.end { justify-content: flex-end; }

.card.left { justify-content: left; }

.card.right { justify-content: right; }

.card.top { align-items: start; }

.card.no-padding { padding: 0px; }

@media (min-width: 1016px) and (max-width: 1269px) {
  .card.mobile-off { display: inherit; }
}

@media (min-width: 762px) and (max-width: 1015px) {
  .card.mobile-off { display: inherit; }
}

@media (max-width: 761px) {
  .card.mobile-off { display: inherit; }
}

.tweet-list { margin-top: 1em; background: rgb(255, 255, 255); border-radius: 0.5em; overflow: hidden; }

.tweet-list > .title { display: inline-block; background-color: rgb(66, 143, 205); color: rgb(255, 255, 255); border-radius: 0.5em 0px; padding: 0.8em 1.6em 0.8em 0.8em; font-weight: 700; width: 100%; }

.tweet-list > .text { float: left; box-sizing: border-box; width: 75%; padding: 1em 1em 1em 1.5em; font-size: 0.9em; }

@media (min-width: 762px) and (max-width: 1015px) {
  .tweet-list > .text { width: 70%; }
}

@media (max-width: 761px) {
  .tweet-list > .text { width: 100%; padding: 1.5em; }
}

.tweet-list > .button-box { float: left; box-sizing: border-box; text-align: right; padding: 1em 1.5em 1em 1em; width: 25%; }

@media (min-width: 762px) and (max-width: 1015px) {
  .tweet-list > .button-box { width: 30%; }
}

@media (max-width: 761px) {
  .tweet-list > .button-box { width: 100%; padding: 1.5em; }
}

.annotation { display: inline-block; white-space: nowrap; padding: 0.3em 0.5em; font-size: 0.8em; border-radius: 0.5em; background-color: rgb(135, 135, 135); opacity: 0.6; color: rgb(255, 255, 255); margin: 0.6em !important; }

.annotation.no-margin { margin: 0px !important; }

body.dark .tweet-list { background: rgb(34, 33, 39); }

body.dark .tweet-list > .title { background-color: rgb(27, 26, 29); color: rgb(135, 135, 135); }

body.dark .annotation { background-color: rgb(17, 17, 17); }

.shop-trial-chart { font-size: 0.75em; display: grid; grid-template-rows: 1fr 20px; grid-template-areas: "end" "line" "today"; gap: 1em; }

@keyframes line { 
  0% { width: 0px; }
}

@keyframes appear { 
  0% { opacity: 0; }
  85% { opacity: 0; }
  100% { opacity: 1; }
}

.shop-trial-chart .end-day { grid-area: end / end / end / end; animation: 3s linear 0s 1 normal none running appear; }

.shop-trial-chart .today { grid-area: today / today / today / today; animation: 2.5s linear 0s 1 normal none running appear; }

.shop-trial-chart .today span { position: absolute; transform: translateX(-50%); }

.shop-trial-chart .line, .shop-trial-chart .line::before { border-radius: 10px; }

.shop-trial-chart .line { position: relative; grid-area: line / line / line / line; width: 100%; background: linear-gradient(90deg, rgb(136, 44, 111) 0px, rgb(136, 44, 111) 67%, rgba(136, 44, 111, 0) 95%); }

.shop-trial-chart .line::before { content: ""; display: block; height: 20px; width: calc(50% + 10px); background: rgb(135, 135, 135); animation: 2s ease-in-out 0s 1 normal none running line; }

.shop-trial-chart .line::after { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-radius: 10px; top: 0px; left: calc(50% - 10px); box-shadow: rgb(136, 44, 111) 0px 0px 0px 1px inset; background: rgb(253, 215, 0); animation: 3s linear 0s 1 normal none running appear; }

.shop-trial-chart .now { grid-area: line / line / line / line; position: relative; height: 20px; border-radius: 10px; background: rgb(16, 148, 108); padding-right: 20px; animation: 2s ease-in-out 0s 1 normal none running line; }

.shop-trial-chart .now::after { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-radius: 10px; top: 0px; left: calc(100% - 20px); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; background: rgba(255, 255, 255, 0.25); animation: 2.5s linear 0s 1 normal none running appear; }

.coupon-container { position: relative; display: grid; column-gap: 20px; align-items: center; cursor: pointer; background: rgb(136, 44, 111); margin: 0.5em; padding: 1em 1em 1em 2em; border-radius: 0.5em; }

.coupon-container button { position: absolute; right: 2em; bottom: 2em; }

.coupon-container .coupon { width: 120px; height: 50px; position: relative; float: left; text-align: center; line-height: 50px; background: rgb(253, 215, 0); color: rgb(136, 44, 111); font-weight: 700; border-radius: 0px 0.25em 0.25em 0px; border-left: 2px dotted rgb(136, 44, 111); margin-right: 2em; }

.coupon-container .coupon::before { position: absolute; content: ""; width: 1em; height: 1em; border-radius: 0.5em; background: rgb(136, 44, 111); top: 50%; right: -0.5em; margin-top: -0.5em; }

.coupon-container .coupon .clip { position: absolute; top: 0px; content: ""; width: 1em; height: 50px; left: -1em; background: rgb(253, 215, 0); border-right: 2px dotted rgb(136, 44, 111); border-radius: 0.25em 0px 0px 0.25em; transition: all 0.2s ease-in-out 0s; }

.coupon-container .coupon .clip::before { position: absolute; content: ""; width: 1em; height: 1em; border-radius: 0.5em; background: rgb(136, 44, 111); top: 50%; left: -0.5em; margin-top: -0.5em; }

.coupon-container .coupon-name { text-overflow: ellipsis; display: inline-block; width: auto; position: relative; height: 50px; line-height: 50px; }

.coupon-container.selected { box-shadow: rgb(253, 215, 0) 0px 0px 0px 2px; }

.coupon-container.selected .coupon .clip { transform: rotate(-20deg); left: -1.65em; top: 0.25em; }

.coupon-indicator { border-radius: 0.25em; position: relative; text-align: center; padding: 0.5em; margin-bottom: 1em; background: rgb(16, 148, 108); box-shadow: rgb(253, 215, 0) 0px 0px 0px 2px, rgba(18, 18, 18, 0.25) 0px 0.25em 1em; }

.coupon-indicator::before { content: ""; display: block; position: absolute; z-index: 2; bottom: -7px; left: 12.5%; width: 10px; height: 10px; margin: auto; transform: rotate(45deg); border-right: 2px solid rgb(253, 215, 0); border-bottom: 2px solid rgb(253, 215, 0); border-radius: 2px; background: rgb(16, 148, 108); border-top-color: rgb(253, 215, 0); border-left-color: rgb(253, 215, 0); }

.coupon-indicator a { color: rgb(253, 215, 0); cursor: pointer; }

.coupon-indicator a, .coupon-indicator span { display: inline-block; width: 50%; }

header .font-icon { color: rgb(204, 204, 204); }

header .font-icon.stand-out { animation: 2.5s linear 0s infinite normal none running icon-stand-out; }

header .font-icon i { font-size: 1.8em; position: absolute; display: flex; width: 130%; left: 20%; height: 200%; top: -50%; cursor: pointer; align-items: center; justify-content: center; }

@keyframes icon-stand-out { 
  0% { color: rgb(204, 204, 204); }
  70% { color: rgb(239, 66, 116); }
  100% { color: rgb(204, 204, 204); }
}

.mission.modal { min-height: 100%; min-width: 100%; padding: 1em 0px; }

@media (max-width: 761px) {
  .mission.modal { padding: 3em 0px; }
}

.mission .progress { box-shadow: none; width: 100%; background-color: rgba(239, 66, 116, 0.25) !important; }

.mission .progress .bar { animation: 1s ease 0s 1 normal forwards running progressAnime; }

.mission .mission_list_item { position: relative; min-height: 300px; max-height: 300px; transition: all 0.3s ease-out 0s; cursor: pointer; overflow: hidden; display: block; background-size: 133% !important; }

@media (min-width: 762px) {
  .mission .mission_list_item { background-size: 100% !important; }
  .mission .mission_list_item:hover { background-size: 110% !important; }
}

@media (min-width: 762px) and (max-width: 1015px) {
  .mission .mission_list_item { background-size: 133% !important; }
  .mission .mission_list_item:hover { background-size: 146% !important; }
}

.mission .mission_list_item .detail { position: absolute; bottom: 0px; right: 0px; left: 1em; }

.mission .mission_list_item .title { margin-bottom: 0.6em; }

.mission .mission_list_item .title .reward { font-size: 1.2em; }

.mission .mission_list_item .overview { line-height: 1.3em; }

.mission .mission_list_item .deadline { display: flex; justify-content: space-between; }

.mission .mission_list_item .icon_box { position: absolute; top: 0px; left: 1em; background-color: rgb(239, 66, 116); border-radius: 0px 0px 0.4em 0.4em; }

.mission .mission_list_item .icon_box > div { text-align: center; padding: 0.2em; }

.mission .mission_list_item .icon_box .mission_icon_box { background-color: rgb(255, 255, 255); color: rgb(239, 66, 116); padding-bottom: 0.1em; font-size: 32px; }

.mission .mission_list_item .icon_box .under { padding: 0px; border-left: 1.4em solid transparent; border-right: 1.4em solid transparent; border-top: 0.5em solid rgb(255, 255, 255); }

.mission .mission_list_item .icon_box .reward_icon_box { color: rgb(255, 255, 255); padding-top: 0.17em; padding-bottom: 0.28em; font-size: 26px; }

.mission .mission_list_item.clear::before { z-index: 5; position: absolute; content: "CLEAR"; top: 40%; left: 50%; transform: translateY(-50%) translateX(-50%) rotate(-5deg); background-color: rgba(255, 255, 255, 0.1); color: rgb(239, 66, 116); font-weight: 600; font-size: 3em; border-radius: 0.5em; border: 4px solid rgb(239, 66, 116); padding: 0.3em 1em; }

@media (max-width: 761px) {
  .mission .mission_list_item.clear::before { top: 27%; }
}

.mission .mission_detail .title { display: flex; justify-content: space-between; }

.mission .mission_detail .title h2 { margin: 0px; color: rgb(66, 66, 66); }

.mission .mission_detail .title h2.deadline_none { margin-bottom: 1em; }

.mission .mission_detail .detail { margin-bottom: 1.7em; }

.mission .mission_detail .complete { opacity: 0.4; }

.mission .mission_detail span.progress_num { max-width: 2.25em; max-height: 2.25em; min-width: 2.25em; min-height: 2.25em; border-radius: 2.25em; background: rgb(239, 66, 116); box-sizing: content-box; text-align: center; line-height: 2em; font-weight: 700; font-size: 1.4em; color: rgb(255, 255, 255); transform: translateY(-0.1em); }

.mission .mission_detail span.progress_num::after { content: "%"; display: inline-block; font-size: 0.5em; vertical-align: super; }

.mission .mission_detail.requirements .steptitle { z-index: 2; position: absolute; left: 50%; transform: translate(-50%, -40%); background-color: rgb(255, 255, 255); padding: 0px 1.5em; font-weight: 700; }

.mission .mission_detail.requirements .step { position: relative; padding: 1em 0px; border: 3px solid rgb(4, 85, 160); }

.mission .mission_detail.requirements .step.clear::before { z-index: 3; position: absolute; content: "CLEAR"; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) rotate(-5deg); background-color: rgba(255, 255, 255, 0.8); color: rgb(239, 66, 116); font-weight: 600; font-size: 1.5em; border-radius: 0.5em; border: 2px solid rgb(239, 66, 116); padding: 0.3em 1em; opacity: 0.8; }

.mission .mission_detail.requirements .step::after { content: ""; z-index: 2; position: absolute; top: 100%; left: 50%; margin-left: -15px; border-width: 15px; border-style: solid; border-color: rgb(4, 85, 160) transparent transparent; border-image: initial; }

.mission .mission_detail.requirements .mission_clear { overflow: hidden; padding: 0.8em 2em; background-color: rgb(242, 242, 242); }

.mission .mission_detail.requirements .mission_clear.clear { background-color: rgb(239, 66, 116); color: rgb(255, 255, 255); font-weight: 600; font-size: 1.1em; border: 2px solid rgb(239, 66, 116); }

.mission .mission_detail.requirements .mission_clear.clear_b { color: rgb(255, 255, 255); font-size: 1.1em; border: 2px solid rgb(239, 66, 116); }

.mission .mission_detail.requirements .mission_clear.clear_b > p { font-weight: 600; padding: 0.8em 2em; margin: -0.8em -2em 0px; background-color: rgb(239, 66, 116); }

.mission .mission_detail .swiper-slide > div .unlock-date { position: absolute; left: 50%; transform: translateX(-50%); bottom: 1em; padding: 0.5em 0.8em; border-radius: 1em; background-color: rgba(18, 18, 18, 0.8); font-size: 0.8em; white-space: nowrap; z-index: 2; color: rgb(255, 255, 255) !important; }

@media (max-width: 761px) {
  .mission .mission_detail .swiper-slide > div .unlock-date { padding: 0.5em; bottom: 0.5em; font-size: 0.7em; }
}

.mission .return { overflow: initial; cursor: pointer; background-color: rgb(66, 143, 205); }

.mission .return h2 { color: rgb(255, 255, 255); }

@media (max-width: 761px) {
  .mission .return { padding-left: 3em; margin-left: -3em; }
}

.mission .return i.icon-lineup { font-size: 1em; }

@keyframes progressAnime { 
  0% { width: 0px; }
}

body.dark .mission .mission_list_item.clear::before { background-color: rgba(34, 33, 39, 0.2); }

body.dark .mission .mission_list_item .icon_box { background-color: rgb(221, 221, 221); }

body.dark .mission .mission_list_item .icon_box .mission_icon_box { background-color: rgb(34, 33, 39); color: rgb(221, 221, 221); }

body.dark .mission .mission_list_item .icon_box .under { border-top: 0.15em solid rgb(34, 33, 39); }

body.dark .mission .mission_list_item .icon_box .reward_icon_box { color: rgb(34, 33, 39); }

body.dark .mission .mission_detail, body.dark .mission .mission_detail .title h2 { color: rgb(221, 221, 221); }

body.dark .mission .mission_detail.requirements .step.clear::before { background-color: rgba(34, 33, 39, 0.8); }

body.dark .mission .mission_detail .steptitle { background-color: rgb(34, 33, 39); }

body.dark .mission .mission_detail .mission_clear { background-color: rgb(27, 26, 29); }

#modal-box { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; bottom: 0px; z-index: 200; background-color: rgba(0, 0, 0, 0.7); transition: all 1s ease-out 0s; animation: 0.15s ease-in 0s 1 normal forwards running ModalfadeIn; }

#modal-box .modal-message { box-shadow: rgba(18, 18, 18, 0.33) 0px 10px 40px; position: fixed; left: calc(50% - 1em); top: calc(50% - 1em); z-index: 201; transform: translate(-50%, -50%); margin: 1em; overflow: hidden auto; max-height: 100%; backface-visibility: hidden; -webkit-font-smoothing: antialiased; }

#modal-box .modal-message > * { animation: 0.15s ease-in 0s 1 normal forwards running ModalWindowfadeIn; }

#modal-box .modal-message .modal-confirm { border-radius: 8px; padding: 1.7em; background-color: rgb(255, 255, 255); box-sizing: border-box; overflow-y: auto; background-size: 100% !important; }

@media (max-width: 761px) {
  #modal-box .modal-message .modal-confirm { padding: 1.2em; width: calc(100vw - 2em); }
}

#modal-box .modal-message .modal-confirm .modal-header { margin: -1.7em -1.7em 0px; padding: 1.7em 1.7em 1.5em; }

#modal-box .modal-message .modal-confirm .close { cursor: pointer; position: absolute; top: 0px; right: 0px; padding: 1em; margin: -1em; }

#modal-box .modal-message .modal-confirm .message { line-height: 1.4em; margin: 0px 0px 1em; }

@media (min-width: 762px) {
  #modal-box .modal-message .modal-confirm.w768 { max-width: 768px; }
}

@media (min-width: 762px) {
  #modal-box .modal-message .modal-confirm.w540 { max-width: 590px; }
}

#modal-box .modal-message .modal-confirm button { padding: 0.5em; box-sizing: border-box; font-size: 1em; }

#modal-box .modal-message .modal-confirm button.ok { margin: 0px; width: 60%; }

#modal-box .modal-message .modal-confirm button.cancel { margin: 0px 0px 0px 1em; width: calc(40% - 1em); color: rgb(255, 255, 255); background-color: rgb(135, 135, 135); border-color: rgb(135, 135, 135); }

@media (min-width: 762px) {
  #modal-box .modal-message .modal-confirm button.cancel:hover { color: rgb(135, 135, 135); box-shadow: rgb(135, 135, 135) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 1.4em inset; }
}

@media (max-width: 380px) {
  #modal-box .modal-message .modal-confirm { padding: 1em; }
  #modal-box .modal-message .modal-confirm button.ok { width: 55%; }
  #modal-box .modal-message .modal-confirm button.cancel { width: calc(45% - 1em); }
}

@media (max-width: 761px) {
  #modal-box .modal-message.mobile-fullscreen { position: relative; transform: inherit; margin: 0px; left: 0px; top: 0px; bottom: 0px; height: 100%; width: 100%; }
  #modal-box .modal-message.mobile-fullscreen .modal-confirm { min-width: 100%; min-height: 100%; }
}

#modal-box .icon-select { display: inline-block; padding: 0.4em; margin: 0.1em; box-sizing: border-box; border: 2px solid rgb(34, 33, 39); border-radius: 0.5em; }

#modal-box .icon-select.select { border: 2px solid rgb(239, 66, 116); }

@media (min-width: 762px) {
  #modal-box .fixed-width { min-width: 700px; }
}

@media (min-width: 1016px) {
  #modal-box .fixed-width { min-width: 928px; }
}

body.dark #modal-box .modal-message .modal-confirm { background-color: rgb(34, 33, 39); color: rgb(135, 135, 135); }

@keyframes ModalfadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ModalWindowfadeIn { 
  0% { transform: scale(0.95); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

.nav-header { padding-top: 0px; background: rgb(66, 66, 66); color: rgb(255, 255, 255); }

.nav-header p { padding: 1em 0px; text-align: center; }

.popup { position: absolute; z-index: 1; box-sizing: border-box; border-radius: 0.25em; text-align: center; font-size: 8pt; line-height: 1.5em; text-overflow: ellipsis; padding: 0.75em; background: rgb(255, 255, 255); box-shadow: rgb(233, 109, 99) 0px 0px 0px 2px, rgba(18, 18, 18, 0.25) 0px 0.25em 1em; color: rgb(233, 109, 99); }

@media (min-width: 762px) {
  .popup { font-size: 1em; }
}

.popup a { cursor: pointer; }

.popup::before { content: ""; display: block; position: absolute; z-index: 2; width: 10px; height: 10px; margin: auto; transform: rotate(45deg); border-radius: 2px; }

.popup.top { bottom: 100%; margin-bottom: 0.5em; animation: 0.5s ease-out 0s 1 normal none running mainAreaSlide; }

.popup.top::before { bottom: -7px; border-right: 2px solid; border-bottom: 2px solid; left: 0px; right: 0px; }

.popup.top.wide { left: -25%; width: 150%; }

.popup.bottom { top: 100%; margin-top: 0.5em; }

.popup.bottom::before { top: -7px; border-left: 2px solid; border-top: 2px solid; left: 0px; right: 0px; }

.popup.bottom.wide { left: -25%; width: 150%; }

.popup.left { top: 50%; right: 100%; transform: translateY(-50%); margin-right: 0.5em; }

.popup.left::before { right: -7px; border-right: 2px solid; border-top: 2px solid; top: 0px; bottom: 0px; }

.popup.right { top: 50%; left: 100%; min-width: 12em; transform: translateY(-50%); margin-right: 0.5em; }

.popup.right::before { left: -7px; border-left: 2px solid; border-bottom: 2px solid; top: calc(50% - 7px); }

.popup::before { border-color: rgb(233, 109, 99); background-color: rgb(255, 255, 255); }

.popup.emerald { background: rgb(16, 148, 108); box-shadow: rgb(253, 215, 0) 0px 0px 0px 2px, rgba(18, 18, 18, 0.25) 0px 0.25em 1em; color: rgb(253, 215, 0); }

.popup.emerald::before { background: rgb(16, 148, 108); border-color: rgb(253, 215, 0); }

.pseudo-tweet { border-radius: 0.5em; border: 1px solid rgba(135, 135, 135, 0.25); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2em 0.75em; grid-template: "icon name name name ." 20% "icon input input input input" auto "icon text text text text" 40% ". reply rt fav menu" 10% / auto 20% 20% 20% 20%; gap: 0px 1em; padding: 1em; margin-bottom: 1em; }

.pseudo-tweet .name { color: rgb(135, 135, 135); font-size: 1.2em; line-height: 2.8em; }

.pseudo-tweet .name .icon { width: 2em; height: 2em; background: url("/assets/img/favicon.ico") 50% 50% / auto 100% no-repeat; }

.pseudo-tweet .name span { margin-left: 0.5em; }

.pseudo-tweet input { grid-area: input / input / input / input; width: calc(100% - 1.3em); border: 1px dotted rgb(135, 135, 135); padding: 0.5em; margin: 0.5em 0px; border-radius: 0.25em; }

.pseudo-tweet .text { grid-area: text / text / text / text; font-size: 1.2em; line-height: 1.4em; }

@media (min-width: 762px) {
  .pseudo-tweet { padding: 2em; margin-bottom: 2em; min-width: 600px; }
}

@media (max-width: 380px) {
  .pseudo-tweet { padding: 0.5em; margin-bottom: 0.7em; }
  .pseudo-tweet .name { font-size: 1em; line-height: 2.4em; }
  .pseudo-tweet .text { font-size: 0.9em; line-height: 1.2em; }
}

.shop-modal { position: fixed; top: 0px; left: 0px; z-index: 200; display: flex; align-items: center; justify-content: center; }

.shop-modal, .shop-modal.show { width: 100%; height: 100%; background: rgba(18, 18, 18, 0.75); }

.shop-modal.show { overflow: visible; animation: 0.15s ease-in 0s 1 normal forwards running ModalfadeIn; }

.shop-modal.show > div { animation: 0.15s ease-in 0s 1 normal forwards running ModalWindowfadeIn; }

.shop-modal.info > div .header h1:hover, .shop-modal.info > div.show-help .header h1, .shop-modal .show-help .header h1:hover, .shop-modal .show-help.show-help .header h1 { color: rgb(253, 215, 0); border-bottom: 1px solid rgb(253, 215, 0); cursor: pointer; transition: none 0s ease 0s; }

.shop-modal.info > div .header h1:hover span, .shop-modal.info > div .header h1:hover strong, .shop-modal.info > div.show-help .header h1 span, .shop-modal.info > div.show-help .header h1 strong, .shop-modal .show-help .header h1:hover span, .shop-modal .show-help .header h1:hover strong, .shop-modal .show-help.show-help .header h1 span, .shop-modal .show-help.show-help .header h1 strong { opacity: 1; transition: none 0s ease 0s; font-weight: 600; transform: scale(1); }

.shop-modal > div { transform: scale(1); opacity: 1; transition: transform 0.15s linear 0s; width: 100%; max-width: 900px; box-shadow: rgba(18, 18, 18, 0.33) 0px 10px 40px; background: rgb(136, 44, 111); }

.shop-modal > div.has-splash { background-color: rgb(17, 17, 17); }

.shop-modal > div.show-help .splash { opacity: 0; }

.shop-modal > div > .splash { position: absolute; overflow: hidden; width: 100%; z-index: -1; }

.shop-modal > div > .splash.show-help { opacity: 0; }

.shop-modal > div > .splash::after, .shop-modal > div > .splash::before { content: ""; position: absolute; top: 0px; display: block; height: 100%; z-index: 1; }

@media (min-width: 762px) {
  .shop-modal > div > .splash { height: 100%; border-radius: 0.25em; }
  .shop-modal > div > .splash::before { width: 100%; background: linear-gradient(90deg, rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0.75) 33%, transparent 67%, transparent); }
  .shop-modal > div > .splash::after { width: 100%; background: linear-gradient(rgba(18, 18, 18, 0), rgba(18, 18, 18, 0) 33%, rgba(18, 18, 18, 0.9)); }
}

@media (max-width: 761px) {
  .shop-modal > div > .splash { padding-bottom: 72%; }
  .shop-modal > div > .splash::before { width: 75%; background: linear-gradient(90deg, rgb(17, 17, 17) 0px, rgba(18, 18, 18, 0)); }
  .shop-modal > div > .splash::after { width: 100%; background: linear-gradient(rgba(18, 18, 18, 0) 0px, rgb(17, 17, 17) 90%); }
}

.shop-modal > div > .splash img { position: absolute; width: 100%; animation: 2s ease-in 0s 1 normal forwards running ModalfadeIn; }

@media (min-width: 762px) {
  .shop-modal > div { top: 50%; left: 50%; border-radius: 0.25em; }
}

@media (min-width: 762px) and (max-width: 906px) {
  .shop-modal > div { left: 0px; margin-left: 0px; }
}

@media (min-width: 762px) {
  .shop-modal > div .header { border-radius: 0.25em 0.25em 0px 0px; }
  .shop-modal > div::before { pointer-events: none; content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 0.25em; background: linear-gradient(90deg, rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0)); z-index: -1; }
  .shop-modal > div.has-splash::before { background: linear-gradient(90deg, rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0.75) 33%, rgb(17, 17, 17) 67%, rgb(17, 17, 17)); }
}

.shop-modal > div.has-splash .header { background: linear-gradient(90deg, rgb(17, 17, 17), rgba(136, 44, 111, 0.75)); }

.shop-modal > div .header { color: rgb(253, 215, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

@media (min-width: 762px) {
  .shop-modal > div .header { border-radius: 0.2em 0.2em 0px 0px; }
}

.shop-modal > div .header h1 { display: inline-block; font-size: 1em; font-weight: 600; margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); padding: 1.5em 3em 1.3em; border-bottom: 1px solid transparent; transition: all 0.2s linear 0s; }

.shop-modal > div .header h1 span, .shop-modal > div .header h1 strong { display: inline-block; font-weight: 300; transition: all 0.2s linear 0s; }

.shop-modal > div .header h1 strong { width: 111px; height: 16px; background: url("/assets/img/plus/header@2x.png") 1px 1px / 110px 15px no-repeat; color: transparent; opacity: 0.75; }

.shop-modal > div .header h1 span { transform: scale(0.8) translate(0.75em, 0.1em); opacity: 0; }

.shop-modal > div.show-help .header h1 { cursor: default !important; }

.shop-modal > div .help { background: rgb(136, 44, 111); padding: 2em 3em; color: rgb(255, 255, 255); display: none; border-radius: 0px 0px 0.2em 0.2em; }

.shop-modal > div a.gold { color: rgb(253, 215, 0); }

.shop-modal > div a.gold:hover { border-color: rgb(253, 215, 0); }

.shop-modal > div.show-help .help { display: block; }

.shop-modal > div.show-help .content { display: none; }

.shop-modal > div .content-item p:not(.artists) span { margin: 0px 1em 0px 0px; }

.shop-modal > div .content-item p:not(.artists) span.hint { border-bottom: 1px dotted rgb(255, 255, 255); cursor: pointer; }

.shop-modal > div .content { color: rgb(255, 255, 255); padding: 3em; width: 100%; box-sizing: border-box; }

.shop-modal > div .content h2, .shop-modal > div .content span { color: rgb(255, 255, 255); text-shadow: rgba(18, 18, 18, 0.5) 0px 1px 0px; }

.shop-modal > div .content h2.hint, .shop-modal > div .content span.hint { border-bottom: 1px dotted rgba(255, 255, 255, 0.75); }

.shop-modal > div .content h2 { font-size: 1.75em; line-height: 1.25em; margin: 0px 0px 0.5em; font-weight: 300; }

.shop-modal > div .content p.artists { margin-bottom: 0px; }

.shop-modal > div .content p.artists span { font-weight: 600; }

.shop-modal > div .content .tags, .shop-modal > div .content p.info { transition: all 0.5s linear 0s; font-size: 0.8em; }

.shop-modal > div .content .tags span, .shop-modal > div .content p.info span { display: inline-block; opacity: 0.75; }

.shop-modal > div .content .cta { margin-top: 4em; }

.shop-modal > div .content .cta button { font-size: 1.2em; font-weight: 600; }

.shop-modal > div .content .cta .purchase-button { min-width: 38%; }

.shop-modal > div .content .cta .wishlist-button { font-weight: 200; }

.shop-modal > div .content .cta .small { text-shadow: rgba(18, 18, 18, 0.5) 0px 1px 0px; }

.shop-modal > div .content .cta .price { position: relative; display: inline-block; text-align: center; padding: 1em; box-sizing: border-box; }

.shop-modal > div .content .cta .price p { display: inline-block; }

.shop-modal > div .content .cta .price p:not(.small) { font-size: 1.2em; font-weight: 600; }

.shop-modal > div .content .cta .price p.intax { margin: 0px 0.3em; font-size: 0.6em; font-weight: 200; }

@media (max-width: 761px) {
  .shop-modal > div .content .cta .price { padding: 0.15em 0px; }
  .shop-modal > div .content .cta .price p { display: block; }
}

.shop-modal > div .content .cta a { color: rgb(253, 215, 0); }

.shop-modal > div .content .cta a:hover { border-color: rgb(253, 215, 0); }

.shop-modal.intent > div .content .contents-summary { display: none; }

.shop-modal.info a.shop-link { display: inline-block; position: absolute; bottom: 3em; right: 3em; padding: 1em 1.5em; color: rgb(253, 215, 0); }

.shop-modal.info a.shop-link::after, .shop-modal.info a.shop-link::before { opacity: 0; content: ""; position: absolute; display: block; width: 6px; height: 2px; background: rgb(253, 215, 0); right: 0.75em; top: 50%; margin-top: -1px; transform: rotate(45deg); transition: all 0.15s linear 0s; }

.shop-modal.info a.shop-link::after { margin-top: 2px; transform: rotate(-45deg); }

@media (min-width: 762px) {
  .shop-modal.info a.shop-link:hover { border-bottom-color: rgb(253, 215, 0); }
  .shop-modal.info a.shop-link:hover::after, .shop-modal.info a.shop-link:hover::before { opacity: 1; right: 0.5em; }
}

@media (max-width: 761px) {
  .shop-modal.info a.shop-link { bottom: 1.25em; right: 50%; margin-right: -160px; width: 320px; padding: 1em 0px; text-align: center; }
}

.shop-modal.can-be-closed > div .header .close { position: absolute; display: block; top: 0px; right: 1em; width: 4em; height: 3.8em; cursor: pointer; }

.shop-modal.can-be-closed > div .header .close::before { transform: rotate(45deg); }

.shop-modal.can-be-closed > div .header .close::after { transform: rotate(-45deg); }

.shop-modal.can-be-closed > div .header .close::after, .shop-modal.can-be-closed > div .header .close::before { content: ""; display: block; position: absolute; top: 50%; left: 32%; margin-top: -1px; width: 36%; height: 2px; background: rgb(253, 215, 0); border-radius: 1px; }

.shop-modal.cropped.show { overflow: scroll; }

@media (min-width: 1024px) {
  .shop-modal.cropped.show > div { top: 0px; border-radius: 0px; }
}

.shop-modal.cropped.show .header, .shop-modal.cropped.show .splash { border-radius: 0px; }

@media (max-width: 761px) {
  .shop-modal.can-be-closed > div .header .close { height: 3.2em; width: 3em; right: 0.5em; }
  .shop-modal.intent > div .content .cta button { width: 100%; }
  .shop-modal.intent > div .content .cta p.small { padding: 1.5em; margin: 0px; }
  .shop-modal.intent > div .content .cta p:not(.small) { margin-top: 1.5em; }
  .shop-modal > div { min-height: 100%; margin-top: 0px !important; }
  .shop-modal > div:not(.has-splash) { background: linear-gradient(110deg, rgb(17, 17, 17), rgb(136, 44, 111)); }
  .shop-modal > div.has-splash .content h2 { margin-top: 3em; }
  .shop-modal > div .header h1 { padding: 1.2em 1.5em 1em; }
  .shop-modal > div .header h1 strong { opacity: 1; }
  .shop-modal > div .content { width: 100%; padding: 1em 1.5em; }
  .shop-modal > div .content .contents-summary { padding-bottom: 8em; }
  .shop-modal > div .content h2 { font-size: 1.2em; }
  .shop-modal > div .content .cta { position: fixed; bottom: 3.75em; left: 0px; width: 100%; box-sizing: border-box; padding: 0.5em 1.5em 1em; }
  .shop-modal > div .content .cta .price { min-width: 33.3%; }
  .shop-modal > div .content .cta .secondary { margin-left: 0.5em; }
  .shop-modal > div .content .cta .wishlist-button { width: 100%; }
  .shop-modal > div .content .cta .purchase-button { float: right; width: 66.66%; }
  .shop-modal > div .content .cta span { font-size: 1em !important; }
  .shop-modal > div .help { background: transparent; padding: 1.5em; }
}

@media (max-width: 340px) {
  .shop-modal > div .content .cta .price { padding: 0.75em 1em 0.75em 0px; }
  .shop-modal > div .content .cta span { padding: 0.55em 0px; font-size: 0.9em !important; }
  .shop-modal > div .content .cta button { width: 60%; font-size: 1em; }
}

.rug, .rugh { border-radius: 1em; background: rgb(255, 255, 255); padding: 1em; overflow: visible; }

.sb { display: flex; justify-content: space-between; align-items: center; }

body.authenticated.dark .rug { background: rgb(34, 33, 39); }

table { width: 100%; font-size: 0.9em; font-weight: 400; }

table th { text-align: left; border-bottom: 1px solid rgb(135, 135, 135); }

table tr.odd { background: rgb(255, 255, 255); }

table td, table th { padding: 0.75em 1em; }

@media (max-width: 761px) {
  table .icon-col { max-width: 3.5em; }
}

body.dark table tr.odd { background: rgb(34, 33, 39); }

.radio { margin: 0.5rem 0.5rem 0.5rem 0px; display: inline-block; }

.radio input[type="radio"] { position: absolute; opacity: 0 !important; }

.radio input[type="radio"] + div::before, .radio input[type="radio"] + label::before { content: ""; background: rgb(221, 221, 221); border-radius: 100%; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: 0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 0.15s ease 0s; z-index: 2; }

.radio input[type="radio"]:checked + div::before, .radio input[type="radio"]:checked + label::before { box-shadow: rgb(221, 221, 221) 0px 0px 0px 6px inset, rgb(239, 66, 116) 0px 0px 0px 20px inset; }

.radio input[type="radio"]:disabled + div::before, .radio input[type="radio"]:disabled + label::before { box-shadow: none; opacity: 0.5; }

.radio label { margin-right: 1em; }

.checkbox { margin: 0.5rem 0.5rem 0.5rem 0px; display: inline-block; position: relative; }

.checkbox input[type="checkbox"] { position: absolute; opacity: 0; }

.checkbox input[type="checkbox"] + label::before { content: ""; background: rgb(221, 221, 221); border-radius: 10%; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: -0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; z-index: 2; }

.checkbox input[type="checkbox"] + label::after { content: ""; background: transparent; display: inline-block; position: absolute; width: 1em; height: 0.4em; cursor: pointer; left: 0.2em; border-left: 0.25em solid rgb(239, 66, 116); border-bottom: 0.25em solid rgb(239, 66, 116); opacity: 0; transition: all 0.15s ease 0s; z-index: 3; }

.checkbox input[type="checkbox"]:checked + label::after { opacity: 1; transform: rotate(-45deg); }

.checkbox input[type="checkbox"]:disabled + label::before { box-shadow: rgb(135, 135, 135) 0px 0px 0px 6px inset, rgb(135, 135, 135) 0px 0px 0px 20px inset; }

.checkbox label { margin-right: 1em; }

.checkbox.no-margin { margin: 0px; }

body.dark .radio input[type="radio"] + div::before, body.dark .radio input[type="radio"] + label::before { background: rgb(34, 33, 39); }

body.dark .radio input[type="radio"]:checked + div::before, body.dark .radio input[type="radio"]:checked + label::before { box-shadow: rgb(34, 33, 39) 0px 0px 0px 6px inset, rgb(239, 66, 116) 0px 0px 0px 20px inset; }

body.dark .radio input[type="radio"]:disabled + div::before, body.dark .radio input[type="radio"]:disabled + label::before { box-shadow: none; opacity: 0.5; }

body.dark .checkbox input[type="checkbox"] + label::before { background: rgb(34, 33, 39); }

body.dark .checkbox input[type="checkbox"]:disabled + div::before, body.dark .checkbox input[type="checkbox"]:disabled + label::before { box-shadow: rgb(34, 33, 39) 0px 0px 0px 6px inset, rgb(135, 135, 135) 0px 0px 0px 20px inset; }

.mission > .referral .my-link-text { display: inline-block; margin-bottom: 0px; margin-right: 1em; }

.mission > .referral .my-link-text.copyable { display: block; width: 1px; height: 1px; opacity: 0; }

.mission > .referral .my-link { display: inline-block; text-align: center; border-radius: 0.375rem; border: 2px solid rgb(239, 66, 116); color: rgb(239, 66, 116); cursor: text; padding: 0.5em 1em; margin-left: 1em; background: rgb(255, 255, 255); }

.mission > .referral .share-buttons > * { position: relative; display: inline-block; margin: 0.5em; }

.mission > .referral .share-buttons .copy, .mission > .referral .share-buttons .email { padding: 0px 1em; line-height: 28px; height: 28px; font-size: 0.9em; }

.mission > .referral .share-buttons .twitter { display: block; }

.mission > .referral .redeemed-notice { background: rgb(255, 255, 255); padding: 0.5em 1em; border-radius: 0.25em; }

.mission > .referral .counters { margin-top: 1em; }

.mission > .referral p.strong { font-weight: 600; }

.mission > .referral .invitations-count { display: inline-block; width: 30%; margin-right: 5%; text-align: center; border-radius: 0.25em; border: 2px solid rgb(135, 135, 135); box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(135, 135, 135); opacity: 0.5; }

.mission > .referral .invitations-count:not(.redeemed) { color: rgb(66, 143, 205); border-color: rgb(66, 143, 205); opacity: 1; }

.mission > .referral .invitations-count:not(.redeemed) span:first-child { background: rgb(66, 143, 205); }

.mission > .referral .invitations-count.flash { animation: 2s ease-out 0s 1 normal none running redeem; }

.mission > .referral .invitations-count.flash span:first-child { animation: 2s ease-out 0s 1 normal none running redeem-span; }

.mission > .referral .invitations-count span { position: relative; width: 100%; display: block; }

.mission > .referral .invitations-count span:first-child { margin-bottom: 0.5em; font-size: 0.8em; text-transform: uppercase; background: rgb(135, 135, 135); color: rgb(255, 255, 255); padding: 0.5em 0px 0.4em; }

.mission > .referral .invitations-count span:nth-child(2) { font-size: 1.5em; font-weight: 600; padding: 0.4em 0px 0.6em; }

.mission > .referral .invitations-count:last-child { margin-right: 0px; }

body.authenticated.dark .mission > .referral .my-link { border: 1px solid rgb(17, 17, 17); background: rgb(34, 33, 39); }

body.authenticated.dark .mission > .referral .invitations-count { background: rgb(34, 33, 39); }

body.authenticated.dark .mission > .referral .invitations-count:not(.redeemed) { color: rgb(66, 143, 205); opacity: 1; }

body.authenticated.dark .mission > .referral .invitations-count span:first-child { color: rgb(34, 33, 39); font-weight: 600; }

._1wmUA_iMHNKlUF7iW5ZY0z { opacity: 1; z-index: 10; position: absolute; transition: all 0.15s linear 0s; }

._3LR0hcZMm942o_Nmavi54M { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 0.25em; transform: translateY(16px); padding: 0.5em 0.75em; }

._3KGuaMGnk1s4Aan13aNzBU { position: absolute; right: 50%; width: 0px; height: 0px; border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); }

._2aGuK1DyPrA1riqA6BVtbx { opacity: 0; transform: scale(0.9) translateY(-8px); transition: all 0.3s linear 0s; }

._3gqlQ3nF2xbROMy6XvPM03::before { content: ""; display: block; padding-top: 141.223%; }

._3gqlQ3nF2xbROMy6XvPM03 { position: relative; width: 100%; }

._22BWfXbkCy33oM90JRR80d { position: absolute; inset: 0px; }

._2kqutQCDb82pzMf2Qtc8oE { padding: 50% 2em; background-color: rgb(66, 143, 205); color: rgb(255, 255, 255); z-index: 10; cursor: pointer; }

._2kqutQCDb82pzMf2Qtc8oE:hover { background-color: rgb(4, 85, 160); }

.date-filter { background: rgb(255, 255, 255); }

.date-filter .container { padding-top: 0px; }

.date-filter .module { height: 3.5em; }

.date-filter .module.icon { text-align: center; }

.date-filter .module.icon a, .date-filter .module.icon p { display: inline-block; position: relative; height: 1em; top: 0.75em; text-align: center; margin: 0px; line-height: 1em; border-radius: 2em; transition: background 0.15s linear 0s, color 0.15s linear 0s; color: rgb(66, 66, 66); border: none; }

@media (min-width: 762px) {
  .date-filter .module.icon a, .date-filter .module.icon p { min-width: 4em; padding: 0.5em 1em; }
}

@media (max-width: 761px) {
  .date-filter .module.icon a, .date-filter .module.icon p { min-width: 60%; padding: 0.5em; }
}

.date-filter .module.icon.active a { cursor: default; background: rgb(239, 66, 116); color: rgb(255, 255, 255); transition: none 0s ease 0s; }

.date-filter .module.icon.plus.active a { cursor: default; background: rgb(253, 215, 0); transition: none 0s ease 0s; color: rgb(136, 44, 111) !important; }

.date-filter.centering .container { text-align: center; }

.date-filter.centering .module { display: inline-block; float: none; }

@media (max-width: 761px) {
  .date-filter.mobile-fitting .module { font-size: 0.9em; width: 33.3% !important; }
  .date-filter.mobile-fitting .module.under4 { font-size: 0.8em; width: 25% !important; }
}

.touchdevice ._24HjWKB4y8o4SE1HAJsacz:hover:not(.Vi6Ja2FLDyCzGl1SJB7PC) { border-color: transparent; }

._24HjWKB4y8o4SE1HAJsacz.Vi6Ja2FLDyCzGl1SJB7PC { cursor: default; background: rgb(239, 66, 116); color: rgb(255, 255, 255); transition: none 0s ease 0s; }

._24HjWKB4y8o4SE1HAJsacz { display: inline-block; position: relative; height: 1em; padding: 0.5em; top: 0.75em; text-align: center; margin: 0px; line-height: 1.2em; border-radius: 2em; min-width: 4em; transition: background 0.15s linear 0s, color 0.15s linear 0s; color: rgb(66, 66, 66); border: none; }

@media (max-width: 761px) {
  ._24HjWKB4y8o4SE1HAJsacz { min-width: 70%; padding: 0.5em; }
}

._3DRQIaFCJRQ0jF9U3mUUzr { text-align: center; background-color: rgb(255, 255, 255); }

._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container { margin: 0px auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }

@media (max-width: 761px) {
  ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container::after, ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container::before { content: ""; display: block; position: absolute; top: 0px; opacity: 1; transition: opacity 0.25s linear 0s; width: 20%; height: 100%; pointer-events: none; z-index: 2; }
  ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container::before { left: 0px; background: linear-gradient(90deg, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0)); }
  ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container::after { right: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); }
  ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container.beginning::before, ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container.end::after { opacity: 0; }
}

._3DRQIaFCJRQ0jF9U3mUUzr .module { height: 3.5em; }

@media (max-width: 761px) {
  ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-slide:first-of-type { margin-left: 0.5em; }
}

._3DRQIaFCJRQ0jF9U3mUUzr .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; }

._3DRQIaFCJRQ0jF9U3mUUzr .swiper-wrapper.low-slide { -webkit-box-pack: center; justify-content: center; }

._3DRQIaFCJRQ0jF9U3mUUzr .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; }

._3DRQIaFCJRQ0jF9U3mUUzr .icon { transition: opacity 0.25s linear 0s; opacity: 1; cursor: pointer; }

._3DRQIaFCJRQ0jF9U3mUUzr .icon i { display: inline-block; font-size: 1.5em; text-align: center; padding-top: 0.55em; line-height: 1.2em; }

._3DRQIaFCJRQ0jF9U3mUUzr .icon a { border: 0px; }

._3DRQIaFCJRQ0jF9U3mUUzr .icon.swiper-button-disabled, ._3DRQIaFCJRQ0jF9U3mUUzr .icon.swiper-button-hidden { opacity: 0; cursor: default; }

@media (min-width: 762px) {
  @keyframes date-filter-next { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-3px); }
}
  ._3DRQIaFCJRQ0jF9U3mUUzr .icon.next:hover { animation-name: date-filter-next; animation-duration: 0.2s; transform: translateX(-3px); }
}

@media (min-width: 762px) {
  @keyframes date-filter-prev { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(3px); }
}
  ._3DRQIaFCJRQ0jF9U3mUUzr .icon.prev:hover { animation-name: date-filter-prev; animation-duration: 0.2s; transform: translateX(3px); }
}

._3DRQIaFCJRQ0jF9U3mUUzr .fixed { width: 30%; }

@media (min-width: 762px) {
  ._3DRQIaFCJRQ0jF9U3mUUzr .fixed { width: 20%; }
}

._3DRQIaFCJRQ0jF9U3mUUzr .fixed.space { width: 5%; }

@media (min-width: 762px) {
  ._3DRQIaFCJRQ0jF9U3mUUzr .fixed.space { width: 20%; }
}

body.authenticated.dark .date-filter { background: rgb(34, 33, 39); }

body.authenticated.dark .date-filter .module.icon a, body.authenticated.dark .date-filter .module.icon p { color: rgb(135, 135, 135); }

body.authenticated.dark .date-filter .module.icon.active a { color: rgb(255, 255, 255); }

body.authenticated.dark ._24HjWKB4y8o4SE1HAJsacz { color: rgb(135, 135, 135); }

body.authenticated.dark ._24HjWKB4y8o4SE1HAJsacz.Vi6Ja2FLDyCzGl1SJB7PC { color: rgb(255, 255, 255); }

body.authenticated.dark ._3DRQIaFCJRQ0jF9U3mUUzr { background-color: rgb(34, 33, 39); color: rgb(135, 135, 135); }

@media (max-width: 761px) {
  body.authenticated.dark ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container::before { background: linear-gradient(90deg, rgb(34, 33, 39) 0px, rgba(34, 33, 39, 0)); }
  body.authenticated.dark ._3DRQIaFCJRQ0jF9U3mUUzr .swiper-container::after { background: linear-gradient(90deg, rgba(34, 33, 39, 0) 0px, rgb(34, 33, 39)); }
}

._2Crw6GrrRoLvavU88tl5Ne { height: 100%; float: left; margin-right: 1em; }