/* version 20210726 */
/* @charset, @import */

@charset "UTF-8";
@font-face {
    font-family: emoji;
    src: local("Apple Color Emoji"),
        local("Segoe UI Emoji"),
        local("Segoe UI Symbol"),
        local("Noto Color Emoji"),
        local("Noto Emoji");
        unicode-range: /*U+23, U+2A, U+30-39,*/ U+A9, U+AE, U+200D, U+203C, U+2049, U+20E3, U+2122, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+25FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620, U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+2660, U+2663, U+2665-2666, U+2668, U+267B, U+267F, U+2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F396-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6F8, U+1F910-1F93A, U+1F93C-1F93E, U+1F940-1F945, U+1F947-1F94C, U+1F950-1F96B, U+1F980-1F997, U+1F9C0, U+1F9D0-1F9E6, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

/* Reset */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, applet, object, icontainer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
figure, figcaption,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
input, textarea, select, button, option {
	background: transparent;
	border: transparent;
	border: none;
	outline: none;
	font-size: 1rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
pre {
	white-space: pre-wrap;
	word-break: break-all;
}
img {
	vertical-align: middle;
}
a {
    text-decoration: none;
}
address {
    font-style:normal;
}

/* Basic Settings ========================================================================== */

html, input, textarea, select, pre, button, option {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,'M PLUS 1p', "Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
html {
    line-height: 1.5;
    color: #222;
}
body {
	font-size: 1rem;
    min-height: 100%;
}
p, ul, ol, dl, pre, address, fieldset, figure {
     margin: 0 0 1.2em 0; 
}
*+p, *+ul, *+ol, *+dl, *+pre, *+address, *+fieldset, *+figure {
    margin-top: 1.2em;
}
p:last-child, ul:last-child, ol:last-child, dl:last-child, pre:last-child, address:last-child, fieldset:last-child, figure:last-child {
    margin-bottom: 0;
}
svg {
    fill: currentcolor;
    stroke: currentcolor;
}
canvas, img, video {
    max-width: 100%;
    height: auto;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}


/* Link
 ========================================================================== */

a, .link {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer;
}
a:hover, .link:hover, .link-toggle:hover .link, .link-toggle:focus .link {
    color: #0f6ecd;
    text-decoration: underline;
}


/* Heading ========================================================================== */

h1, h2, h3, h4, h5, h6,
.heading-xs, .heading-s, .heading, .heading-l, .heading-xl, .heading-2xl {
    line-height: 1.2;
    margin-bottom: 1.5em;
    font-weight: 400;
}
*+h1, *+h2, *+h3, *+h4, *+h5, *+h6,
*+.heading-xs, *+.heading-s, *+.heading, *+.heading-l, *+.heading-xl, *+.heading-2xl {
    margin-top: 2em;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.heading-xs:last-child, .heading-s:last-child, .heading-s:last-child, .heading:last-child, .heading-l:last-child, .heading-xl:last-child, .heading-2xl:last-child {
    margin-bottom: 0;
}
.heading-xs {
    font-size: 1.2rem;
}
.heading-s {
    font-size: 1.5rem;
}
.heading {
    font-size: 2.153rem;
}
.heading-l {
    font-size: 2.6rem;
}
.heading-2xl {
    font-size: 2.8875rem;
}


/* Headline
 ========================================================================== */
 
.headline-xs, .headline-s, .headline, .headline-l, .headline-xl {
    line-height: 1.5;
    margin-bottom: .5em;
    font-weight: 400;
}
*+.headline-xs, *+.headline-s, *+.headline, *+.headline-l, *+.headline-xl {
    margin-top: .8em;
}
.headline-xs:last-child, .headline-s:last-child, .headline:last-child, .headline-l:last-child, .headline-xl:last-child {
    margin-bottom: 0;
}
.headline-xs {
    font-size: 5.75vw;
}
.headline-s {
    font-size: 6.75vw;
}
.headline {
    font-size: 7.5vw;
}
.headline-l {
    font-size: 8.25vw;
}
.headline-xl {
    font-size: 9.75vw;
}
.headline-2xl {
    font-size: 10.5vw;
}


/* Text ========================================================================== */
 
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f36 {font-size: 36px;}
.f42 {font-size: 42px;}
.f48 {font-size: 48px;}
.f54 {font-size: 54px;}
.f60 {font-size: 60px;}
.f66 {font-size: 66px;}
.f72 {font-size: 72px;}
 
.smaller {font-size: .75em;}
.larger {font-size: 1.125em;}
.light {font-weight: 300 !important;}
.regular {font-weight: 400 !important;}
.medium {font-weight: 500 !important;}
.bold {font-weight: 700 !important;}
.text-indent {text-indent: 1em;}
.nowrap {white-space: nowrap;}
.keep-all {word-break: keep-all;}
.nodecoration, .nodecoration:hover {text-decoration: none;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.baseline {vertical-align: baseline;}
.text-bottom {vertical-align: text-bottom;}
.underline { text-decoration: underline;}
.ellipsis { text-overflow: ellipsis; overflow: hidden;}
.pointer {cursor: pointer !important;}
.default {cursor: default !important;}
.line-height1 {line-height: 1;}
.line-height1-25 {line-height: 1.25;}
.line-height1-5 {line-height: 1.5;}
.line-height1-75 {line-height: 1.75;}
.line-height2 {line-height: 2;}

/* Color ========================================================================== */

.black { color: #000000 !important;}
.aliceblue { color: #f0f8ff !important; }
.darkcyan { color: #008b8b !important; }
.lightyellow { color: #ffffe0 !important; }
.coral { color: #ff7f50 !important; }
.dimgray { color: #696969 !important; }
.lavender { color: #e6e6fa !important; }
.teal { color: #008080 !important; }
.lightgoldenrodyellow { color: #fafad2 !important; }
.tomato { color: #ff6347 !important; }
.gray { color: #808080 !important; }
.lightsteelblue { color: #b0c4de !important; }
.darkslategray { color: #2f4f4f !important; }
.lemonchiffon { color: #fffacd !important; }
.orangered { color: #ff4500 !important; }
.darkgray { color: #a9a9a9 !important; }
.lightslategray { color: #778899 !important; }
.darkgreen { color: #006400 !important; }
.wheat { color: #f5deb3 !important; }
.red { color: #ff0000 !important; }
.silver { color: #c0c0c0 !important; }
.slategray { color: #708090 !important; }
.green { color: #008000 !important; }
.burlywood { color: #deb887 !important; }
.crimson { color: #dc143c !important; }
.lightgray { color: #d3d3d3 !important; }
.steelblue { color: #4682b4 !important; }
.forestgreen { color: #228b22 !important; }
.tan { color: #d2b48c !important; }
.mediumvioletred { color: #c71585 !important; }
.gainsboro { color: #dcdcdc !important; }
.royalblue { color: #4169e1 !important; }
.seagreen { color: #2e8b57 !important; }
.khaki { color: #f0e68c !important; }
.deeppink { color: #ff1493 !important; }
.whitesmoke { color: #f5f5f5 !important; }
.midnightblue { color: #191970 !important; }
.mediumseagreen { color: #228b22 !important; }
.yellow { color: #ffff00 !important; }
.hotpink { color: #ff69b4 !important; }
.white { color: #ffffff !important; }
.navy { color: #000080 !important; }
.mediumaquamarine { color: #66cdaa !important; }
.gold { color: #ffd700 !important; }
.palevioletred { color: #db7093 !important; }
.snow { color: #fffafa !important; }
.darkblue { color: #00008b !important; }
.darkseagreen { color: #8fbc8f !important; }
.orange { color: #ffa500 !important; }
.pink { color: #ffc0cb !important; }
.ghostwhite { color: #f8f8ff !important; }
.mediumblue { color: #0000cd !important; }
.aquamarine { color: #7fffd4 !important; }
.sandybrown { color: #f4a460 !important; }
.lightpink { color: #ffb6c1 !important; }
.floralwhite { color: #fffaf0 !important; }
.blue { color: #0000ff !important; }
.palegreen { color: #98fb98 !important; }
.darkorange { color: #ff8c00 !important; }
.thistle { color: #d8bfd8 !important; }
.linen { color: #faf0e6 !important; }
.dodgerblue { color: #1e90ff !important; }
.lightgreen { color: #90ee90 !important; }
.goldenrod { color: #daa520 !important; }
.magenta { color: #ff00ff !important; }
.antiquewhite { color: #faebd7 !important; }
.cornflowerblue { color: #6495ed !important; }
.springgreen { color: #00ff7f !important; }
.peru { color: #cd853f !important; }
.fuchsia { color: #ff00ff !important; }
.papayawhip { color: #ffefd5 !important; }
.deepskyblue { color: #00bfff !important; }
.mediumspringgreen { color: #00fa9a !important; }
.darkgoldenrod { color: #b8860b !important; }
.violet { color: #ee82ee !important; }
.blanchedalmond { color: #ffebcd !important; }
.lightskyblue { color: #87cefa !important; }
.lawngreen { color: #7cfc00 !important; }
.chocolate { color: #d2691e !important; }
.plum { color: #dda0dd !important; }
.bisque { color: #ffe4c4 !important; }
.skyblue { color: #87ceeb !important; }
.chartreuse { color: #7fff00 !important; }
.sienna { color: #a0522d !important; }
.orchid { color: #da70d6 !important; }
.moccasin { color: #ffe4b5 !important; }
.lightblue { color: #add8e6 !important; }
.greenyellow { color: #adff2f !important; }
.saddlebrown { color: #8b4513 !important; }
.mediumorchid { color: #ba55d3 !important; }
.navajowhite { color: #ffdead !important; }
.powderblue { color: #b0e0e6 !important; }
.lime { color: #00ff00 !important; }
.maroon { color: #800000 !important; }
.darkorchid { color: #9932cc !important; }
.peachpuff { color: #ffdab9 !important; }
.paleturquoise { color: #afeeee !important; }
.limegreen { color: #32cd32 !important; }
.darkred { color: #8b0000 !important; }
.darkviolet { color: #9400d3 !important; }
.mistyrose { color: #ffe4e1 !important; }
.lightcyan { color: #e0ffff !important; }
.yellowgreen { color: #9acd32 !important; }
.brown { color: #a52a2a !important; }
.darkmagenta { color: #8b008b !important; }
.lavenderblush { color: #fff0f5 !important; }
.cyan { color: #00ffff !important; }
.darkolivegreen { color: #556b2f !important; }
.firebrick { color: #b22222 !important; }
.purple { color: #800080 !important; }
.seashell { color: #fff5ee !important; }
.aqua { color: #00ffff !important; }
.olivedrab { color: #6b8e23 !important; }
.indianred { color: #cd5c5c !important; }
.indigo { color: #4b0082 !important; }
.oldlace { color: #fdf5e6 !important; }
.turquoise { color: #40e0d0 !important; }
.olive { color: #808000 !important; }
.rosybrown { color: #bc8f8f !important; }
.darkslateblue { color: #483d8b !important; }
.ivory { color: #fffff0 !important; }
.mediumturquoise { color: #48d1cc !important; }
.darkkhaki { color: #bdb76b !important; }
.darksalmon { color: #e9967a !important; }
.blueviolet { color: #8a2be2 !important; }
.honeydew { color: #f0fff0 !important; }
.darkturquoise { color: #00ced1 !important; }
.palegoldenrod { color: #eee8aa !important; }
.lightcoral { color: #f08080 !important; }
.mediumpurple { color: #9370db !important; }
.mintcream { color: #f5fffa !important; }
.lightseagreen { color: #20b2aa !important; }
.cornsilk { color: #fff8dc !important; }
.salmon { color: #fa8072 !important; }
.slateblue { color: #6a5acd !important; }
.azure { color: #f0ffff !important; }
.cadetblue { color: #5f9ea0 !important; }
.beige { color: #f5f5dc !important; }
.lightsalmon { color: #ffa07a !important; }
.mediumslateblue { color: #7b68ee !important; }
.primary { color: #1e87f0 !important; }
.secondary { color: #6c757d !important; }
.success { color: #32d296 !important; }
.warning { color: #faa05a !important; }
.danger { color: #dc143c !important; }
.muted { color: #999 !important; }
.white0-9 {color: rgba(255,255,255,.9) !important;}
.white0-8 {color: rgba(255,255,255,.8) !important;}
.white0-7 {color: rgba(255,255,255,.7) !important;}

.translucent {
    opacity: .7;
}
.text-shadow {
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.glow {
	text-shadow: 1px 1px 1px #fff,  1px -1px 1px #fff,  -1px 1px 1px #fff,  -1px -1px 1px #fff;
}
.glow-bold {
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.mincho {
    font-family: 'YuMincho', '游明朝', serif;
}

/* Background Color ========================================================================== */
.bg-black { background-color: #000000 !important; }
.bg-aliceblue { background-color: #f0f8ff !important; }
.bg-darkcyan { background-color: #008b8b !important; }
.bg-lightyellow { background-color: #ffffe0 !important; }
.bg-coral { background-color: #ff7f50 !important; }
.bg-dimgray { background-color: #696969 !important; }
.bg-lavender { background-color: #e6e6fa !important; }
.bg-teal { background-color: #008080 !important; }
.bg-lightgoldenrodyellow { background-color: #fafad2 !important; }
.bg-tomato { background-color: #ff6347 !important; }
.bg-gray { background-color: #808080 !important; }
.bg-lightsteelblue { background-color: #b0c4de !important; }
.bg-darkslategray { background-color: #2f4f4f !important; }
.bg-lemonchiffon { background-color: #fffacd !important; }
.bg-orangered { background-color: #ff4500 !important; }
.bg-darkgray { background-color: #a9a9a9 !important; }
.bg-lightslategray { background-color: #778899 !important; }
.bg-darkgreen { background-color: #006400 !important; }
.bg-wheat { background-color: #f5deb3 !important; }
.bg-red { background-color: #ff0000 !important; }
.bg-silver { background-color: #c0c0c0 !important; }
.bg-slategray { background-color: #708090 !important; }
.bg-green { background-color: #008000 !important; }
.bg-burlywood { background-color: #deb887 !important; }
.bg-crimson { background-color: #dc143c !important; }
.bg-lightgray { background-color: #d3d3d3 !important; }
.bg-steelblue { background-color: #4682b4 !important; }
.bg-forestgreen { background-color: #228b22 !important; }
.bg-tan { background-color: #d2b48c !important; }
.bg-mediumvioletred { background-color: #c71585 !important; }
.bg-gainsboro { background-color: #dcdcdc !important; }
.bg-royalblue { background-color: #4169e1 !important; }
.bg-seagreen { background-color: #2e8b57 !important; }
.bg-khaki { background-color: #f0e68c !important; }
.bg-deeppink { background-color: #ff1493 !important; }
.bg-whitesmoke { background-color: #f5f5f5 !important; }
.bg-midnightblue { background-color: #191970 !important; }
.bg-mediumseagreen { background-color: #228b22 !important; }
.bg-yellow { background-color: #ffff00 !important; }
.bg-hotpink { background-color: #ff69b4 !important; }
.bg-white { background-color: #ffffff !important; }
.bg-navy { background-color: #000080 !important; }
.bg-mediumaquamarine { background-color: #66cdaa !important; }
.bg-gold { background-color: #ffd700 !important; }
.bg-palevioletred { background-color: #db7093 !important; }
.bg-snow { background-color: #fffafa !important; }
.bg-darkblue { background-color: #00008b !important; }
.bg-darkseagreen { background-color: #8fbc8f !important; }
.bg-orange { background-color: #ffa500 !important; }
.bg-pink { background-color: #ffc0cb !important; }
.bg-ghostwhite { background-color: #f8f8ff !important; }
.bg-mediumblue { background-color: #0000cd !important; }
.bg-aquamarine { background-color: #7fffd4 !important; }
.bg-sandybrown { background-color: #f4a460 !important; }
.bg-lightpink { background-color: #ffb6c1 !important; }
.bg-floralwhite { background-color: #fffaf0 !important; }
.bg-blue { background-color: #0000ff !important; }
.bg-palegreen { background-color: #98fb98 !important; }
.bg-darkorange { background-color: #ff8c00 !important; }
.bg-thistle { background-color: #d8bfd8 !important; }
.bg-linen { background-color: #faf0e6 !important; }
.bg-dodgerblue { background-color: #1e90ff !important; }
.bg-lightgreen { background-color: #90ee90 !important; }
.bg-goldenrod { background-color: #daa520 !important; }
.bg-magenta { background-color: #ff00ff !important; }
.bg-antiquewhite { background-color: #faebd7 !important; }
.bg-cornflowerblue { background-color: #6495ed !important; }
.bg-springgreen { background-color: #00ff7f !important; }
.bg-peru { background-color: #cd853f !important; }
.bg-fuchsia { background-color: #ff00ff !important; }
.bg-papayawhip { background-color: #ffefd5 !important; }
.bg-deepskyblue { background-color: #00bfff !important; }
.bg-mediumspringgreen { background-color: #00fa9a !important; }
.bg-darkgoldenrod { background-color: #b8860b !important; }
.bg-violet { background-color: #ee82ee !important; }
.bg-blanchedalmond { background-color: #ffebcd !important; }
.bg-lightskyblue { background-color: #87cefa !important; }
.bg-lawngreen { background-color: #7cfc00 !important; }
.bg-chocolate { background-color: #d2691e !important; }
.bg-plum { background-color: #dda0dd !important; }
.bg-bisque { background-color: #ffe4c4 !important; }
.bg-skyblue { background-color: #87ceeb !important; }
.bg-chartreuse { background-color: #7fff00 !important; }
.bg-sienna { background-color: #a0522d !important; }
.bg-orchid { background-color: #da70d6 !important; }
.bg-moccasin { background-color: #ffe4b5 !important; }
.bg-lightblue { background-color: #add8e6 !important; }
.bg-greenyellow { background-color: #adff2f !important; }
.bg-saddlebrown { background-color: #8b4513 !important; }
.bg-mediumorchid { background-color: #ba55d3 !important; }
.bg-navajowhite { background-color: #ffdead !important; }
.bg-powderblue { background-color: #b0e0e6 !important; }
.bg-lime { background-color: #00ff00 !important; }
.bg-maroon { background-color: #800000 !important; }
.bg-darkorchid { background-color: #9932cc !important; }
.bg-peachpuff { background-color: #ffdab9 !important; }
.bg-paleturquoise { background-color: #afeeee !important; }
.bg-limegreen { background-color: #32cd32 !important; }
.bg-darkred { background-color: #8b0000 !important; }
.bg-darkviolet { background-color: #9400d3 !important; }
.bg-mistyrose { background-color: #ffe4e1 !important; }
.bg-lightcyan { background-color: #e0ffff !important; }
.bg-yellowgreen { background-color: #9acd32 !important; }
.bg-brown { background-color: #a52a2a !important; }
.bg-darkmagenta { background-color: #8b008b !important; }
.bg-lavenderblush { background-color: #fff0f5 !important; }
.bg-cyan { background-color: #00ffff !important; }
.bg-darkolivegreen { background-color: #556b2f !important; }
.bg-firebrick { background-color: #b22222 !important; }
.bg-purple { background-color: #800080 !important; }
.bg-seashell { background-color: #fff5ee !important; }
.bg-aqua { background-color: #00ffff !important; }
.bg-olivedrab { background-color: #6b8e23 !important; }
.bg-indianred { background-color: #cd5c5c !important; }
.bg-indigo { background-color: #4b0082 !important; }
.bg-oldlace { background-color: #fdf5e6 !important; }
.bg-turquoise { background-color: #40e0d0 !important; }
.bg-olive { background-color: #808000 !important; }
.bg-rosybrown { background-color: #bc8f8f !important; }
.bg-darkslateblue { background-color: #483d8b !important; }
.bg-ivory { background-color: #fffff0 !important; }
.bg-mediumturquoise { background-color: #48d1cc !important; }
.bg-darkkhaki { background-color: #bdb76b !important; }
.bg-darksalmon { background-color: #e9967a !important; }
.bg-blueviolet { background-color: #8a2be2 !important; }
.bg-honeydew { background-color: #f0fff0 !important; }
.bg-darkturquoise { background-color: #00ced1 !important; }
.bg-palegoldenrod { background-color: #eee8aa !important; }
.bg-lightcoral { background-color: #f08080 !important; }
.bg-mediumpurple { background-color: #9370db !important; }
.bg-mintcream { background-color: #f5fffa !important; }
.bg-lightseagreen { background-color: #20b2aa !important; }
.bg-cornsilk { background-color: #fff8dc !important; }
.bg-salmon { background-color: #fa8072 !important; }
.bg-slateblue { background-color: #6a5acd !important; }
.bg-azure { background-color: #f0ffff !important; }
.bg-cadetblue { background-color: #5f9ea0 !important; }
.bg-beige { background-color: #f5f5dc !important; }
.bg-lightsalmon { background-color: #ffa07a !important; }
.bg-mediumslateblue { background-color: #7b68ee !important; }
.bg-bright {background-color: #fafafa !important;}
.bg-whitegray {background-color: #eaeaea !important;}
.bg-white0-9 { background-color: rgba(255,255,255,.9); }
.bg-white0-8 { background-color: rgba(255,255,255,.8); }
.bg-white0-7 { background-color: rgba(255,255,255,.7); }
.bg-white0-6 { background-color: rgba(255,255,255,.6); }
.bg-white0-5 { background-color: rgba(255,255,255,.5); }
.bg-white0-4 { background-color: rgba(255,255,255,.4); }
.bg-white0-3 { background-color: rgba(255,255,255,.3); }
.bg-white0-2 { background-color: rgba(255,255,255,.2); }
.bg-white0-1 { background-color: rgba(255,255,255,.1); }
.bg-black0-9 { background-color: rgba(0,0,0,.9); }
.bg-black0-8 { background-color: rgba(0,0,0,.8); }
.bg-black0-7 { background-color: rgba(0,0,0,.7); }
.bg-black0-6 { background-color: rgba(0,0,0,.6); }
.bg-black0-5 { background-color: rgba(0,0,0,.5); }
.bg-black0-4 { background-color: rgba(0,0,0,.4); }
.bg-black0-3 { background-color: rgba(0,0,0,.3); }
.bg-black0-2 { background-color: rgba(0,0,0,.2); }
.bg-black0-1 { background-color: rgba(0,0,0,.1); }
.bg-primary { background-color: #007bff; }
.bg-secondary { background-color: #6c757d; }
.bg-tertiary { background-color: #343a40; }
.bg-success { background-color: #28a745; }
.bg-info { background-color: #17a2b8; }
.bg-warning { background-color: #ffc107; }
.bg-danger { background-color: #dc3545 !important; }
.bg-light { background-color: #f8f9fa; }
.bg-twitter { background-color: #55acee; }
.bg-line { background-color: #00b900; }
.bg-facebook { background-color: #4368b1; }
.bg-google {background-color: #c53929;}
.bg-transparent { background-color: transparent; }
.bg-cover { background: center / cover no-repeat; }
.bg-contain { background: center / contain no-repeat; }
.bg-left-top {background-position: left top;}
.bg-center-top {background-position: center top;}
.bg-right-top {background-position: right top;}
.bg-left-center {background-position: left center;}
.bg-center-center {background-position: center;}
.bg-right-center {background-position: right center;}
.bg-left-bottom {background-position: left bottom;}
.bg-center-bottom {background-position: center bottom;}
.bg-right-bottom {background-position: right bottom;}
.fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Overflow ========================================================================== */

.overflow-auto-x {
    overflow-x: auto;
    width: 100%;
}
.overflow-auto-y {
    overflow-y: auto;
}
.overflow-auto-x.shadow-inset {
    box-shadow: -3px 0 3px 0 rgba(0,0,0,.08) inset;
}
.overflow-auto-y.shadow-inset {
    box-shadow: 0 -3px 3px 0 rgba(0,0,0,.08) inset;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-scroll {
	overflow: scroll;
}

/* Position ========================================================================== */

.sticky {
    position: -webkit-sticky;
    position: sticky;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.wrapper {
    width: 100vw;
    overflow-x: hidden;
    position: relative;
}

/* Icon ========================================================================== */

[icon] {
    display: inline-block;
    fill: currentcolor;
    stroke: currentcolor;
    padding-left: 1.5em;
    min-height: 1.5em;
    position: relative;
    vertical-align: middle;
}
[icon]>svg {
    position: absolute;
    top: 50%;
    left: .75em;
    display: block;
    transform: translate(-50%, -50%);
    width: 1.2em;
    height: 1.2em;
}
[icon] path, [icon] polygon, [icon] rect, [icon] circle {
    stroke: none;
}
[icon-single] {
	width: 1.2em;
	height: 1.2em;
	padding: 0;
}
[icon-single]>svg {
	left: 50%;
}
button[icon]:not(:disabled) {
    cursor: pointer;
}
[icon]:not(.preserve) [stroke*='#']:not(.preserve) {
    stroke: currentcolor;
}
.list>[icon] {
    padding-left: calc(1.5em + 10px);
}
.list>[icon]>svg {
    top: .5em;
    transform: translate(-50%, -25%);
}

/* .Circle ========================================================================== */

.circle {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 500px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    transition-property: color, background-color;
    flex-shrink: 0;
}
.circle-s {
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.circle-ss {
    width: 12px;
    height: 12px;
    line-height: 12px;
}

/* .spinner ========================================================================== */

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.spinner>* {
    animation: spinner-rotate 1.4s linear infinite;
}
.spinner>*>* {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round;
}
@keyframes spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}
@keyframes spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}

/* Button ========================================================================== */
 
.btn {
	margin: 0;
    border: none;
    overflow: visible;
    color: inherit;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    padding: 0 30px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 2.533;
    justify-content: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
	cursor: pointer;
}
.btn-s {
    padding: 0 15px;
    line-height: 2.153;
}
.btn-s.border-rounded {
    border-radius: 3px;
}
.btn-i {
    padding: 2px 5px;
}

/* Hamburger ========================================================================== */
 
.hamburger {
	width: 40%;
	min-width: 28px;
	max-width: 50px;
	height: 20px;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}
.hamburger>* {
	width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
}

/* Type1 ======== */

.hamburger.type1>* {
	transition: all 0.3s;
    background: #000;
}
.hamburger.type1 .hamburger-top {
	transform: translateX(-50%) translateY(-10px) scale(1);
}
.hamburger.type1 .hamburger-middle {
	background: none;
	position: relative;
}
.hamburger.type1 .hamburger-middle:before, .hamburger.type1 .hamburger-middle:after {
	transition: all 0.3s;
	content: "";
	width: 100%;
	height: 1px;
	background: #000;
	display: block;
	transform: rotate(0deg);
	position: absolute;
}
.hamburger.type1 .hamburger-bottom {
	transform: translateX(-50%) translateY(10px) scale(1);
}
.hamburger.type1.is-open .hamburger-top {
	transform: translateX(-50%) translateY(0px) scale(0);
}
.hamburger.type1.is-open .hamburger-bottom {
	transform: translateX(-50%) translateY(0px) scale(0);
}
.hamburger.type1.is-open .hamburger-middle:before {
	transform: rotate(45deg);
}
.hamburger.type1.is-open .hamburger-middle:after {
	transform: rotate(-45deg);
}

/* Type2 ======== */

.hamburger.type2 .hamburger-middle, .hamburger.type2:before, .hamburger.type2:after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	background: #fff;
	position: absolute;
	transition: width .1s cubic-bezier(.51,.01,.37,1) .3s, left .1s cubic-bezier(.51,.01,.37,1) .3s;
}
.hamburger.type2:before {
	top: 0;
    left: 0;
}
.hamburger.type2:after {
	bottom: 0;
    left: 0;
}
.hamburger.type2>.hamburger-middle {
	top: 50%;
    left: 50%;
}
.hamburger.type2>.cross {
    width: 110%;
    height: 1px;
    top: 50%;
    left: -5%;
    position: absolute;
}
.hamburger.type2>.cross:before, .hamburger.type2>.cross:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 1px;
    background: #fff;
	transition: width .2s cubic-bezier(.51,.01,.37,1) 0s, left .2s cubic-bezier(.51,.01,.37,1) 0s;
}
.hamburger.type2>.cross1 {
    transform: rotate(-45deg);
}
.hamburger.type2>.cross2 {
    transform: rotate(45deg);
}
.hamburger.type2.is-open>.hamburger-middle, .hamburger.type2.is-open>:before, .hamburger.type2.is-open>:after {
	transition: width .1s cubic-bezier(.51,.01,.37,1) 0s, left .1s cubic-bezier(.51,.01,.37,1) 0s;
}
.hamburger.type2.is-open>.cross:before, .hamburger.type2.is-open>.cross:after {
	transition: width .2s cubic-bezier(.51,.01,.37,1) .2s, left .2s cubic-bezier(.51,.01,.37,1) .2s;
}
.hamburger.type2.is-open:before {
    width: 0;
}
.hamburger.type2.is-open:after {
    width: 0;
    left: 100%;
}
.hamburger.type2.is-open>.hamburger-middle {
    width: 0;
    left: 50%;
}
.hamburger.type2.is-open>.cross:before {
    left: 0;
    width: 50%;
}
.hamburger.type2.is-open>.cross:after {
    width: 50%;
}

/* Upload ========================================================================== */

.upload {
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.upload input[type="file"] {
    opacity: 0;
    font-size: 100em;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

/* Border ========================================================================== */

.border {
    border: 1px solid #e5e5e5;
}
.border-top {
    border-top: 1px solid #e5e5e5;
}
.border-right {
    border-right: 1px solid #e5e5e5;
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}
.border-left {
    border-left: 1px solid #e5e5e5;
}
.border-white, .border-white * {
    border-color: #fff !important;
}
.border-black, .border-black * {
    border-color: #000 !important;
}
.border-danger {
	border-color: #dc143c !important;
}
.border-bold {
	border-width: 2px;
}
.border-xbold {
	border-width: 4px;
}
.border-2xbold {
	border-width: 6px;
}
.border-dashed {
    border-style: dashed;
}
.noborder {
	border: none !important;
}

/* Border Radius ========================================================================== */

.border-pill {
	border-radius: 500px;
	overflow: hidden;
}
.border-rounded {
	border-radius: 5px;
	overflow: hidden;
}
.border-rounded-l {
	border-radius: 10px;
	overflow: hidden;
}
.border-rounded-s {
    border-radius: 2px;
	overflow: hidden;
}
.border-circle {
	border-radius: 50%;
	overflow: hidden;
}

/* Display ========================================================================== */

.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
[hidden], .hidden {display: none !important;}
.toggle:not(.is-open) {
	display: none;
}

/* Position ========================================================================== */

[class*='pos-top']:not(.fixed):not(.sticky), [class*='pos-bottom']:not(.fixed):not(.sticky), [class*='pos-left']:not(.fixed):not(.sticky), [class*='pos-right']:not(.fixed):not(.sticky), [class*='pos-center']:not(.fixed):not(.sticky) {
    position: absolute !important;
}
.pos-top {
    top: 0;
    left: 0;
    right: 0;
}
.pos-left {
    top: 0;
    bottom: 0;
    left: 0;
}
.pos-right {
    top: 0;
    bottom: 0;
    right: 0;
}
.pos-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}
.pos-top-left {
    top: 0;
    left: 0;
}
.pos-top-right {
    top: 0;
    right: 0;
}
.pos-bottom-left {
    left: 0;
    bottom: 0;
}
.pos-bottom-right {
    right: 0;
    bottom: 0;
}
.pos-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
}
.pos-top-center, .pos-bottom-center {
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 100%;
}
.pos-top-center {
    top: 0;
}
.pos-bottom-center {
    bottom: 0;
}
[class*='pos-center-left'], [class*='pos-center-right'] {
    top: 50%;
    transform: translateY(-50%);
}
.pos-center-left {
    left: 0;
}
.pos-center-right {
    right: 0;
}
.pos-center-left-out {
    right: 100%;
    width: max-content;
}
.pos-center-right-out {
    left: 100%;
    width: max-content;
}

/* Flex Properties ========================================================================== */

.flex-top {align-items: flex-start !important;}
.flex-middle {align-items: center !important;}
.flex-bottom {align-items: flex-end !important;}
.flex-left {justify-content: flex-start !important;}
.flex-center {justify-content: center !important;}
.flex-right {justify-content: flex-end !important;}
.flex-between {justify-content: space-between !important;}
.flex-around {justify-content: space-around !important;}
.flex-reverse {flex-direction: row-reverse;}
.flex-wrap {flex-wrap: wrap;}
.flex-grow1 {flex-grow: 1;}
.flex-grow2 {flex-grow: 2;}
.flex-grow3 {flex-grow: 3;}
.flex-grow4 {flex-grow: 4;}
.flex-grow5 {flex-grow: 5;}
.flex-grow6 {flex-grow: 6;}
.flex-shrink0 {flex-shrink: 0;}

/* Z Index ========================================================================== */

.z0 {z-index: 0;}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.z4 {z-index: 4;}
.z5 {z-index: 5;}
.z6 {z-index: 6;}
.z7 {z-index: 7;}
.z8 {z-index: 8;}
.z9 {z-index: 9;}
.z10 {z-index: 10;}

/* Column ========================================================================== */

[class*='child-width'] {
    width: 100%;
    max-width: 100%;
}
.wauto, .child-width-auto>* {
    width: auto;
}
.w1-1, .child-width1-1>* {
    width: 100%;
}
.w1-2, .child-width1-2>* {
    width: calc(100% / 2);
}
.w1-3, .child-width1-3>* {
    width: calc(100% / 3);
}
.w1-4, .child-width1-4>* {
    width: calc(100% / 4);
}
.w1-5, .child-width1-5>* {
    width: calc(100% / 5);
}
.w1-6, .child-width1-6>* {
    width: calc(100% / 6);
}
.hauto, .child-height-auto>* {
    height: auto;
}
.h1-1, .child-height1-1>* {
    height: 100%;
}
.h1-2, .child-height1-2>* {
    height: calc(100% / 2);
}
.h1-3, .child-height1-3>* {
    height: calc(100% / 3);
}
.h1-4, .child-height1-4>* {
    height: calc(100% / 4);
}
.h1-5, .child-height1-5>* {
    height: calc(100% / 5);
}
.h1-6, .child-height1-6>* {
    height: calc(100% / 6);
}

/* Shadow ========================================================================== */

.shadow {
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.shadow-s {
    box-shadow: 0 0 1px rgba(0,0,0,0.12);
}
.shadow-l {
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.shadow-hover {
    transition: all .4s ease 0s;
}
.shadow-hover:hover {
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
    transform: translateY(-20px);
}
.shadow-border {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.12) inset;
}

/* Padding ========================================================================== */

.p2 {padding: 2px;}
.p5 {padding: 5px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.pr10 {padding-right: 10px;}
.pl10 {padding-left: 10px;}
.pt10 {padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.p15 {padding: 15px;}
.pr15 {padding-right: 15px;}
.pl15 {padding-left: 15px;}
.pt15 {padding-top: 15px;}
.pb15 {padding-bottom: 15px;}
.p20 {padding: 20px;}
.pr20 {padding-right: 20px;}
.pl20 {padding-left: 20px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}
.p25 {padding: 25px;}
.pr25 {padding-right: 25px;}
.pl25 {padding-left: 25px;}
.pt25 {padding-top: 25px;}
.pb25 {padding-bottom: 25px;}
.p30 {padding: 30px;}
.pr30 {padding-right: 30px;}
.pl30 {padding-left: 30px;}
.pt30 {padding-top: 30px;}
.pb30 {padding-bottom: 30px;}
.p40 {padding: 40px;}
.pr40 {padding-right: 40px;}
.pl40 {padding-left: 40px;}
.pt40 {padding-top: 40px;}
.pb40 {padding-bottom: 40px;}
.p50 {padding: 50px;}
.pr50 {padding-right: 50px;}
.pl50 {padding-left: 50px;}
.pt50 {padding-top: 50px;}
.pb50 {padding-bottom: 50px;}
.p50 {padding: 50px;}
.pr60 {padding-right: 60px;}
.pl60 {padding-left: 60px;}
.pt60 {padding-top: 60px;}
.pb60 {padding-bottom: 60px;}
.p70 {padding: 70px;}
.pr70 {padding-right: 70px;}
.pl70 {padding-left: 70px;}
.pt70 {padding-top: 70px;}
.pb70 {padding-bottom: 70px;}
.p80 {padding: 80px;}
.pr80 {padding-right: 80px;}
.pl80 {padding-left: 80px;}
.pt80 {padding-top: 80px;}
.pb80 {padding-bottom: 80px;}
.p90 {padding: 90px;}
.pr90 {padding-right: 90px;}
.pl90 {padding-left: 90px;}
.pt90 {padding-top: 90px;}
.pb90 {padding-bottom: 90px;}
.p100 {padding: 100px;}
.pr100 {padding-right: 100px;}
.pl100 {padding-left: 100px;}
.pt100 {padding-top: 100px;}
.pb100 {padding-bottom: 100px;}
.p120 {padding: 120px;}
.pr120 {padding-right: 120px;}
.pl120 {padding-left: 120px;}
.pt120 {padding-top: 120px;}
.pb120 {padding-bottom: 120px;}
.p140 {padding: 140px;}
.pr140 {padding-right: 140px;}
.pl140 {padding-left: 140px;}
.pt140 {padding-top: 140px;}
.pb140 {padding-bottom: 140px;}
.p160 {padding: 160px;}
.pr160 {padding-right: 160px;}
.pl160 {padding-left: 160px;}
.pt160 {padding-top: 160px;}
.pb160 {padding-bottom: 160px;}
.p180 {padding: 180px;}
.pr180 {padding-right: 180px;}
.pl180 {padding-left: 180px;}
.pt180 {padding-top: 180px;}
.pb180 {padding-bottom: 180px;}
.p200 {padding: 200px;}
.pr200 {padding-right: 200px;}
.pl200 {padding-left: 200px;}
.pt200 {padding-top: 200px;}
.pb200 {padding-bottom: 200px;}

/* Container ========================================================================== */

.container-xs, .container-s, .container, .container-l, .container-ex {
    margin-left: auto;
	margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container-xs {
    max-width: 600px;
}
.container-s {
    max-width: 900px;
}
.container {
    max-width: 1200px;
}
.container-l {
    max-width: 1600px;
}
.containe-ex {
    max-width: none;
}

/* Margin ========================================================================== */

.m0 {margin-bottom: 0px;}
*+.m0 {margin-top: 0px;}
.mr0 {margin-right: 0px;}
.ml0 {margin-left: 0px;}
.mt0 {margin-top: 0px;}
.mb0 {margin-bottom: 0px;}
.m5 {margin-bottom: 5px;}
*+.m5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.mt5 {margin-top: 5px;}
.mb5 {margin-bottom: 5px;}
.m10 {margin-bottom: 10px;}
*+.m10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.m15 {margin-bottom: 15px;}
*+.m15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.ml15 {margin-left: 15px;}
.mt15 {margin-top: 15px;}
.mb15 {margin-bottom: 15px;}
.m20 {margin-bottom: 20px;}
*+.m20 {margin-top: 20px;}
.mr20 {margin-right: 20px;}
.ml20 {margin-left: 20px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.m30 {margin-bottom: 30px;}
*+.m30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.ml30 {margin-left: 30px;}
.mt30 {margin-top: 30px;}
.mb30 {margin-bottom: 30px;}
.m40 {margin-bottom: 40px;}
*+.m40 {margin-top: 40px;}
.mr40 {margin-right: 40px;}
.ml40 {margin-left: 40px;}
.mt40 {margin-top: 40px;}
.mb40 {margin-bottom: 40px;}
.m50 {margin-bottom: 50px;}
*+.m50 {margin-top: 50px;}
.mr50 {margin-right: 50px;}
.ml50 {margin-left: 50px;}
.mt50 {margin-top: 50px;}
.mb50 {margin-bottom: 50px;}
.m60 {margin-bottom: 60px;}
*+.m60 {margin-top: 60px;}
.mr60 {margin-right: 60px;}
.ml60 {margin-left: 60px;}
.mt60 {margin-top: 60px;}
.mb60 {margin-bottom: 60px;}
.m70 {margin-bottom: 70px;}
*+.m70 {margin-top: 70px;}
.mr70 {margin-right: 70px;}
.ml70 {margin-left: 70px;}
.mt70 {margin-top: 70px;}
.mb70 {margin-bottom: 70px;}
.m80 {margin-bottom: 80px;}
*+.m80 {margin-top: 80px;}
.mr80 {margin-right: 80px;}
.ml80 {margin-left: 80px;}
.mt80 {margin-top: 80px;}
.mb80 {margin-bottom: 80px;}
.m90 {margin-bottom: 90px;}
*+.m90 {margin-top: 90px;}
.mr90 {margin-right: 90px;}
.ml90 {margin-left: 90px;}
.mt90 {margin-top: 90px;}
.mb90 {margin-bottom: 90px;}
.m100 {margin-bottom: 100px;}
*+.m100 {margin-top: 100px;}
.mr100 {margin-right: 100px;}
.ml100 {margin-left: 100px;}
.mt100 {margin-top: 100px;}
.mb100 {margin-bottom: 100px;}
.m110 {margin-bottom: 110px;}
*+.m110 {margin-top: 110px;}
.mr110 {margin-right: 110px;}
.ml110 {margin-left: 110px;}
.mt110 {margin-top: 110px;}
.mb110 {margin-bottom: 110px;}
.m120 {margin-bottom: 120px;}
*+.m120 {margin-top: 120px;}
.mr120 {margin-right: 120px;}
.ml120 {margin-left: 120px;}
.mt120 {margin-top: 120px;}
.mb120 {margin-bottom: 120px;}
.m130 {margin-bottom: 130px;}
*+.m130 {margin-top: 130px;}
.mr130 {margin-right: 130px;}
.ml130 {margin-left: 130px;}
.mt130 {margin-top: 130px;}
.mb130 {margin-bottom: 130px;}
.m140 {margin-bottom: 140px;}
*+.m140 {margin-top: 140px;}
.mr140 {margin-right: 140px;}
.ml140 {margin-left: 140px;}
.mt140 {margin-top: 140px;}
.mb140 {margin-bottom: 140px;}
.m150 {margin-bottom: 150px;}
*+.m150 {margin-top: 150px;}
.mr150 {margin-right: 150px;}
.ml150 {margin-left: 150px;}
.mt150 {margin-top: 150px;}
.mb150 {margin-bottom: 150px;}
.m160 {margin-bottom: 160px;}
*+.m160 {margin-top: 160px;}
.mr160 {margin-right: 160px;}
.ml160 {margin-left: 160px;}
.mt160 {margin-top: 160px;}
.mb160 {margin-bottom: 160px;}
.m170 {margin-bottom: 170px;}
*+.m170 {margin-top: 170px;}
.mr170 {margin-right: 170px;}
.ml170 {margin-left: 170px;}
.mt170 {margin-top: 170px;}
.mb170 {margin-bottom: 170px;}
.m180 {margin-bottom: 180px;}
*+.m180 {margin-top: 180px;}
.mr180 {margin-right: 180px;}
.ml180 {margin-left: 180px;}
.mt180 {margin-top: 180px;}
.mb180 {margin-bottom: 180px;}
.m190 {margin-bottom: 190px;}
*+.m190 {margin-top: 190px;}
.mr190 {margin-right: 190px;}
.ml190 {margin-left: 190px;}
.mt190 {margin-top: 190px;}
.mb190 {margin-bottom: 190px;}
.m200 {margin-bottom: 200px;}
*+.m200 {margin-top: 200px;}
.mr200 {margin-right: 200px;}
.ml200 {margin-left: 200px;}
.mt200 {margin-top: 200px;}
.mb200 {margin-bottom: 200px;}

/* Negative Margin ========================================================================== */

.m-5 {margin-bottom: -5px;}
*+.m-5 {margin-top: -5px;}
.mr-5 {margin-right: -5px;}
.ml-5 {margin-left: -5px;}
.mt-5 {margin-top: -5px;}
.mb-5 {margin-bottom: -5px;}
.m-10 {margin-bottom: -10px;}
*+.m-10 {margin-top: -10px;}
.mr-10 {margin-right: -10px;}
.ml-10 {margin-left: -10px;}
.mt-10 {margin-top: -10px;}
.mb-10 {margin-bottom: -10px;}
.m-15 {margin-bottom: -15px;}
*+.m-15 {margin-top: -15px;}
.mr-15 {margin-right: -15px;}
.ml-15 {margin-left: -15px;}
.mt-15 {margin-top: -15px;}
.mb-15 {margin-bottom: -15px;}
.m-20 {margin-bottom: -20px;}
*+.m-20 {margin-top: -20px;}
.mr-20 {margin-right: -20px;}
.ml-20 {margin-left: -20px;}
.mt-20 {margin-top: -20px;}
.mb-20 {margin-bottom: -20px;}
.m-30 {margin-bottom: -30px;}
*+.m-30 {margin-top: -30px;}
.mr-30 {margin-right: -30px;}
.ml-30 {margin-left: -30px;}
.mt-30 {margin-top: -30px;}
.mb-30 {margin-bottom: -30px;}
.m-40 {margin-bottom: -40px;}
*+.m-40 {margin-top: -40px;}
.mr-40 {margin-right: -40px;}
.ml-40 {margin-left: -40px;}
.mt-40 {margin-top: -40px;}
.mb-40 {margin-bottom: -40px;}
.m-50 {margin-bottom: -50px;}
*+.m-50 {margin-top: -50px;}
.mr-50 {margin-right: -50px;}
.ml-50 {margin-left: -50px;}
.mt-50 {margin-top: -50px;}
.mb-50 {margin-bottom: -50px;}
.m-60 {margin-bottom: -60px;}
*+.m-60 {margin-top: -60px;}
.mr-60 {margin-right: -60px;}
.ml-60 {margin-left: -60px;}
.mt-60 {margin-top: -60px;}
.mb-60 {margin-bottom: -60px;}
.m-70 {margin-bottom: -70px;}
*+.m-70 {margin-top: -70px;}
.mr-70 {margin-right: -70px;}
.ml-70 {margin-left: -70px;}
.mt-70 {margin-top: -70px;}
.mb-70 {margin-bottom: -70px;}
.m-80 {margin-bottom: -80px;}
*+.m-80 {margin-top: -80px;}
.mr-80 {margin-right: -80px;}
.ml-80 {margin-left: -80px;}
.mt-80 {margin-top: -80px;}
.mb-80 {margin-bottom: -80px;}
.m-90 {margin-bottom: -90px;}
*+.m-90 {margin-top: -90px;}
.mr-90 {margin-right: -90px;}
.ml-90 {margin-left: -90px;}
.mt-90 {margin-top: -90px;}
.mb-90 {margin-bottom: -90px;}
.m-100 {margin-bottom: -100px;}
*+.m-100 {margin-top: -100px;}
.mr-100 {margin-right: -100px;}
.ml-100 {margin-left: -100px;}
.mt-100 {margin-top: -100px;}
.mb-100 {margin-bottom: -100px;}
.m-110 {margin-bottom: -110px;}
*+.m-110 {margin-top: -110px;}
.mr-110 {margin-right: -110px;}
.ml-110 {margin-left: -110px;}
.mt-110 {margin-top: -110px;}
.mb-110 {margin-bottom: -110px;}
.m-120 {margin-bottom: -120px;}
*+.m-120 {margin-top: -120px;}
.mr-120 {margin-right: -120px;}
.ml-120 {margin-left: -120px;}
.mt-120 {margin-top: -120px;}
.mb-120 {margin-bottom: -120px;}
.m-130 {margin-bottom: -130px;}
*+.m-130 {margin-top: -130px;}
.mr-130 {margin-right: -130px;}
.ml-130 {margin-left: -130px;}
.mt-130 {margin-top: -130px;}
.mb-130 {margin-bottom: -130px;}
.m-140 {margin-bottom: -140px;}
*+.m-140 {margin-top: -140px;}
.mr-140 {margin-right: -140px;}
.ml-140 {margin-left: -140px;}
.mt-140 {margin-top: -140px;}
.mb-140 {margin-bottom: -140px;}
.m-150 {margin-bottom: -150px;}
*+.m-150 {margin-top: -150px;}
.mr-150 {margin-right: -150px;}
.ml-150 {margin-left: -150px;}
.mt-150 {margin-top: -150px;}
.mb-150 {margin-bottom: -150px;}
.m-160 {margin-bottom: -160px;}
*+.m-160 {margin-top: -160px;}
.mr-160 {margin-right: -160px;}
.ml-160 {margin-left: -160px;}
.mt-160 {margin-top: -160px;}
.mb-160 {margin-bottom: -160px;}
.m-170 {margin-bottom: -170px;}
*+.m-170 {margin-top: -170px;}
.mr-170 {margin-right: -170px;}
.ml-170 {margin-left: -170px;}
.mt-170 {margin-top: -170px;}
.mb-170 {margin-bottom: -170px;}
.m-180 {margin-bottom: -180px;}
*+.m-180 {margin-top: -180px;}
.mr-180 {margin-right: -180px;}
.ml-180 {margin-left: -180px;}
.mt-180 {margin-top: -180px;}
.mb-180 {margin-bottom: -180px;}
.m-190 {margin-bottom: -190px;}
*+.m-190 {margin-top: -190px;}
.mr-190 {margin-right: -190px;}
.ml-190 {margin-left: -190px;}
.mt-190 {margin-top: -190px;}
.mb-190 {margin-bottom: -190px;}
.m-200 {margin-bottom: -200px;}
*+.m-200 {margin-top: -200px;}
.mr-200 {margin-right: -200px;}
.ml-200 {margin-left: -200px;}
.mt-200 {margin-top: -200px;}
.mb-200 {margin-bottom: -200px;}
.m-300 {margin-bottom: -300px;}
*+.m-300 {margin-top: -300px;}
.mr-300 {margin-right: -300px;}
.ml-300 {margin-left: -300px;}
.mt-300 {margin-top: -300px;}
.mb-300 {margin-bottom: -300px;}
.m-400 {margin-bottom: -400px;}
*+.m-400 {margin-top: -400px;}
.mr-400 {margin-right: -400px;}
.ml-400 {margin-left: -400px;}
.mt-400 {margin-top: -400px;}
.mb-400 {margin-bottom: -400px;}
.m-500 {margin-bottom: -500px;}
*+.m-500 {margin-top: -500px;}
.mr-500 {margin-right: -500px;}
.ml-500 {margin-left: -500px;}
.mt-500 {margin-top: -500px;}
.mb-500 {margin-bottom: -500px;}

/* Margin Auto ========================================================================== */

.mauto {
    margin-left: auto;
    margin-right: auto;
}
.mauto-vertical {
    margin-top: auto;
    margin-bottom: auto;
}
.mrauto {margin-right: auto;}
.mlauto {margin-left: auto;}
.mtauto {margin-top: auto;}
.mbauto {margin-bottom: auto;}

/* Form ========================================================================== */

.select, .textarea, .radio, .checkbox {
    border-radius: 0;
    font: inherit;
}
.input, .select, .textarea {
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    border-radius: unset;
}
.input, .select:not([multiple]):not([size]) {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
}
.input-s, .select-s:not([multiple]):not([size]) {
    height: 30px;
}
.textarea {
    padding-top:4px;
    padding-bottom:4px;
    resize: none;
}
.input:focus, .textarea:focus {
    outline: none;
    background-color: #fff;
    color: #666;
    border-color: #1e87f0;
}
.radio, .checkbox {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
	margin-right: 8px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    transition: .2s ease-in-out;
    transition-property: background-color,border;
}
.radio {
    border-radius: 50%;
}
.radio:not(:disabled), .checkbox:not(:disabled) {
    cursor: pointer;
}
.radio:checked, .checkbox:checked, .checkbox:indeterminate {
    background-color: #1e87f0;
    border-color: transparent;
}
.radio:checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
.checkbox:checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}
.select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.select {
    text-transform: none;
}
.is-invalid, .is-invalid:focus {
    color: #f0506e;
    border-color: #f0506e;
}
.valid-feedback,
.invalid-feedback {
    font-size: 13px;
    margin: 5px 0 0;
    display: block;
}
.valid-feedback {
    color: #1e87f0;
}
.invalid-feedback {
    color: #f0506e;
}
.alert {
    background: #1e87f0;
	color: #fff;
    display: flex;
    justify-content: center;
    position: fixed;
    left: 50%;
    top: 25%;
    width: 90vw;
    max-width: 550px;
    text-align: center;
    transform: translateX(-50%);
    padding: 1.5em 2.5em;
    font-size: 15px;
    z-index: 100;
    opacity: 0;
    transition: opacity .3s ease 0s;
    cursor: pointer;
	font-weight: 500;
    border-radius: 5px;
}
.alert-error {
    background-color: #dc3545;
}
[calendar] .today{
    box-shadow: 0 0 0 2px #1e87f0 inset;
}
[calendar] td:hover{
    cursor:pointer;
    background-color: rgba(30,135,240,0.08);
}

/* Switcher ========================================================================== */

.switcher>*:not(.active) {
	display: none;
}

 /* List ========================================================================== */

.list {
    list-style: none;
}
.list>* {
    display: block;
}
.list>*:nth-child(n+2):not(dd) {
    margin-top: .5em;
}
.list-bullet>*, .list-icon>* {
    padding-left: calc(1.5em + 10px);
    position: relative;
}
.list-bullet>*:before {
    content: "";
    position: absolute;
    top: .55em;
    left: .55em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #222;
    display: block;
}
.list-bullet.list-line>*:nth-child(n+2):before {
    top: calc(.55em + 10px);
}
.list-icon>*>[icon] {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    display: block;
}
.list-responsive>*:nth-child(n+2):not(dd) {
    margin-top: 10px;
    padding-top: 10px;
}
.list-line>*:nth-child(n+2):not(dd) {
    border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}
.list-decimal>* {
    padding-left: calc(1.5em + 10px);
    position: relative;
    counter-increment : chapter;
}
.list-decimal>*:before {
    content : counter(chapter) ".";
    position: absolute;
    top: 0;
    left: .25em;
}
.list>dt {
    font-weight: 500;
}
.list>dd {
	padding-top: 5px;
}
.list-line>dt:nth-child(n+3) {
    border-top: 1px solid #e5e5e5;
}
.list-line-strong>*:nth-child(n+2):not(dd) {
	border-top-color: #343a40;
}
.list-beside {
	display: flex;
	flex-wrap: wrap;
}
.list-beside>dt {
	width: 140px;
	padding-right: 15px;
}
.list-beside>dd:nth-child(n+2) {
	width: calc(100% - 140px);
	margin-top:  0;
    padding-top: 0;
}
.list-beside>dd:nth-child(n+4) {
	margin-top: .5em;
    padding-top: 0;
}
.list-beside.list-line>dd:nth-child(n+4) {
	margin-top: .5em;
	padding-top: .5em;
}
.list-beside-s>dt {
	width: 90px;
}
.list-beside-s>dd:nth-child(n+2) {
	width: calc(100% - 90px);
}
.list-beside-xs>dt {
	width: 60px;
}
.list-beside-xs>dd:nth-child(n+2) {
	width: calc(100% - 60px);
}
.list-line.list-beside>dd:nth-child(n+4) {
	border-top: 1px solid #e5e5e5;
}

/* Table ========================================================================== */

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
}
.table:last-child {
    margin-bottom: 0;
}
.table th {
    padding: 16px 12px;
    vertical-align: top;
    font-weight: normal;
    color: #777;
}
.table-line>thead>tr {
    border-bottom: 1px solid #e5e5e5;
}
.table-line tr:not(:first-child) {
    border-top: 1px solid #e5e5e5;
}
.table tbody tr {
    transition: background-color .1s linear;
}
.table td {
    padding: 16px 12px;
    vertical-align: top;
}
.table-responsive>*>tr,
.table-responsive>tr
{
    display: block;
    padding: 6px 0;
}
.table-responsive>*>tr>th,
.table-responsive>*>tr>td,
.table-responsive>tr>th,
.table-responsive>tr>td
{
    display: block;
}
.table-responsive>*>tr>th,
.table-responsive>tr>th {
    padding: 6px 12px 0;
    text-align: left;
}
.table-responsive>*>tr>td,
.table-responsive>tr>td
{
    padding: 6px 12px;
}
.table-middle>*>tr>th,
.table-middle>*>tr>td,
.table-middle>tr>th,
.table-middle>tr>td
{
    vertical-align: middle;
}
.table-border>*>tr>th,
.table-border>*>tr>td,
.table-border>tr>th,
.table-border>tr>td
{
    border: 1px solid #e5e5e5;
}
.table-s>*>tr>th,
.table-s>*>tr>td,
.table-s>tr>th,
.table-s>tr>td
{
    padding: 6px 12px;
}
.table-striped>*>tr:nth-of-type(odd),
.table-striped>tr:nth-of-type(odd)
{
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.table-nopadding>*>tr>th,
.table-nopadding>*>tr>td,
.table-nopadding>tr>th,
.table-nopadding>tr>td
{
    padding: 0;
}
.table-layout-fixed {
    table-layout:fixed;
}

/* Tab ========================================================================== */

.tab {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    position: relative;
}
.tab>.active>a:before  {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
	border-bottom: solid 2px #1e87f0;
}
.tab>* {
    position: relative;
    white-space: nowrap;
    border-bottom: 1px solid #e5e5e5;
}
.tab>*:not(.active)  {
	opacity:.6;
}
.tab>*:not(.active):hover  {
	opacity:.8;
}
.tab>*, .tab>*>a {
	text-decoration: none;
	color: #222;
	transition: color .1s ease-in-out, opacity .1s ease-in-out;
	cursor: pointer;
}
.tab>*>a {
    display: block;
    text-align: center;
    padding: 9px 20px;
    border-bottom: 2px solid transparent;
    transition: color .1s ease-in-out;
    line-height: 20px;
}

/* Balloon ========================================================================== */

.balloon {
	padding: 8px 15px;
    min-height: calc(1em + 16px);
	border-radius: 5px;
	margin-bottom: 4px;
	white-space: normal;
	position: relative;
	word-break: break-all;
    z-index: 0;
}
.balloon:after {
	content: "";
	width: 20px;
	height: 10px;
    background-color: inherit;
	position: absolute;
    z-index: -1;
}
.balloon-right {
    margin-left: 20px;
}
.balloon-left {
    margin-right: 20px;
}
.balloon-right:after {
    transform: skewX(55deg);
	left: -7px;
	top: 12px;
}
.balloon-left:after {
    transform: skewX(-55deg);
	right: -7px;
	top: 12px;
}
.balloon-top {
    margin-bottom: 10px;
}
.balloon-top:after {
    transform: translateX(-50%) rotate(45deg);
    height: 20px;
	bottom: -10px;
	left: 50%;
}
.balloon-bottom {
    margin-top: 10px;
}
.balloon-bottom:after {
    transform: translateX(-50%) rotate(45deg);
    height: 20px;
	top: -10px;
	left: 50%;
}


/* Image Box ========================================================================== */

[class*="rect"], .square, .object-fit {
	display: block;
	position: relative;
	overflow: hidden;
}
[class*="rect"]:before, .square:before, .object-fit:before {
    content: '';
    display: block;
}
.rect50:before {
	padding-top: 50%;
}
.rect75:before {
	padding-top: 75%;
}
.rect100:before, .square:before {
	padding-top: 100%;
}
.object-fit {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position:absolute;
	left: 0;
	top: 0;
}

/* Slide on Scroll ========================================================================== */

[onscroll=slide] {
    height: 100px;
    position: relative;
    overflow: hidden;
}
[onscroll=slide]:before, [onscroll=slide]:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
[onscroll=slide]:before {
	background: #fff;
	transform: translateX(0);
	transition: transform .5s cubic-bezier(.51,.01,.37,1) 0s;
}
[onscroll=slide]:after {
	background: rgba(255,255,255,0.70);
	transform: translateX(0);
	transition: transform .5s cubic-bezier(.51,.01,.37,1) .7s;
}
[onscroll=slide].is-visible:before, [onscroll=slide].is-visible:after {
	transform: translateX(100%);
}

/* Popup on Scroll ========================================================================== */
[onscroll=popup] {
    position: relative;
    overflow: hidden;
}
[onscroll=popup]>* {
    display: inline-block;
    transform: translateY(100%);
	transition: transform .8s cubic-bezier(.51,.01,.37,1) 0s;
}
[onscroll=popup].is-visible>* {
    transform: translateY(0);
}

/* Fade in on Scroll ========================================================================== */

[onscroll=fade] {
    position: relative;
}
[onscroll=fade]>* {
    display: block;
    opacity: 0;
    transform: translateY(10px);
	transition: all .8s cubic-bezier(.51,.01,.37,1) 0s;
}
[onscroll=fade].is-visible>* {
    opacity: 1;
    transform: translateY(0);
}


/* Slider ========================================================================== */

[slider] {
    position: relative;
}
.slider-ctrl {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}
.slider-ctrl:after {
	content:'';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	border-top: solid 2px #dadada;
	border-left: solid 2px #dadada;
    transition: border-color .2s ease 0s;
}
.slider-ctrl:hover:after {
	border-top: solid 2px #bababa;
	border-left: solid 2px #bababa;
}
.slider-ctrl[prev]:after {
	left: 55%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.slider-ctrl[next]:after {
	left: 45%;
	transform: translate(-50%, -50%) rotate(135deg);
}
.slider-ctrl-light:after {
    border-color: rgba(255,255,255,0.7);
}
.slider-ctrl-light:hover:after {
    border-color: rgba(255,255,255,0.9);
}
.slider-ctrl-dark:after {
    border-color: rgba(0,0,0,0.6);
}
.slider-ctrl-dark:hover:after {
    border-color: rgba(0,0,0,0.9);
}
.slider-dot-container {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.slider-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #D6D6D6;
	margin: 0 10px;
	cursor: pointer;
}
.slider-dot.slider-active {
	background: #2c2d32;
}


/* Label ========================================================================== */

.label {
    display: inline-block;
    padding: 0 10px;
    line-height: 1.5;
    font-size: 12px;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase;
}

/* Modal ========================================================================== */

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:100vw;
    height:100vh;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 15px;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity .15s linear;
	cursor: pointer;
}
.modal.is-open {
    opacity: 1;
}
.modal-window {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    background: #fff;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s linear;
    transition-property: opacity,transform;
	cursor: default;
}
.modal.is-open>.modal-window {
    opacity: 1;
    transform: translateY(0);
}

/* Off-canvas ========================================================================== */

.offcanvas {
    width: 100vw;
    touch-action: none;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
.offcanvas::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity .15s linear;
}
.offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-100vw + 20px);
    box-sizing: border-box;
    width: calc(100vw - 20px);
    padding: 40px 20px;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: left .3s ease-out;
}
.offcanvas-flip {
    right: 0;
    left: auto;
}
.offcanvas-flip>.offcanvas-bar {
    left: auto;
    right: calc(-100vw + 20px);
    transition: right .3s ease-out;
}

@media (min-width: 960px) {
    .offcanvas-bar {
        left: -900px;
        width: 900px;
        padding: 40px 40px;
        transition: left .4s ease-out;
    }
    .offcanvas-flip>.offcanvas-bar {
        left: auto;
        right: -900px;
        transition: right .4s ease-out;
    }
}

.offcanvas.is-open::before {
    opacity: 1;
}
.is-open>.offcanvas-bar {
    left: 0;
}
.offcanvas-flip.is-open>.offcanvas-bar {
    left: auto;
    right: 0;
}

/* Grid ========================================================================== */

.grid {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .3s ease 0s;
}
.grid>* {
    position: absolute;
	background:rgba(255,255,255,0.36);
}
.grid>*:nth-child(1) {
	top:calc(100% / 3);
	left: 0;
	width:100%;
	height: 1px;
}
.grid>*:nth-child(2) {
	top:calc(100% / 3 * 2);
	left: 0;
	width:100%;
	height: 1px;
}
.grid>*:nth-child(3) {
	top: 0;
	left:calc(100% / 3);
	width:1px;
	height: 100%;
}
.grid>*:nth-child(4) {
	top: 0;
	left:calc(100% / 3 * 2);
	width:1px;
	height: 100%;
}


/* Width ========================================================================== */

.w15 {width: 15px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width:100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w210 {width: 210px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w260 {width: 260px;}
.w270 {width: 270px;}
.w280 {width: 280px;}
.w290 {width: 290px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w650 {width: 650px;}
.w700 {width: 700px;}
.w750 {width: 750px;}
.w800 {width: 800px;}
.w850 {width: 850px;}
.w900 {width: 900px;}
.w950 {width: 950px;}
.w1000 {width: 1000px;}
.w1100 {width: 1100px;}
.w1200 {width: 1200px;}
.wauto {width: auto;}

/* Max Width ========================================================================== */

.mw20 {max-width: 20px;}
.mw30 {max-width: 30px;}
.mw40 {max-width: 40px;}
.mw50 {max-width: 50px;}
.mw60 {max-width: 60px;}
.mw70 {max-width: 70px;}
.mw80 {max-width: 80px;}
.mw90 {max-width: 90px;}
.mw100 {max-width:100px;}
.mw110 {max-width: 110px;}
.mw120 {max-width: 120px;}
.mw130 {max-width: 130px;}
.mw140 {max-width: 140px;}
.mw150 {max-width: 150px;}
.mw160 {max-width: 160px;}
.mw170 {max-width: 170px;}
.mw180 {max-width: 180px;}
.mw190 {max-width: 190px;}
.mw200 {max-width: 200px;}
.mw210 {max-width: 210px;}
.mw220 {max-width: 220px;}
.mw230 {max-width: 230px;}
.mw240 {max-width: 240px;}
.mw250 {max-width: 250px;}
.mw260 {max-width: 260px;}
.mw270 {max-width: 270px;}
.mw280 {max-width: 280px;}
.mw290 {max-width: 290px;}
.mw300 {max-width: 300px;}
.mw350 {max-width: 350px;}
.mw400 {max-width: 400px;}
.mw450 {max-width: 450px;}
.mw500 {max-width: 500px;}
.mw550 {max-width: 550px;}
.mw600 {max-width: 600px;}
.mw650 {max-width: 650px;}
.mw700 {max-width: 700px;}
.mw750 {max-width: 750px;}
.mw800 {max-width: 800px;}
.mw850 {max-width: 850px;}
.mw900 {max-width: 900px;}
.mw950 {max-width: 950px;}
.mw1000 {max-width: 1000px;}
.mw1100 {max-width: 1100px;}
.mw1200 {max-width: 1200px;}
.mw1-1 {max-width: 100%;}
.mw1-2 {max-width: 50%;}
.mw1-3 {max-width: calc(100% / 3);}
.mw1-4 {max-width: 25%;}
.mw1-5 {max-width: calc(100% / 5);}
.mw1-6 {max-width: calc(100% / 6);}

/* Height ========================================================================== */

.hauto {height: auto;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h90 {height: 90px;}
.h100 {height:100px;}
.h110 {height: 110px;}
.h120 {height: 120px;}
.h130 {height: 130px;}
.h140 {height: 140px;}
.h150 {height: 150px;}
.h160 {height: 160px;}
.h170 {height: 170px;}
.h180 {height: 180px;}
.h190 {height: 190px;}
.h200 {height: 200px;}
.h210 {height: 210px;}
.h220 {height: 220px;}
.h230 {height: 230px;}
.h240 {height: 240px;}
.h250 {height: 250px;}
.h260 {height: 260px;}
.h270 {height: 270px;}
.h280 {height: 280px;}
.h290 {height: 290px;}
.h300 {height: 300px;}
.h350 {height: 350px;}
.h400 {height: 400px;}
.h450 {height: 450px;}
.h500 {height: 500px;}
.h550 {height: 550px;}
.h600 {height: 600px;}
.h650 {height: 650px;}
.h700 {height: 700px;}
.h750 {height: 750px;}
.h800 {height: 800px;}

/* Max Height ========================================================================== */

.mh50 {max-height: 50px;}
.mh100 {max-height:100px;}
.mh150 {max-height: 150px;}
.mh200 {max-height: 200px;}
.mh250 {max-height: 250px;}
.mh300 {max-height: 300px;}
.mh350 {max-height: 350px;}
.mh400 {max-height: 400px;}
.mh450 {max-height: 450px;}
.mh500 {max-height: 500px;}
.mh550 {max-height: 550px;}
.mh600 {max-height: 600px;}
.mh650 {max-height: 650px;}
.mh700 {max-height: 700px;}
.mh750 {max-height: 750px;}
.mh800 {max-height: 800px;}
.mh1-1 {max-height: 100%;}
.mh1-2 {max-height: 50%;}
.mh1-3 {max-height: calc(100% / 3);}
.mh1-4 {max-height: 25%;}
.mh1-5 {max-height: calc(100% / 5);}
.mh1-6 {max-height: calc(100% / 6);}

/* Small devices (landscape phones, 640px and up) ========================================================================== */

@media (max-width: 639px) {
    .visible\@s {
        display: none !important;
    }
}

@media (min-width: 640px) {
    .left\@s {text-align: left;}
    .right\@s {text-align: right;}
    .center\@s {text-align: center;}
    .top\@s {vertical-align: top;}
    .middle\@s {vertical-align: middle;}
    .bottom\@s {vertical-align: bottom;}
    .baseline\@s {vertical-align: baseline;}
    .text-bottom\@s {vertical-align: text-bottom;}
    .container-xs, .container-s, .container, .container-l, .container-ex {
        padding-left: 30px;
        padding-right: 30px;  
    }
    
    /* Flex Properties ========================================================================== */

    .flex-top\@s {align-items: flex-start !important;}
    .flex-middle\@s {align-items: center !important;}
    .flex-bottom\@s {align-items: flex-end !important;}
    .flex-left\@s {justify-content: flex-start !important;}
    .flex-center\@s {justify-content: center !important;}
    .flex-right\@s {justify-content: flex-end !important;}
    .flex-between\@s {justify-content: space-between !important;}
    .flex-around\@s {justify-content: space-around !important;}
    .flex-reverse\@s {flex-direction: row-reverse;}
    .flex-wrap\@s {flex-wrap: wrap;}
    .flex-grow1\@s {flex-grow: 1;}
    .flex-grow2\@s {flex-grow: 2;}
    .flex-grow3\@s {flex-grow: 3;}
    .flex-grow4\@s {flex-grow: 4;}
    .flex-grow5\@s {flex-grow: 5;}
    .flex-grow6\@s {flex-grow: 6;}
    
    /* Headlines ========================================================================== */
    
    .headline-xs {
        font-size: 36.8px;
    }
    .headline-s {
        font-size: 43.2px;
    }
    .headline {
        font-size: 48px;
    }
    .headline-l {
        font-size: 52.8px;
    }
    .headline-xl {
        font-size: 62.4px;
    }
    .headline-2xl {
        font-size: 67.2px;
    }
    .navbar-logo>svg, .navbar-logo>img {
        height: 24px;
    }
    
	/* Column ========================================================================== */

	.wauto\@s, .child-width-auto\@s>* {
		width: auto;
	}
	.w1-1\@s, .child-width1-1\@s>* {
		width: 100%;
	}
	.w1-2\@s, .child-width1-2\@s>* {
		width: calc(100% / 2);
	}
	.w1-3\@s, .child-width1-3\@s>* {
		width: calc(100% / 3);
	}
	.w1-4\@s, .child-width1-4\@s>* {
		width: calc(100% / 4);
	}
	.w1-5\@s, .child-width1-5\@s>* {
		width: calc(100% / 5);
	}
	.w1-6\@s, .child-width1-6\@s>* {
		width: calc(100% / 6);
	}
	.hauto\@s, .child-height-auto\@s>* {
		height: auto;
	}
    .h1-1\@s, .child-height-1-1\@s>* {
        height: 100%;
    }
    .h1-2\@s, .child-height1-2\@s>* {
        height: calc(100% / 2);
    }
    .h1-3\@s, .child-height1-3\@s>* {
        height: calc(100% / 3);
    }
    .h1-4\@s, .child-height1-4\@s>* {
        height: calc(100% / 4);
    }
    .h1-5\@s, .child-height1-5\@s>* {
        height: calc(100% / 5);
    }
    .h1-6\@s, .child-height1-6\@s>* {
        height: calc(100% / 6);
    }
    
    /* Text ========================================================================== */

    .f10\@s {font-size: 10px;}
    .f11\@s {font-size: 11px;}
    .f12\@s {font-size: 12px;}
    .f13\@s {font-size: 13px;}
    .f14\@s {font-size: 14px;}
    .f15\@s {font-size: 15px;}
    .f16\@s {font-size: 16px;}
    .f17\@s {font-size: 17px;}
    .f18\@s {font-size: 18px;}
    .f19\@s {font-size: 19px;}
    .f20\@s {font-size: 20px;}
    .f22\@s {font-size: 22px;}
    .f24\@s {font-size: 24px;}
    .f26\@s {font-size: 26px;}
    .f28\@s {font-size: 28px;}
    .f30\@s {font-size: 30px;}
    .f36\@s {font-size: 36px;}
    .f42\@s {font-size: 42px;}
    .f48\@s {font-size: 48px;}
    .f54\@s {font-size: 54px;}
    .f60\@s {font-size: 60px;}
    .f66\@s {font-size: 66px;}
    .f72\@s {font-size: 72px;}
    
    /* Padding ========================================================================== */
    
    .p0\@s {padding: 0}
    .pr0\@s {padding-right: 0px;}
    .pl0\@s {padding-left: 0px;}
    .pt0\@s {padding-top: 0px;}
    .pb0\@s {padding-bottom: 0px;}
    .p5\@s {padding: 5px;}
    .pr5\@s {padding-right: 5px;}
    .pl5\@s {padding-left: 5px;}
    .pt5\@s {padding-top: 5px;}
    .pb5\@s {padding-bottom: 5px;}
    .p10\@s {padding: 10px;}
    .pr10\@s {padding-right: 10px;}
    .pl10\@s {padding-left: 10px;}
    .pt10\@s {padding-top: 10px;}
    .pb10\@s {padding-bottom: 10px;}
    .p15\@s {padding: 15px;}
    .pr15\@s {padding-right: 15px;}
    .pl15\@s {padding-left: 15px;}
    .pt15\@s {padding-top: 15px;}
    .pb15\@s {padding-bottom: 15px;}
    .p20\@s {padding: 20px;}
    .pr20\@s {padding-right: 20px;}
    .pl20\@s {padding-left: 20px;}
    .pt20\@s {padding-top: 20px;}
    .pb20\@s {padding-bottom: 20px;}
    .p30\@s {padding: 30px;}
    .pr30\@s {padding-right: 30px;}
    .pl30\@s {padding-left: 30px;}
    .pt30\@s {padding-top: 30px;}
    .pb30\@s {padding-bottom: 30px;}
    .p40\@s {padding: 40px;}
    .pr40\@s {padding-right: 40px;}
    .pl40\@s {padding-left: 40px;}
    .pt40\@s {padding-top: 40px;}
    .pb40\@s {padding-bottom: 40px;}
    .p50\@s {padding: 50px;}
    .pr50\@s {padding-right: 50px;}
    .pl50\@s {padding-left: 50px;}
    .pt50\@s {padding-top: 50px;}
    .pb50\@s {padding-bottom: 50px;}
    .p50\@s {padding: 50px;}
    .pr60\@s {padding-right: 60px;}
    .pl60\@s {padding-left: 60px;}
    .pt60\@s {padding-top: 60px;}
    .pb60\@s {padding-bottom: 60px;}
    .p70\@s {padding: 70px;}
    .pr70\@s {padding-right: 70px;}
    .pl70\@s {padding-left: 70px;}
    .pt70\@s {padding-top: 70px;}
    .pb70\@s {padding-bottom: 70px;}
    .p80\@s {padding: 80px;}
    .pr80\@s {padding-right: 80px;}
    .pl80\@s {padding-left: 80px;}
    .pt80\@s {padding-top: 80px;}
    .pb80\@s {padding-bottom: 80px;}
    .p90\@s {padding: 90px;}
    .pr90\@s {padding-right: 90px;}
    .pl90\@s {padding-left: 90px;}
    .pt90\@s {padding-top: 90px;}
    .pb90\@s {padding-bottom: 90px;}
    .p100\@s {padding: 100px;}
    .pr100\@s {padding-right: 100px;}
    .pl100\@s {padding-left: 100px;}
    .pt100\@s {padding-top: 100px;}
    .pb100\@s {padding-bottom: 100px;}
    .p120\@s {padding: 120px;}
    .pr120\@s {padding-right: 120px;}
    .pl120\@s {padding-left: 120px;}
    .pt120\@s {padding-top: 120px;}
    .pb120\@s {padding-bottom: 120px;}
    .p140\@s {padding: 140px;}
    .pr140\@s {padding-right: 140px;}
    .pl140\@s {padding-left: 140px;}
    .pt140\@s {padding-top: 140px;}
    .pb140\@s {padding-bottom: 140px;}
    .p160\@s {padding: 160px;}
    .pr160\@s {padding-right: 160px;}
    .pl160\@s {padding-left: 160px;}
    .pt160\@s {padding-top: 160px;}
    .pb160\@s {padding-bottom: 160px;}
    .p180\@s {padding: 180px;}
    .pr180\@s {padding-right: 180px;}
    .pl180\@s {padding-left: 180px;}
    .pt180\@s {padding-top: 180px;}
    .pb180\@s {padding-bottom: 180px;}
    .p200\@s {padding: 200px;}
    .pr200\@s {padding-right: 200px;}
    .pl200\@s {padding-left: 200px;}
    .pt200\@s {padding-top: 200px;}
    .pb200\@s {padding-bottom: 200px;}
    
    /* Margin ========================================================================== */
    
    .m0\@s {margin-bottom: 0px;}
    *+.m0\@s {margin-top: 0px;}
    .mr0\@s {margin-right: 0px;}
    .ml0\@s {margin-left: 0px;}
    .mt0\@s {margin-top: 0px;}
    .mb0\@s {margin-bottom: 0px;}
    .m5\@s {margin-bottom: 5px;}
    *+.m5\@s {margin-top: 5px;}
    .mr5\@s {margin-right: 5px;}
    .ml5\@s {margin-left: 5px;}
    .mt5\@s {margin-top: 5px;}
    .mb5\@s {margin-bottom: 5px;}
    .m10\@s {margin-bottom: 10px;}
    *+.m10\@s {margin-top: 10px;}
    .mr10\@s {margin-right: 10px;}
    .ml10\@s {margin-left: 10px;}
    .mt10\@s {margin-top: 10px;}
    .mb10\@s {margin-bottom: 10px;}
    .m15\@s {margin-bottom: 15px;}
    *+.m15\@s {margin-top: 15px;}
    .mr15\@s {margin-right: 15px;}
    .ml15\@s {margin-left: 15px;}
    .mt15\@s {margin-top: 15px;}
    .mb15\@s {margin-bottom: 15px;}
    .m20\@s {margin-bottom: 20px;}
    *+.m20\@s {margin-top: 20px;}
    .mr20\@s {margin-right: 20px;}
    .ml20\@s {margin-left: 20px;}
    .mt20\@s {margin-top: 20px;}
    .mb20\@s {margin-bottom: 20px;}
    .m30\@s {margin-bottom: 30px;}
    *+.m30\@s {margin-top: 30px;}
    .mr30\@s {margin-right: 30px;}
    .ml30\@s {margin-left: 30px;}
    .mt30\@s {margin-top: 30px;}
    .mb30\@s {margin-bottom: 30px;}
    .m40\@s {margin-bottom: 40px;}
    *+.m40\@s {margin-top: 40px;}
    .mr40\@s {margin-right: 40px;}
    .ml40\@s {margin-left: 40px;}
    .mt40\@s {margin-top: 40px;}
    .mb40\@s {margin-bottom: 40px;}
    .m50\@s {margin-bottom: 50px;}
    *+.m50\@s {margin-top: 50px;}
    .mr50\@s {margin-right: 50px;}
    .ml50\@s {margin-left: 50px;}
    .mt50\@s {margin-top: 50px;}
    .mb50\@s {margin-bottom: 50px;}
    .m60\@s {margin-bottom: 60px;}
    *+.m60\@s {margin-top: 60px;}
    .mr60\@s {margin-right: 60px;}
    .ml60\@s {margin-left: 60px;}
    .mt60\@s {margin-top: 60px;}
    .mb60\@s {margin-bottom: 60px;}
    .m70\@s {margin-bottom: 70px;}
    *+.m70\@s {margin-top: 70px;}
    .mr70\@s {margin-right: 70px;}
    .ml70\@s {margin-left: 70px;}
    .mt70\@s {margin-top: 70px;}
    .mb70\@s {margin-bottom: 70px;}
    .m80\@s {margin-bottom: 80px;}
    *+.m80\@s {margin-top: 80px;}
    .mr80\@s {margin-right: 80px;}
    .ml80\@s {margin-left: 80px;}
    .mt80\@s {margin-top: 80px;}
    .mb80\@s {margin-bottom: 80px;}
    .m90\@s {margin-bottom: 90px;}
    *+.m90\@s {margin-top: 90px;}
    .mr90\@s {margin-right: 90px;}
    .ml90\@s {margin-left: 90px;}
    .mt90\@s {margin-top: 90px;}
    .mb90\@s {margin-bottom: 90px;}
    .m100\@s {margin-bottom: 100px;}
    *+.m100\@s {margin-top: 100px;}
    .mr100\@s {margin-right: 100px;}
    .ml100\@s {margin-left: 100px;}
    .mt100\@s {margin-top: 100px;}
    .mb100\@s {margin-bottom: 100px;}

    /* Negative Margin ========================================================================== */
    
    .m-5\@s {margin-bottom: -5px;}
    *+.m-5\@s {margin-top: -5px;}
    .mr-5\@s {margin-right: -5px;}
    .ml-5\@s {margin-left: -5px;}
    .mt-5\@s {margin-top: -5px;}
    .mb-5\@s {margin-bottom: -5px;}
    .m-10\@s {margin-bottom: -10px;}
    *+.m-10\@s {margin-top: -10px;}
    .mr-10\@s {margin-right: -10px;}
    .ml-10\@s {margin-left: -10px;}
    .mt-10\@s {margin-top: -10px;}
    .mb-10\@s {margin-bottom: -10px;}
    .m-15\@s {margin-bottom: -15px;}
    *+.m-15\@s {margin-top: -15px;}
    .mr-15\@s {margin-right: -15px;}
    .ml-15\@s {margin-left: -15px;}
    .mt-15\@s {margin-top: -15px;}
    .mb-15\@s {margin-bottom: -15px;}
    .m-20\@s {margin-bottom: -20px;}
    *+.m-20\@s {margin-top: -20px;}
    .mr-20\@s {margin-right: -20px;}
    .ml-20\@s {margin-left: -20px;}
    .mt-20\@s {margin-top: -20px;}
    .mb-20\@s {margin-bottom: -20px;}
    .m-30\@s {margin-bottom: -30px;}
    *+.m-30\@s {margin-top: -30px;}
    .mr-30\@s {margin-right: -30px;}
    .ml-30\@s {margin-left: -30px;}
    .mt-30\@s {margin-top: -30px;}
    .mb-30\@s {margin-bottom: -30px;}
    .m-40\@s {margin-bottom: -40px;}
    *+.m-40\@s {margin-top: -40px;}
    .mr-40\@s {margin-right: -40px;}
    .ml-40\@s {margin-left: -40px;}
    .mt-40\@s {margin-top: -40px;}
    .mb-40\@s {margin-bottom: -40px;}
    .m-50\@s {margin-bottom: -50px;}
    *+.m-50\@s {margin-top: -50px;}
    .mr-50\@s {margin-right: -50px;}
    .ml-50\@s {margin-left: -50px;}
    .mt-50\@s {margin-top: -50px;}
    .mb-50\@s {margin-bottom: -50px;}
    .m-60\@s {margin-bottom: -60px;}
    *+.m-60\@s {margin-top: -60px;}
    .mr-60\@s {margin-right: -60px;}
    .ml-60\@s {margin-left: -60px;}
    .mt-60\@s {margin-top: -60px;}
    .mb-60\@s {margin-bottom: -60px;}
    .m-70\@s {margin-bottom: -70px;}
    *+.m-70\@s {margin-top: -70px;}
    .mr-70\@s {margin-right: -70px;}
    .ml-70\@s {margin-left: -70px;}
    .mt-70\@s {margin-top: -70px;}
    .mb-70\@s {margin-bottom: -70px;}
    .m-80\@s {margin-bottom: -80px;}
    *+.m-80\@s {margin-top: -80px;}
    .mr-80\@s {margin-right: -80px;}
    .ml-80\@s {margin-left: -80px;}
    .mt-80\@s {margin-top: -80px;}
    .mb-80\@s {margin-bottom: -80px;}
    .m-90\@s {margin-bottom: -90px;}
    *+.m-90\@s {margin-top: -90px;}
    .mr-90\@s {margin-right: -90px;}
    .ml-90\@s {margin-left: -90px;}
    .mt-90\@s {margin-top: -90px;}
    .mb-90\@s {margin-bottom: -90px;}
    .m-100\@s {margin-bottom: -100px;}
    *+.m-100\@s {margin-top: -100px;}
    .mr-100\@s {margin-right: -100px;}
    .ml-100\@s {margin-left: -100px;}
    .mt-100\@s {margin-top: -100px;}
    .mb-100\@s {margin-bottom: -100px;}
    .m110\@s {margin-bottom: 110px;}
    *+.m110\@s {margin-top: 110px;}
    .mr110\@s {margin-right: 110px;}
    .ml110\@s {margin-left: 110px;}
    .mt110\@s {margin-top: 110px;}
    .mb110\@s {margin-bottom: 110px;}
    .m120\@s {margin-bottom: 120px;}
    *+.m120\@s {margin-top: 120px;}
    .mr120\@s {margin-right: 120px;}
    .ml120\@s {margin-left: 120px;}
    .mt120\@s {margin-top: 120px;}
    .mb120\@s {margin-bottom: 120px;}
    .m130\@s {margin-bottom: 130px;}
    *+.m130\@s {margin-top: 130px;}
    .mr130\@s {margin-right: 130px;}
    .ml130\@s {margin-left: 130px;}
    .mt130\@s {margin-top: 130px;}
    .mb130\@s {margin-bottom: 130px;}
    .m140\@s {margin-bottom: 140px;}
    *+.m140\@s {margin-top: 140px;}
    .mr140\@s {margin-right: 140px;}
    .ml140\@s {margin-left: 140px;}
    .mt140\@s {margin-top: 140px;}
    .mb140\@s {margin-bottom: 140px;}
    .m150\@s {margin-bottom: 150px;}
    *+.m150\@s {margin-top: 150px;}
    .mr150\@s {margin-right: 150px;}
    .ml150\@s {margin-left: 150px;}
    .mt150\@s {margin-top: 150px;}
    .mb150\@s {margin-bottom: 150px;}
    .m160\@s {margin-bottom: 160px;}
    *+.m160\@s {margin-top: 160px;}
    .mr160\@s {margin-right: 160px;}
    .ml160\@s {margin-left: 160px;}
    .mt160\@s {margin-top: 160px;}
    .mb160\@s {margin-bottom: 160px;}
    .m170\@s {margin-bottom: 170px;}
    *+.m170\@s {margin-top: 170px;}
    .mr170\@s {margin-right: 170px;}
    .ml170\@s {margin-left: 170px;}
    .mt170\@s {margin-top: 170px;}
    .mb170\@s {margin-bottom: 170px;}
    .m180\@s {margin-bottom: 180px;}
    *+.m180\@s {margin-top: 180px;}
    .mr180\@s {margin-right: 180px;}
    .ml180\@s {margin-left: 180px;}
    .mt180\@s {margin-top: 180px;}
    .mb180\@s {margin-bottom: 180px;}
    .m190\@s {margin-bottom: 190px;}
    *+.m190\@s {margin-top: 190px;}
    .mr190\@s {margin-right: 190px;}
    .ml190\@s {margin-left: 190px;}
    .mt190\@s {margin-top: 190px;}
    .mb190\@s {margin-bottom: 190px;}
    .m200\@s {margin-bottom: 200px;}
    *+.m200\@s {margin-top: 200px;}
    .mr200\@s {margin-right: 200px;}
    .ml200\@s {margin-left: 200px;}
    .mt200\@s {margin-top: 200px;}
    .mb200\@s {margin-bottom: 200px;}
    
    /* Margin Auto ========================================================================== */

    .mauto\@s {
        margin-left: auto;
        margin-right: auto;
    }
    .mauto-vertical\@s {
        margin-top: auto;
        margin-bottom: auto;
    }
    .mrauto\@s {margin-right: auto;}
    .mlauto\@s {margin-left: auto;}
    .mtauto\@s {margin-top: auto;}
    .mbauto\@s {margin-bottom: auto;}

    /* Width ========================================================================== */

    .w15\@s {width: 15px;}
    .w20\@s {width: 20px;}
    .w25\@s {width: 25px;}
    .w30\@s {width: 30px;}
    .w35\@s {width: 35px;}
    .w40\@s {width: 40px;}
    .w50\@s {width: 50px;}
    .w60\@s {width: 60px;}
    .w70\@s {width: 70px;}
    .w80\@s {width: 80px;}
    .w90\@s {width: 90px;}
    .w100\@s {width:100px;}
    .w110\@s {width: 110px;}
    .w120\@s {width: 120px;}
    .w130\@s {width: 130px;}
    .w140\@s {width: 140px;}
    .w150\@s {width: 150px;}
    .w160\@s {width: 160px;}
    .w170\@s {width: 170px;}
    .w180\@s {width: 180px;}
    .w190\@s {width: 190px;}
    .w200\@s {width: 200px;}
    .w210\@s {width: 210px;}
    .w220\@s {width: 220px;}
    .w230\@s {width: 230px;}
    .w240\@s {width: 240px;}
    .w250\@s {width: 250px;}
    .w260\@s {width: 260px;}
    .w270\@s {width: 270px;}
    .w280\@s {width: 280px;}
    .w290\@s {width: 290px;}
    .w300\@s {width: 300px;}
    .w350\@s {width: 350px;}
    .w400\@s {width: 400px;}
    .w450\@s {width: 450px;}
    .w500\@s {width: 500px;}
    .w550\@s {width: 550px;}
    .w600\@s {width: 600px;}
    .w650\@s {width: 650px;}
    .w700\@s {width: 700px;}
    .w750\@s {width: 750px;}
    .w800\@s {width: 800px;}
    .w850\@s {width: 850px;}
    .w900\@s {width: 900px;}
    .w950\@s {width: 950px;}
    .w1000\@s {width: 1000px;}
    .w1100\@s {width: 1100px;}
    .w1200\@s {width: 1200px;}
    .wauto\@s {width: auto;}
    
    /* Height
     ========================================================================== */
    
    .hauto\@s {height: auto;}
    .h15\@s {height: 15px;}
    .h20\@s {height: 20px;}
    .h25\@s {height: 25px;}
    .h30\@s {height: 30px;}
    .h35\@s {height: 35px;}
    .h40\@s {height: 40px;}
    .h50\@s {height: 50px;}
    .h60\@s {height: 60px;}
    .h70\@s {height: 70px;}
    .h80\@s {height: 80px;}
    .h90\@s {height: 90px;}
    .h100\@s {height:100px;}
    .h110\@s {height: 110px;}
    .h120\@s {height: 120px;}
    .h130\@s {height: 130px;}
    .h140\@s {height: 140px;}
    .h150\@s {height: 150px;}
    .h160\@s {height: 160px;}
    .h170\@s {height: 170px;}
    .h180\@s {height: 180px;}
    .h190\@s {height: 190px;}
    .h200\@s {height: 200px;}
    .h210\@s {height: 210px;}
    .h220\@s {height: 220px;}
    .h230\@s {height: 230px;}
    .h240\@s {height: 240px;}
    .h250\@s {height: 250px;}
    .h260\@s {height: 260px;}
    .h270\@s {height: 270px;}
    .h280\@s {height: 280px;}
    .h290\@s {height: 290px;}
    .h300\@s {height: 300px;}
    .h350\@s {height: 350px;}
    .h400\@s {height: 400px;}
    .h450\@s {height: 450px;}
    .h500\@s {height: 500px;}
    .h550\@s {height: 550px;}
    .h600\@s {height: 600px;}
    .h650\@s {height: 650px;}
    .h700\@s {height: 700px;}
    .h750\@s {height: 750px;}
    .h800\@s {height: 800px;}
    
    /* Display ========================================================================== */

    .block\@s {
        display: block;
    }
    .inline-block\@s {
        display: inline-block;
    }
    .flex\@s {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .inline-flex\@s {
        display: inline-flex;
    }
	.modal {
		padding: 50px 30px;
	}
}

 /* Medium devices (desktops, 960px and up) ========================================================================== */
 
@media (max-width: 959px) {
    .visible\@m {
        display: none !important;
    }
}

@media (min-width: 960px) {
    .left\@m {text-align: left;}
    .right\@m {text-align: right;}
    .center\@m {text-align: center;}
    .top\@m {vertical-align: top;}
    .middle\@m {vertical-align: middle;}
    .bottom\@m {vertical-align: bottom;}
    .baseline\@m {vertical-align: baseline;}
    .text-bottom\@m {vertical-align: text-bottom;}
    
	/* Position ========================================================================== */
    
	.sticky\@m {
		position: -webkit-sticky;
		position: sticky;
	}
	.fixed\@m {
		position: fixed;
	}
	.absolute\@m {
		position: absolute;
	}
	.relative\@m {
		position: relative;
	}
    .left\@m {text-align: left;}
    .right\@m {text-align: right;}
    .center\@m {text-align: center;}
    .top\@m {vertical-align: top;}
    .middle\@m {vertical-align: middle;}
    .bottom\@m {vertical-align: bottom;}
    .baseline\@m {vertical-align: baseline;}
    .text-bottom\@m {vertical-align: text-bottom;}
    .hidden\@m {display: none !important;}
    .container-xs, .container-s, .container, .container-l, .container-ex {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    /* Flex Properties ========================================================================== */

    .flex-top\@m {align-items: flex-start !important;}
    .flex-middle\@m {align-items: center !important;}
    .flex-bottom\@m {align-items: flex-end !important;}
    .flex-left\@m {justify-content: flex-start !important;}
    .flex-center\@m {justify-content: center !important;}
    .flex-right\@m {justify-content: flex-end !important;}
    .flex-between\@m {justify-content: space-between !important;}
    .flex-around\@m {justify-content: space-around !important;}
    .flex-reverse\@m {flex-direction: row-reverse;}
    .flex-wrap\@m {flex-wrap: wrap;}
    .flex-grow1\@m {flex-grow: 1;}
    .flex-grow2\@m {flex-grow: 2;}
    .flex-grow3\@m {flex-grow: 3;}
    .flex-grow4\@m {flex-grow: 4;}
    .flex-grow5\@m {flex-grow: 5;}
    .flex-grow6\@m {flex-grow: 6;}
    
	/* Column ========================================================================== */
    
	.wauto\@m, .child-width-auto\@m>* {
		width: auto;
	}
	.w1-1\@m, .child-width1-1\@m>* {
		width: 100%;
	}
	.w1-2\@m, .child-width1-2\@m>* {
		width: calc(100% / 2);
	}
	.w1-3\@m, .child-width1-3\@m>* {
		width: calc(100% / 3);
	}
	.w1-4\@m, .child-width1-4\@m>* {
		width: calc(100% / 4);
	}
	.w1-5\@m, .child-width1-5\@m>* {
		width: calc(100% / 5);
	}
	.w1-6\@m, .child-width1-6\@m>* {
		width: calc(100% / 6);
	}
	.hauto\@m, .child-height-auto\@m>* {
		height: auto;
	}
    .h1-1\@m, .child-height-1-1\@m>* {
        height: 100%;
    }
    .h1-2\@m, .child-height1-2\@m>* {
        height: calc(100% / 2);
    }
    .h1-3\@m, .child-height1-3\@m>* {
        height: calc(100% / 3);
    }
    .h1-4\@m, .child-height1-4\@m>* {
        height: calc(100% / 4);
    }
    .h1-5\@m, .child-height1-5\@m>* {
        height: calc(100% / 5);
    }
    .h1-6\@m, .child-height1-6\@m>* {
        height: calc(100% / 6);
    }
    
    /* Text ========================================================================== */

    .f10\@m {font-size: 10px;}
    .f11\@m {font-size: 11px;}
    .f12\@m {font-size: 12px;}
    .f13\@m {font-size: 13px;}
    .f14\@m {font-size: 14px;}
    .f15\@m {font-size: 15px;}
    .f16\@m {font-size: 16px;}
    .f17\@m {font-size: 17px;}
    .f18\@m {font-size: 18px;}
    .f19\@m {font-size: 19px;}
    .f20\@m {font-size: 20px;}
    .f22\@m {font-size: 22px;}
    .f24\@m {font-size: 24px;}
    .f26\@m {font-size: 26px;}
    .f28\@m {font-size: 28px;}
    .f30\@m {font-size: 30px;}
    .f36\@m {font-size: 36px;}
    .f42\@m {font-size: 42px;}
    .f48\@m {font-size: 48px;}
    .f54\@m {font-size: 54px;}
    .f60\@m {font-size: 60px;}
    .f66\@m {font-size: 66px;}
    .f72\@m {font-size: 72px;}
    
    /* Padding ========================================================================== */
    
    .p0\@m {padding: 0}
    .pr0\@m {padding-right: 0px;}
    .pl0\@m {padding-left: 0px;}
    .pt0\@m {padding-top: 0px;}
    .pb0\@m {padding-bottom: 0px;}
    .p5\@m {padding: 5px;}
    .pr5\@m {padding-right: 5px;}
    .pl5\@m {padding-left: 5px;}
    .pt5\@m {padding-top: 5px;}
    .pb5\@m {padding-bottom: 5px;}
    .p10\@m {padding: 10px;}
    .pr10\@m {padding-right: 10px;}
    .pl10\@m {padding-left: 10px;}
    .pt10\@m {padding-top: 10px;}
    .pb10\@m {padding-bottom: 10px;}
    .p15\@m {padding: 15px;}
    .pr15\@m {padding-right: 15px;}
    .pl15\@m {padding-left: 15px;}
    .pt15\@m {padding-top: 15px;}
    .pb15\@m {padding-bottom: 15px;}
    .p20\@m {padding: 20px;}
    .pr20\@m {padding-right: 20px;}
    .pl20\@m {padding-left: 20px;}
    .pt20\@m {padding-top: 20px;}
    .pb20\@m {padding-bottom: 20px;}
    .p30\@m {padding: 30px;}
    .pr30\@m {padding-right: 30px;}
    .pl30\@m {padding-left: 30px;}
    .pt30\@m {padding-top: 30px;}
    .pb30\@m {padding-bottom: 30px;}
    .p40\@m {padding: 40px;}
    .pr40\@m {padding-right: 40px;}
    .pl40\@m {padding-left: 40px;}
    .pt40\@m {padding-top: 40px;}
    .pb40\@m {padding-bottom: 40px;}
    .p50\@m {padding: 50px;}
    .pr50\@m {padding-right: 50px;}
    .pl50\@m {padding-left: 50px;}
    .pt50\@m {padding-top: 50px;}
    .pb50\@m {padding-bottom: 50px;}
    .p50\@m {padding: 50px;}
    .pr60\@m {padding-right: 60px;}
    .pl60\@m {padding-left: 60px;}
    .pt60\@m {padding-top: 60px;}
    .pb60\@m {padding-bottom: 60px;}
    .p70\@m {padding: 70px;}
    .pr70\@m {padding-right: 70px;}
    .pl70\@m {padding-left: 70px;}
    .pt70\@m {padding-top: 70px;}
    .pb70\@m {padding-bottom: 70px;}
    .p80\@m {padding: 80px;}
    .pr80\@m {padding-right: 80px;}
    .pl80\@m {padding-left: 80px;}
    .pt80\@m {padding-top: 80px;}
    .pb80\@m {padding-bottom: 80px;}
    .p90\@m {padding: 90px;}
    .pr90\@m {padding-right: 90px;}
    .pl90\@m {padding-left: 90px;}
    .pt90\@m {padding-top: 90px;}
    .pb90\@m {padding-bottom: 90px;}
    .p100\@m {padding: 100px;}
    .pr100\@m {padding-right: 100px;}
    .pl100\@m {padding-left: 100px;}
    .pt100\@m {padding-top: 100px;}
    .pb100\@m {padding-bottom: 100px;}
    .p120\@m {padding: 120px;}
    .pr120\@m {padding-right: 120px;}
    .pl120\@m {padding-left: 120px;}
    .pt120\@m {padding-top: 120px;}
    .pb120\@m {padding-bottom: 120px;}
    .p140\@m {padding: 140px;}
    .pr140\@m {padding-right: 140px;}
    .pl140\@m {padding-left: 140px;}
    .pt140\@m {padding-top: 140px;}
    .pb140\@m {padding-bottom: 140px;}
    .p160\@m {padding: 160px;}
    .pr160\@m {padding-right: 160px;}
    .pl160\@m {padding-left: 160px;}
    .pt160\@m {padding-top: 160px;}
    .pb160\@m {padding-bottom: 160px;}
    .p180\@m {padding: 180px;}
    .pr180\@m {padding-right: 180px;}
    .pl180\@m {padding-left: 180px;}
    .pt180\@m {padding-top: 180px;}
    .pb180\@m {padding-bottom: 180px;}
    .p200\@m {padding: 200px;}
    .pr200\@m {padding-right: 200px;}
    .pl200\@m {padding-left: 200px;}
    .pt200\@m {padding-top: 200px;}
    .pb200\@m {padding-bottom: 200px;}
    
    /* Margin ========================================================================== */
    
    .m0\@m {margin-bottom: 0px;}
    *+.m0\@m {margin-top: 0px;}
    .mr0\@m {margin-right: 0px;}
    .ml0\@m {margin-left: 0px;}
    .mt0\@m {margin-top: 0px;}
    .mb0\@m {margin-bottom: 0px;}
    .m5\@m {margin-bottom: 5px;}
    *+.m5\@m {margin-top: 5px;}
    .mr5\@m {margin-right: 5px;}
    .ml5\@m {margin-left: 5px;}
    .mt5\@m {margin-top: 5px;}
    .mb5\@m {margin-bottom: 5px;}
    .m10\@m {margin-bottom: 10px;}
    *+.m10\@m {margin-top: 10px;}
    .mr10\@m {margin-right: 10px;}
    .ml10\@m {margin-left: 10px;}
    .mt10\@m {margin-top: 10px;}
    .mb10\@m {margin-bottom: 10px;}
    .m15\@m {margin-bottom: 15px;}
    *+.m15\@m {margin-top: 15px;}
    .mr15\@m {margin-right: 15px;}
    .ml15\@m {margin-left: 15px;}
    .mt15\@m {margin-top: 15px;}
    .mb15\@m {margin-bottom: 15px;}
    .m20\@m {margin-bottom: 20px;}
    *+.m20\@m {margin-top: 20px;}
    .mr20\@m {margin-right: 20px;}
    .ml20\@m {margin-left: 20px;}
    .mt20\@m {margin-top: 20px;}
    .mb20\@m {margin-bottom: 20px;}
    .m30\@m {margin-bottom: 30px;}
    *+.m30\@m {margin-top: 30px;}
    .mr30\@m {margin-right: 30px;}
    .ml30\@m {margin-left: 30px;}
    .mt30\@m {margin-top: 30px;}
    .mb30\@m {margin-bottom: 30px;}
    .m40\@m {margin-bottom: 40px;}
    *+.m40\@m {margin-top: 40px;}
    .mr40\@m {margin-right: 40px;}
    .ml40\@m {margin-left: 40px;}
    .mt40\@m {margin-top: 40px;}
    .mb40\@m {margin-bottom: 40px;}
    .m50\@m {margin-bottom: 50px;}
    *+.m50\@m {margin-top: 50px;}
    .mr50\@m {margin-right: 50px;}
    .ml50\@m {margin-left: 50px;}
    .mt50\@m {margin-top: 50px;}
    .mb50\@m {margin-bottom: 50px;}
    .m60\@m {margin-bottom: 60px;}
    *+.m60\@m {margin-top: 60px;}
    .mr60\@m {margin-right: 60px;}
    .ml60\@m {margin-left: 60px;}
    .mt60\@m {margin-top: 60px;}
    .mb60\@m {margin-bottom: 60px;}
    .m70\@m {margin-bottom: 70px;}
    *+.m70\@m {margin-top: 70px;}
    .mr70\@m {margin-right: 70px;}
    .ml70\@m {margin-left: 70px;}
    .mt70\@m {margin-top: 70px;}
    .mb70\@m {margin-bottom: 70px;}
    .m80\@m {margin-bottom: 80px;}
    *+.m80\@m {margin-top: 80px;}
    .mr80\@m {margin-right: 80px;}
    .ml80\@m {margin-left: 80px;}
    .mt80\@m {margin-top: 80px;}
    .mb80\@m {margin-bottom: 80px;}
    .m90\@m {margin-bottom: 90px;}
    *+.m90\@m {margin-top: 90px;}
    .mr90\@m {margin-right: 90px;}
    .ml90\@m {margin-left: 90px;}
    .mt90\@m {margin-top: 90px;}
    .mb90\@m {margin-bottom: 90px;}
    .m100\@m {margin-bottom: 100px;}
    *+.m100\@m {margin-top: 100px;}
    .mr100\@m {margin-right: 100px;}
    .ml100\@m {margin-left: 100px;}
    .mt100\@m {margin-top: 100px;}
    .mb100\@m {margin-bottom: 100px;}
    .m110\@m {margin-bottom: 110px;}
    *+.m110\@m {margin-top: 110px;}
    .mr110\@m {margin-right: 110px;}
    .ml110\@m {margin-left: 110px;}
    .mt110\@m {margin-top: 110px;}
    .mb110\@m {margin-bottom: 110px;}
    .m120\@m {margin-bottom: 120px;}
    *+.m120\@m {margin-top: 120px;}
    .mr120\@m {margin-right: 120px;}
    .ml120\@m {margin-left: 120px;}
    .mt120\@m {margin-top: 120px;}
    .mb120\@m {margin-bottom: 120px;}
    .m130\@m {margin-bottom: 130px;}
    *+.m130\@m {margin-top: 130px;}
    .mr130\@m {margin-right: 130px;}
    .ml130\@m {margin-left: 130px;}
    .mt130\@m {margin-top: 130px;}
    .mb130\@m {margin-bottom: 130px;}
    .m140\@m {margin-bottom: 140px;}
    *+.m140\@m {margin-top: 140px;}
    .mr140\@m {margin-right: 140px;}
    .ml140\@m {margin-left: 140px;}
    .mt140\@m {margin-top: 140px;}
    .mb140\@m {margin-bottom: 140px;}
    .m150\@m {margin-bottom: 150px;}
    *+.m150\@m {margin-top: 150px;}
    .mr150\@m {margin-right: 150px;}
    .ml150\@m {margin-left: 150px;}
    .mt150\@m {margin-top: 150px;}
    .mb150\@m {margin-bottom: 150px;}
    .m160\@m {margin-bottom: 160px;}
    *+.m160\@m {margin-top: 160px;}
    .mr160\@m {margin-right: 160px;}
    .ml160\@m {margin-left: 160px;}
    .mt160\@m {margin-top: 160px;}
    .mb160\@m {margin-bottom: 160px;}
    .m170\@m {margin-bottom: 170px;}
    *+.m170\@m {margin-top: 170px;}
    .mr170\@m {margin-right: 170px;}
    .ml170\@m {margin-left: 170px;}
    .mt170\@m {margin-top: 170px;}
    .mb170\@m {margin-bottom: 170px;}
    .m180\@m {margin-bottom: 180px;}
    *+.m180\@m {margin-top: 180px;}
    .mr180\@m {margin-right: 180px;}
    .ml180\@m {margin-left: 180px;}
    .mt180\@m {margin-top: 180px;}
    .mb180\@m {margin-bottom: 180px;}
    .m190\@m {margin-bottom: 190px;}
    *+.m190\@m {margin-top: 190px;}
    .mr190\@m {margin-right: 190px;}
    .ml190\@m {margin-left: 190px;}
    .mt190\@m {margin-top: 190px;}
    .mb190\@m {margin-bottom: 190px;}
    .m200\@m {margin-bottom: 200px;}
    *+.m200\@m {margin-top: 200px;}
    .mr200\@m {margin-right: 200px;}
    .ml200\@m {margin-left: 200px;}
    .mt200\@m {margin-top: 200px;}
    .mb200\@m {margin-bottom: 200px;}
    
    /* Negative Margin ========================================================================== */

    .m-5\@m {margin-bottom: -5px;}
    *+.m-5\@m {margin-top: -5px;}
    .mr-5\@m {margin-right: -5px;}
    .ml-5\@m {margin-left: -5px;}
    .mt-5\@m {margin-top: -5px;}
    .mb-5\@m {margin-bottom: -5px;}
    .m-10\@m {margin-bottom: -10px;}
    *+.m-10\@m {margin-top: -10px;}
    .mr-10\@m {margin-right: -10px;}
    .ml-10\@m {margin-left: -10px;}
    .mt-10\@m {margin-top: -10px;}
    .mb-10\@m {margin-bottom: -10px;}
    .m-15\@m {margin-bottom: -15px;}
    *+.m-15\@m {margin-top: -15px;}
    .mr-15\@m {margin-right: -15px;}
    .ml-15\@m {margin-left: -15px;}
    .mt-15\@m {margin-top: -15px;}
    .mb-15\@m {margin-bottom: -15px;}
    .m-20\@m {margin-bottom: -20px;}
    *+.m-20\@m {margin-top: -20px;}
    .mr-20\@m {margin-right: -20px;}
    .ml-20\@m {margin-left: -20px;}
    .mt-20\@m {margin-top: -20px;}
    .mb-20\@m {margin-bottom: -20px;}
    .m-30\@m {margin-bottom: -30px;}
    *+.m-30\@m {margin-top: -30px;}
    .mr-30\@m {margin-right: -30px;}
    .ml-30\@m {margin-left: -30px;}
    .mt-30\@m {margin-top: -30px;}
    .mb-30\@m {margin-bottom: -30px;}
    .m-40\@m {margin-bottom: -40px;}
    *+.m-40\@m {margin-top: -40px;}
    .mr-40\@m {margin-right: -40px;}
    .ml-40\@m {margin-left: -40px;}
    .mt-40\@m {margin-top: -40px;}
    .mb-40\@m {margin-bottom: -40px;}
    .m-50\@m {margin-bottom: -50px;}
    *+.m-50\@m {margin-top: -50px;}
    .mr-50\@m {margin-right: -50px;}
    .ml-50\@m {margin-left: -50px;}
    .mt-50\@m {margin-top: -50px;}
    .mb-50\@m {margin-bottom: -50px;}
    .m-60\@m {margin-bottom: -60px;}
    *+.m-60\@m {margin-top: -60px;}
    .mr-60\@m {margin-right: -60px;}
    .ml-60\@m {margin-left: -60px;}
    .mt-60\@m {margin-top: -60px;}
    .mb-60\@m {margin-bottom: -60px;}
    .m-70\@m {margin-bottom: -70px;}
    *+.m-70\@m {margin-top: -70px;}
    .mr-70\@m {margin-right: -70px;}
    .ml-70\@m {margin-left: -70px;}
    .mt-70\@m {margin-top: -70px;}
    .mb-70\@m {margin-bottom: -70px;}
    .m-80\@m {margin-bottom: -80px;}
    *+.m-80\@m {margin-top: -80px;}
    .mr-80\@m {margin-right: -80px;}
    .ml-80\@m {margin-left: -80px;}
    .mt-80\@m {margin-top: -80px;}
    .mb-80\@m {margin-bottom: -80px;}
    .m-90\@m {margin-bottom: -90px;}
    *+.m-90\@m {margin-top: -90px;}
    .mr-90\@m {margin-right: -90px;}
    .ml-90\@m {margin-left: -90px;}
    .mt-90\@m {margin-top: -90px;}
    .mb-90\@m {margin-bottom: -90px;}
    .m-100\@m {margin-bottom: -100px;}
    *+.m-100\@m {margin-top: -100px;}
    .mr-100\@m {margin-right: -100px;}
    .ml-100\@m {margin-left: -100px;}
    .mt-100\@m {margin-top: -100px;}
    .mb-100\@m {margin-bottom: -100px;}
    .m-110\@m {margin-bottom: -110px;}
    *+.m-110\@m {margin-top: -110px;}
    .mr-110\@m {margin-right: -110px;}
    .ml-110\@m {margin-left: -110px;}
    .mt-110\@m {margin-top: -110px;}
    .mb-110\@m {margin-bottom: -110px;}
    .m-120\@m {margin-bottom: -120px;}
    *+.m-120\@m {margin-top: -120px;}
    .mr-120\@m {margin-right: -120px;}
    .ml-120\@m {margin-left: -120px;}
    .mt-120\@m {margin-top: -120px;}
    .mb-120\@m {margin-bottom: -120px;}
    .m-130\@m {margin-bottom: -130px;}
    *+.m-130\@m {margin-top: -130px;}
    .mr-130\@m {margin-right: -130px;}
    .ml-130\@m {margin-left: -130px;}
    .mt-130\@m {margin-top: -130px;}
    .mb-130\@m {margin-bottom: -130px;}
    .m-140\@m {margin-bottom: -140px;}
    *+.m-140\@m {margin-top: -140px;}
    .mr-140\@m {margin-right: -140px;}
    .ml-140\@m {margin-left: -140px;}
    .mt-140\@m {margin-top: -140px;}
    .mb-140\@m {margin-bottom: -140px;}
    .m-150\@m {margin-bottom: -150px;}
    *+.m-150\@m {margin-top: -150px;}
    .mr-150\@m {margin-right: -150px;}
    .ml-150\@m {margin-left: -150px;}
    .mt-150\@m {margin-top: -150px;}
    .mb-150\@m {margin-bottom: -150px;}
    .m-160\@m {margin-bottom: -160px;}
    *+.m-160\@m {margin-top: -160px;}
    .mr-160\@m {margin-right: -160px;}
    .ml-160\@m {margin-left: -160px;}
    .mt-160\@m {margin-top: -160px;}
    .mb-160\@m {margin-bottom: -160px;}
    .m-170\@m {margin-bottom: -170px;}
    *+.m-170\@m {margin-top: -170px;}
    .mr-170\@m {margin-right: -170px;}
    .ml-170\@m {margin-left: -170px;}
    .mt-170\@m {margin-top: -170px;}
    .mb-170\@m {margin-bottom: -170px;}
    .m-180\@m {margin-bottom: -180px;}
    *+.m-180\@m {margin-top: -180px;}
    .mr-180\@m {margin-right: -180px;}
    .ml-180\@m {margin-left: -180px;}
    .mt-180\@m {margin-top: -180px;}
    .mb-180\@m {margin-bottom: -180px;}
    .m-190\@m {margin-bottom: -190px;}
    *+.m-190\@m {margin-top: -190px;}
    .mr-190\@m {margin-right: -190px;}
    .ml-190\@m {margin-left: -190px;}
    .mt-190\@m {margin-top: -190px;}
    .mb-190\@m {margin-bottom: -190px;}
    .m-200\@m {margin-bottom: -200px;}
    *+.m-200\@m {margin-top: -200px;}
    .mr-200\@m {margin-right: -200px;}
    .ml-200\@m {margin-left: -200px;}
    .mt-200\@m {margin-top: -200px;}
    .mb-200\@m {margin-bottom: -200px;}
    .m-300\@m {margin-bottom: -300px;}
    *+.m-300\@m {margin-top: -300px;}
    .mr-300\@m {margin-right: -300px;}
    .ml-300\@m {margin-left: -300px;}
    .mt-300\@m {margin-top: -300px;}
    .mb-300\@m {margin-bottom: -300px;}
    .m-400\@m {margin-bottom: -400px;}
    *+.m-400\@m {margin-top: -400px;}
    .mr-400\@m {margin-right: -400px;}
    .ml-400\@m {margin-left: -400px;}
    .mt-400\@m {margin-top: -400px;}
    .mb-400\@m {margin-bottom: -400px;}
    .m-500\@m {margin-bottom: -500px;}
    *+.m-500\@m {margin-top: -500px;}
    .mr-500\@m {margin-right: -500px;}
    .ml-500\@m {margin-left: -500px;}
    .mt-500\@m {margin-top: -500px;}
    .mb-500\@m {margin-bottom: -500px;}
    
    /* Margin Auto ========================================================================== */

    .mauto\@m {
        margin-left: auto;
        margin-right: auto;
    }
    .mauto-vertical\@m {
        margin-top: auto;
        margin-bottom: auto;
    }
    .mrauto\@m {margin-right: auto;}
    .mlauto\@m {margin-left: auto;}
    .mtauto\@m {margin-top: auto;}
    .mbauto\@m {margin-bottom: auto;}
    
    /* Width ========================================================================== */

    .w15\@m {width: 15px;}
    .w20\@m {width: 20px;}
    .w25\@m {width: 25px;}
    .w30\@m {width: 30px;}
    .w35\@m {width: 35px;}
    .w40\@m {width: 40px;}
    .w50\@m {width: 50px;}
    .w60\@m {width: 60px;}
    .w70\@m {width: 70px;}
    .w80\@m {width: 80px;}
    .w90\@m {width: 90px;}
    .w100\@m {width:100px;}
    .w110\@m {width: 110px;}
    .w120\@m {width: 120px;}
    .w130\@m {width: 130px;}
    .w140\@m {width: 140px;}
    .w150\@m {width: 150px;}
    .w160\@m {width: 160px;}
    .w170\@m {width: 170px;}
    .w180\@m {width: 180px;}
    .w190\@m {width: 190px;}
    .w200\@m {width: 200px;}
    .w210\@m {width: 210px;}
    .w220\@m {width: 220px;}
    .w230\@m {width: 230px;}
    .w240\@m {width: 240px;}
    .w250\@m {width: 250px;}
    .w260\@m {width: 260px;}
    .w270\@m {width: 270px;}
    .w280\@m {width: 280px;}
    .w290\@m {width: 290px;}
    .w300\@m {width: 300px;}
    .w350\@m {width: 350px;}
    .w400\@m {width: 400px;}
    .w450\@m {width: 450px;}
    .w500\@m {width: 500px;}
    .w550\@m {width: 550px;}
    .w600\@m {width: 600px;}
    .w650\@m {width: 650px;}
    .w700\@m {width: 700px;}
    .w750\@m {width: 750px;}
    .w800\@m {width: 800px;}
    .w850\@m {width: 850px;}
    .w900\@m {width: 900px;}
    .w950\@m {width: 950px;}
    .w1000\@m {width: 1000px;}
    .w1100\@m {width: 1100px;}
    .w1200\@m {width: 1200px;}
    .wauto\@m {width: auto;}
    
    /* Height
     ========================================================================== */

    .hauto\@m {height: auto;}
    .h15\@m {height: 15px;}
    .h20\@m {height: 20px;}
    .h25\@m {height: 25px;}
    .h30\@m {height: 30px;}
    .h35\@m {height: 35px;}
    .h40\@m {height: 40px;}
    .h50\@m {height: 50px;}
    .h60\@m {height: 60px;}
    .h70\@m {height: 70px;}
    .h80\@m {height: 80px;}
    .h90\@m {height: 90px;}
    .h100\@m {height:100px;}
    .h110\@m {height: 110px;}
    .h120\@m {height: 120px;}
    .h130\@m {height: 130px;}
    .h140\@m {height: 140px;}
    .h150\@m {height: 150px;}
    .h160\@m {height: 160px;}
    .h170\@m {height: 170px;}
    .h180\@m {height: 180px;}
    .h190\@m {height: 190px;}
    .h200\@m {height: 200px;}
    .h210\@m {height: 210px;}
    .h220\@m {height: 220px;}
    .h230\@m {height: 230px;}
    .h240\@m {height: 240px;}
    .h250\@m {height: 250px;}
    .h260\@m {height: 260px;}
    .h270\@m {height: 270px;}
    .h280\@m {height: 280px;}
    .h290\@m {height: 290px;}
    .h300\@m {height: 300px;}
    .h350\@m {height: 350px;}
    .h400\@m {height: 400px;}
    .h450\@m {height: 450px;}
    .h500\@m {height: 500px;}
    .h550\@m {height: 550px;}
    .h600\@m {height: 600px;}
    .h650\@m {height: 650px;}
    .h700\@m {height: 700px;}
    .h750\@m {height: 750px;}
    .h800\@m {height: 800px;}
    
    /* Display ========================================================================== */

    .block\@m {
        display: block;
    }
    .inline-block\@m {
        display: inline-block;
    }
    .flex\@m {
        display: flex;
    }
    .inline-flex\@m {
        display: inline-flex;
    }
	.list.list-responsive {
		display: flex;
		flex-wrap: wrap;
	}
	.list.list-responsive>dt {
        width: 130px;
		padding-right: 20px;
	}
	.list.list-responsive>dd {
		width: calc(100% - 130px);
	}
	.list.list-responsive-l>dt {
		width: 160px;
	}
	.list.list-responsive-l>dd {
		width: calc(100% - 160px);
	}
	.list.list-responsive>dd:nth-child(2) {
		padding-top: 0;
	}
	.list.list-responsive>dd:nth-child(n+4) {
		margin-top: 10px;
		padding-top: 10px;
	}
	.list.list-line.list-responsive>dd:nth-child(n+4) {
		border-top: 1px solid #e5e5e5;
	}
    .table-responsive>*>tr,
    .table-responsive>tr
    {
        display: table-row;
        padding: 0;
    }
    .table-responsive>*>tr>th,
    .table-responsive>*>tr>td,
    .table-responsive>tr>th,
    .table-responsive>tr>td
    {
        display: table-cell;
        padding: 16px 12px;
    }
    .table-responsive.table-s>*>tr>th,
    .table-responsive.table-s>*>tr>td,
    .table-responsive.table-s>tr>th,
    .table-responsive.table-s>tr>td
    {
        padding: 6px 12px;
    }
}

 /* large devices (large desktops, 1200px and up) ========================================================================== */
 
@media (max-width: 1199px) {
    .visible\@l {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    
	/* Modal ========================================================================== */
    
    .modal {
		padding: 90px 30px;
	}
	
    /* Text Align ========================================================================== */
    
    .left\@l {text-align: left;}
    .right\@l {text-align: right;}
    .center\@l {text-align: center;}
    .top\@l {vertical-align: top;}
    .middle\@l {vertical-align: middle;}
    .bottom\@l {vertical-align: bottom;}
    .baseline\@l {vertical-align: baseline;}
    .text-bottom\@l {vertical-align: text-bottom;}
    
    /* Display ========================================================================== */

    .block\@l {display: block;}
    .inline-block\@l {display: inline-block;}
    .flex\@l {display: flex;}
    .inline-flex\@l {display: inline-flex;}
    .hidden\@l {display: none !important;}
    
    /* Flex Properties ========================================================================== */

    .flex-top\@l {align-items: flex-start !important;}
    .flex-middle\@l {align-items: center !important;}
    .flex-bottom\@l {align-items: flex-end !important;}
    .flex-left\@l {justify-content: flex-start !important;}
    .flex-center\@l {justify-content: center !important;}
    .flex-right\@l {justify-content: flex-end !important;}
    .flex-between\@l {justify-content: space-between !important;}
    .flex-around\@l {justify-content: space-around !important;}
    .flex-reverse\@l {flex-direction: row-reverse;}
    .flex-wrap\@l {flex-wrap: wrap;}
    .flex-grow1\@l {flex-grow: 1;}
    .flex-grow2\@l {flex-grow: 2;}
    .flex-grow3\@l {flex-grow: 3;}
    .flex-grow4\@l {flex-grow: 4;}
    .flex-grow5\@l {flex-grow: 5;}
    .flex-grow6\@l {flex-grow: 6;}

    /* Column ========================================================================== */
    
	.wauto\@l, .child-width-auto\@l>* {
		width: auto;
	}
	.w1-1\@l, .child-width1-1\@l>* {
		width: 100%;
	}
	.w1-2\@l, .child-width1-2\@l>* {
		width: calc(100% / 2);
	}
	.w1-3\@l, .child-width1-3\@l>* {
		width: calc(100% / 3);
	}
	.w1-4\@l, .child-width1-4\@l>* {
		width: calc(100% / 4);
	}
	.w1-5\@l, .child-width1-5\@l>* {
		width: calc(100% / 5);
	}
	.w1-6\@l, .child-width1-6\@l>* {
		width: calc(100% / 6);
	}
	.hauto\@l, .child-height-auto\@l>* {
		height: auto;
	}
    .h1-1\@l, .child-height-1-1\@l>* {
        height: 100%;
    }
    .h1-2\@l, .child-height1-2\@l>* {
        height: calc(100% / 2);
    }
    .h1-3\@l, .child-height1-3\@l>* {
        height: calc(100% / 3);
    }
    .h1-4\@l, .child-height1-4\@l>* {
        height: calc(100% / 4);
    }
    .h1-5\@l, .child-height1-5\@l>* {
        height: calc(100% / 5);
    }
    .h1-6\@l, .child-height1-6\@l>* {
        height: calc(100% / 6);
    }
    
    /* Text ========================================================================== */

    .f10\@l {font-size: 10px;}
    .f11\@l {font-size: 11px;}
    .f12\@l {font-size: 12px;}
    .f13\@l {font-size: 13px;}
    .f14\@l {font-size: 14px;}
    .f15\@l {font-size: 15px;}
    .f16\@l {font-size: 16px;}
    .f17\@l {font-size: 17px;}
    .f18\@l {font-size: 18px;}
    .f19\@l {font-size: 19px;}
    .f20\@l {font-size: 20px;}
    .f22\@l {font-size: 22px;}
    .f24\@l {font-size: 24px;}
    .f26\@l {font-size: 26px;}
    .f28\@l {font-size: 28px;}
    .f30\@l {font-size: 30px;}
    .f36\@l {font-size: 36px;}
    .f42\@l {font-size: 42px;}
    .f48\@l {font-size: 48px;}
    .f54\@l {font-size: 54px;}
    .f60\@l {font-size: 60px;}
    .f66\@l {font-size: 66px;}
    .f72\@l {font-size: 72px;}
    
    /* Padding ========================================================================== */
    
    .p0\@l {padding: 0}
    .pr0\@l {padding-right: 0px;}
    .pl0\@l {padding-left: 0px;}
    .pt0\@l {padding-top: 0px;}
    .pb0\@l {padding-bottom: 0px;}
    .p5\@l {padding: 5px;}
    .pr5\@l {padding-right: 5px;}
    .pl5\@l {padding-left: 5px;}
    .pt5\@l {padding-top: 5px;}
    .pb5\@l {padding-bottom: 5px;}
    .p10\@l {padding: 10px;}
    .pr10\@l {padding-right: 10px;}
    .pl10\@l {padding-left: 10px;}
    .pt10\@l {padding-top: 10px;}
    .pb10\@l {padding-bottom: 10px;}
    .p15\@l {padding: 15px;}
    .pr15\@l {padding-right: 15px;}
    .pl15\@l {padding-left: 15px;}
    .pt15\@l {padding-top: 15px;}
    .pb15\@l {padding-bottom: 15px;}
    .p20\@l {padding: 20px;}
    .pr20\@l {padding-right: 20px;}
    .pl20\@l {padding-left: 20px;}
    .pt20\@l {padding-top: 20px;}
    .pb20\@l {padding-bottom: 20px;}
    .p30\@l {padding: 30px;}
    .pr30\@l {padding-right: 30px;}
    .pl30\@l {padding-left: 30px;}
    .pt30\@l {padding-top: 30px;}
    .pb30\@l {padding-bottom: 30px;}
    .p40\@l {padding: 40px;}
    .pr40\@l {padding-right: 40px;}
    .pl40\@l {padding-left: 40px;}
    .pt40\@l {padding-top: 40px;}
    .pb40\@l {padding-bottom: 40px;}
    .p50\@l {padding: 50px;}
    .pr50\@l {padding-right: 50px;}
    .pl50\@l {padding-left: 50px;}
    .pt50\@l {padding-top: 50px;}
    .pb50\@l {padding-bottom: 50px;}
    .p50\@l {padding: 50px;}
    .pr60\@l {padding-right: 60px;}
    .pl60\@l {padding-left: 60px;}
    .pt60\@l {padding-top: 60px;}
    .pb60\@l {padding-bottom: 60px;}
    .p70\@l {padding: 70px;}
    .pr70\@l {padding-right: 70px;}
    .pl70\@l {padding-left: 70px;}
    .pt70\@l {padding-top: 70px;}
    .pb70\@l {padding-bottom: 70px;}
    .p80\@l {padding: 80px;}
    .pr80\@l {padding-right: 80px;}
    .pl80\@l {padding-left: 80px;}
    .pt80\@l {padding-top: 80px;}
    .pb80\@l {padding-bottom: 80px;}
    .p90\@l {padding: 90px;}
    .pr90\@l {padding-right: 90px;}
    .pl90\@l {padding-left: 90px;}
    .pt90\@l {padding-top: 90px;}
    .pb90\@l {padding-bottom: 90px;}
    .p100\@l {padding: 100px;}
    .pr100\@l {padding-right: 100px;}
    .pl100\@l {padding-left: 100px;}
    .pt100\@l {padding-top: 100px;}
    .pb100\@l {padding-bottom: 100px;}
    .p120\@l {padding: 120px;}
    .pr120\@l {padding-right: 120px;}
    .pl120\@l {padding-left: 120px;}
    .pt120\@l {padding-top: 120px;}
    .pb120\@l {padding-bottom: 120px;}
    .p140\@l {padding: 140px;}
    .pr140\@l {padding-right: 140px;}
    .pl140\@l {padding-left: 140px;}
    .pt140\@l {padding-top: 140px;}
    .pb140\@l {padding-bottom: 140px;}
    .p160\@l {padding: 160px;}
    .pr160\@l {padding-right: 160px;}
    .pl160\@l {padding-left: 160px;}
    .pt160\@l {padding-top: 160px;}
    .pb160\@l {padding-bottom: 160px;}
    .p180\@l {padding: 180px;}
    .pr180\@l {padding-right: 180px;}
    .pl180\@l {padding-left: 180px;}
    .pt180\@l {padding-top: 180px;}
    .pb180\@l {padding-bottom: 180px;}
    .p200\@l {padding: 200px;}
    .pr200\@l {padding-right: 200px;}
    .pl200\@l {padding-left: 200px;}
    .pt200\@l {padding-top: 200px;}
    .pb200\@l {padding-bottom: 200px;}
    
    /* Margin ========================================================================== */
    
    .m0\@l {margin-bottom: 0px;}
    *+.m0\@l {margin-top: 0px;}
    .mr0\@l {margin-right: 0px;}
    .ml0\@l {margin-left: 0px;}
    .mt0\@l {margin-top: 0px;}
    .mb0\@l {margin-bottom: 0px;}
    .m5\@l {margin-bottom: 5px;}
    *+.m5\@l {margin-top: 5px;}
    .mr5\@l {margin-right: 5px;}
    .ml5\@l {margin-left: 5px;}
    .mt5\@l {margin-top: 5px;}
    .mb5\@l {margin-bottom: 5px;}
    .m10\@l {margin-bottom: 10px;}
    *+.m10\@l {margin-top: 10px;}
    .mr10\@l {margin-right: 10px;}
    .ml10\@l {margin-left: 10px;}
    .mt10\@l {margin-top: 10px;}
    .mb10\@l {margin-bottom: 10px;}
    .m15\@l {margin-bottom: 15px;}
    *+.m15\@l {margin-top: 15px;}
    .mr15\@l {margin-right: 15px;}
    .ml15\@l {margin-left: 15px;}
    .mt15\@l {margin-top: 15px;}
    .mb15\@l {margin-bottom: 15px;}
    .m20\@l {margin-bottom: 20px;}
    *+.m20\@l {margin-top: 20px;}
    .mr20\@l {margin-right: 20px;}
    .ml20\@l {margin-left: 20px;}
    .mt20\@l {margin-top: 20px;}
    .mb20\@l {margin-bottom: 20px;}
    .m30\@l {margin-bottom: 30px;}
    *+.m30\@l {margin-top: 30px;}
    .mr30\@l {margin-right: 30px;}
    .ml30\@l {margin-left: 30px;}
    .mt30\@l {margin-top: 30px;}
    .mb30\@l {margin-bottom: 30px;}
    .m40\@l {margin-bottom: 40px;}
    *+.m40\@l {margin-top: 40px;}
    .mr40\@l {margin-right: 40px;}
    .ml40\@l {margin-left: 40px;}
    .mt40\@l {margin-top: 40px;}
    .mb40\@l {margin-bottom: 40px;}
    .m50\@l {margin-bottom: 50px;}
    *+.m50\@l {margin-top: 50px;}
    .mr50\@l {margin-right: 50px;}
    .ml50\@l {margin-left: 50px;}
    .mt50\@l {margin-top: 50px;}
    .mb50\@l {margin-bottom: 50px;}
    .m60\@l {margin-bottom: 60px;}
    *+.m60\@l {margin-top: 60px;}
    .mr60\@l {margin-right: 60px;}
    .ml60\@l {margin-left: 60px;}
    .mt60\@l {margin-top: 60px;}
    .mb60\@l {margin-bottom: 60px;}
    .m70\@l {margin-bottom: 70px;}
    *+.m70\@l {margin-top: 70px;}
    .mr70\@l {margin-right: 70px;}
    .ml70\@l {margin-left: 70px;}
    .mt70\@l {margin-top: 70px;}
    .mb70\@l {margin-bottom: 70px;}
    .m80\@l {margin-bottom: 80px;}
    *+.m80\@l {margin-top: 80px;}
    .mr80\@l {margin-right: 80px;}
    .ml80\@l {margin-left: 80px;}
    .mt80\@l {margin-top: 80px;}
    .mb80\@l {margin-bottom: 80px;}
    .m90\@l {margin-bottom: 90px;}
    *+.m90\@l {margin-top: 90px;}
    .mr90\@l {margin-right: 90px;}
    .ml90\@l {margin-left: 90px;}
    .mt90\@l {margin-top: 90px;}
    .mb90\@l {margin-bottom: 90px;}
    .m100\@l {margin-bottom: 100px;}
    *+.m100\@l {margin-top: 100px;}
    .mr100\@l {margin-right: 100px;}
    .ml100\@l {margin-left: 100px;}
    .mt100\@l {margin-top: 100px;}
    .mb100\@l {margin-bottom: 100px;}
    .m110\@l {margin-bottom: 110px;}
    *+.m110\@l {margin-top: 110px;}
    .mr110\@l {margin-right: 110px;}
    .ml110\@l {margin-left: 110px;}
    .mt110\@l {margin-top: 110px;}
    .mb110\@l {margin-bottom: 110px;}
    .m120\@l {margin-bottom: 120px;}
    *+.m120\@l {margin-top: 120px;}
    .mr120\@l {margin-right: 120px;}
    .ml120\@l {margin-left: 120px;}
    .mt120\@l {margin-top: 120px;}
    .mb120\@l {margin-bottom: 120px;}
    .m130\@l {margin-bottom: 130px;}
    *+.m130\@l {margin-top: 130px;}
    .mr130\@l {margin-right: 130px;}
    .ml130\@l {margin-left: 130px;}
    .mt130\@l {margin-top: 130px;}
    .mb130\@l {margin-bottom: 130px;}
    .m140\@l {margin-bottom: 140px;}
    *+.m140\@l {margin-top: 140px;}
    .mr140\@l {margin-right: 140px;}
    .ml140\@l {margin-left: 140px;}
    .mt140\@l {margin-top: 140px;}
    .mb140\@l {margin-bottom: 140px;}
    .m150\@l {margin-bottom: 150px;}
    *+.m150\@l {margin-top: 150px;}
    .mr150\@l {margin-right: 150px;}
    .ml150\@l {margin-left: 150px;}
    .mt150\@l {margin-top: 150px;}
    .mb150\@l {margin-bottom: 150px;}
    .m160\@l {margin-bottom: 160px;}
    *+.m160\@l {margin-top: 160px;}
    .mr160\@l {margin-right: 160px;}
    .ml160\@l {margin-left: 160px;}
    .mt160\@l {margin-top: 160px;}
    .mb160\@l {margin-bottom: 160px;}
    .m170\@l {margin-bottom: 170px;}
    *+.m170\@l {margin-top: 170px;}
    .mr170\@l {margin-right: 170px;}
    .ml170\@l {margin-left: 170px;}
    .mt170\@l {margin-top: 170px;}
    .mb170\@l {margin-bottom: 170px;}
    .m180\@l {margin-bottom: 180px;}
    *+.m180\@l {margin-top: 180px;}
    .mr180\@l {margin-right: 180px;}
    .ml180\@l {margin-left: 180px;}
    .mt180\@l {margin-top: 180px;}
    .mb180\@l {margin-bottom: 180px;}
    .m190\@l {margin-bottom: 190px;}
    *+.m190\@l {margin-top: 190px;}
    .mr190\@l {margin-right: 190px;}
    .ml190\@l {margin-left: 190px;}
    .mt190\@l {margin-top: 190px;}
    .mb190\@l {margin-bottom: 190px;}
    .m200\@l {margin-bottom: 200px;}
    *+.m200\@l {margin-top: 200px;}
    .mr200\@l {margin-right: 200px;}
    .ml200\@l {margin-left: 200px;}
    .mt200\@l {margin-top: 200px;}
    .mb200\@l {margin-bottom: 200px;}
    
    
    /* Negative Margin ========================================================================== */

    .m-5\@l {margin-bottom: -5px;}
    *+.m-5\@l {margin-top: -5px;}
    .mr-5\@l {margin-right: -5px;}
    .ml-5\@l {margin-left: -5px;}
    .mt-5\@l {margin-top: -5px;}
    .mb-5\@l {margin-bottom: -5px;}
    .m-10\@l {margin-bottom: -10px;}
    *+.m-10\@l {margin-top: -10px;}
    .mr-10\@l {margin-right: -10px;}
    .ml-10\@l {margin-left: -10px;}
    .mt-10\@l {margin-top: -10px;}
    .mb-10\@l {margin-bottom: -10px;}
    .m-15\@l {margin-bottom: -15px;}
    *+.m-15\@l {margin-top: -15px;}
    .mr-15\@l {margin-right: -15px;}
    .ml-15\@l {margin-left: -15px;}
    .mt-15\@l {margin-top: -15px;}
    .mb-15\@l {margin-bottom: -15px;}
    .m-20\@l {margin-bottom: -20px;}
    *+.m-20\@l {margin-top: -20px;}
    .mr-20\@l {margin-right: -20px;}
    .ml-20\@l {margin-left: -20px;}
    .mt-20\@l {margin-top: -20px;}
    .mb-20\@l {margin-bottom: -20px;}
    .m-30\@l {margin-bottom: -30px;}
    *+.m-30\@l {margin-top: -30px;}
    .mr-30\@l {margin-right: -30px;}
    .ml-30\@l {margin-left: -30px;}
    .mt-30\@l {margin-top: -30px;}
    .mb-30\@l {margin-bottom: -30px;}
    .m-40\@l {margin-bottom: -40px;}
    *+.m-40\@l {margin-top: -40px;}
    .mr-40\@l {margin-right: -40px;}
    .ml-40\@l {margin-left: -40px;}
    .mt-40\@l {margin-top: -40px;}
    .mb-40\@l {margin-bottom: -40px;}
    .m-50\@l {margin-bottom: -50px;}
    *+.m-50\@l {margin-top: -50px;}
    .mr-50\@l {margin-right: -50px;}
    .ml-50\@l {margin-left: -50px;}
    .mt-50\@l {margin-top: -50px;}
    .mb-50\@l {margin-bottom: -50px;}
    .m-60\@l {margin-bottom: -60px;}
    *+.m-60\@l {margin-top: -60px;}
    .mr-60\@l {margin-right: -60px;}
    .ml-60\@l {margin-left: -60px;}
    .mt-60\@l {margin-top: -60px;}
    .mb-60\@l {margin-bottom: -60px;}
    .m-70\@l {margin-bottom: -70px;}
    *+.m-70\@l {margin-top: -70px;}
    .mr-70\@l {margin-right: -70px;}
    .ml-70\@l {margin-left: -70px;}
    .mt-70\@l {margin-top: -70px;}
    .mb-70\@l {margin-bottom: -70px;}
    .m-80\@l {margin-bottom: -80px;}
    *+.m-80\@l {margin-top: -80px;}
    .mr-80\@l {margin-right: -80px;}
    .ml-80\@l {margin-left: -80px;}
    .mt-80\@l {margin-top: -80px;}
    .mb-80\@l {margin-bottom: -80px;}
    .m-90\@l {margin-bottom: -90px;}
    *+.m-90\@l {margin-top: -90px;}
    .mr-90\@l {margin-right: -90px;}
    .ml-90\@l {margin-left: -90px;}
    .mt-90\@l {margin-top: -90px;}
    .mb-90\@l {margin-bottom: -90px;}
    .m-100\@l {margin-bottom: -100px;}
    *+.m-100\@l {margin-top: -100px;}
    .mr-100\@l {margin-right: -100px;}
    .ml-100\@l {margin-left: -100px;}
    .mt-100\@l {margin-top: -100px;}
    .mb-100\@l {margin-bottom: -100px;}
    .m-110\@l {margin-bottom: -110px;}
    *+.m-110\@l {margin-top: -110px;}
    .mr-110\@l {margin-right: -110px;}
    .ml-110\@l {margin-left: -110px;}
    .mt-110\@l {margin-top: -110px;}
    .mb-110\@l {margin-bottom: -110px;}
    .m-120\@l {margin-bottom: -120px;}
    *+.m-120\@l {margin-top: -120px;}
    .mr-120\@l {margin-right: -120px;}
    .ml-120\@l {margin-left: -120px;}
    .mt-120\@l {margin-top: -120px;}
    .mb-120\@l {margin-bottom: -120px;}
    .m-130\@l {margin-bottom: -130px;}
    *+.m-130\@l {margin-top: -130px;}
    .mr-130\@l {margin-right: -130px;}
    .ml-130\@l {margin-left: -130px;}
    .mt-130\@l {margin-top: -130px;}
    .mb-130\@l {margin-bottom: -130px;}
    .m-140\@l {margin-bottom: -140px;}
    *+.m-140\@l {margin-top: -140px;}
    .mr-140\@l {margin-right: -140px;}
    .ml-140\@l {margin-left: -140px;}
    .mt-140\@l {margin-top: -140px;}
    .mb-140\@l {margin-bottom: -140px;}
    .m-150\@l {margin-bottom: -150px;}
    *+.m-150\@l {margin-top: -150px;}
    .mr-150\@l {margin-right: -150px;}
    .ml-150\@l {margin-left: -150px;}
    .mt-150\@l {margin-top: -150px;}
    .mb-150\@l {margin-bottom: -150px;}
    .m-160\@l {margin-bottom: -160px;}
    *+.m-160\@l {margin-top: -160px;}
    .mr-160\@l {margin-right: -160px;}
    .ml-160\@l {margin-left: -160px;}
    .mt-160\@l {margin-top: -160px;}
    .mb-160\@l {margin-bottom: -160px;}
    .m-170\@l {margin-bottom: -170px;}
    *+.m-170\@l {margin-top: -170px;}
    .mr-170\@l {margin-right: -170px;}
    .ml-170\@l {margin-left: -170px;}
    .mt-170\@l {margin-top: -170px;}
    .mb-170\@l {margin-bottom: -170px;}
    .m-180\@l {margin-bottom: -180px;}
    *+.m-180\@l {margin-top: -180px;}
    .mr-180\@l {margin-right: -180px;}
    .ml-180\@l {margin-left: -180px;}
    .mt-180\@l {margin-top: -180px;}
    .mb-180\@l {margin-bottom: -180px;}
    .m-190\@l {margin-bottom: -190px;}
    *+.m-190\@l {margin-top: -190px;}
    .mr-190\@l {margin-right: -190px;}
    .ml-190\@l {margin-left: -190px;}
    .mt-190\@l {margin-top: -190px;}
    .mb-190\@l {margin-bottom: -190px;}
    .m-200\@l {margin-bottom: -200px;}
    *+.m-200\@l {margin-top: -200px;}
    .mr-200\@l {margin-right: -200px;}
    .ml-200\@l {margin-left: -200px;}
    .mt-200\@l {margin-top: -200px;}
    .mb-200\@l {margin-bottom: -200px;}
    .m-300\@l {margin-bottom: -300px;}
    *+.m-300\@l {margin-top: -300px;}
    .mr-300\@l {margin-right: -300px;}
    .ml-300\@l {margin-left: -300px;}
    .mt-300\@l {margin-top: -300px;}
    .mb-300\@l {margin-bottom: -300px;}
    .m-400\@l {margin-bottom: -400px;}
    *+.m-400\@l {margin-top: -400px;}
    .mr-400\@l {margin-right: -400px;}
    .ml-400\@l {margin-left: -400px;}
    .mt-400\@l {margin-top: -400px;}
    .mb-400\@l {margin-bottom: -400px;}
    .m-500\@l {margin-bottom: -500px;}
    *+.m-500\@l {margin-top: -500px;}
    .mr-500\@l {margin-right: -500px;}
    .ml-500\@l {margin-left: -500px;}
    .mt-500\@l {margin-top: -500px;}
    .mb-500\@l {margin-bottom: -500px;}
    /* Width ========================================================================== */

    .w15\@l {width: 15px;}
    .w20\@l {width: 20px;}
    .w25\@l {width: 25px;}
    .w30\@l {width: 30px;}
    .w35\@l {width: 35px;}
    .w40\@l {width: 40px;}
    .w50\@l {width: 50px;}
    .w60\@l {width: 60px;}
    .w70\@l {width: 70px;}
    .w80\@l {width: 80px;}
    .w90\@l {width: 90px;}
    .w100\@l {width:100px;}
    .w110\@l {width: 110px;}
    .w120\@l {width: 120px;}
    .w130\@l {width: 130px;}
    .w140\@l {width: 140px;}
    .w150\@l {width: 150px;}
    .w160\@l {width: 160px;}
    .w170\@l {width: 170px;}
    .w180\@l {width: 180px;}
    .w190\@l {width: 190px;}
    .w200\@l {width: 200px;}
    .w210\@l {width: 210px;}
    .w220\@l {width: 220px;}
    .w230\@l {width: 230px;}
    .w240\@l {width: 240px;}
    .w250\@l {width: 250px;}
    .w260\@l {width: 260px;}
    .w270\@l {width: 270px;}
    .w280\@l {width: 280px;}
    .w290\@l {width: 290px;}
    .w300\@l {width: 300px;}
    .w350\@l {width: 350px;}
    .w400\@l {width: 400px;}
    .w450\@l {width: 450px;}
    .w500\@l {width: 500px;}
    .w550\@l {width: 550px;}
    .w600\@l {width: 600px;}
    .w650\@l {width: 650px;}
    .w700\@l {width: 700px;}
    .w750\@l {width: 750px;}
    .w800\@l {width: 800px;}
    .w850\@l {width: 850px;}
    .w900\@l {width: 900px;}
    .w950\@l {width: 950px;}
    .w1000\@l {width: 1000px;}
    .w1100\@l {width: 1100px;}
    .w1200\@l {width: 1200px;}
    .wauto\@l {width: auto;}
    
    /* Margin Auto ========================================================================== */

    .mauto\@l {
        margin-left: auto;
        margin-right: auto;
    }
    .mauto-vertical\@l {
        margin-top: auto;
        margin-bottom: auto;
    }
    .mrauto\@l {margin-right: auto;}
    .mlauto\@l {margin-left: auto;}
    .mtauto\@l {margin-top: auto;}
    .mbauto\@l {margin-bottom: auto;}
    
    /* Height
     ========================================================================== */
    
    .hauto\@l {height: auto;}
    .h15\@l {height: 15px;}
    .h20\@l {height: 20px;}
    .h25\@l {height: 25px;}
    .h30\@l {height: 30px;}
    .h35\@l {height: 35px;}
    .h40\@l {height: 40px;}
    .h50\@l {height: 50px;}
    .h60\@l {height: 60px;}
    .h70\@l {height: 70px;}
    .h80\@l {height: 80px;}
    .h90\@l {height: 90px;}
    .h100\@l {height:100px;}
    .h110\@l {height: 110px;}
    .h120\@l {height: 120px;}
    .h130\@l {height: 130px;}
    .h140\@l {height: 140px;}
    .h150\@l {height: 150px;}
    .h160\@l {height: 160px;}
    .h170\@l {height: 170px;}
    .h180\@l {height: 180px;}
    .h190\@l {height: 190px;}
    .h200\@l {height: 200px;}
    .h210\@l {height: 210px;}
    .h220\@l {height: 220px;}
    .h230\@l {height: 230px;}
    .h240\@l {height: 240px;}
    .h250\@l {height: 250px;}
    .h260\@l {height: 260px;}
    .h270\@l {height: 270px;}
    .h280\@l {height: 280px;}
    .h290\@l {height: 290px;}
    .h300\@l {height: 300px;}
    .h350\@l {height: 350px;}
    .h400\@l {height: 400px;}
    .h450\@l {height: 450px;}
    .h500\@l {height: 500px;}
    .h550\@l {height: 550px;}
    .h600\@l {height: 600px;}
    .h650\@l {height: 650px;}
    .h700\@l {height: 700px;}
    .h750\@l {height: 750px;}
    .h800\@l {height: 800px;}
}