/*==================*
svg-based loader
*==================*/
.ldr,
.ldr-gnd {
position:relative;
min-height:180px;
}
.ldr-shw,
.ldr-show {
pointer-events:none;
}
.ldr:before,
.ldr-gnd:before {
content:'';
z-index:10000;
position:absolute;
bottom:0;
right:0;
left:0;
top:0;
opacity:0.5;
background:inherit;
-webkit-transition:opacity 200ms linear 200ms,visibility 0ms linear 400ms;
transition:opacity 200ms linear 200ms,visibility 0ms linear 400ms;
}
.ldr-clr {
-webkit-transition:opacity 200ms linear 200ms;
transition:opacity 200ms linear 200ms;
}
.ldr-clr:before {
background:rgba(255,255,255,0.0);
}
.ldr:after,
.ldr-cir:after {
z-index:10000;
position:absolute;
margin:-24px;
height:48px;
width:48px;
left:50%;
top:50%;
}
.ldr:after,
.ldr-cir:after {content:url("data:image/svg+xml;utf8,");}
.ldr-wht:after {content:url("data:image/svg+xml;utf8,");}
.ldr-red-blu:after {content:url("data:image/svg+xml;utf8,");}
.ldr:before,
.ldr-gnd:before,
.ldr:after {
visibility:hidden;
opacity:0;
display:block;
-webkit-transition:opacity 400ms linear,visibility 0ms linear 400ms;
transition:opacity 400ms linear,visibility 0ms linear 400ms;
}
.ldr-show:before,
.ldr-show:after,
.ldr-shw:before,
.ldr-shw:after {
opacity:1;
visibility:visible;
-webkit-transition:opacity 300ms ease-out,visibility 0ms linear 0ms;
transition:opacity 300ms ease-in, visibility 0ms linear 0ms;
}
.ldr-show:before,
.ldr-shw:before {
opacity:0.75;
}
.ldr-clr.ldr-show,
.ldr-clr.ldr-shw {
opacity:0.5;
-webkit-transition:opacity 400ms linear;
transition:opacity 400ms linear;
}
.ldr-inl {
position:relative;
display:inline-block;
margin:0;
font-size:24px;
}
.ldr-inl:after {
display:block;
height:1em;
width:1em;
font-size:1em;
}
.ani-hue .ldr-inl { animation:none; }
.ani-hue:not(.ldr) {
animation: ldr-hue 1500ms linear infinite;
}
.ani-hue.ldr:after {
animation: ldr-hue 1500ms linear infinite;
}
.ani-hue.ldr:after {content:url("data:image/svg+xml;utf8,");}
/* the radius is adjusted for stroke increase, but none was done to transforms...? */
.ldr-inl:after {content:url("data:image/svg+xml;utf8,");}
.ldr-inl.clr-blk:after,
.ldr-inl.clr-000:after {content:url("data:image/svg+xml;utf8,");}
.ldr-inl.clr-blu:after {content:url("data:image/svg+xml;utf8,");}
@keyframes ldr-hue {
0% { filter: hue-rotate(0deg); }
100% { filter: hue-rotate(359deg); }
}
/*==================*
Arrows / Angles
*==================*/
.angle-left:before,
.angle-right:after,
.arrow-left:before,
.arrow-right:after,
.arrow-corner:after {
font-size:1.25em;
line-height:0.8em;
display: inline-block;
vertical-align: baseline;
transition:margin 100ms linear 0s;
}
.arrow-corner:after {
transform: rotate(-45deg);
vertical-align: top;
}
.angle-right:after {
content: '\203A';
margin: -0.2em -0.2em 0 0.2em;
}
.angle-left:before {
content: '\2039';
margin: -0.2em 0.2em 0 -0.2em;
}
.arrow-right:after,
.arrow-corner:after {
content: '\2192';
margin: 0 -0.2em 0 0.2em;
}
.arrow-left:before {
content: '\2190';
margin: 0 0.2em 0 -0.2em;
}
.angle-right:hover:after,
.arrow-right:hover:after,
.arrow-corner:hover:after {
margin-right:-0.3em;
margin-left: 0.3em;
}
.angle-left:hover:before,
.arrow-left:hover:before {
margin-right: 0.3em;
margin-left: -0.3em;
}
.angle-right-nbsp:after {
display:inline;
content: '\00a0\203A';
}
.arrow-right-nbsp:after {
display:inline;
content: '\00a0\2192';
}
details[open] summary.arrow-right:after {
content: '\2193';
}
details summary.arrow-right:before {
content:none;
}
details summary.arrow-right:hover:after {
margin: -0.3em -0.2em 0.1em 0.2em;
}
.arrow-none:after,
.arrow-none:before {
content:none;
}
/*==================*
Text Helpers
*==================*/
.nowrap {white-space:nowrap;}
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.wrap {white-space:normal;}
.pre {white-space:pre-wrap;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.bld9, .black {font-weight:900;}
.bld8, .xbold {font-weight:800;}
.bld7, .bold,b {font-weight:700;}
.bld6, .heavy, .semi, .semibold
{font-weight:600;}
.bld5, .medium {font-weight:500;}
.bld4, .regular {font-weight:400;}
.bld3, .light {font-weight:300;}
.bld2, .xlight {font-weight:300;}
.bld1, .thin {font-weight:100;}
.icon {font-style:normal;}
.italic {font-style:italic;}
.normal {font-style:normal;}
.small ,.small->* {font-size:0.875rem;}
.default ,.default->* {font-size:1.000rem;}
.xsmall ,.xsmall->* {font-size:0.750rem;}
.xxsmall ,.xxsmall->* {font-size:0.625rem;}
.xxxsmall ,.xxxsmall->* {font-size:0.500rem;}
.xxxxsmall,.xxxxsmall->* {font-size:0.375rem;}
small,
.smaller {font-size:0.875em;}
.xsmaller {font-size:0.750em;}
.xxsmaller {font-size:0.625em;}
.xxxsmaller {font-size:0.500em;}
.xxxxsmaller {font-size:0.375em;}
.big ,.big->*,
.large ,.large->* {font-size:1.125rem;}
.xlarge ,.xlarge->* {font-size:1.500rem;}
.xxlarge ,.xxlarge->* {font-size:1.750rem;}
.xxxlarge ,.xxxlarge->* {font-size:2.250rem;}
.xxxxlarge,.xxxxlarge->* {font-size:3.000rem;}
big,.bigger,
.larger {font-size:1.125em;}
.xlarger {font-size:1.500em;}
.xxlarger {font-size:1.750em;}
.xxxlarger {font-size:2.250em;}
.xxxxlarger {font-size:3.000em;}
.nolead {line-height:1;}
.nomargin {margin:0;}
.muted {opacity:0.5;}
.nodecor,
.nodecor:hover,
.nodecor:focus {text-decoration:none;}
.underline,.uline {text-decoration:underline;}
.nocase {text-transform:none;}
.uprcase,.upper {text-transform:uppercase;}
.lowcase,.lower {text-transform:lowercase;}
.capcase {text-transform:capitalize;}
.breakall {word-break: break-all;}
.mono {font-family:monospace;}
.noevents {pointer-events:none;}
/*==================*
Shadow
*==================*/
.hov-sdw {transition:all 100ms linear;}
.hov-sdw:hover {box-shadow: 0px 0px 16px rgba(0,0,0,var(--sdwa,0.1));}
.sdw1 {box-shadow: 0px 0px 4px rgba(0,0,0,var(--sdwa,0.1));}
.sdw2 {box-shadow: 0px 0px 8px rgba(0,0,0,var(--sdwa,0.1));}
.sdw3 {box-shadow: 0px 0px 12px rgba(0,0,0,var(--sdwa,0.1));}
.sdw4 {box-shadow: 0px 0px 16px rgba(0,0,0,var(--sdwa,0.1));}
.sdw5 {box-shadow: 0px 0px 20px rgba(0,0,0,var(--sdwa,0.1));}
.sdw6 {box-shadow: 0px 0px 24px rgba(0,0,0,var(--sdwa,0.1));}
.sdw7 {box-shadow: 0px 0px 28px rgba(0,0,0,var(--sdwa,0.1));}
.sdw8 {box-shadow: 0px 0px 32px rgba(0,0,0,var(--sdwa,0.1));}
.sdw-a00 {--sdwa:0.10}
.sdw-a05 {--sdwa:0.05}
.sdw-a10 {--sdwa:0.10}
.sdw-a15 {--sdwa:0.15}
.sdw-a20 {--sdwa:0.20}
.sdw-a25 {--sdwa:0.25}
.sdw-a30 {--sdwa:0.30}
.sdw-a40 {--sdwa:0.40}
.sdw-a50 {--sdwa:0.50}
.sdw-a60 {--sdwa:0.60}
.sdw-a70 {--sdwa:0.70}
.sdw-a80 {--sdwa:0.80}
.sdw-a90 {--sdwa:0.90}
.sdw-a95 {--sdwa:0.95}
/* scroll shadow */
[data-scrolled="1"].flex-sdw,
[data-scrolled="1"]>.flex-sdw {box-shadow: inset 0px 0px 6px rgba(0,0,0,0.15);}
/*==================*
Opacity
*==================*/
.clr00 {opacity:0.0}
.clr01 {opacity:0.1}
.clr02 {opacity:0.2}
.clr03 {opacity:0.3}
.clr04 {opacity:0.4}
.clr05 {opacity:0.5}
.clr06 {opacity:0.6}
.clr07 {opacity:0.7}
.clr08 {opacity:0.8}
.clr09 {opacity:0.9}
.clr10 {opacity:1.0}
.dim09 {filter:brightness(0.9)}
.dim08 {filter:brightness(0.8)}
.dim07 {filter:brightness(0.7)}
.dim06 {filter:brightness(0.6)}
.dim05 {filter:brightness(0.5)}
.desat {filter:saturate(0)}
/*==================*
Leading
*==================*/
.leadthin {line-height:0.7500;}
.leadless {line-height:0.8750;}
.lead0,
.leadnone {line-height:1.0000;}
.leadhair {line-height:1.0625;}
.lead1 {line-height:1.1250;}
.lead2 {line-height:1.2500;}
.lead3 {line-height:1.3750;}
.lead4 {line-height:1.5000;}
.lead5 {line-height:1.6250;}
.lead6 {line-height:1.7500;}
.lead7 {line-height:1.8750;}
.lead8,
.leadA {line-height:2.0000;}
.leadB {line-height:2.2500;}
.leadC {line-height:2.5000;}
.leadD {line-height:2.7500;}
.leadE {line-height:3.0000;}
/*==================*
Colors
*==================*/
/* main color variables set in styles.css */
.clr-main { color: var(--clr-main) }
.clr-tint { color: var(--clr-tint) }
.clr-dark { color: var(--clr-dark) }
.gnd-main { background-color: var(--clr-main) }
.gnd-tint { background-color: var(--clr-tint) }
.gnd-dark { background-color: var(--clr-dark) }
.bdr-main { border-color: var(--clr-main) }
.bdr-tint { border-color: var(--clr-tint) }
.bdr-dark { border-color: var(--clr-dark) }
.btn-000 {color:#fff;background-color:#000;}
.btn-111 {color:#fff;background-color:#111;}
.btn-222 {color:#fff;background-color:#222;}
.btn-333 {color:#fff;background-color:#333;}
.btn-444 {color:#fff;background-color:#444;}
.btn-555 {color:#fff;background-color:#555;}
.btn-666 {color:#fff;background-color:#666;}
.btn-777 {color:#fff;background-color:#777;}
.btn-888 {color:#fff;background-color:#888;}
.btn-999 {color:#000;background-color:#999;}
.btn-aaa {color:#000;background-color:#aaa;}
.btn-bbb {color:#000;background-color:#bbb;}
.btn-ccc {color:#000;background-color:#ccc;}
.btn-ddd {color:#000;background-color:#ddd;}
.btn-eee {color:#000;background-color:#eee;}
.btn-f3f {color:#000;background-color:#f3f3f3;}
.btn-f6f {color:#000;background-color:#f6f6f6;}
.btn-f9f {color:#000;background-color:#f9f9f9;}
.btn-fff {color:#000;background-color:#fff;}
.btn-wht {color:#000;background-color:#fff;}
.btn-blk {color:#fff;background-color:#000;}
.btn-red {color:#fff;background-color:#ff4477;}
.btn-org {color:#fff;background-color:Orange;}
.btn-ylw {color:#fff;background-color:Gold;}
.btn-ppl {color:#fff;background-color:#9966ff;}
.btn-blu {color:#fff;background-color:RoyalBlue;}
.btn-sky {color:#fff;background-color:DeepskyBlue;}
.btn-grn {color:#fff;background-color:#00bb33;}
.btn-nvy {color:#fff;background-color:#3968b4;background-color:#153569;}
.btn-clr {color:#fff;background-color:transparent;}
.btn-sea {color:#fff;background-color:MediumSeaGreen;}
.btn-clr {border-color:transparent;}
.btn-000.btn-rev {background-color:#fff;border-color:currentColor;color:#000;}
.btn-111.btn-rev {background-color:#fff;border-color:currentColor;color:#111;}
.btn-222.btn-rev {background-color:#fff;border-color:currentColor;color:#222;}
.btn-333.btn-rev {background-color:#fff;border-color:currentColor;color:#333;}
.btn-444.btn-rev {background-color:#fff;border-color:currentColor;color:#444;}
.btn-555.btn-rev {background-color:#fff;border-color:currentColor;color:#555;}
.btn-666.btn-rev {background-color:#fff;border-color:currentColor;color:#666;}
.btn-777.btn-rev {background-color:#fff;border-color:currentColor;color:#777;}
.btn-888.btn-rev {background-color:#fff;border-color:currentColor;color:#888;}
.btn-999.btn-rev {background-color:#000;border-color:currentColor;color:#999;}
.btn-aaa.btn-rev {background-color:#000;border-color:currentColor;color:#aaa;}
.btn-bbb.btn-rev {background-color:#000;border-color:currentColor;color:#bbb;}
.btn-ccc.btn-rev {background-color:#000;border-color:currentColor;color:#ccc;}
.btn-ddd.btn-rev {background-color:#000;border-color:currentColor;color:#ddd;}
.btn-eee.btn-rev {background-color:#000;border-color:currentColor;color:#eee;}
.btn-f3f.btn-rev {background-color:#000;border-color:currentColor;color:#f3f3f3;}
.btn-f6f.btn-rev {background-color:#000;border-color:currentColor;color:#f6f6f6;}
.btn-f9f.btn-rev {background-color:#000;border-color:currentColor;color:#f9f9f9;}
.btn-fff.btn-rev {background-color:#000;border-color:currentColor;color:#fff;}
.btn-wht.btn-rev {background-color:#000;border-color:currentColor;color:#fff;}
.btn-blk.btn-rev {background-color:#fff;border-color:currentColor;color:#000;}
.btn-red.btn-rev {background-color:#fff;border-color:currentColor;color:#ff4477;}
.btn-org.btn-rev {background-color:#fff;border-color:currentColor;color:Orange;}
.btn-gld.btn-rev {background-color:#fff;border-color:currentColor;color:#ffbf00}
.btn-ylw.btn-rev {background-color:#fff;border-color:currentColor;color:Gold;}
.btn-ppl.btn-rev {background-color:#fff;border-color:currentColor;color:#9966ff;}
.btn-blu.btn-rev {background-color:#fff;border-color:currentColor;color:RoyalBlue;}
.btn-sky.btn-rev {background-color:#fff;border-color:currentColor;color:DeepskyBlue;}
.btn-grn.btn-rev {background-color:#fff;border-color:currentColor;color:#00bb33;}
.btn-nvy.btn-rev {background-color:#fff;border-color:currentColor;color:#3968b4;color:#153569;}
.btn-clr.btn-rev {background-color:#fff;border-color:currentColor;color:transparent;}
.btn-sea.btn-rev {background-color:#fff;border-color:currentColor;color:MediumSeaGreen;}
.clr-000 {color:#000;}
.clr-111 {color:#111;}
.clr-222 {color:#222;}
.clr-333 {color:#333;}
.clr-444 {color:#444;}
.clr-555 {color:#555;}
.clr-666 {color:#666;}
.clr-777 {color:#777;}
.clr-888 {color:#888;}
.clr-999 {color:#999;}
.clr-aaa {color:#aaa;}
.clr-bbb {color:#bbb;}
.clr-ccc {color:#ccc;}
.clr-ddd {color:#ddd;}
.clr-eee {color:#eee;}
.clr-f3f {color:#f3f3f3;}
.clr-f6f {color:#f6f6f6;}
.clr-f9f {color:#f9f9f9;}
.clr-fff {color:#fff;}
.clr-wht {color:#fff;}
.clr-blk {color:#000;}
.clr-red {color:#ff4477;}
.clr-org {color:Orange;}
.clr-gld {color:#ffbf00}
.clr-ylw {color:Gold;}
.clr-ppl {color:#9966ff;}
.clr-blu {color:RoyalBlue;}
.clr-sky {color:DeepskyBlue;}
.clr-grn {color:#00bb33;}
.clr-nvy {color:#3968b4;color:#153569;}
.clr-clr {color:transparent;}
.clr-sea {color:MediumSeaGreen;}
.gnd-000 {background-color:#000;}
.gnd-111 {background-color:#111;}
.gnd-222 {background-color:#222;}
.gnd-333 {background-color:#333;}
.gnd-444 {background-color:#444;}
.gnd-555 {background-color:#555;}
.gnd-666 {background-color:#666;}
.gnd-777 {background-color:#777;}
.gnd-888 {background-color:#888;}
.gnd-999 {background-color:#999;}
.gnd-aaa {background-color:#aaa;}
.gnd-bbb {background-color:#bbb;}
.gnd-ccc {background-color:#ccc;}
.gnd-ddd {background-color:#ddd;}
.gnd-eee {background-color:#eee;}
.gnd-f3f {background-color:#f3f3f3;}
.gnd-f6f {background-color:#f6f6f6;}
.gnd-f9f {background-color:#f9f9f9;}
.gnd-fff {background-color:#fff;}
.gnd-wht {background-color:#fff;}
.gnd-blk {background-color:#000;}
.gnd-red {background-color:#ff4477;}
.gnd-org {background-color:Orange;}
.gnd-gld {background-color:#ffbf00}
.gnd-ylw {background-color:Gold;}
.gnd-ppl {background-color:#9966ff;}
.gnd-blu {background-color:RoyalBlue;}
.gnd-sky {background-color:DeepskyBlue;}
.gnd-grn {background-color:#00bb33;}
.gnd-nvy {background-color:#153569;}
.gnd-clr {background-color:transparent;}
.gnd-sea {background-color:MediumSeaGreen;}
.gnd-cur {background-color:currentColor;}
.gnd-img {
background-repeat: no-repeat;
background-position: left;
background-size: contain;
}
.gnd-cvr {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.gnd-lft {background-position: left;}
.gnd-rgt {background-position: right;}
.gnd-top {background-position: top;}
.gnd-bot {background-position: bottom;}
.gnd-ctr {background-position: center;}
.gnd-tnt {background-color:rgba(255,255,255,var(--gnda,0.2));}
.gnd-tnt-add {background-image: linear-gradient(to top,rgba(255,255,255,var(--gnda,0.2)),rgba(255,255,255,var(--gnda,0.2)));}
.gnd-tnt-fde {background-image: linear-gradient(var(--gnd-fde),rgba(255,255,255,var(--gnda,1.0)) 0%,rgba(255,255,255,0.0) 100%);}
.gnd-shd {background-color:rgba(0,0,0,var(--gnda,0.1));}
.gnd-shd-add {background-image: linear-gradient(to top,rgba(0,0,0,var(--gnda,1.0)),rgba(0,0,0,var(--gnda,1.0)));}
.gnd-shd-fde {background-image: linear-gradient(var(--gnd-fde),rgba(0,0,0,var(--gnda,1.0)) 0%,rgba(0,0,0,0.0) 100%);}
.gnd-fde-top {--gnd-fde: 0deg}
.gnd-fde-bot {--gnd-fde:180deg}
.gnd-fde-lft {--gnd-fde: 90deg}
.gnd-fde-rgt {--gnd-fde:270deg}
.gnd-a00 {--gnda:0.10}
.gnd-a05 {--gnda:0.05}
.gnd-a10 {--gnda:0.10}
.gnd-a15 {--gnda:0.15}
.gnd-a20 {--gnda:0.20}
.gnd-a25 {--gnda:0.25}
.gnd-a30 {--gnda:0.30}
.gnd-a40 {--gnda:0.40}
.gnd-a50 {--gnda:0.50}
.gnd-a60 {--gnda:0.60}
.gnd-a70 {--gnda:0.70}
.gnd-a80 {--gnda:0.80}
.gnd-a90 {--gnda:0.90}
.gnd-a95 {--gnda:0.95}
.tnt-wht {background-color:#;}
.tnt-blk {background-color:#;}
.tnt-gry {background-color:#f3f3f3;}
.tnt-red {background-color:#ffeeee;}
.tnt-org {background-color:papayawhip;}
.tnt-gld {background-color:cornsilk;}
.tnt-ylw {background-color:#fff8d2;}
.tnt-ppl {background-color:#eeddff;}
.tnt-blu {background-color:#dcefff;}
.tnt-sky {background-color:#e1f8ff;}
.tnt-nvy {background-color:#cee0ff;}
.tnt-grn {background-color:#ddf6dd;}
.tnt-sea {background-color:#ddf6ee;}
.bdr-000 {border-color:#000;}
.bdr-111 {border-color:#111;}
.bdr-222 {border-color:#222;}
.bdr-333 {border-color:#333;}
.bdr-444 {border-color:#444;}
.bdr-555 {border-color:#555;}
.bdr-666 {border-color:#666;}
.bdr-777 {border-color:#777;}
.bdr-888 {border-color:#888;}
.bdr-999 {border-color:#999;}
.bdr-aaa {border-color:#aaa;}
.bdr-bbb {border-color:#bbb;}
.bdr-ccc {border-color:#ccc;}
.bdr-ddd {border-color:#ddd;}
.bdr-eee {border-color:#eee;}
.bdr-f3f {border-color:#f3f3f3;}
.bdr-f6f {border-color:#f6f6f6;}
.bdr-f9f {border-color:#f9f9f9;}
.bdr-fff {border-color:#fff;}
.bdr-wht {border-color:#fff;}
.bdr-blk {border-color:#000;}
.bdr-red {border-color:#ff4477;}
.bdr-org {border-color:Orange;}
.bdr-gld {background-color:#ffbf00}
.bdr-ylw {border-color:Gold;}
.bdr-ppl {border-color:#9966ff;}
.bdr-blu {border-color:RoyalBlue;}
.bdr-sky {border-color:DeepskyBlue;}
.bdr-grn {border-color:#00bb33;}
.bdr-nvy {border-color:#3968b4;border-color:#153569;}
.bdr-clr {border-color:transparent;}
.bdr-sea {border-color:MediumSeaGreen;}
.hnt-fff::placeholder {color:#fff;}
.hnt-eee::placeholder {color:#eee;}
.hnt-ddd::placeholder {color:#ddd;}
.hnt-ccc::placeholder {color:#ccc;}
.hnt-bbb::placeholder {color:#bbb;}
.hnt-aaa::placeholder {color:#aaa;}
.hnt-999::placeholder {color:#999;}
.hnt-666::placeholder {color:#666;}
.hnt-333::placeholder {color:#333;}
.hnt-000::placeholder {color:#000;}
/*==================*
Borders
*==================*/
.bdr-cur {border-color:currentColor;}
.bdr-tnt {border-color:rgba(255,255,255,0.2);}
.bdr-shd {border-color:rgba(0,0,0,0.1);}
.bdr-shd-tnt,.bdr-dn {border-color:rgba(0,0,0,0.2) rgba(255,255,255,0.4) rgba(255,255,255,0.4) rgba(0,0,0,0.2);}
.bdr-tnt-shd,.bdr-up {border-color:rgba(255,255,255,0.4) rgba(0,0,0,0.2) rgba(0,0,0,0.2) rgba(255,255,255,0.4);}
.bdr-row > * {border-right:solid 1px;}
.bdr-row > :last-child {border-right:none;}
.bdr-col > * {border-bottom:solid 1px;}
.bdr-col > :last-child {border-bottom:none;}
.bdr-eee->* {border-color:#eee}
.bdr-ddd->* {border-color:#ddd}
.bdr-ccc->* {border-color:#ccc}
.bdr-999->* {border-color:#999}
.bdr-666->* {border-color:#666}
.bdr-333->* {border-color:#333}
.bdr-000->* {border-color:#000}
.bdr0 {border-style:solid; border-width:0px;}
.bdr1 {border-style:solid;border-width:1px;}
.bdr2 {border-style:solid;border-width:2px;}
.bdr3 {border-style:solid;border-width:3px;}
.bdr4 {border-style:solid;border-width:4px;}
.bdr-none {border-style:none}
.bdr-solid {border-style:solid}
.bdr-dash {border-style:dashed}
.bdr-dotted {border-style:dotted}
.bdr0___ {border-top-width:0px;}
.bdr_0__ {border-right-width:0px;}
.bdr__0_ {border-bottom-width:0px;}
.bdr___0 {border-left-width:0px;}
.bdr1___ {border-top-width:1px;}
.bdr_1__ {border-right-width:1px;}
.bdr__1_ {border-bottom-width:1px;}
.bdr___1 {border-left-width:1px;}
.bdr2___ {border-top-width:2px;}
.bdr_2__ {border-right-width:2px;}
.bdr__2_ {border-bottom-width:2px;}
.bdr___2 {border-left-width:2px;}
.bdr3___ {border-top-width:3px;}
.bdr_3__ {border-right-width:3px;}
.bdr__3_ {border-bottom-width:3px;}
.bdr___3 {border-left-width:3px;}
.bdr4___ {border-top-width:4px;}
.bdr_4__ {border-right-width:4px;}
.bdr__4_ {border-bottom-width:4px;}
.bdr___4 {border-left-width:4px;}
select.clr-fff {
background-image: url("data:image/svg+xml;utf8,");
}
/*==================*
Padding
*==================*/
.pad8->* {padding:32px;}
.pad6->* {padding:24px;}
.pad5->* {padding:20px;}
.pad->* ,
.pad4->* {padding:16px;}
.pad3->* {padding:12px;}
.pad2->* {padding: 8px;}
.pad1->* {padding: 4px;}
.pad0->* {padding: 0px;}
.pad80->* {padding: 32px 0px;}
.pad68->* {padding: 24px 32px;}
.pad58->* {padding: 20px 32px;}
.pad48->* {padding: 16px 32px;}
.pad38->* {padding: 12px 32px;}
.pad28->* {padding: 8px 32px;}
.pad18->* {padding: 4px 32px;}
.pad08->* {padding: 0px 32px;}
.pad_8->* {padding-left: 32px;padding-right: 32px;}
.pad8_->* {padding-top: 32px;padding-bottom: 32px;}
.pad86->* {padding: 32px 24px;}
.pad60->* {padding: 24px 0px;}
.pad56->* {padding: 20px 24px;}
.pad46->* {padding: 16px 24px;}
.pad36->* {padding: 12px 24px;}
.pad26->* {padding: 8px 24px;}
.pad16->* {padding: 4px 24px;}
.pad06->* {padding: 0px 24px;}
.pad_6->* {padding-left: 24px;padding-right: 24px;}
.pad6_->* {padding-top: 24px;padding-bottom: 24px;}
.pad85->* {padding: 32px 20px;}
.pad65->* {padding: 24px 20px;}
.pad50->* {padding: 20px 0px;}
.pad45->* {padding: 16px 20px;}
.pad35->* {padding: 12px 20px;}
.pad25->* {padding: 8px 20px;}
.pad15->* {padding: 4px 20px;}
.pad05->* {padding: 0px 20px;}
.pad_5->* {padding-left: 20px;padding-right: 20px;}
.pad5_->* {padding-top: 20px;padding-bottom: 20px;}
.pad84->* {padding: 32px 16px;}
.pad64->* {padding: 24px 16px;}
.pad54->* {padding: 20px 16px;}
.pad40->* {padding: 16px 0px;}
.pad34->* {padding: 12px 16px;}
.pad24->* {padding: 8px 16px;}
.pad14->* {padding: 4px 16px;}
.pad04->* {padding: 0px 16px;}
.pad_4->* {padding-left: 16px;padding-right: 16px;}
.pad4_->* {padding-top: 16px;padding-bottom: 16px;}
.pad83->* {padding: 32px 12px;}
.pad63->* {padding: 24px 12px;}
.pad53->* {padding: 20px 12px;}
.pad43->* {padding: 16px 12px;}
.pad30->* {padding: 12px 0px;}
.pad23->* {padding: 8px 12px;}
.pad13->* {padding: 4px 12px;}
.pad03->* {padding: 0px 12px;}
.pad_3->* {padding-left: 12px;padding-right: 12px;}
.pad3_->* {padding-top: 12px;padding-bottom: 12px;}
.pad82->* {padding: 32px 8px;}
.pad62->* {padding: 24px 8px;}
.pad53->* {padding: 20px 12px;}
.pad42->* {padding: 16px 8px;}
.pad32->* {padding: 12px 8px;}
.pad20->* {padding: 8px 0px;}
.pad12->* {padding: 4px 8px;}
.pad02->* {padding: 0px 8px;}
.pad_2->* {padding-left: 8px;padding-right: 8px;}
.pad2_->* {padding-top: 8px;padding-bottom: 8px;}
.pad81->* {padding: 32px 4px;}
.pad61->* {padding: 24px 4px;}
.pad51->* {padding: 20px 4px;}
.pad41->* {padding: 16px 4px;}
.pad31->* {padding: 12px 4px;}
.pad21->* {padding: 8px 4px;}
.pad10->* {padding: 4px 0px;}
.pad01->* {padding: 0px 4px;}
.pad_1->* {padding-left: 4px;padding-right: 4px;}
.pad1_->* {padding-top: 4px;padding-bottom: 4px;}
.pad_0->* {padding-left: 0px;padding-right: 0px;}
.pad0_->* {padding-top: 0px;padding-bottom: 0px;}
.pad8___->* {padding-top:32px;}
.pad_8__->* {padding-right:32px;}
.pad__8_->* {padding-bottom:32px;}
.pad___8->* {padding-left:32px;}
.pad6___->* {padding-top:24px;}
.pad_6__->* {padding-right:24px;}
.pad__6_->* {padding-bottom:24px;}
.pad___6->* {padding-left:24px;}
.pad5___->* {padding-top:20px;}
.pad_5__->* {padding-right:20px;}
.pad__5_->* {padding-bottom:20px;}
.pad___5->* {padding-left:20px;}
.pad4___->* {padding-top:16px;}
.pad_4__->* {padding-right:16px;}
.pad__4_->* {padding-bottom:16px;}
.pad___4->* {padding-left:16px;}
.pad3___->* {padding-top:12px;}
.pad_3__->* {padding-right:12px;}
.pad__3_->* {padding-bottom:12px;}
.pad___3->* {padding-left:12px;}
.pad2___->* {padding-top:8px;}
.pad_2__->* {padding-right:8px;}
.pad__2_->* {padding-bottom:8px;}
.pad___2->* {padding-left:8px;}
.pad1___->* {padding-top:4px;}
.pad_1__->* {padding-right:4px;}
.pad__1_->* {padding-bottom:4px;}
.pad___1->* {padding-left:4px;}
.pad0___->* {padding-top:0;}
.pad_0__->* {padding-right:0;}
.pad__0_->* {padding-bottom:0;}
.pad___0->* {padding-left:0;}
.pad8 {padding:32px;}
.pad6 {padding:24px;}
.pad5 {padding:20px;}
.pad ,
.pad4 {padding:16px;}
.pad3 {padding:12px;}
.pad2 {padding: 8px;}
.pad1 {padding: 4px;}
.pad0 {padding: 0px;}
.pad80 {padding: 32px 0px;}
.pad68 {padding: 24px 32px;}
.pad58 {padding: 20px 32px;}
.pad48 {padding: 16px 32px;}
.pad38 {padding: 12px 32px;}
.pad28 {padding: 8px 32px;}
.pad18 {padding: 4px 32px;}
.pad08 {padding: 0px 32px;}
.pad_8 {padding-left: 32px;padding-right: 32px;}
.pad8_ {padding-top: 32px;padding-bottom: 32px;}
.pad86 {padding: 32px 24px;}
.pad60 {padding: 24px 0px;}
.pad56 {padding: 20px 24px;}
.pad46 {padding: 16px 24px;}
.pad36 {padding: 12px 24px;}
.pad26 {padding: 8px 24px;}
.pad16 {padding: 4px 24px;}
.pad06 {padding: 0px 24px;}
.pad_6 {padding-left: 24px;padding-right: 24px;}
.pad6_ {padding-top: 24px;padding-bottom: 24px;}
.pad85 {padding: 32px 20px;}
.pad65 {padding: 24px 20px;}
.pad50 {padding: 20px 0px;}
.pad45 {padding: 16px 20px;}
.pad35 {padding: 12px 20px;}
.pad25 {padding: 8px 20px;}
.pad15 {padding: 4px 20px;}
.pad05 {padding: 0px 20px;}
.pad_5 {padding-left: 20px;padding-right: 20px;}
.pad5_ {padding-top: 20px;padding-bottom: 20px;}
.pad84 {padding: 32px 16px;}
.pad64 {padding: 24px 16px;}
.pad54 {padding: 20px 16px;}
.pad40 {padding: 16px 0px;}
.pad34 {padding: 12px 16px;}
.pad24 {padding: 8px 16px;}
.pad14 {padding: 4px 16px;}
.pad04 {padding: 0px 16px;}
.pad_4 {padding-left: 16px;padding-right: 16px;}
.pad4_ {padding-top: 16px;padding-bottom: 16px;}
.pad83 {padding: 32px 12px;}
.pad63 {padding: 24px 12px;}
.pad53 {padding: 20px 12px;}
.pad43 {padding: 16px 12px;}
.pad30 {padding: 12px 0px;}
.pad23 {padding: 8px 12px;}
.pad13 {padding: 4px 12px;}
.pad03 {padding: 0px 12px;}
.pad_3 {padding-left: 12px;padding-right: 12px;}
.pad3_ {padding-top: 12px;padding-bottom: 12px;}
.pad82 {padding: 32px 8px;}
.pad62 {padding: 24px 8px;}
.pad53 {padding: 20px 12px;}
.pad42 {padding: 16px 8px;}
.pad32 {padding: 12px 8px;}
.pad20 {padding: 8px 0px;}
.pad12 {padding: 4px 8px;}
.pad02 {padding: 0px 8px;}
.pad_2 {padding-left: 8px;padding-right: 8px;}
.pad2_ {padding-top: 8px;padding-bottom: 8px;}
.pad81 {padding: 32px 4px;}
.pad61 {padding: 24px 4px;}
.pad51 {padding: 20px 4px;}
.pad41 {padding: 16px 4px;}
.pad31 {padding: 12px 4px;}
.pad21 {padding: 8px 4px;}
.pad10 {padding: 4px 0px;}
.pad01 {padding: 0px 4px;}
.pad_1 {padding-left: 4px;padding-right: 4px;}
.pad1_ {padding-top: 4px;padding-bottom: 4px;}
.pad_0 {padding-left: 0px;padding-right: 0px;}
.pad0_ {padding-top: 0px;padding-bottom: 0px;}
.pad8___ {padding-top:32px;}
.pad_8__ {padding-right:32px;}
.pad__8_ {padding-bottom:32px;}
.pad___8 {padding-left:32px;}
.pad6___ {padding-top:24px;}
.pad_6__ {padding-right:24px;}
.pad__6_ {padding-bottom:24px;}
.pad___6 {padding-left:24px;}
.pad5___ {padding-top:20px;}
.pad_5__ {padding-right:20px;}
.pad__5_ {padding-bottom:20px;}
.pad___5 {padding-left:20px;}
.pad4___ {padding-top:16px;}
.pad_4__ {padding-right:16px;}
.pad__4_ {padding-bottom:16px;}
.pad___4 {padding-left:16px;}
.pad3___ {padding-top:12px;}
.pad_3__ {padding-right:12px;}
.pad__3_ {padding-bottom:12px;}
.pad___3 {padding-left:12px;}
.pad2___ {padding-top:8px;}
.pad_2__ {padding-right:8px;}
.pad__2_ {padding-bottom:8px;}
.pad___2 {padding-left:8px;}
.pad1___ {padding-top:4px;}
.pad_1__ {padding-right:4px;}
.pad__1_ {padding-bottom:4px;}
.pad___1 {padding-left:4px;}
.pad0___ {padding-top:0;}
.pad_0__ {padding-right:0;}
.pad__0_ {padding-bottom:0;}
.pad___0 {padding-left:0;}
/*==================*
Rounding
*==================*/
.rnd8->* {border-radius:32px;}
.rnd6->* {border-radius:24px;}
.rnd5->* {border-radius:20px;}
.rnd->*,
.rnd4->* {border-radius:16px;}
.rnd3->* {border-radius:12px;}
.rnd2->* {border-radius: 8px;}
.rnd1->* {border-radius: 4px;}
.rnd0->* {border-radius: 0px;}
.rnd80->* {border-radius: 32px 32px 0px 0px;}
.rnd68->* {border-radius: 24px 24px 32px 32px;}
.rnd58->* {border-radius: 20px 20px 32px 32px;}
.rnd48->* {border-radius: 16px 16px 32px 32px;}
.rnd38->* {border-radius: 12px 12px 32px 32px;}
.rnd28->* {border-radius: 8px 8px 32px 32px;}
.rnd18->* {border-radius: 4px 4px 32px 32px;}
.rnd08->* {border-radius: 0px 0px 32px 32px;}
.rnd_8->* {border-bottom-left-radius: 32px;border-bottom-right-radius: 32px;}
.rnd8_->* {border-top-left-radius: 32px;border-top-right-radius: 32px;}
.rnd86->* {border-radius: 32px 32px 24px 24px;}
.rnd60->* {border-radius: 24px 24px 0px 0px;}
.rnd56->* {border-radius: 20px 20px 24px 24px;}
.rnd46->* {border-radius: 16px 16px 24px 24px;}
.rnd36->* {border-radius: 12px 12px 24px 24px;}
.rnd26->* {border-radius: 8px 8px 24px 24px;}
.rnd16->* {border-radius: 4px 4px 24px 24px;}
.rnd06->* {border-radius: 0px 0px 24px 24px;}
.rnd_6->* {border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;}
.rnd6_->* {border-top-left-radius: 24px;border-top-right-radius: 24px;}
.rnd85->* {border-radius: 32px 32px 20px 20px;}
.rnd65->* {border-radius: 24px 24px 20px 20px;}
.rnd50->* {border-radius: 20px 20px 0px 0px;}
.rnd45->* {border-radius: 16px 16px 20px 20px;}
.rnd35->* {border-radius: 12px 12px 20px 20px;}
.rnd25->* {border-radius: 8px 8px 20px 20px;}
.rnd15->* {border-radius: 4px 4px 20px 20px;}
.rnd05->* {border-radius: 0px 0px 20px 20px;}
.rnd_5->* {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.rnd5_->* {border-top-left-radius: 20px;border-top-right-radius: 20px;}
.rnd84->* {border-radius: 32px 32px 16px 16px;}
.rnd64->* {border-radius: 24px 24px 16px 16px;}
.rnd54->* {border-radius: 20px 20px 16px 16px;}
.rnd40->* {border-radius: 16px 16px 0px 0px;}
.rnd34->* {border-radius: 12px 12px 16px 16px;}
.rnd24->* {border-radius: 8px 8px 16px 16px;}
.rnd14->* {border-radius: 4px 4px 16px 16px;}
.rnd04->* {border-radius: 0px 0px 16px 16px;}
.rnd_4->* {border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;}
.rnd4_->* {border-top-left-radius: 16px;border-top-right-radius: 16px;}
.rnd83->* {border-radius: 32px 32px 12px 12px;}
.rnd63->* {border-radius: 24px 24px 12px 12px;}
.rnd53->* {border-radius: 20px 20px 12px 12px;}
.rnd43->* {border-radius: 16px 16px 12px 12px;}
.rnd30->* {border-radius: 12px 12px 0px 0px;}
.rnd23->* {border-radius: 8px 8px 12px 12px;}
.rnd13->* {border-radius: 4px 4px 12px 12px;}
.rnd03->* {border-radius: 0px 0px 12px 12px;}
.rnd_3->* {border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.rnd3_->* {border-top-left-radius: 12px;border-top-right-radius: 12px;}
.rnd82->* {border-radius: 32px 32px 8px 8px;}
.rnd62->* {border-radius: 24px 24px 8px 8px;}
.rnd52->* {border-radius: 20px 20px 8px 8px;}
.rnd42->* {border-radius: 16px 16px 8px 8px;}
.rnd32->* {border-radius: 12px 12px 8px 8px;}
.rnd20->* {border-radius: 8px 8px 0px 0px;}
.rnd12->* {border-radius: 4px 4px 8px 8px;}
.rnd02->* {border-radius: 0px 0px 8px 8px;}
.rnd_2->* {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.rnd2_->* {border-top-left-radius: 8px;border-top-right-radius: 8px;}
.rnd81->* {border-radius: 32px 32px 4px 4px;}
.rnd61->* {border-radius: 24px 24px 4px 4px;}
.rnd51->* {border-radius: 20px 20px 4px 4px;}
.rnd41->* {border-radius: 16px 16px 4px 4px;}
.rnd31->* {border-radius: 12px 12px 4px 4px;}
.rnd21->* {border-radius: 8px 8px 4px 4px;}
.rnd10->* {border-radius: 4px 4px 0px 0px;}
.rnd01->* {border-radius: 0px 0px 4px 4px;}
.rnd_1->* {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.rnd1_->* {border-top-left-radius: 4px;border-top-right-radius: 4px;}
.rnd_0->* {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.rnd0_->* {border-top-left-radius: 0px;border-top-right-radius: 0px;}
.rnd8 {border-radius:32px;}
.rnd6 {border-radius:24px;}
.rnd5 {border-radius:20px;}
.rnd,
.rnd4 {border-radius:16px;}
.rnd3 {border-radius:12px;}
.rnd2 {border-radius: 8px;}
.rnd1 {border-radius: 4px;}
.rnd0 {border-radius: 0px;}
.rnd80 {border-radius: 32px 32px 0px 0px;}
.rnd68 {border-radius: 24px 24px 32px 32px;}
.rnd58 {border-radius: 20px 20px 32px 32px;}
.rnd48 {border-radius: 16px 16px 32px 32px;}
.rnd38 {border-radius: 12px 12px 32px 32px;}
.rnd28 {border-radius: 8px 8px 32px 32px;}
.rnd18 {border-radius: 4px 4px 32px 32px;}
.rnd08 {border-radius: 0px 0px 32px 32px;}
.rnd_8 {border-bottom-left-radius: 32px;border-bottom-right-radius: 32px;}
.rnd8_ {border-top-left-radius: 32px;border-top-right-radius: 32px;}
.rnd86 {border-radius: 32px 32px 24px 24px;}
.rnd60 {border-radius: 24px 24px 0px 0px;}
.rnd56 {border-radius: 20px 20px 24px 24px;}
.rnd46 {border-radius: 16px 16px 24px 24px;}
.rnd36 {border-radius: 12px 12px 24px 24px;}
.rnd26 {border-radius: 8px 8px 24px 24px;}
.rnd16 {border-radius: 4px 4px 24px 24px;}
.rnd06 {border-radius: 0px 0px 24px 24px;}
.rnd_6 {border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;}
.rnd6_ {border-top-left-radius: 24px;border-top-right-radius: 24px;}
.rnd85 {border-radius: 32px 32px 20px 20px;}
.rnd65 {border-radius: 24px 24px 20px 20px;}
.rnd50 {border-radius: 20px 20px 0px 0px;}
.rnd45 {border-radius: 16px 16px 20px 20px;}
.rnd35 {border-radius: 12px 12px 20px 20px;}
.rnd25 {border-radius: 8px 8px 20px 20px;}
.rnd15 {border-radius: 4px 4px 20px 20px;}
.rnd05 {border-radius: 0px 0px 20px 20px;}
.rnd_5 {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.rnd5_ {border-top-left-radius: 20px;border-top-right-radius: 20px;}
.rnd84 {border-radius: 32px 32px 16px 16px;}
.rnd64 {border-radius: 24px 24px 16px 16px;}
.rnd54 {border-radius: 20px 20px 16px 16px;}
.rnd40 {border-radius: 16px 16px 0px 0px;}
.rnd34 {border-radius: 12px 12px 16px 16px;}
.rnd24 {border-radius: 8px 8px 16px 16px;}
.rnd14 {border-radius: 4px 4px 16px 16px;}
.rnd04 {border-radius: 0px 0px 16px 16px;}
.rnd_4 {border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;}
.rnd4_ {border-top-left-radius: 16px;border-top-right-radius: 16px;}
.rnd83 {border-radius: 32px 32px 12px 12px;}
.rnd63 {border-radius: 24px 24px 12px 12px;}
.rnd53 {border-radius: 20px 20px 12px 12px;}
.rnd43 {border-radius: 16px 16px 12px 12px;}
.rnd30 {border-radius: 12px 12px 0px 0px;}
.rnd23 {border-radius: 8px 8px 12px 12px;}
.rnd13 {border-radius: 4px 4px 12px 12px;}
.rnd03 {border-radius: 0px 0px 12px 12px;}
.rnd_3 {border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.rnd3_ {border-top-left-radius: 12px;border-top-right-radius: 12px;}
.rnd82 {border-radius: 32px 32px 8px 8px;}
.rnd62 {border-radius: 24px 24px 8px 8px;}
.rnd52 {border-radius: 20px 20px 8px 8px;}
.rnd42 {border-radius: 16px 16px 8px 8px;}
.rnd32 {border-radius: 12px 12px 8px 8px;}
.rnd20 {border-radius: 8px 8px 0px 0px;}
.rnd12 {border-radius: 4px 4px 8px 8px;}
.rnd02 {border-radius: 0px 0px 8px 8px;}
.rnd_2 {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.rnd2_ {border-top-left-radius: 8px;border-top-right-radius: 8px;}
.rnd81 {border-radius: 32px 32px 4px 4px;}
.rnd61 {border-radius: 24px 24px 4px 4px;}
.rnd51 {border-radius: 20px 20px 4px 4px;}
.rnd41 {border-radius: 16px 16px 4px 4px;}
.rnd31 {border-radius: 12px 12px 4px 4px;}
.rnd21 {border-radius: 8px 8px 4px 4px;}
.rnd10 {border-radius: 4px 4px 0px 0px;}
.rnd01 {border-radius: 0px 0px 4px 4px;}
.rnd_1 {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.rnd1_ {border-top-left-radius: 4px;border-top-right-radius: 4px;}
.rnd0_ {border-top-left-radius: 0px;border-top-right-radius: 0px;}
.rnd_0 {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.rnd0___ {border-top-left-radius: 0px;}
.rnd_0__ {border-top-right-radius: 0px;}
.rnd__0_ {border-bottom-right-radius: 0px;}
.rnd___0 {border-bottom-left-radius: 0px;}
/*==================*
margin
*==================*/
.mgn8->* {margin:32px;}
.mgn6->* {margin:24px;}
.mgn5->* {margin:20px;}
.mgn ,.mgn->*,
.mgn4->* {margin:16px;}
.mgn3->* {margin:12px;}
.mgn2->* {margin: 8px;}
.mgn1->* {margin: 4px;}
.mgn0->* {margin: 0px;}
.mgn80->* {margin: 32px 0px;}
.mgn68->* {margin: 24px 32px;}
.mgn58->* {margin: 20px 32px;}
.mgn48->* {margin: 16px 32px;}
.mgn38->* {margin: 12px 32px;}
.mgn28->* {margin: 8px 32px;}
.mgn18->* {margin: 4px 32px;}
.mgn08->* {margin: 0px 32px;}
.mgn08->* {margin: 0px 32px;}
.mgn_8->* {margin-left: 32px;margin-right: 32px;}
.mgn8_->* {margin-top: 32px;margin-bottom: 32px;}
.mgn86->* {margin: 32px 24px;}
.mgn60->* {margin: 24px 0px;}
.mgn56->* {margin: 20px 24px;}
.mgn46->* {margin: 16px 24px;}
.mgn36->* {margin: 12px 24px;}
.mgn26->* {margin: 8px 24px;}
.mgn16->* {margin: 4px 24px;}
.mgn06->* {margin: 0px 24px;}
.mgn_6->* {margin-left: 24px;margin-right: 24px;}
.mgn6_->* {margin-top: 24px;margin-bottom: 24px;}
.mgn85->* {margin: 32px 20px;}
.mgn65->* {margin: 24px 20px;}
.mgn50->* {margin: 20px 0px;}
.mgn45->* {margin: 16px 20px;}
.mgn35->* {margin: 12px 20px;}
.mgn25->* {margin: 8px 20px;}
.mgn15->* {margin: 4px 20px;}
.mgn05->* {margin: 0px 20px;}
.mgn_5->* {margin-left: 20px;margin-right: 20px;}
.mgn5_->* {margin-top: 20px;margin-bottom: 20px;}
.mgn84->* {margin: 32px 16px;}
.mgn64->* {margin: 24px 16px;}
.mgn54->* {margin: 20px 16px;}
.mgn40->* {margin: 16px 0px;}
.mgn34->* {margin: 12px 16px;}
.mgn24->* {margin: 8px 16px;}
.mgn14->* {margin: 4px 16px;}
.mgn04->* {margin: 0px 16px;}
.mgn_4->* {margin-left: 16px;margin-right: 16px;}
.mgn4_->* {margin-top: 16px;margin-bottom: 16px;}
.mgn83->* {margin: 32px 12px;}
.mgn63->* {margin: 24px 12px;}
.mgn53->* {margin: 20px 12px;}
.mgn43->* {margin: 16px 12px;}
.mgn30->* {margin: 12px 0px;}
.mgn23->* {margin: 8px 12px;}
.mgn13->* {margin: 4px 12px;}
.mgn03->* {margin: 0px 12px;}
.mgn_3->* {margin-left: 12px;margin-right: 12px;}
.mgn3_->* {margin-top: 12px;margin-bottom: 12px;}
.mgn82->* {margin: 32px 8px;}
.mgn62->* {margin: 24px 8px;}
.mgn52->* {margin: 20px 8px;}
.mgn42->* {margin: 16px 8px;}
.mgn32->* {margin: 12px 8px;}
.mgn20->* {margin: 8px 0px;}
.mgn12->* {margin: 4px 8px;}
.mgn02->* {margin: 0px 8px;}
.mgn_2->* {margin-left: 8px;margin-right: 8px;}
.mgn2_->* {margin-top: 8px;margin-bottom: 8px;}
.mgn81->* {margin: 32px 4px;}
.mgn61->* {margin: 24px 4px;}
.mgn51->* {margin: 20px 4px;}
.mgn41->* {margin: 16px 4px;}
.mgn31->* {margin: 12px 4px;}
.mgn21->* {margin: 8px 4px;}
.mgn10->* {margin: 4px 0px;}
.mgn01->* {margin: 0px 4px;}
.mgn_1->* {margin-left: 4px;margin-right: 4px;}
.mgn1_->* {margin-top: 4px;margin-bottom: 4px;}
.mgn_0->* {margin-left: 0px;margin-right: 0px;}
.mgn0_->* {margin-top: 0px;margin-bottom: 0px;}
.mgn8___->* {margin-top:32px;}
.mgn_8__->* {margin-right:32px;}
.mgn__8_->* {margin-bottom:32px;}
.mgn___8->* {margin-left:32px;}
.mgn6___->* {margin-top:24px;}
.mgn_6__->* {margin-right:24px;}
.mgn__6_->* {margin-bottom:24px;}
.mgn___6->* {margin-left:24px;}
.mgn5___->* {margin-top:20px;}
.mgn_5__->* {margin-right:20px;}
.mgn__5_->* {margin-bottom:20px;}
.mgn___5->* {margin-left:20px;}
.mgn4___->* {margin-top:16px;}
.mgn_4__->* {margin-right:16px;}
.mgn__4_->* {margin-bottom:16px;}
.mgn___4->* {margin-left:16px;}
.mgn3___->* {margin-top:12px;}
.mgn_3__->* {margin-right:12px;}
.mgn__3_->* {margin-bottom:12px;}
.mgn___3->* {margin-left:12px;}
.mgn2___->* {margin-top:8px;}
.mgn_2__->* {margin-right:8px;}
.mgn__2_->* {margin-bottom:8px;}
.mgn___2->* {margin-left:8px;}
.mgn1___->* {margin-top:4px;}
.mgn_1__->* {margin-right:4px;}
.mgn__1_->* {margin-bottom:4px;}
.mgn___1->* {margin-left:4px;}
.mgn0___->* {margin-top:0;}
.mgn_0__->* {margin-right:0;}
.mgn__0_->* {margin-bottom:0;}
.mgn___0->* {margin-left:0;}
.mgn8 {margin:32px;}
.mgn6 {margin:24px;}
.mgn5 {margin:20px;}
.mgn ,
.mgn4 {margin:16px;}
.mgn3 {margin:12px;}
.mgn2 {margin: 8px;}
.mgn1 {margin: 4px;}
.mgn0 {margin: 0px;}
.mgn-8 {margin:-32px;}
.mgn-6 {margin:-24px;}
.mgn-5 {margin:-20px;}
.mgn-4 {margin:-16px;}
.mgn-3 {margin:-12px;}
.mgn-2 {margin: -8px;}
.mgn-1 {margin: -4px;}
.mgn-0 {margin: -0px;}
.mgn80 {margin: 32px 0px;}
.mgn68 {margin: 24px 32px;}
.mgn58 {margin: 20px 32px;}
.mgn48 {margin: 16px 32px;}
.mgn38 {margin: 12px 32px;}
.mgn28 {margin: 8px 32px;}
.mgn18 {margin: 4px 32px;}
.mgn08 {margin: 0px 32px;}
.mgn08 {margin: 0px 32px;}
.mgn_8 {margin-left: 32px;margin-right: 32px;}
.mgn8_ {margin-top: 32px;margin-bottom: 32px;}
.mgn86 {margin: 32px 24px;}
.mgn60 {margin: 24px 0px;}
.mgn56 {margin: 20px 24px;}
.mgn46 {margin: 16px 24px;}
.mgn36 {margin: 12px 24px;}
.mgn26 {margin: 8px 24px;}
.mgn16 {margin: 4px 24px;}
.mgn06 {margin: 0px 24px;}
.mgn_6 {margin-left: 24px;margin-right: 24px;}
.mgn6_ {margin-top: 24px;margin-bottom: 24px;}
.mgn85 {margin: 32px 20px;}
.mgn65 {margin: 24px 20px;}
.mgn50 {margin: 20px 0px;}
.mgn45 {margin: 16px 20px;}
.mgn35 {margin: 12px 20px;}
.mgn25 {margin: 8px 20px;}
.mgn15 {margin: 4px 20px;}
.mgn05 {margin: 0px 20px;}
.mgn_5 {margin-left: 20px;margin-right: 20px;}
.mgn5_ {margin-top: 20px;margin-bottom: 20px;}
.mgn84 {margin: 32px 16px;}
.mgn64 {margin: 24px 16px;}
.mgn54 {margin: 20px 16px;}
.mgn40 {margin: 16px 0px;}
.mgn34 {margin: 12px 16px;}
.mgn24 {margin: 8px 16px;}
.mgn14 {margin: 4px 16px;}
.mgn04 {margin: 0px 16px;}
.mgn_4 {margin-left: 16px;margin-right: 16px;}
.mgn4_ {margin-top: 16px;margin-bottom: 16px;}
.mgn83 {margin: 32px 12px;}
.mgn63 {margin: 24px 12px;}
.mgn53 {margin: 20px 12px;}
.mgn43 {margin: 16px 12px;}
.mgn30 {margin: 12px 0px;}
.mgn23 {margin: 8px 12px;}
.mgn13 {margin: 4px 12px;}
.mgn03 {margin: 0px 12px;}
.mgn_3 {margin-left: 12px;margin-right: 12px;}
.mgn3_ {margin-top: 12px;margin-bottom: 12px;}
.mgn82 {margin: 32px 8px;}
.mgn62 {margin: 24px 8px;}
.mgn52 {margin: 20px 8px;}
.mgn42 {margin: 16px 8px;}
.mgn32 {margin: 12px 8px;}
.mgn20 {margin: 8px 0px;}
.mgn12 {margin: 4px 8px;}
.mgn02 {margin: 0px 8px;}
.mgn_2 {margin-left: 8px;margin-right: 8px;}
.mgn2_ {margin-top: 8px;margin-bottom: 8px;}
.mgn81 {margin: 32px 4px;}
.mgn61 {margin: 24px 4px;}
.mgn51 {margin: 20px 4px;}
.mgn41 {margin: 16px 4px;}
.mgn31 {margin: 12px 4px;}
.mgn21 {margin: 8px 4px;}
.mgn10 {margin: 4px 0px;}
.mgn01 {margin: 0px 4px;}
.mgn_1 {margin-left: 4px;margin-right: 4px;}
.mgn1_ {margin-top: 4px;margin-bottom: 4px;}
.mgn_0 {margin-left: 0px;margin-right: 0px;}
.mgn0_ {margin-top: 0px;margin-bottom: 0px;}
.mgn_-8 {margin-left:-32px;margin-right:-32px;}
.mgn_-6 {margin-left:-24px;margin-right:-24px;}
.mgn_-5 {margin-left:-20px;margin-right:-20px;}
.mgn_-4 {margin-left:-16px;margin-right:-16px;}
.mgn_-3 {margin-left:-12px;margin-right:-12px;}
.mgn_-2 {margin-left: -8px;margin-right: -8px;}
.mgn_-1 {margin-left: -4px;margin-right: -4px;}
.mgn_-0 {margin-left: -0px;margin-right: -0px;}
.mgn-8_ {margin-top:-32px;margin-bottom:-32px;}
.mgn-6_ {margin-top:-24px;margin-bottom:-24px;}
.mgn-5_ {margin-top:-20px;margin-bottom:-20px;}
.mgn-4_ {margin-top:-16px;margin-bottom:-16px;}
.mgn-3_ {margin-top:-12px;margin-bottom:-12px;}
.mgn-2_ {margin-top: -8px;margin-bottom: -8px;}
.mgn-1_ {margin-top: -4px;margin-bottom: -4px;}
.mgn-0_ {margin-top: -0px;margin-bottom: -0px;}
.mgn8___ {margin-top:32px;}
.mgn_8__ {margin-right:32px;}
.mgn__8_ {margin-bottom:32px;}
.mgn___8 {margin-left:32px;}
.mgn6___ {margin-top:24px;}
.mgn_6__ {margin-right:24px;}
.mgn__6_ {margin-bottom:24px;}
.mgn___6 {margin-left:24px;}
.mgn5___ {margin-top:20px;}
.mgn_5__ {margin-right:20px;}
.mgn__5_ {margin-bottom:20px;}
.mgn___5 {margin-left:20px;}
.mgn4___ {margin-top:16px;}
.mgn_4__ {margin-right:16px;}
.mgn__4_ {margin-bottom:16px;}
.mgn___4 {margin-left:16px;}
.mgn3___ {margin-top:12px;}
.mgn_3__ {margin-right:12px;}
.mgn__3_ {margin-bottom:12px;}
.mgn___3 {margin-left:12px;}
.mgn2___ {margin-top:8px;}
.mgn_2__ {margin-right:8px;}
.mgn__2_ {margin-bottom:8px;}
.mgn___2 {margin-left:8px;}
.mgn1___ {margin-top:4px;}
.mgn_1__ {margin-right:4px;}
.mgn__1_ {margin-bottom:4px;}
.mgn___1 {margin-left:4px;}
.mgn0___ {margin-top:0;}
.mgn_0__ {margin-right:0;}
.mgn__0_ {margin-bottom:0;}
.mgn___0 {margin-left:0;}
.mgna_ {margin-left:auto;}
.mgn_a {margin-right:auto;}
.mgna,
.mgnaa,
.mgn-auto {margin-left:auto;margin-right:auto;}
.mgn-8___ {margin-top:-32px;}
.mgn_-8__ {margin-right:-32px;}
.mgn__-8_ {margin-bottom:-32px;}
.mgn___-8 {margin-left:-32px;}
.mgn-6___ {margin-top:-24px;}
.mgn_-6__ {margin-right:-24px;}
.mgn__-6_ {margin-bottom:-24px;}
.mgn___-6 {margin-left:-24px;}
.mgn-5___ {margin-top:-20px;}
.mgn_-5__ {margin-right:-20px;}
.mgn__-5_ {margin-bottom:-20px;}
.mgn___-5 {margin-left:-20px;}
.mgn-4___ {margin-top:-16px;}
.mgn_-4__ {margin-right:-16px;}
.mgn__-4_ {margin-bottom:-16px;}
.mgn___-4 {margin-left:-16px;}
.mgn-3___ {margin-top:-12px;}
.mgn_-3__ {margin-right:-12px;}
.mgn__-3_ {margin-bottom:-12px;}
.mgn___-3 {margin-left:-12px;}
.mgn-2___ {margin-top:-8px;}
.mgn_-2__ {margin-right:-8px;}
.mgn__-2_ {margin-bottom:-8px;}
.mgn___-2 {margin-left:-8px;}
.mgn-1___ {margin-top:-4px;}
.mgn_-1__ {margin-right:-4px;}
.mgn__-1_ {margin-bottom:-4px;}
.mgn___-1 {margin-left:-4px;}
.mgn-0___ {margin-top:-0;}
.mgn_-0__ {margin-right:-0;}
.mgn__-0_ {margin-bottom:-0;}
.mgn___-0 {margin-left:-0;}
/*==================*
Block Align
*==================*/
.blk, .block {display:block;width:-webkit-fill-available;width:fill-available;width:fill;width:available;width:stretch;}
.inl-blk {display:inline-block;}
.inl-top {display:inline-block;vertical-align:top;}
.inl-mid {display:inline-block;vertical-align:middle;}
.inl-bot {display:inline-block;vertical-align:bottom;}
.flt-clr {overflow:hidden;display:block;float:none;clear:both;}
.flt-fix:after {content:'';display:block;float:none;clear:both;}
.flt-lft {float: left;}
.flt-rgt {float:right;}
.flt-ctr,
.aln-ctr->*,
.aln-ctr {margin-left:auto;margin-right:auto;}
.aln-lft->*,
.aln-lft {margin-right:auto;margin-left:0;}
.aln-rgt->*,
.aln-rgt {margin-left:auto;margin-right:0;}
.aln-top->*,
.aln-top {vertical-align:top;}
.aln-mid->*,
.aln-mid {vertical-align:middle;}
.aln-bot->*,
.aln-bot {vertical-align:bottom;}
/*==================*
Block Position
*==================*/
.pos-rel {position:relative;}
.pos-abs {position:absolute;}
.pos-abs-0000,
.pos-abs-f {position:absolute;top:0; right:0; bottom:0; left:0;}
.pos-abs-00a0,
.pos-abs-t {position:absolute;top:0; right:0; bottom:auto;left:0;}
.pos-abs-a000,
.pos-abs-b {position:absolute;top:auto;right:0; bottom:0; left:0;}
.pos-abs-5aa0,
.pos-abs-l {position:absolute;top:50%; right:auto;bottom:auto;left:0;}
.pos-abs-50aa,
.pos-abs-r {position:absolute;top:50%; right:0; bottom:auto;left:auto;}
.pos-abs-00aa,
.pos-abs-tr {position:absolute;top:0; right:0; bottom:auto;left:auto;}
.pos-abs-a00a,
.pos-abs-br {position:absolute;top:auto;right:0; bottom:0; left:auto;}
.pos-abs-0aa0,
.pos-abs-tl {position:absolute;top:0; right:auto;bottom:auto;left:0;}
.pos-abs-aa00,
.pos-abs-bl {position:absolute;top:auto;right:auto;bottom:0; left:0;}
.pos-fix {position:fixed;} /* position makes this a modifier on pos-abs props */
/*==================*
Flex Layout
*==================*/
/* Flexbox. Decent Reference: https://cssreference.io/flexbox/ */
.flex-ctr,
.flex-center {display:flex;align-items: center;justify-content:center;}
.flex-col,
.flex-column {display:flex;flex-direction: column;}
.flex-row {display:flex;flex-direction: row;}
.flex-wrap {flex-wrap: wrap;}
.flex-inl {display:inline-flex;}
/* justify-content is direction-axis (justify-content applies to flex while justify-items is for css grid only) */
.just-start {justify-content:flex-start;} /* default */
.just-end {justify-content:flex-end;}
.just-center {justify-content:center;}
.just-between {justify-content:space-between;}
.just-around {justify-content:space-around;}
.just-evenly {justify-content:space-evenly;}
.just-stretch {justify-content:stretch;}
/* align-items is cross-axis for single line flex (align-content applies only to multi-line/wrapped) */
.algn-start {align-items:flex-start;}
.algn-end {align-items:flex-end;}
.algn-center {align-items:center;}
.algn-baseline {align-items:baseline;}
.algn-stretch {align-items:stretch;} /* default */
/* align-self is cross-axis per-child override (justify-self does not apply to flex) */
.self-auto {align-self:auto;} /* default */
.self-start {align-self:flex-start;}
.self-end {align-self:flex-end;}
.self-center {align-self:center;}
.self-baseline {align-self:baseline;}
/* children are fixed size based on content (overriding flex-shrink:1 default) */
.flex-col > *,
.flex-column > * {flex-grow:0;flex-shrink:0;overflow:hidden;}
.flex-row > * {flex-grow:0;flex-shrink:1;overflow:hidden;}
.flex-fix {flex-grow:0;flex-shrink:0;overflow:hidden;}
.flex-grw,
.flex-grow {flex-grow:1;flex-shrink:1;overflow:hidden;}
.flex-col > .flex-grw,
.flex-col > .flex-grow {overflow-y:auto;}
.flex-row > .flex-grw,
.flex-row > .flex-grow {overflow-x:auto;}
.flex-grw.ohide,
.flex-grow.ohide {overflow-x:hidden;overflow-y:hidden;}
.flex-col > .flex-grow.ui-loading {
overflow-y:hidden;
}
/*==================*
Block Overflow
*==================*/
.ohide {overflow:hidden;}
.oshow {overflow:visible;}
.oroll {overflow:scroll;}
.oauto {overflow:auto;}
.ohide-x {overflow-x:hidden;}
.oshow-x {overflow-x:visible;}
.oroll-x {overflow-x:scroll;}
.oauto-x {overflow-x:auto;}
.ohide-y {overflow-y:hidden;}
.oshow-y {overflow-y:visible;}
.oroll-y {overflow-y:scroll;}
.oauto-y {overflow-y:auto;}
/* scroll shadow */
.flex-shadow[data-scrolled="1"],
[data-scrolled="1"] > .flex-shadow {
box-shadow: inset 0px 0px 6px rgba(0,0,0,0.15);
}
/*==================*
Block Width
*==================*/
.full {width:100%;}
.half {width:50%;}
.third {width:33.333333%;}
.two-third {width:66.666666%;}
.fourth {width:25%;}
.three-fourth {width:75%;}
.fifth {width:20%;}
.two-fifth {width:40%;}
.three-fifth {width:60%;}
.four-fifth {width:80%;}
.w100 {width:100%;}
.w50 {width:50%;}
.w33 {width:33.333333333333%;}
.w66 {width:66.666666666666%;}
.w25 {width:25%;}
.w75 {width:75%;}
.w20 {width:20%;}
.w40 {width:40%;}
.w60 {width:60%;}
.w80 {width:80%;}
.w0,
.w00 {width:0%;}
.wa,
.wauto{width:auto;}
/*==================*
Max Width
*==================*/
.max01->* {width: 16px;max-width:100%;min-width:0;}
.max02->* {width: 32px;max-width:100%;min-width:0;}
.max03->* {width: 48px;max-width:100%;min-width:0;}
.max04->* {width: 64px;max-width:100%;min-width:0;}
.max1->* {width: 80px;max-width:100%;min-width:0;}
.max2->* {width: 160px;max-width:100%;min-width:0;}
.max3->* {width: 240px;max-width:100%;min-width:0;}
.max4->* {width: 320px;max-width:100%;min-width:0;}
.max5->* {width: 400px;max-width:100%;min-width:0;}
.max6->* {width: 480px;max-width:100%;min-width:0;}
.max7->* {width: 560px;max-width:100%;min-width:0;}
.max8->* {width: 640px;max-width:100%;min-width:0;}
.max9->* {width: 720px;max-width:100%;min-width:0;}
.maxA->* {width: 800px;max-width:100%;min-width:0;}
.maxB->* {width: 880px;max-width:100%;min-width:0;}
.maxC->* {width: 960px;max-width:100%;min-width:0;}
.maxD->* {width:1040px;max-width:100%;min-width:0;}
.maxE->* {width:1120px;max-width:100%;min-width:0;}
.maxF->* {width:1200px;max-width:100%;min-width:0;}
.maxF1->* {width:1280px;max-width:100%;min-width:0;}
.maxF2->* {width:1360px;max-width:100%;min-width:0;}
.maxF3->* {width:1440px;max-width:100%;min-width:0;}
.maxF4->* {width:1520px;max-width:100%;min-width:0;}
.maxF5->* {width:1600px;max-width:100%;min-width:0;}
.max {max-width:100%;min-width:0;}
.max0,
.max00 {width: 0px;max-width:100%;min-width:0;}
.max01 {width: 16px;max-width:100%;min-width:0;}
.max02 {width: 32px;max-width:100%;min-width:0;}
.max03 {width: 48px;max-width:100%;min-width:0;}
.max04 {width: 64px;max-width:100%;min-width:0;}
.max1,
.max05 {width: 80px;max-width:100%;min-width:0;}
.max06 {width: 96px;max-width:100%;min-width:0;}
.max07 {width: 112px;max-width:100%;min-width:0;}
.max08 {width: 128px;max-width:100%;min-width:0;}
.max09 {width: 144px;max-width:100%;min-width:0;}
.max2,
.max0A {width: 160px;max-width:100%;min-width:0;}
.max0B {width: 176px;max-width:100%;min-width:0;}
.max0C {width: 192px;max-width:100%;min-width:0;}
.max0D {width: 208px;max-width:100%;min-width:0;}
.max0E {width: 224px;max-width:100%;min-width:0;}
.max0F,
.max3,
.max30 {width: 240px;max-width:100%;min-width:0;}
.max31 {width: 256px;max-width:100%;min-width:0;}
.max32 {width: 272px;max-width:100%;min-width:0;}
.max33 {width: 288px;max-width:100%;min-width:0;}
.max34 {width: 304px;max-width:100%;min-width:0;}
.max4 {width: 320px;max-width:100%;min-width:0;}
.max5 {width: 400px;max-width:100%;min-width:0;}
.max6 {width: 480px;max-width:100%;min-width:0;}
.max7 {width: 560px;max-width:100%;min-width:0;}
.max8 {width: 640px;max-width:100%;min-width:0;}
.max9 {width: 720px;max-width:100%;min-width:0;}
.maxA {width: 800px;max-width:100%;min-width:0;}
.maxB {width: 880px;max-width:100%;min-width:0;}
.maxC {width: 960px;max-width:100%;min-width:0;}
.maxD {width:1040px;max-width:100%;min-width:0;}
.maxE {width:1120px;max-width:100%;min-width:0;}
.maxF {width:1200px;max-width:100%;min-width:0;}
.maxF1 {width:1280px;max-width:100%;min-width:0;}
.maxF2 {width:1360px;max-width:100%;min-width:0;}
.maxF3 {width:1440px;max-width:100%;min-width:0;}
.maxF4 {width:1520px;max-width:100%;min-width:0;}
.maxF5 {width:1600px;max-width:100%;min-width:0;}
/*==================*
fixed aspect box
*==================*/
.circle:before, .circle[href]:before,
.square:before, .square[href]:before,
.golden:before, .golden[href]:before,
.divine:before, .divine[href]:before,
.golden-l:before, .golden-l[href]:before,
.divine-l:before, .divine-l[href]:before,
.golden-p:before, .golden-p[href]:before,
.divine-p:before, .divine-p[href]:before {
content: '';
display: block;
padding-bottom: 61.80339887498948%;
width: 0;
float: left;
position: relative;
}
.circle:before, .circle[href]:before,
.square:before, .square[href]:before {
padding-bottom: 100%;
}
.golden-l:before, .golden-l[href]:before,
.divine-l:before, .divine-l[href]:before {
padding-bottom: 61.80339887498948%;
}
.golden-p:before, .golden-p[href]:before,
.divine-p:before, .divine-p[href]:before {
padding-bottom: 161.80339887498948482%;
}
.circle:empty:before,
.square:empty:before,
.golden:empty:before,.golden-l:empty:before,.golden-p:empty:before,
.divine:empty:before,.divine-l:empty:before,.divine-p:empty:before {
float: none;
}
.circle {
border-radius:50%;
}
/*==================*
section themes
*==================*/
.thm-sky {
--clr-thm:DeepSkyBlue;
}
.thm-sky header > .link {
color:DeepSkyBlue;
}
.thm-grn button:not([data-ui-input-icon]):not([disabled]),
.thm-sky .btn,
.thm-sky .btn-thm,
.thm-sky [type="button"],
.thm-sky [type="submit"] {
background-color:DeepSkyBlue;
color:white;
}
.thm-sky .gnd-clr,
.thm-sky .btn-clr,
.thm-sky .btn-clear {
background-color:transparent;
}
.thm-sky input:focus,
.thm-sky select:focus,
.thm-sky textarea:focus,
.thm-sky [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: DeepSkyBlue;
border-color: DeepSkyBlue;
}
.thm-sky .bdr-thm {
border-color: DeepSkyBlue;
}
.thm-sky input:focus + [data-ui-input-icon],
.thm-sky input + [data-ui-input-icon]:focus,
.thm-sky input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-sky input + [data-ui-input-icon="show-password"]:empty:after {
color: DeepSkyBlue;
}
.thm-sky .gnd-tint {
background-color:#daf6ff;
}
.thm-sky .bdr-focus:focus,
.thm-sky [type="digit"]:focus,
.thm-sky [data-ui-checkbox] input:focus ~ mark:before {
background-color:#daf6ff;
}
.thm-sky .clr-thm,
.thm-sky .clr-main {
color:DeepSkyBlue;
}
.thm-sky .gnd-thm,
.thm-sky .gnd-main {
background-color:DeepSkyBlue;
}
.thm-grn {
--clr-thm:#00bb33;
}
.thm-grn header > .link {
color:#00bb33;
}
.thm-grn button:not([data-ui-input-icon]):not([disabled]),
.thm-grn .btn,
.thm-grn .btn-thm,
.thm-grn [type="button"],
.thm-grn [type="submit"] {
background-color:#00bb33;
color:white;
}
.thm-grn .gnd-clr,
.thm-grn .btn-clr,
.thm-grn .btn-clear {
background-color:transparent;
}
.thm-grn input:focus,
.thm-grn select:focus,
.thm-grn textarea:focus,
.thm-grn [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: #00bb33;
border-color: #00bb33;
}
.thm-grn .bdr-thm {
border-color: #00bb33;
}
.thm-grn input:focus + [data-ui-input-icon],
.thm-grn input + [data-ui-input-icon]:focus,
.thm-grn input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-grn input + [data-ui-input-icon="show-password"]:empty:after {
color: #00bb33;
}
.thm-grn .gnd-tint {
background-color:#ddf6dd;
}
.thm-grn .bdr-focus:focus,
.thm-grn [type="digit"]:focus,
.thm-grn [data-ui-checkbox] input:focus ~ mark:before {
background-color:#ddf6dd;
}
.thm-grn .clr-thm,
.thm-grn .clr-main {
color:#00bb33;
}
.thm-grn .gnd-thm,
.thm-grn .gnd-main {
background-color:#00bb33;
}
.thm-sea {
--clr-thm:MediumSeaGreen;
}
.thm-sea header > .link {
color:MediumSeaGreen;
}
.thm-sea button:not([data-ui-input-icon]):not([disabled]),
.thm-sea .btn,
.thm-sea .btn-thm,
.thm-sea [type="button"],
.thm-sea [type="submit"] {
background-color:MediumSeaGreen;
color:white;
}
.thm-sea .gnd-clr,
.thm-sea .btn-clr,
.thm-sea .btn-clear {
background-color:transparent;
}
.thm-sea input:focus,
.thm-sea select:focus,
.thm-sea textarea:focus,
.thm-sea [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: MediumSeaGreen;
border-color: MediumSeaGreen;
}
.thm-sea .bdr-thm {
border-color: MediumSeaGreen;
}
.thm-sea input:focus + [data-ui-input-icon],
.thm-sea input + [data-ui-input-icon]:focus,
.thm-sea input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-sea input + [data-ui-input-icon="show-password"]:empty:after {
color: MediumSeaGreen;
}
.thm-sea .gnd-tint {
background-color:#ddf6ee;
}
.thm-sea .bdr-focus:focus,
.thm-sea [type="digit"]:focus,
.thm-sea [data-ui-checkbox] input:focus ~ mark:before {
background-color:#ddf6ee;
}
.thm-sea .btn-thm {
background-color:MediumSeaGreen;
color:white;
}
.thm-sea .btn-thm.btn-outline {
background-color:transparent;
color:MediumSeaGreen;
}
.thm-sea .clr-thm,
.thm-sea .clr-main {
color:MediumSeaGreen;
}
.thm-sea .gnd-thm,
.thm-sea .gnd-main {
background-color:MediumSeaGreen;
}
.thm-org {
--clr-thm:orange;
}
.thm-org header > .link {
color:orange;
}
.thm-org button:not([data-ui-input-icon]):not([disabled]),
.thm-org .btn,
.thm-org [type="button"],
.thm-org [type="submit"] {
background-color:orange;
color:black;
}
.thm-org .gnd-clr,
.thm-org .btn-clr,
.thm-org .btn-clear {
background-color:transparent;
}
.thm-org input:focus,
.thm-org select:focus,
.thm-org textarea:focus,
.thm-org [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: darkorange;
border-color: orange;
}
.thm-org .bdr-thm {
border-color: orange;
}
.thm-org input:focus + [data-ui-input-icon],
.thm-org input + [data-ui-input-icon]:focus,
.thm-org input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-org input + [data-ui-input-icon="show-password"]:empty:after {
color: orange;
-webkit-font-smoothing: subpixel-antialiased;
}
.thm-org .gnd-tint {
background-color:papayawhip;
}
.thm-org .bdr-focus:focus,
.thm-org [type="digit"]:focus,
.thm-org [data-ui-checkbox] input:focus ~ mark:before {
background-color:papayawhip;
}
.thm-org .clr-thm,
.thm-org .clr-main {
color:orange;
}
.thm-org .gnd-thm,
.thm-org .gnd-main {
background-color:orange;
}
.thm-gld {
--clr-thm:#ffbf00;
}
.thm-gld header > .link {
color:#ffbf00;
}
.thm-gld button:not([data-ui-input-icon]):not([disabled]),
.thm-gld .btn,
.thm-gld [type="button"],
.thm-gld [type="submit"] {
background-color:#ffbf00;
color:black;
}
.thm-gld .gnd-clr,
.thm-gld .btn-clr,
.thm-gld .btn-clear {
background-color:transparent;
}
.thm-gld input:focus,
.thm-gld select:focus,
.thm-gld textarea:focus,
.thm-gld [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: goldenrod;
border-color: #ffbf00;
}
.thm-gld .bdr-thm {
border-color: #ffbf00;
}
.thm-gld input:focus + [data-ui-input-icon],
.thm-gld input + [data-ui-input-icon]:focus,
.thm-gld input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-gld input + [data-ui-input-icon="show-password"]:empty:after {
color: #ffbf00;
-webkit-font-smoothing: subpixel-antialiased;
}
.thm-gld .gnd-tint {
background-color:cornsilk;
}
.thm-gld .bdr-focus:focus,
.thm-gld [type="digit"]:focus,
.thm-gld [data-ui-checkbox] input:focus ~ mark:before {
background-color:cornsilk;
}
.thm-gld .clr-thm,
.thm-gld .clr-main {
color:#ffbf00;
}
.thm-gld .gnd-thm,
.thm-gld .gnd-main {
background-color:#ffbf00;
}
.thm-red {
--clr-thm:#ff4477;
}
.thm-red header > .link {
color:#ff4477;
}
.thm-red button:not([data-ui-input-icon]):not([disabled]),
.thm-red .btn,
.thm-red .btn-thm,
.thm-red [type="button"],
.thm-red [type="submit"] {
background-color:#ff4477;
color:white;
}
.thm-red .gnd-clr,
.thm-red .btn-clr,
.thm-red .btn-clear {
background-color:transparent;
}
.thm-red input:focus,
.thm-red select:focus,
.thm-red textarea:focus,
.thm-red [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: #ff4477;
border-color: #ff4477;
}
.thm-red .bdr-thm {
border-color: #ff4477;
}
.thm-red input:focus + [data-ui-input-icon],
.thm-red input + [data-ui-input-icon]:focus,
.thm-red input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-red input + [data-ui-input-icon="show-password"]:empty:after {
color: #ff4477;
}
.thm-red .gnd-tint {
background-color:#ffeeee;
}
.thm-red .bdr-focus:focus,
.thm-red [type="digit"]:focus,
.thm-red [data-ui-checkbox] input:focus ~ mark:before {
background-color:#ffbbdd;
}
.thm-red .clr-thm,
.thm-red .clr-main {
color:#ff4477;
}
.thm-red .gnd-thm,
.thm-red .gnd-main {
background-color:#ff4477;
}
.thm-ppl {
--clr-thm:#9966ff;
}
.thm-ppl header > .link {
color:#9966ff;
}
.thm-ppl button:not([data-ui-input-icon]):not([disabled]),
.thm-ppl .btn,
.thm-ppl .btn-thm,
.thm-ppl [type="button"],
.thm-ppl [type="submit"] {
background-color:#9966ff;
color:white;
}
.thm-ppl .gnd-clr,
.thm-ppl .btn-clr,
.thm-ppl .btn-clear {
background-color:transparent;
}
.thm-ppl input:focus,
.thm-ppl select:focus,
.thm-ppl textarea:focus,
.thm-ppl [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: #9966ff;
border-color: #9966ff;
}
.thm-ppl .bdr-thm {
border-color: #9966ff;
}
.thm-ppl input:focus + [data-ui-input-icon],
.thm-ppl input + [data-ui-input-icon]:focus,
.thm-ppl input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-ppl input + [data-ui-input-icon="show-password"]:empty:after {
color: #9966ff;
}
.thm-ppl .gnd-tint {
background-color:#eeddff;
}
.thm-ppl .bdr-focus:focus,
.thm-ppl [type="digit"]:focus,
.thm-ppl [data-ui-checkbox] input:focus ~ mark:before {
background-color:#9966ff;
}
.thm-ppl .clr-thm,
.thm-ppl .clr-main {
color:#9966ff;
}
.thm-ppl .gnd-thm,
.thm-ppl .gnd-main {
background-color:#9966ff;
}
.thm-gry {
--clr-thm:#999;
}
.thm-gry header > .link {
color:#999;
}
.thm-gry button:not([data-ui-input-icon]):not([disabled]),
.thm-gry .btn,
.thm-gry .btn-thm,
.thm-gry [type="button"],
.thm-gry [type="submit"] {
background-color:#999;
color:white;
}
.thm-gry .gnd-clr,
.thm-gry .btn-clr,
.thm-gry .btn-clear {
background-color:transparent;
}
.thm-gry input:focus,
.thm-gry select:focus,
.thm-gry textarea:focus,
.thm-gry [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: #999;
border-color: #999;
}
.thm-gry .bdr-thm {
border-color: #999;
}
.thm-gry input:focus + [data-ui-input-icon],
.thm-gry input + [data-ui-input-icon]:focus,
.thm-gry input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-gry input + [data-ui-input-icon="show-password"]:empty:after {
color: #999;
}
.thm-gry .gnd-tint {
background-color:#f3f3f3;
}
.thm-gry .bdr-focus:focus,
.thm-gry [type="digit"]:focus,
.thm-gry [data-ui-checkbox] input:focus ~ mark:before {
background-color:#f3f3f3;
}
.thm-gry .clr-thm,
.thm-gry .clr-main {
color:#999;
}
.thm-gry .gnd-thm,
.thm-gry .gnd-main {
background-color:#999;
}
.thm-main {
--clr-thm:var(--clr-main);
}
.thm-main header > .link {
color:var(--clr-main);
}
.thm-main button:not([data-ui-input-icon]):not([disabled]),
.thm-main .btn,
.thm-main [type="button"],
.thm-main [type="submit"] {
background-color:var(--clr-main);
color:white;
}
.thm-main .gnd-clr,
.thm-main .btn-clr,
.thm-main .btn-clear {
background-color:transparent;
}
.thm-main input:focus,
.thm-main select:focus,
.thm-main textarea:focus,
.thm-main [data-ui-checkbox] input:focus ~ mark:before {
outline: none;
color: var(--clr-main);
border-color: var(--clr-main);
}
.thm-main .bdr-thm {
border-color: var(--clr-main);
}
.thm-main input:focus + [data-ui-input-icon],
.thm-main input + [data-ui-input-icon]:focus,
.thm-main input:not([data-error]) + [data-ui-input-icon="show-password"]:empty:after,
.thm-main input + [data-ui-input-icon="show-password"]:empty:after {
color: var(--clr-main);
-webkit-font-smoothing: subpixel-antialiased;
}
.thm-main .gnd-tint {
background-color:var(--clr-tint);
}
.thm-main .bdr-focus:focus,
.thm-main [type="digit"]:focus,
.thm-main [data-ui-checkbox] input:focus ~ mark:before {
background-color:var(--clr-tint);
}
.thm-main .clr-thm,
.thm-main .clr-main {
color:var(--clr-main);
}
.thm-main .gnd-thm,
.thm-main .gnd-main {
background-color:var(--clr-main);
}
/*==================*
reassert passive
color controls
*==================*/
.btn-oline, .btn-outline {
border: solid 2px currentColor;
background-color: transparent;
}
.btn[disabled],
button[disabled],
[type="button"][disabled],
[type="submit"][disabled] {
background-color:#ccc;
color: #999;
pointer-events:none;
}
.btn-clr[disabled] {
background-color: transparent;
}
/*==================*
ios notch, etc. handling (not reliable)
*==================*/
@supports (padding-bottom:max(env(safe-area-inset-bottom),16px)) {
.pad__0_-or-safe { padding-bottom: env(safe-area-inset-bottom); }
.pad__1_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 4px); }
.pad__2_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 8px); }
.pad__3_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 12px); }
.pad__4_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 16px); }
.pad__5_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 20px); }
.pad__6_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 24px); }
.pad__7_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 28px); }
.pad__8_-or-safe { padding-bottom: max(env(safe-area-inset-bottom), 32px); }
.mgn__0_-or-safe { margin-bottom: env(safe-area-inset-bottom); }
.mgn__1_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 4px); }
.mgn__2_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 8px); }
.mgn__3_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 12px); }
.mgn__4_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 16px); }
.mgn__5_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 20px); }
.mgn__6_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 24px); }
.mgn__7_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 28px); }
.mgn__8_-or-safe { margin-bottom: max(env(safe-area-inset-bottom), 32px); }
.pad0___-or-safe { padding-top: env(safe-area-inset-top); }
.pad1___-or-safe { padding-top: max(env(safe-area-inset-top), 4px); }
.pad2___-or-safe { padding-top: max(env(safe-area-inset-top), 8px); }
.pad3___-or-safe { padding-top: max(env(safe-area-inset-top), 12px); }
.pad4___-or-safe { padding-top: max(env(safe-area-inset-top), 16px); }
.pad5___-or-safe { padding-top: max(env(safe-area-inset-top), 20px); }
.pad6___-or-safe { padding-top: max(env(safe-area-inset-top), 24px); }
.pad7___-or-safe { padding-top: max(env(safe-area-inset-top), 28px); }
.pad8___-or-safe { padding-top: max(env(safe-area-inset-top), 32px); }
.mgn0___-or-safe { margin-top: env(safe-area-inset-top); }
.mgn1___-or-safe { margin-top: max(env(safe-area-inset-top), 4px); }
.mgn2___-or-safe { margin-top: max(env(safe-area-inset-top), 8px); }
.mgn3___-or-safe { margin-top: max(env(safe-area-inset-top), 12px); }
.mgn4___-or-safe { margin-top: max(env(safe-area-inset-top), 16px); }
.mgn5___-or-safe { margin-top: max(env(safe-area-inset-top), 20px); }
.mgn6___-or-safe { margin-top: max(env(safe-area-inset-top), 24px); }
.mgn7___-or-safe { margin-top: max(env(safe-area-inset-top), 28px); }
.mgn8___-or-safe { margin-top: max(env(safe-area-inset-top), 32px); }
}
@supports (margin-bottom:calc(env(safe-area-inset-bottom) + 16px)) {
.pad__0_-and-safe { padding-bottom: env(safe-area-inset-bottom); }
.pad__1_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 4px); }
.pad__2_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 8px); }
.pad__3_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 12px); }
.pad__4_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 16px); }
.pad__5_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 20px); }
.pad__6_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 24px); }
.pad__7_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 28px); }
.pad__8_-and-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 32px); }
.mgn__0_-and-safe { margin-bottom: env(safe-area-inset-bottom); }
.mgn__1_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 4px); }
.mgn__2_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 8px); }
.mgn__3_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 12px); }
.mgn__4_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 16px); }
.mgn__5_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 20px); }
.mgn__6_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 24px); }
.mgn__7_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 28px); }
.mgn__8_-and-safe { margin-bottom: calc(env(safe-area-inset-bottom) + 32px); }
.pad0___-and-safe { padding-top: env(safe-area-inset-top); }
.pad1___-and-safe { padding-top: calc(env(safe-area-inset-top) + 4px); }
.pad2___-and-safe { padding-top: calc(env(safe-area-inset-top) + 8px); }
.pad3___-and-safe { padding-top: calc(env(safe-area-inset-top) + 12px); }
.pad4___-and-safe { padding-top: calc(env(safe-area-inset-top) + 16px); }
.pad5___-and-safe { padding-top: calc(env(safe-area-inset-top) + 20px); }
.pad6___-and-safe { padding-top: calc(env(safe-area-inset-top) + 24px); }
.pad7___-and-safe { padding-top: calc(env(safe-area-inset-top) + 28px); }
.pad8___-and-safe { padding-top: calc(env(safe-area-inset-top) + 32px); }
.mgn0___-and-safe { margin-top: env(safe-area-inset-top); }
.mgn1___-and-safe { margin-top: calc(env(safe-area-inset-top) + 4px); }
.mgn2___-and-safe { margin-top: calc(env(safe-area-inset-top) + 8px); }
.mgn3___-and-safe { margin-top: calc(env(safe-area-inset-top) + 12px); }
.mgn4___-and-safe { margin-top: calc(env(safe-area-inset-top) + 16px); }
.mgn5___-and-safe { margin-top: calc(env(safe-area-inset-top) + 20px); }
.mgn6___-and-safe { margin-top: calc(env(safe-area-inset-top) + 24px); }
.mgn7___-and-safe { margin-top: calc(env(safe-area-inset-top) + 28px); }
.mgn8___-and-safe { margin-top: calc(env(safe-area-inset-top) + 32px); }
}
.pads___, .pad-top-safe { padding-top:env(safe-area-inset-bottom); }
.pad__s_, .pad-bot-safe { padding-bottom:env(safe-area-inset-bottom); }
.mgns___, .mgn-top-safe { margin-top:env(safe-area-inset-bottom); }
.mgn__s_, .mgn-bot-safe { margin-bottom:env(safe-area-inset-bottom); }
/*==================*
Map items
*==================*/
.map-pin {
position:relative;
overflow:hidden;
height:250px;
background:#f3f3f3 url() center center no-repeat / cover;
margin-bottom:0px;
}
.map-pin:after {
content:'';
font-size: 30px;
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 1em;
height: 1em;
margin: -1.2em -.5em;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50% 50% 0% 50%;
border: solid 0.40em currentColor;
background-color: rgba(0, 0, 0, 1);
box-shadow: 1px -0px 1px rgba(0, 0, 0, 0.8);
color: currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity:0.8;
}
.map-add {
position:absolute;
bottom:0px;
right:0;
font-size:12px;
line-height:1;
font-weight:500;
margin-bottom:0px;
background:#f7f1df;
color:#666;
padding:6px 8px 6px 6px !important;
}
.map-img {
height:250px;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
.map-img:hover {
transform: scale(1.05);
}