/* @font-face { font-family: NotoSan-Regular; src: url(font/NotoSansJP-Regular.otf); } @font-face { font-family: NotoSan-Bold; src: url(font/NotoSansJP-Bold.otf); } @font-face { font-family: NotoSan-Black; src: url(font/NotoSansJP-Black.otf); } @font-face { font-family: NotoSan-Medium; src: url(font/NotoSansJP-Medium.otf); } @font-face { font-family: NotoSan-DemiLight; src: url(font/NotoSansJP-DemiLight.otf); } */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@keyframes fade-in { 0% { opacity: 0;
    transform: translateY(-2%); }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes fade-out { 0% { opacity: 1;
    transform: translateY(0); }
  30% { opacity: 0;
    transform: translateY(-2%); }
  100% { opacity: 0;
    transform: translateX(150%); } }

/* modified from normalize.css & _reboot.scss */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/*! _reboot.scss | MIT License | https://getbootstrap.com/ */
*, *::before, *::after { box-sizing: border-box; }

html { font-family: NotoSan-Regular, "Open Sans", "Microsoft JhengHei", "Apple LiGothic Medium", sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

@-ms-viewport { width: device-width; }

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

body { margin: 0; font-family: NotoSan-Regular, "Open Sans", "Microsoft JhengHei", "Apple LiGothic Medium", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; text-align: left; background-color: #DCE1E4; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

h1, h2, h3, h4, h5, h6, .font-h1, .font-h2, .font-h3, .font-h4, .font-h5, .font-h6 { /*font-family:$font-heading;*/ margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; }

h1, .font-h1 { font-size: 2.5rem; }

h2, .font-h2 { font-size: 2rem; }

h3, .font-h3 { font-size: 1.75rem; }

h4, .font-h4 { font-size: 1.5rem; }

h5, .font-h5 { font-size: 1.25rem; }

h6, .font-h6 { font-size: 1rem; }

p { margin-top: 0; margin-bottom: 1rem; }

b, strong { font-weight: bolder; }

a { text-decoration: none; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { vertical-align: middle; border-style: none; max-width: 100%; }

svg:not(:root) { overflow: hidden; vertical-align: middle; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

.side-panel { transition: all 0.2s ease-in-out; width: 370px; position: fixed; top: 0; height: 100vh; background-color: #fff; z-index: 1; }

.side-panel > div { height: 100%; }

.side-panel header { display: flex; justify-content: space-between; align-items: center; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }

.side-panel header .logo { height: 45px; width: 60%; }

.side-panel header .logo > .logo-bu { height: 100%; display: inline-block; }

.side-panel header .logo > .logo-bu > img { width: 195px; height: 45px; /* height:100%; */ }

.side-panel header > .icos { width: 40%; text-align: right; font-size: 2rem; }

.side-panel header > .icos > a { display: inline-block; width: 30px; color: #4E4E4F; }

.side-panel header > .icos > a.ico-menu, .side-panel header > .icos > a.ico-itin { display: none; }

nav.page-nav { padding-left: 15px; padding-right: 15px; padding-bottom: 1.2rem; }

nav.page-nav .spacer { content: ' '; background-color: #CCC; height: 1px; width: 100%; overflow: hidden; margin: .5rem 0; }

nav.page-nav > a.btn { padding: 6px .3rem; background-color: #fff; background-repeat: no-repeat; background-position: right 3px center; background-size: 40px; text-decoration: none; margin-bottom: .2rem; min-height: 3.2rem; display: flex; width: 100%; align-items: center; border: 1px solid #00B4A0; line-height: 1; color: #000; }

nav.page-nav > a.btn [lang='en'] { font-weight: 700; font-size: 0.97rem; padding-bottom: .3rem; }

nav.page-nav > a.btn [lang='zh'] { font-weight: 600; font-size: 1.05rem; }

nav.page-nav > a.btn.btn-uwide { background-color: #fff; color: #000; background-image: url(../img/nav-uwide.svg); padding-right: 45px; border-color: #00B4A0; }

nav.page-nav > a.btn.btn-arts { background-color: #D42329; color: #fff; background-image: url(../img/nav-arts.svg); padding-right: 45px; border-color: transparent; }

nav.page-nav > a.btn.btn-business { background-color: #E7BB29; color: #fff; background-image: url(../img/nav-business.svg); padding-right: 45px; border-color: transparent; }

nav.page-nav > a.btn.btn-chinese-medicine { background-color: #1E9647; color: #fff; background-image: url(../img/nav-chinese-medicine.svg); padding-right: 45px; border-color: transparent; }

nav.page-nav > a.btn.btn-comm { background-color: #2FC2DE; color: #fff; background-image: url(../img/nav-comm.svg); padding-right: 45px; border-color: transparent; }

nav.page-nav > a.btn.btn-sci { background-color: #0069B4; color: #fff; background-image: url(../img/nav-sci.svg); padding-right: 45px; border-color: transparent; }

nav.page-nav > a.btn.btn-social-sci { background-color: #A9CF39; color: #fff; background-image: url(../img/nav-social-sci.svg); padding-right: 45px; border-color: transparent; }

nav.page-nav > a.btn.btn-varts { background-color: #F4867C; color: #fff; background-image: url(../img/nav-varts.svg); padding-right: 45px; border-color: transparent; }

nav.page-nav > a.btn.btn-self { background-color: #fff; color: #000; border-color: #096D96; }

nav.page-nav > a.btn.btn-admin { background-color: #fff; color: #000; border-color: #096D96; }

nav.page-nav > a.btn.btn-tour { background-color: #fff; color: #000; border-color: #096D96; }

nav.page-nav > a.btn.btn-map { background-image: url(../img/nav-map.svg); }

nav.page-nav > a.btn.btn-itin { background-image: url(../img/nav-itin.svg); }

nav.page-nav > a.btn:hover { box-shadow: 0 0 6px #23adff; border-color: #fff; }

nav.page-nav .lines { margin-top: .5rem; }

nav.page-nav .lines > div { display: block; padding: 5px .3rem; font-weight: 700; font-size: 0.8rem; line-height: 1.1; }

nav.page-nav .lines a { /* display:block; */ color: #096D96; text-decoration: none; }

nav.page-nav .lines a:hover { text-decoration: underline; }

footer.main-footer { color: #096D96; font-size: 11px; padding-left: 15px; padding-right: 15px; text-align: right; }

footer.main-footer section { margin-bottom: 3px; }

footer.main-footer section.footer-social a { display: inline-block; margin-left: .8rem; width: 32px; height: 32px; }

main { padding-left: 370px; min-height: 100vh; position: relative; background-position: right top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

main .main-content { padding-top: 40px; margin-left: 40px; margin-right: 1rem; padding-bottom: 20px; max-width: 60%; }

main h1.page-headline { font-weight: 700; line-height: 1.1; font-size: 1.6rem; padding: .6rem .8rem; margin: 0; background-color: #fff; position: relative; }

main h1.page-headline [lang=en] { font-size: 1.3rem; font-weight: 800; }

main h1.page-headline > div { padding-top: .2rem; padding-bottom: .2rem; }

main h1.page-headline > div:last-of-type { padding-right: 60px; }

main h1.page-headline .ico { position: absolute; right: .4rem; bottom: .4rem; }

main h1.page-headline .ico .buicon { display: block; width: 45px; height: 45px; font-size: 2rem; padding-top: 18%; background-color: #fff; color: #000; text-align: center; border-radius: 50%; }

main h1.page-headline .ico .ico-open { display: none; }

main h1.page-headline .ico.on .ico-open { display: block; }

main h1.page-headline .ico.on .ico-close { display: none; }

@media (max-width: 980px) { .side-panel { width: 300px; }
  main { padding-left: 300px; }
  main .main-content { max-width: 480px; } }

@media (max-width: 760px) { .side-panel { width: 100%; position: absolute; height: auto; }
  body:not(.page-index) .side-panel { background-color: rgba(255, 255, 255, 0.5); }
  body.page-index .side-panel { background-color: rgba(255, 255, 255, 0); }
  .side-panel.fixed { position: fixed; background-color: #fff !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }
  .side-panel header { padding: 8px; }
  .side-panel header > .icos { font-size: 1.8rem; }
  body:not(.page-index) .side-panel header > .icos a.ico-menu, .side-panel header > .icos a.ico-itin { display: inline-block; }
  .side-panel header > .icos > a { width: auto; }
  .side-panel .mobile-collapse { display: none; }
  .side-panel.on { background-color: white !important; height: 100vh; }
  .side-panel.on .mobile-collapse { display: block; animation: 0.3s ease-in-out both fade-in; }
  nav.page-nav { padding-left: 8px; padding-right: 8px; }
  main { padding-left: 20px; padding-right: 20px; background-size: contain; background-attachment: scroll; padding-top: 58vw; }
  main .main-content { padding-top: 0; margin-left: 0; margin-right: 0; max-width: 100%; } }

@media (max-width: 480px) { main { padding-left: 15px; padding-right: 15px; }
  main h1.page-headline { font-size: 1.4rem; padding: .5rem .5rem; }
  main h1.page-headline [lang=en] { font-size: 1.2rem; font-weight: 700; }
  main h1.page-headline .ico { right: .3rem; bottom: .3rem; }
  main h1.page-headline .ico .buicon { width: 30px; height: 30px; font-size: 1.3rem; } }

@media (max-width: 360px) { .side-panel header { padding: 12px; }
  main { padding-left: 5px; padding-right: 5px; } }

.page-index main .main-cover { width: 100%; height: 100vh; background-image: url(../img/bgs/index.jpg); background-repeat: no-repeat; background-position: center right; background-size: cover; }

.page-index main .main-cover .infoday { padding-left: 5%; padding-top: 5vh; width: 82%; }

@media (max-width: 980px) { .page-index main .main-cover .infoday { width: 90%; } }

.page-index main .main-cover .infoday > img { width: 100%; }

.page-index main .main-menu { display: none; }

@media (max-width: 760px) { .page-index main { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; }
  .page-index main .main-cover { height: 80vw; }
  .page-index main .main-cover .infoday { padding-top: 9vh; }
  .page-index main .main-cover .infoday > img { width: 82%; }
  .page-index main .main-menu { display: block; background-color: #fff; padding-top: 20px; padding-bottom: 20px; } }

.page-weather main { background-image: url(../img/bgs/weather.jpg); }

.page-weather main h1.page-headline, .page-weather .collapse-panel > .collapse-content { background-color: #2A044A; color: #fff; }

.page-contact main { background-image: url(../img/bgs/contact.jpg); }

.page-contact main h1.page-headline, .page-contact .collapse-panel > .collapse-content { background-color: #096D96; color: #fff; }

.page-contact main h1.page-headline a, .page-contact .collapse-panel > .collapse-content a { color: #fff; text-decoration: underline; }

.page-green main { background-image: url(../img/bgs/green.jpg); }

.page-green main h1.page-headline, .page-green .collapse-panel > .collapse-content { background-color: #7AB317; color: #fff; }

.page-green main h1.page-headline a, .page-green .collapse-panel > .collapse-content a { color: #fff; text-decoration: underline; }

.page-itin main { background-image: url(../img/bgs/itin.jpg); }

.page-itin main h1.page-headline { /* background:$white; color:$body-font-color; */ border: 1px solid #00B4A0; }

.page-itin .itin_none.off { display: none; }

.page-itin .tabb { display: flex; justify-content: space-between; }

.page-itin .tabb > * { display: block; width: 24.5%; text-align: center; background: #fff; color: #000; border: 1px solid #00B4A0; font-weight: 600; line-height: 1.1; font-size: 1rem; height: 3.2rem; position: relative; }

.page-itin .tabb > * > * { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 96%; }

@media (max-width: 980px) { .page-itin .tabb > * > * { font-size: .95rem; } }

@media (max-width: 480px) { .page-itin .tabb > * > * { font-size: .9rem; } }

.page-itin .tabb > * > *.share { display: flex; justify-content: center; align-items: center; width: 90%; }

.page-itin .tabb > *.save { background: #00B4A0; color: #fff !important; }

.page-itin .tabb > *.off, .page-itin .tabb > *.saved { color: #BFC0C2 !important; cursor: default; }

.page-itin .itin_url { border: 6px solid #00B4A0; background-color: #00B4A0; color: #fff; }

.page-itin .itin_url .itin_url_link { background: #fff; width: 100%; border: none; padding: .4rem; font-size: .95rem; margin-top: .25rem; }

.page-itin .itin-list .collapse-panel { margin-top: 1rem; }

.page-itin .itin-list .time-itin { padding: .5rem 0; margin-left: -8px; }

.page-itin .itin-list .time-itin .txt-time { font-weight: 700; display: inline-block; padding: 5px 5px; margin-left: 10px; line-height: 1; min-width: 150px; }

.page-itin .itin-list .removeEvent { float: right; margin-right: 8px; }

.page-itin .collapse-panel[data-cat='uwide'] .time-itin .txt-time { background-color: #00B4A0; color: #fff; }

.page-itin .collapse-panel[data-cat='uwide'] > header { background-color: #00B4A0; color: #fff; }

.page-itin .collapse-panel[data-cat='uwide'] > header .ico { background: #fff; color: #00B4A0; }

.page-itin .collapse-panel[data-cat='uwide'] > .collapse-content.on { border-color: #00B4A0; }

.page-itin .collapse-panel[data-cat='arts'] .time-itin .txt-time { background-color: #D42329; color: #fff; }

.page-itin .collapse-panel[data-cat='arts'] > header { background-color: #D42329; color: #fff; }

.page-itin .collapse-panel[data-cat='arts'] > header .ico { background: #fff; color: #D42329; }

.page-itin .collapse-panel[data-cat='arts'] > .collapse-content.on { border-color: #D42329; }

.page-itin .collapse-panel[data-cat='business'] .time-itin .txt-time { background-color: #E7BB29; color: #fff; }

.page-itin .collapse-panel[data-cat='business'] > header { background-color: #E7BB29; color: #fff; }

.page-itin .collapse-panel[data-cat='business'] > header .ico { background: #fff; color: #E7BB29; }

.page-itin .collapse-panel[data-cat='business'] > .collapse-content.on { border-color: #E7BB29; }

.page-itin .collapse-panel[data-cat='chinese-medicine'] .time-itin .txt-time { background-color: #1E9647; color: #fff; }

.page-itin .collapse-panel[data-cat='chinese-medicine'] > header { background-color: #1E9647; color: #fff; }

.page-itin .collapse-panel[data-cat='chinese-medicine'] > header .ico { background: #fff; color: #1E9647; }

.page-itin .collapse-panel[data-cat='chinese-medicine'] > .collapse-content.on { border-color: #1E9647; }

.page-itin .collapse-panel[data-cat='comm'] .time-itin .txt-time { background-color: #2FC2DE; color: #fff; }

.page-itin .collapse-panel[data-cat='comm'] > header { background-color: #2FC2DE; color: #fff; }

.page-itin .collapse-panel[data-cat='comm'] > header .ico { background: #fff; color: #2FC2DE; }

.page-itin .collapse-panel[data-cat='comm'] > .collapse-content.on { border-color: #2FC2DE; }

.page-itin .collapse-panel[data-cat='sci'] .time-itin .txt-time { background-color: #0069B4; color: #fff; }

.page-itin .collapse-panel[data-cat='sci'] > header { background-color: #0069B4; color: #fff; }

.page-itin .collapse-panel[data-cat='sci'] > header .ico { background: #fff; color: #0069B4; }

.page-itin .collapse-panel[data-cat='sci'] > .collapse-content.on { border-color: #0069B4; }

.page-itin .collapse-panel[data-cat='social-sci'] .time-itin .txt-time { background-color: #A9CF39; color: #fff; }

.page-itin .collapse-panel[data-cat='social-sci'] > header { background-color: #A9CF39; color: #fff; }

.page-itin .collapse-panel[data-cat='social-sci'] > header .ico { background: #fff; color: #A9CF39; }

.page-itin .collapse-panel[data-cat='social-sci'] > .collapse-content.on { border-color: #A9CF39; }

.page-itin .collapse-panel[data-cat='varts'] .time-itin .txt-time { background-color: #F4867C; color: #fff; }

.page-itin .collapse-panel[data-cat='varts'] > header { background-color: #F4867C; color: #fff; }

.page-itin .collapse-panel[data-cat='varts'] > header .ico { background: #fff; color: #F4867C; }

.page-itin .collapse-panel[data-cat='varts'] > .collapse-content.on { border-color: #F4867C; }

.page-itin .collapse-panel[data-cat='self'] .time-itin .txt-time { background-color: #999999; color: #fff; }

.page-itin .collapse-panel[data-cat='self'] > header { background-color: #999999; color: #fff; }

.page-itin .collapse-panel[data-cat='self'] > header .ico { background: #fff; color: #999999; }

.page-itin .collapse-panel[data-cat='self'] > .collapse-content.on { border-color: #999999; }

.page-itin .collapse-panel[data-cat='admin'] .time-itin .txt-time { background-color: #999999; color: #fff; }

.page-itin .collapse-panel[data-cat='admin'] > header { background-color: #999999; color: #fff; }

.page-itin .collapse-panel[data-cat='admin'] > header .ico { background: #fff; color: #999999; }

.page-itin .collapse-panel[data-cat='admin'] > .collapse-content.on { border-color: #999999; }

.page-itin .collapse-panel[data-cat='tour'] .time-itin .txt-time { background-color: #999999; color: #fff; }

.page-itin .collapse-panel[data-cat='tour'] > header { background-color: #999999; color: #fff; }

.page-itin .collapse-panel[data-cat='tour'] > header .ico { background: #fff; color: #999999; }

.page-itin .collapse-panel[data-cat='tour'] > .collapse-content.on { border-color: #999999; }

.collapse-panel > header { border: 1px solid transparent; }

.collapse-panel > header { cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 3px; background-color: #fff; margin-top: .4rem; }

.collapse-panel > header .topic { margin: 0; font-size: 1.05rem; padding-left: 8px; padding-bottom: 8px; padding-top: 8px; transition: all 0.5s ease-out; width: calc( 100% - 50px - 5px); }

.collapse-panel > header .topic [lang=en] { font-weight: 700; letter-spacing: -.02em; line-height: 1.15; }

.collapse-panel > header .topic [lang=zh] { font-size: 1.1rem; font-weight: bold; line-height: 1.2; }

.collapse-panel > header .topic small { font-size: 88%; font-weight: 600; }

.collapse-panel > header .topic div[lang=zh] { padding-top: 6px; }

.collapse-panel > header .ico { display: block; width: 50px; height: 50px; font-size: 38px; line-height: 1.6; text-align: center; align-self: flex-start; transition: all 0.5s ease-out; }

.collapse-panel > header .ico .ico-open { display: none; }

.collapse-panel > header.on .ico .ico-open { display: block; }

.collapse-panel > header.on .ico .ico-close { display: none; }

.collapse-panel > .content-on { background: #fff; padding: 8px; width: calc( 100% - 1px); }

.collapse-panel > .collapse-content { height: 0; overflow: hidden; background-color: #fff; transition: all 0.3s ease-out; }

.collapse-panel > .collapse-content.on { height: auto; padding: 8px; margin-top: .2rem; border: 1px solid transparent; }

.event-detail { margin: 0; padding: 0; list-style: none; }

.event-detail > li { min-height: 20px; padding-left: 30px; padding-top: .4rem; padding-bottom: .4rem; position: relative; font-weight: 800; line-height: 1.2; }

.event-detail > li .event-ico { position: absolute; left: 0; font-size: 1.1rem; width: 20px; height: 20px; text-align: center; vertical-align: middle; }

.event-detail > li.event-head { padding-left: .2rem; font-size: 1.2rem; border-bottom: 2px solid transparent; margin-bottom: .25rem; }

.event-detail > li.event-name [lang=en] { font-weight: 800; }

.event-detail > li.event-name > div { padding-bottom: .25rem; }

.event-detail > li.event-name .sub { padding-top: .2rem; padding-bottom: .3rem; font-size: .95rem; }

.event-detail > li.event-name .sub [lang=en] { font-weight: 600; }

.event-detail > li.location:not([data-nolink="1"]) { cursor: pointer; }

.event-detail > li.location .map-ico { position: absolute; margin-left: 4px; margin-top: -3px; height: 23px; width: 43px; /* color:$grey-800; */ }

.event-detail > li.time-title { font-weight: 600; }

.event-detail > li.time-option { padding-bottom: .1rem; }

.event-detail > li.time-option .txt-time, .event-detail > li.time-option .event-ico { cursor: pointer; }

.event-detail > li.time-option .txt-time { display: inline-block; margin-left: -.2rem; margin-top: -.2rem; padding: .2rem; min-width: 170px; border: 1px solid transparent; transition: all 0.2s ease-in-out; }

.event-detail > li.time-option .ico { font-size: 1.2rem; }

.event-detail > li.time-option .buicon-tick { display: none; }

.event-detail > li.time-option.selected .buicon-tick { display: block; }

.event-detail > li.time-option.selected .buicon-add { display: none; }

.page-uwide main { background-image: url(../img/bgs/uwide.jpg); }

.page-uwide main h1.page-headline { background-color: #00B4A0; color: #fff; }

.page-uwide main h1.page-headline .ico .buicon { color: #00B4A0; }

.page-uwide .collapse-panel > header, .page-uwide .collapse-panel > .collapse-content { border-color: #00B4A0; }

.page-uwide .collapse-panel > header .ico { background-color: #00B4A0; color: #fff; }

.page-uwide .collapse-panel > header.on { background-color: #00B4A0; color: #fff; }

.page-uwide .collapse-panel > header.on .ico { background-color: #fff; color: #00B4A0; }

.page-uwide .event-detail > li.event-head { border-color: #00B4A0; }

.page-uwide .event-detail > li.time-option.selected .event-ico { color: #00B4A0; }

.page-uwide .event-detail > li.time-option.selected .txt-time { background-color: #00B4A0; }

.page-uwide .event-detail > li.time-option .txt-time:hover { border-color: #00B4A0; }

/* &.btn-uwide { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-uwide.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-arts main { background-image: url(../img/bgs/arts.jpg); }

.page-arts main h1.page-headline { background-color: #D42329; color: #fff; }

.page-arts main h1.page-headline .ico .buicon { color: #D42329; }

.page-arts .collapse-panel > header, .page-arts .collapse-panel > .collapse-content { border-color: #D42329; }

.page-arts .collapse-panel > header .ico { background-color: #D42329; color: #fff; }

.page-arts .collapse-panel > header.on { background-color: #D42329; color: #fff; }

.page-arts .collapse-panel > header.on .ico { background-color: #fff; color: #D42329; }

.page-arts .event-detail > li.event-head { border-color: #D42329; }

.page-arts .event-detail > li.time-option.selected .event-ico { color: #D42329; }

.page-arts .event-detail > li.time-option.selected .txt-time { background-color: #D42329; }

.page-arts .event-detail > li.time-option .txt-time:hover { border-color: #D42329; }

/* &.btn-arts { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-arts.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-business main { background-image: url(../img/bgs/business.jpg); }

.page-business main h1.page-headline { background-color: #E7BB29; color: #fff; }

.page-business main h1.page-headline .ico .buicon { color: #E7BB29; }

.page-business .collapse-panel > header, .page-business .collapse-panel > .collapse-content { border-color: #E7BB29; }

.page-business .collapse-panel > header .ico { background-color: #E7BB29; color: #fff; }

.page-business .collapse-panel > header.on { background-color: #E7BB29; color: #fff; }

.page-business .collapse-panel > header.on .ico { background-color: #fff; color: #E7BB29; }

.page-business .event-detail > li.event-head { border-color: #E7BB29; }

.page-business .event-detail > li.time-option.selected .event-ico { color: #E7BB29; }

.page-business .event-detail > li.time-option.selected .txt-time { background-color: #E7BB29; }

.page-business .event-detail > li.time-option .txt-time:hover { border-color: #E7BB29; }

/* &.btn-business { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-business.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-chinese-medicine main { background-image: url(../img/bgs/chinese-medicine.jpg); }

.page-chinese-medicine main h1.page-headline { background-color: #1E9647; color: #fff; }

.page-chinese-medicine main h1.page-headline .ico .buicon { color: #1E9647; }

.page-chinese-medicine .collapse-panel > header, .page-chinese-medicine .collapse-panel > .collapse-content { border-color: #1E9647; }

.page-chinese-medicine .collapse-panel > header .ico { background-color: #1E9647; color: #fff; }

.page-chinese-medicine .collapse-panel > header.on { background-color: #1E9647; color: #fff; }

.page-chinese-medicine .collapse-panel > header.on .ico { background-color: #fff; color: #1E9647; }

.page-chinese-medicine .event-detail > li.event-head { border-color: #1E9647; }

.page-chinese-medicine .event-detail > li.time-option.selected .event-ico { color: #1E9647; }

.page-chinese-medicine .event-detail > li.time-option.selected .txt-time { background-color: #1E9647; }

.page-chinese-medicine .event-detail > li.time-option .txt-time:hover { border-color: #1E9647; }

/* &.btn-chinese-medicine { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-chinese-medicine.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-comm main { background-image: url(../img/bgs/comm.jpg); }

.page-comm main h1.page-headline { background-color: #2FC2DE; color: #fff; }

.page-comm main h1.page-headline .ico .buicon { color: #2FC2DE; }

.page-comm .collapse-panel > header, .page-comm .collapse-panel > .collapse-content { border-color: #2FC2DE; }

.page-comm .collapse-panel > header .ico { background-color: #2FC2DE; color: #fff; }

.page-comm .collapse-panel > header.on { background-color: #2FC2DE; color: #fff; }

.page-comm .collapse-panel > header.on .ico { background-color: #fff; color: #2FC2DE; }

.page-comm .event-detail > li.event-head { border-color: #2FC2DE; }

.page-comm .event-detail > li.time-option.selected .event-ico { color: #2FC2DE; }

.page-comm .event-detail > li.time-option.selected .txt-time { background-color: #2FC2DE; }

.page-comm .event-detail > li.time-option .txt-time:hover { border-color: #2FC2DE; }

/* &.btn-comm { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-comm.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-sci main { background-image: url(../img/bgs/sci.jpg); }

.page-sci main h1.page-headline { background-color: #0069B4; color: #fff; }

.page-sci main h1.page-headline .ico .buicon { color: #0069B4; }

.page-sci .collapse-panel > header, .page-sci .collapse-panel > .collapse-content { border-color: #0069B4; }

.page-sci .collapse-panel > header .ico { background-color: #0069B4; color: #fff; }

.page-sci .collapse-panel > header.on { background-color: #0069B4; color: #fff; }

.page-sci .collapse-panel > header.on .ico { background-color: #fff; color: #0069B4; }

.page-sci .event-detail > li.event-head { border-color: #0069B4; }

.page-sci .event-detail > li.time-option.selected .event-ico { color: #0069B4; }

.page-sci .event-detail > li.time-option.selected .txt-time { background-color: #0069B4; }

.page-sci .event-detail > li.time-option .txt-time:hover { border-color: #0069B4; }

/* &.btn-sci { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-sci.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-social-sci main { background-image: url(../img/bgs/social-sci.jpg); }

.page-social-sci main h1.page-headline { background-color: #A9CF39; color: #fff; }

.page-social-sci main h1.page-headline .ico .buicon { color: #A9CF39; }

.page-social-sci .collapse-panel > header, .page-social-sci .collapse-panel > .collapse-content { border-color: #A9CF39; }

.page-social-sci .collapse-panel > header .ico { background-color: #A9CF39; color: #fff; }

.page-social-sci .collapse-panel > header.on { background-color: #A9CF39; color: #fff; }

.page-social-sci .collapse-panel > header.on .ico { background-color: #fff; color: #A9CF39; }

.page-social-sci .event-detail > li.event-head { border-color: #A9CF39; }

.page-social-sci .event-detail > li.time-option.selected .event-ico { color: #A9CF39; }

.page-social-sci .event-detail > li.time-option.selected .txt-time { background-color: #A9CF39; }

.page-social-sci .event-detail > li.time-option .txt-time:hover { border-color: #A9CF39; }

/* &.btn-social-sci { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-social-sci.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-varts main { background-image: url(../img/bgs/varts.jpg); }

.page-varts main h1.page-headline { background-color: #F4867C; color: #fff; }

.page-varts main h1.page-headline .ico .buicon { color: #F4867C; }

.page-varts .collapse-panel > header, .page-varts .collapse-panel > .collapse-content { border-color: #F4867C; }

.page-varts .collapse-panel > header .ico { background-color: #F4867C; color: #fff; }

.page-varts .collapse-panel > header.on { background-color: #F4867C; color: #fff; }

.page-varts .collapse-panel > header.on .ico { background-color: #fff; color: #F4867C; }

.page-varts .event-detail > li.event-head { border-color: #F4867C; }

.page-varts .event-detail > li.time-option.selected .event-ico { color: #F4867C; }

.page-varts .event-detail > li.time-option.selected .txt-time { background-color: #F4867C; }

.page-varts .event-detail > li.time-option .txt-time:hover { border-color: #F4867C; }

/* &.btn-varts { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-varts.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-self main { background-image: url(../img/bgs/self.jpg); }

.page-self main h1.page-headline { background-color: #999999; color: #fff; }

.page-self main h1.page-headline .ico .buicon { color: #999999; }

.page-self .collapse-panel > header, .page-self .collapse-panel > .collapse-content { border-color: #999999; }

.page-self .collapse-panel > header .ico { background-color: #999999; color: #fff; }

.page-self .collapse-panel > header.on { background-color: #999999; color: #fff; }

.page-self .collapse-panel > header.on .ico { background-color: #fff; color: #999999; }

.page-self .event-detail > li.event-head { border-color: #999999; }

.page-self .event-detail > li.time-option.selected .event-ico { color: #999999; }

.page-self .event-detail > li.time-option.selected .txt-time { background-color: #999999; }

.page-self .event-detail > li.time-option .txt-time:hover { border-color: #999999; }

/* &.btn-self { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-self.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-admin main { background-image: url(../img/bgs/admin.jpg); }

.page-admin main h1.page-headline { background-color: #999999; color: #fff; }

.page-admin main h1.page-headline .ico .buicon { color: #999999; }

.page-admin .collapse-panel > header, .page-admin .collapse-panel > .collapse-content { border-color: #999999; }

.page-admin .collapse-panel > header .ico { background-color: #999999; color: #fff; }

.page-admin .collapse-panel > header.on { background-color: #999999; color: #fff; }

.page-admin .collapse-panel > header.on .ico { background-color: #fff; color: #999999; }

.page-admin .event-detail > li.event-head { border-color: #999999; }

.page-admin .event-detail > li.time-option.selected .event-ico { color: #999999; }

.page-admin .event-detail > li.time-option.selected .txt-time { background-color: #999999; }

.page-admin .event-detail > li.time-option .txt-time:hover { border-color: #999999; }

/* &.btn-admin { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-admin.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.page-tour main { background-image: url(../img/bgs/tour.jpg); }

.page-tour main h1.page-headline { background-color: #999999; color: #fff; }

.page-tour main h1.page-headline .ico .buicon { color: #999999; }

.page-tour .collapse-panel > header, .page-tour .collapse-panel > .collapse-content { border-color: #999999; }

.page-tour .collapse-panel > header .ico { background-color: #999999; color: #fff; }

.page-tour .collapse-panel > header.on { background-color: #999999; color: #fff; }

.page-tour .collapse-panel > header.on .ico { background-color: #fff; color: #999999; }

.page-tour .event-detail > li.event-head { border-color: #999999; }

.page-tour .event-detail > li.time-option.selected .event-ico { color: #999999; }

.page-tour .event-detail > li.time-option.selected .txt-time { background-color: #999999; }

.page-tour .event-detail > li.time-option .txt-time:hover { border-color: #999999; }

/* &.btn-tour { background-color:map-get($var, nav-bg-color); color:map-get($var, nav-color); @if map-get($var, nav-ico) > 0 { background-image:url(../img/nav-tour.svg); padding-right:45px; } border-color:map-get($var, nav-border-color); }*/
.clear { clear: both; }

.clearfix::after { display: block; clear: both; content: ""; height: 0; }

.container { /* min-width: map-get($breakpoints,small); */ margin-left: auto; margin-right: auto; position: relative; }

a { cursor: pointer; transition: all 0.2s ease-in-out; }

.page-other main a { text-decoration: none; font-weight: 600; color: #096D96; }

.page-other main a:hover { text-decoration: underline; }

.align-left, *[align='left'] { text-align: left; }

.align-right, *[align='right'] { text-align: right; }

.txt-black { font-weight: 800 !important; }

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

.txt-semibold, .txt-semi-bold { font-weight: 600 !important; }

.txt-regular { font-weight: 400 !important; }

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

div.back2top-wrap { text-align: right; padding: .5rem 0; }

.back2top { display: none; padding: .1rem .5rem; background: #fff; color: #000; /* @include respond-to(mid) { display:inline-block; } */ }

.back2top.on { display: inline-block; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none, .nofloat { float: none !important; }

.display-flex { display: flex !important; flex-wrap: wrap; }

.display-flex-column { display: flex !important; flex-direction: column; }

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

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

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

.display-none, .hide, .hidden { display: none !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.grid-1 { width: 1% !important; }

.grid-2 { width: 2% !important; }

.grid-3 { width: 3% !important; }

.grid-4 { width: 4% !important; }

.grid-5 { width: 5% !important; }

.grid-10 { width: 10% !important; }

.grid-15 { width: 15% !important; }

.grid-20 { width: 20% !important; }

.grid-25 { width: 25% !important; }

.grid-30 { width: 30% !important; }

.grid-33 { width: 33% !important; }

.grid-35 { width: 35% !important; }

.grid-40 { width: 40% !important; }

.grid-45 { width: 45% !important; }

.grid-48 { width: 48% !important; }

.grid-49 { width: 49% !important; }

.grid-50 { width: 50% !important; }

.grid-55 { width: 55% !important; }

.grid-60 { width: 60% !important; }

.grid-65 { width: 65% !important; }

.grid-66 { width: 66% !important; }

.grid-70 { width: 70% !important; }

.grid-75 { width: 75% !important; }

.grid-80 { width: 80% !important; }

.grid-85 { width: 85% !important; }

.grid-90 { width: 90% !important; }

.grid-95 { width: 95% !important; }

.grid-100 { width: 100% !important; }

.w5 { width: 5px !important; }

.w10 { width: 10px !important; }

.w15 { width: 15px !important; }

.w20 { width: 20px !important; }

.w25 { width: 25px !important; }

.w30 { width: 30px !important; }

.w35 { width: 35px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w80 { width: 80px !important; }

.w100 { width: 100px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w170 { width: 170px !important; }

.w200 { width: 200px !important; }

.w220 { width: 220px !important; }

.w250 { width: 250px !important; }

.w300 { width: 300px !important; }

.w350 { width: 350px !important; }

.w400 { width: 400px !important; }

.h1 { height: 1px !important; }

.h2 { height: 2px !important; }

.h3 { height: 3px !important; }

.h4 { height: 4px !important; }

.h5 { height: 5px !important; }

.h6 { height: 6px !important; }

.h10 { height: 10px !important; }

.h20 { height: 20px !important; }

.h25 { height: 25px !important; }

.h30 { height: 30px !important; }

.h40 { height: 40px !important; }

.h50 { height: 50px !important; }

.h80 { height: 80px !important; }

.h120 { height: 120px !important; }

.h150 { height: 150px !important; }

.h180 { height: 180px !important; }

.h200 { height: 200px !important; }

.h300 { height: 300px !important; }

.h100p { height: 100% !important; }

.padding-all-0 { padding: 0px !important; }

.padding-top-0 { padding-top: 0px !important; }

.padding-bottom-0 { padding-bottom: 0px !important; }

.padding-left-0 { padding-left: 0px !important; }

.padding-right-0 { padding-right: 0px !important; }

.margin-all-0 { margin: 0px !important; }

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

.margin-bottom-0 { margin-bottom: 0px !important; }

.margin-left-0 { margin-left: 0px !important; }

.margin-right-0 { margin-right: 0px !important; }

.padding-all-5 { padding: 5px !important; }

.padding-top-5 { padding-top: 5px !important; }

.padding-bottom-5 { padding-bottom: 5px !important; }

.padding-left-5 { padding-left: 5px !important; }

.padding-right-5 { padding-right: 5px !important; }

.margin-all-5 { margin: 5px !important; }

.margin-top-5 { margin-top: 5px !important; }

.margin-bottom-5 { margin-bottom: 5px !important; }

.margin-left-5 { margin-left: 5px !important; }

.margin-right-5 { margin-right: 5px !important; }

.padding-all-10 { padding: 10px !important; }

.padding-top-10 { padding-top: 10px !important; }

.padding-bottom-10 { padding-bottom: 10px !important; }

.padding-left-10 { padding-left: 10px !important; }

.padding-right-10 { padding-right: 10px !important; }

.margin-all-10 { margin: 10px !important; }

.margin-top-10 { margin-top: 10px !important; }

.margin-bottom-10 { margin-bottom: 10px !important; }

.margin-left-10 { margin-left: 10px !important; }

.margin-right-10 { margin-right: 10px !important; }

.padding-all-15 { padding: 15px !important; }

.padding-top-15 { padding-top: 15px !important; }

.padding-bottom-15 { padding-bottom: 15px !important; }

.padding-left-15 { padding-left: 15px !important; }

.padding-right-15 { padding-right: 15px !important; }

.margin-all-15 { margin: 15px !important; }

.margin-top-15 { margin-top: 15px !important; }

.margin-bottom-15 { margin-bottom: 15px !important; }

.margin-left-15 { margin-left: 15px !important; }

.margin-right-15 { margin-right: 15px !important; }

.padding-all-20 { padding: 20px !important; }

.padding-top-20 { padding-top: 20px !important; }

.padding-bottom-20 { padding-bottom: 20px !important; }

.padding-left-20 { padding-left: 20px !important; }

.padding-right-20 { padding-right: 20px !important; }

.margin-all-20 { margin: 20px !important; }

.margin-top-20 { margin-top: 20px !important; }

.margin-bottom-20 { margin-bottom: 20px !important; }

.margin-left-20 { margin-left: 20px !important; }

.margin-right-20 { margin-right: 20px !important; }

.padding-all-25 { padding: 25px !important; }

.padding-top-25 { padding-top: 25px !important; }

.padding-bottom-25 { padding-bottom: 25px !important; }

.padding-left-25 { padding-left: 25px !important; }

.padding-right-25 { padding-right: 25px !important; }

.margin-all-25 { margin: 25px !important; }

.margin-top-25 { margin-top: 25px !important; }

.margin-bottom-25 { margin-bottom: 25px !important; }

.margin-left-25 { margin-left: 25px !important; }

.margin-right-25 { margin-right: 25px !important; }

.padding-all-30 { padding: 30px !important; }

.padding-top-30 { padding-top: 30px !important; }

.padding-bottom-30 { padding-bottom: 30px !important; }

.padding-left-30 { padding-left: 30px !important; }

.padding-right-30 { padding-right: 30px !important; }

.margin-all-30 { margin: 30px !important; }

.margin-top-30 { margin-top: 30px !important; }

.margin-bottom-30 { margin-bottom: 30px !important; }

.margin-left-30 { margin-left: 30px !important; }

.margin-right-30 { margin-right: 30px !important; }

.padding-inner { padding-right: 0; padding-left: 0; }

/* @if $breakpoint == 'full' { } @else if $breakpoint == 'desktop-narrow' { .padding-inner { padding-right: 20px; padding-left:  20px; } } @else if $breakpoint == 'tablet' { } @else if $breakpoint == 'mobile' { .padding-inner { padding-right: 10px; padding-left:  10px; } } @else if $breakpoint == 'small' { .padding-inner { padding-right: 5px; padding-left:  5px; } } */
@media (max-width: 980px) { .container { width: 100%; /* @if $breakpoint == 'mid' { } */ }
  .desktop-narrow-float-left { float: left !important; }
  .desktop-narrow-float-right { float: right !important; }
  .desktop-narrow-float-none, .desktop-narrow-nofloat { float: none !important; }
  .desktop-narrow-display-flex { display: flex !important; flex-wrap: wrap; }
  .desktop-narrow-display-flex-column { display: flex !important; flex-direction: column; }
  .desktop-narrow-display-inline { display: inline !important; }
  .desktop-narrow-display-inline-block, .desktop-narrow-display-inlineblock { display: inline-block !important; }
  .desktop-narrow-display-block { display: block !important; }
  .desktop-narrow-display-none, .desktop-narrow-hide, .desktop-narrow-hidden { display: none !important; }
  .desktop-narrow-position-fixed { position: fixed !important; }
  .desktop-narrow-position-sticky { position: sticky !important; }
  .desktop-narrow-position-static { position: static !important; }
  .desktop-narrow-position-relative { position: relative !important; }
  .desktop-narrow-position-absolute { position: absolute !important; }
  .desktop-narrow-grid-1 { width: 1% !important; }
  .desktop-narrow-grid-2 { width: 2% !important; }
  .desktop-narrow-grid-3 { width: 3% !important; }
  .desktop-narrow-grid-4 { width: 4% !important; }
  .desktop-narrow-grid-5 { width: 5% !important; }
  .desktop-narrow-grid-10 { width: 10% !important; }
  .desktop-narrow-grid-15 { width: 15% !important; }
  .desktop-narrow-grid-20 { width: 20% !important; }
  .desktop-narrow-grid-25 { width: 25% !important; }
  .desktop-narrow-grid-30 { width: 30% !important; }
  .desktop-narrow-grid-33 { width: 33% !important; }
  .desktop-narrow-grid-35 { width: 35% !important; }
  .desktop-narrow-grid-40 { width: 40% !important; }
  .desktop-narrow-grid-45 { width: 45% !important; }
  .desktop-narrow-grid-48 { width: 48% !important; }
  .desktop-narrow-grid-49 { width: 49% !important; }
  .desktop-narrow-grid-50 { width: 50% !important; }
  .desktop-narrow-grid-55 { width: 55% !important; }
  .desktop-narrow-grid-60 { width: 60% !important; }
  .desktop-narrow-grid-65 { width: 65% !important; }
  .desktop-narrow-grid-66 { width: 66% !important; }
  .desktop-narrow-grid-70 { width: 70% !important; }
  .desktop-narrow-grid-75 { width: 75% !important; }
  .desktop-narrow-grid-80 { width: 80% !important; }
  .desktop-narrow-grid-85 { width: 85% !important; }
  .desktop-narrow-grid-90 { width: 90% !important; }
  .desktop-narrow-grid-95 { width: 95% !important; }
  .desktop-narrow-grid-100 { width: 100% !important; }
  .desktop-narrow-w5 { width: 5px !important; }
  .desktop-narrow-w10 { width: 10px !important; }
  .desktop-narrow-w15 { width: 15px !important; }
  .desktop-narrow-w20 { width: 20px !important; }
  .desktop-narrow-w25 { width: 25px !important; }
  .desktop-narrow-w30 { width: 30px !important; }
  .desktop-narrow-w35 { width: 35px !important; }
  .desktop-narrow-w50 { width: 50px !important; }
  .desktop-narrow-w60 { width: 60px !important; }
  .desktop-narrow-w80 { width: 80px !important; }
  .desktop-narrow-w100 { width: 100px !important; }
  .desktop-narrow-w120 { width: 120px !important; }
  .desktop-narrow-w130 { width: 130px !important; }
  .desktop-narrow-w150 { width: 150px !important; }
  .desktop-narrow-w160 { width: 160px !important; }
  .desktop-narrow-w170 { width: 170px !important; }
  .desktop-narrow-w200 { width: 200px !important; }
  .desktop-narrow-w220 { width: 220px !important; }
  .desktop-narrow-w250 { width: 250px !important; }
  .desktop-narrow-w300 { width: 300px !important; }
  .desktop-narrow-w350 { width: 350px !important; }
  .desktop-narrow-w400 { width: 400px !important; }
  .desktop-narrow-h1 { height: 1px !important; }
  .desktop-narrow-h2 { height: 2px !important; }
  .desktop-narrow-h3 { height: 3px !important; }
  .desktop-narrow-h4 { height: 4px !important; }
  .desktop-narrow-h5 { height: 5px !important; }
  .desktop-narrow-h6 { height: 6px !important; }
  .desktop-narrow-h10 { height: 10px !important; }
  .desktop-narrow-h20 { height: 20px !important; }
  .desktop-narrow-h25 { height: 25px !important; }
  .desktop-narrow-h30 { height: 30px !important; }
  .desktop-narrow-h40 { height: 40px !important; }
  .desktop-narrow-h50 { height: 50px !important; }
  .desktop-narrow-h80 { height: 80px !important; }
  .desktop-narrow-h120 { height: 120px !important; }
  .desktop-narrow-h150 { height: 150px !important; }
  .desktop-narrow-h180 { height: 180px !important; }
  .desktop-narrow-h200 { height: 200px !important; }
  .desktop-narrow-h300 { height: 300px !important; }
  .desktop-narrow-h100p { height: 100% !important; }
  .desktop-narrow-padding-all-0 { padding: 0px !important; }
  .desktop-narrow-padding-top-0 { padding-top: 0px !important; }
  .desktop-narrow-padding-bottom-0 { padding-bottom: 0px !important; }
  .desktop-narrow-padding-left-0 { padding-left: 0px !important; }
  .desktop-narrow-padding-right-0 { padding-right: 0px !important; }
  .desktop-narrow-margin-all-0 { margin: 0px !important; }
  .desktop-narrow-margin-top-0 { margin-top: 0px !important; }
  .desktop-narrow-margin-bottom-0 { margin-bottom: 0px !important; }
  .desktop-narrow-margin-left-0 { margin-left: 0px !important; }
  .desktop-narrow-margin-right-0 { margin-right: 0px !important; }
  .desktop-narrow-padding-all-5 { padding: 5px !important; }
  .desktop-narrow-padding-top-5 { padding-top: 5px !important; }
  .desktop-narrow-padding-bottom-5 { padding-bottom: 5px !important; }
  .desktop-narrow-padding-left-5 { padding-left: 5px !important; }
  .desktop-narrow-padding-right-5 { padding-right: 5px !important; }
  .desktop-narrow-margin-all-5 { margin: 5px !important; }
  .desktop-narrow-margin-top-5 { margin-top: 5px !important; }
  .desktop-narrow-margin-bottom-5 { margin-bottom: 5px !important; }
  .desktop-narrow-margin-left-5 { margin-left: 5px !important; }
  .desktop-narrow-margin-right-5 { margin-right: 5px !important; }
  .desktop-narrow-padding-all-10 { padding: 10px !important; }
  .desktop-narrow-padding-top-10 { padding-top: 10px !important; }
  .desktop-narrow-padding-bottom-10 { padding-bottom: 10px !important; }
  .desktop-narrow-padding-left-10 { padding-left: 10px !important; }
  .desktop-narrow-padding-right-10 { padding-right: 10px !important; }
  .desktop-narrow-margin-all-10 { margin: 10px !important; }
  .desktop-narrow-margin-top-10 { margin-top: 10px !important; }
  .desktop-narrow-margin-bottom-10 { margin-bottom: 10px !important; }
  .desktop-narrow-margin-left-10 { margin-left: 10px !important; }
  .desktop-narrow-margin-right-10 { margin-right: 10px !important; }
  .desktop-narrow-padding-all-15 { padding: 15px !important; }
  .desktop-narrow-padding-top-15 { padding-top: 15px !important; }
  .desktop-narrow-padding-bottom-15 { padding-bottom: 15px !important; }
  .desktop-narrow-padding-left-15 { padding-left: 15px !important; }
  .desktop-narrow-padding-right-15 { padding-right: 15px !important; }
  .desktop-narrow-margin-all-15 { margin: 15px !important; }
  .desktop-narrow-margin-top-15 { margin-top: 15px !important; }
  .desktop-narrow-margin-bottom-15 { margin-bottom: 15px !important; }
  .desktop-narrow-margin-left-15 { margin-left: 15px !important; }
  .desktop-narrow-margin-right-15 { margin-right: 15px !important; }
  .desktop-narrow-padding-all-20 { padding: 20px !important; }
  .desktop-narrow-padding-top-20 { padding-top: 20px !important; }
  .desktop-narrow-padding-bottom-20 { padding-bottom: 20px !important; }
  .desktop-narrow-padding-left-20 { padding-left: 20px !important; }
  .desktop-narrow-padding-right-20 { padding-right: 20px !important; }
  .desktop-narrow-margin-all-20 { margin: 20px !important; }
  .desktop-narrow-margin-top-20 { margin-top: 20px !important; }
  .desktop-narrow-margin-bottom-20 { margin-bottom: 20px !important; }
  .desktop-narrow-margin-left-20 { margin-left: 20px !important; }
  .desktop-narrow-margin-right-20 { margin-right: 20px !important; }
  .desktop-narrow-padding-all-25 { padding: 25px !important; }
  .desktop-narrow-padding-top-25 { padding-top: 25px !important; }
  .desktop-narrow-padding-bottom-25 { padding-bottom: 25px !important; }
  .desktop-narrow-padding-left-25 { padding-left: 25px !important; }
  .desktop-narrow-padding-right-25 { padding-right: 25px !important; }
  .desktop-narrow-margin-all-25 { margin: 25px !important; }
  .desktop-narrow-margin-top-25 { margin-top: 25px !important; }
  .desktop-narrow-margin-bottom-25 { margin-bottom: 25px !important; }
  .desktop-narrow-margin-left-25 { margin-left: 25px !important; }
  .desktop-narrow-margin-right-25 { margin-right: 25px !important; }
  .desktop-narrow-padding-all-30 { padding: 30px !important; }
  .desktop-narrow-padding-top-30 { padding-top: 30px !important; }
  .desktop-narrow-padding-bottom-30 { padding-bottom: 30px !important; }
  .desktop-narrow-padding-left-30 { padding-left: 30px !important; }
  .desktop-narrow-padding-right-30 { padding-right: 30px !important; }
  .desktop-narrow-margin-all-30 { margin: 30px !important; }
  .desktop-narrow-margin-top-30 { margin-top: 30px !important; }
  .desktop-narrow-margin-bottom-30 { margin-bottom: 30px !important; }
  .desktop-narrow-margin-left-30 { margin-left: 30px !important; }
  .desktop-narrow-margin-right-30 { margin-right: 30px !important; }
  .padding-inner { padding-right: 20px; padding-left: 20px; }
  /* @if $breakpoint == 'full' { } @else if $breakpoint == 'desktop-narrow' { .padding-inner { padding-right: 20px; padding-left:  20px; } } @else if $breakpoint == 'tablet' { } @else if $breakpoint == 'mobile' { .padding-inner { padding-right: 10px; padding-left:  10px; } } @else if $breakpoint == 'small' { .padding-inner { padding-right: 5px; padding-left:  5px; } } */ }

@media (max-width: 760px) { .container { width: 100%; /* @if $breakpoint == 'mid' { } */ }
  .mid-float-left { float: left !important; }
  .mid-float-right { float: right !important; }
  .mid-float-none, .mid-nofloat { float: none !important; }
  .mid-display-flex { display: flex !important; flex-wrap: wrap; }
  .mid-display-flex-column { display: flex !important; flex-direction: column; }
  .mid-display-inline { display: inline !important; }
  .mid-display-inline-block, .mid-display-inlineblock { display: inline-block !important; }
  .mid-display-block { display: block !important; }
  .mid-display-none, .mid-hide, .mid-hidden { display: none !important; }
  .mid-position-fixed { position: fixed !important; }
  .mid-position-sticky { position: sticky !important; }
  .mid-position-static { position: static !important; }
  .mid-position-relative { position: relative !important; }
  .mid-position-absolute { position: absolute !important; }
  .mid-grid-1 { width: 1% !important; }
  .mid-grid-2 { width: 2% !important; }
  .mid-grid-3 { width: 3% !important; }
  .mid-grid-4 { width: 4% !important; }
  .mid-grid-5 { width: 5% !important; }
  .mid-grid-10 { width: 10% !important; }
  .mid-grid-15 { width: 15% !important; }
  .mid-grid-20 { width: 20% !important; }
  .mid-grid-25 { width: 25% !important; }
  .mid-grid-30 { width: 30% !important; }
  .mid-grid-33 { width: 33% !important; }
  .mid-grid-35 { width: 35% !important; }
  .mid-grid-40 { width: 40% !important; }
  .mid-grid-45 { width: 45% !important; }
  .mid-grid-48 { width: 48% !important; }
  .mid-grid-49 { width: 49% !important; }
  .mid-grid-50 { width: 50% !important; }
  .mid-grid-55 { width: 55% !important; }
  .mid-grid-60 { width: 60% !important; }
  .mid-grid-65 { width: 65% !important; }
  .mid-grid-66 { width: 66% !important; }
  .mid-grid-70 { width: 70% !important; }
  .mid-grid-75 { width: 75% !important; }
  .mid-grid-80 { width: 80% !important; }
  .mid-grid-85 { width: 85% !important; }
  .mid-grid-90 { width: 90% !important; }
  .mid-grid-95 { width: 95% !important; }
  .mid-grid-100 { width: 100% !important; }
  .mid-w5 { width: 5px !important; }
  .mid-w10 { width: 10px !important; }
  .mid-w15 { width: 15px !important; }
  .mid-w20 { width: 20px !important; }
  .mid-w25 { width: 25px !important; }
  .mid-w30 { width: 30px !important; }
  .mid-w35 { width: 35px !important; }
  .mid-w50 { width: 50px !important; }
  .mid-w60 { width: 60px !important; }
  .mid-w80 { width: 80px !important; }
  .mid-w100 { width: 100px !important; }
  .mid-w120 { width: 120px !important; }
  .mid-w130 { width: 130px !important; }
  .mid-w150 { width: 150px !important; }
  .mid-w160 { width: 160px !important; }
  .mid-w170 { width: 170px !important; }
  .mid-w200 { width: 200px !important; }
  .mid-w220 { width: 220px !important; }
  .mid-w250 { width: 250px !important; }
  .mid-w300 { width: 300px !important; }
  .mid-w350 { width: 350px !important; }
  .mid-w400 { width: 400px !important; }
  .mid-h1 { height: 1px !important; }
  .mid-h2 { height: 2px !important; }
  .mid-h3 { height: 3px !important; }
  .mid-h4 { height: 4px !important; }
  .mid-h5 { height: 5px !important; }
  .mid-h6 { height: 6px !important; }
  .mid-h10 { height: 10px !important; }
  .mid-h20 { height: 20px !important; }
  .mid-h25 { height: 25px !important; }
  .mid-h30 { height: 30px !important; }
  .mid-h40 { height: 40px !important; }
  .mid-h50 { height: 50px !important; }
  .mid-h80 { height: 80px !important; }
  .mid-h120 { height: 120px !important; }
  .mid-h150 { height: 150px !important; }
  .mid-h180 { height: 180px !important; }
  .mid-h200 { height: 200px !important; }
  .mid-h300 { height: 300px !important; }
  .mid-h100p { height: 100% !important; }
  .mid-padding-all-0 { padding: 0px !important; }
  .mid-padding-top-0 { padding-top: 0px !important; }
  .mid-padding-bottom-0 { padding-bottom: 0px !important; }
  .mid-padding-left-0 { padding-left: 0px !important; }
  .mid-padding-right-0 { padding-right: 0px !important; }
  .mid-margin-all-0 { margin: 0px !important; }
  .mid-margin-top-0 { margin-top: 0px !important; }
  .mid-margin-bottom-0 { margin-bottom: 0px !important; }
  .mid-margin-left-0 { margin-left: 0px !important; }
  .mid-margin-right-0 { margin-right: 0px !important; }
  .mid-padding-all-5 { padding: 5px !important; }
  .mid-padding-top-5 { padding-top: 5px !important; }
  .mid-padding-bottom-5 { padding-bottom: 5px !important; }
  .mid-padding-left-5 { padding-left: 5px !important; }
  .mid-padding-right-5 { padding-right: 5px !important; }
  .mid-margin-all-5 { margin: 5px !important; }
  .mid-margin-top-5 { margin-top: 5px !important; }
  .mid-margin-bottom-5 { margin-bottom: 5px !important; }
  .mid-margin-left-5 { margin-left: 5px !important; }
  .mid-margin-right-5 { margin-right: 5px !important; }
  .mid-padding-all-10 { padding: 10px !important; }
  .mid-padding-top-10 { padding-top: 10px !important; }
  .mid-padding-bottom-10 { padding-bottom: 10px !important; }
  .mid-padding-left-10 { padding-left: 10px !important; }
  .mid-padding-right-10 { padding-right: 10px !important; }
  .mid-margin-all-10 { margin: 10px !important; }
  .mid-margin-top-10 { margin-top: 10px !important; }
  .mid-margin-bottom-10 { margin-bottom: 10px !important; }
  .mid-margin-left-10 { margin-left: 10px !important; }
  .mid-margin-right-10 { margin-right: 10px !important; }
  .mid-padding-all-15 { padding: 15px !important; }
  .mid-padding-top-15 { padding-top: 15px !important; }
  .mid-padding-bottom-15 { padding-bottom: 15px !important; }
  .mid-padding-left-15 { padding-left: 15px !important; }
  .mid-padding-right-15 { padding-right: 15px !important; }
  .mid-margin-all-15 { margin: 15px !important; }
  .mid-margin-top-15 { margin-top: 15px !important; }
  .mid-margin-bottom-15 { margin-bottom: 15px !important; }
  .mid-margin-left-15 { margin-left: 15px !important; }
  .mid-margin-right-15 { margin-right: 15px !important; }
  .mid-padding-all-20 { padding: 20px !important; }
  .mid-padding-top-20 { padding-top: 20px !important; }
  .mid-padding-bottom-20 { padding-bottom: 20px !important; }
  .mid-padding-left-20 { padding-left: 20px !important; }
  .mid-padding-right-20 { padding-right: 20px !important; }
  .mid-margin-all-20 { margin: 20px !important; }
  .mid-margin-top-20 { margin-top: 20px !important; }
  .mid-margin-bottom-20 { margin-bottom: 20px !important; }
  .mid-margin-left-20 { margin-left: 20px !important; }
  .mid-margin-right-20 { margin-right: 20px !important; }
  .mid-padding-all-25 { padding: 25px !important; }
  .mid-padding-top-25 { padding-top: 25px !important; }
  .mid-padding-bottom-25 { padding-bottom: 25px !important; }
  .mid-padding-left-25 { padding-left: 25px !important; }
  .mid-padding-right-25 { padding-right: 25px !important; }
  .mid-margin-all-25 { margin: 25px !important; }
  .mid-margin-top-25 { margin-top: 25px !important; }
  .mid-margin-bottom-25 { margin-bottom: 25px !important; }
  .mid-margin-left-25 { margin-left: 25px !important; }
  .mid-margin-right-25 { margin-right: 25px !important; }
  .mid-padding-all-30 { padding: 30px !important; }
  .mid-padding-top-30 { padding-top: 30px !important; }
  .mid-padding-bottom-30 { padding-bottom: 30px !important; }
  .mid-padding-left-30 { padding-left: 30px !important; }
  .mid-padding-right-30 { padding-right: 30px !important; }
  .mid-margin-all-30 { margin: 30px !important; }
  .mid-margin-top-30 { margin-top: 30px !important; }
  .mid-margin-bottom-30 { margin-bottom: 30px !important; }
  .mid-margin-left-30 { margin-left: 30px !important; }
  .mid-margin-right-30 { margin-right: 30px !important; }
  .padding-inner { padding-right: 20px; padding-left: 20px; }
  /* @if $breakpoint == 'full' { } @else if $breakpoint == 'desktop-narrow' { .padding-inner { padding-right: 20px; padding-left:  20px; } } @else if $breakpoint == 'tablet' { } @else if $breakpoint == 'mobile' { .padding-inner { padding-right: 10px; padding-left:  10px; } } @else if $breakpoint == 'small' { .padding-inner { padding-right: 5px; padding-left:  5px; } } */ }

@media (max-width: 480px) { .container { width: 100%; /* @if $breakpoint == 'mid' { } */ }
  .mobile-float-left { float: left !important; }
  .mobile-float-right { float: right !important; }
  .mobile-float-none, .mobile-nofloat { float: none !important; }
  .mobile-display-flex { display: flex !important; flex-wrap: wrap; }
  .mobile-display-flex-column { display: flex !important; flex-direction: column; }
  .mobile-display-inline { display: inline !important; }
  .mobile-display-inline-block, .mobile-display-inlineblock { display: inline-block !important; }
  .mobile-display-block { display: block !important; }
  .mobile-display-none, .mobile-hide, .mobile-hidden { display: none !important; }
  .mobile-position-fixed { position: fixed !important; }
  .mobile-position-sticky { position: sticky !important; }
  .mobile-position-static { position: static !important; }
  .mobile-position-relative { position: relative !important; }
  .mobile-position-absolute { position: absolute !important; }
  .mobile-grid-1 { width: 1% !important; }
  .mobile-grid-2 { width: 2% !important; }
  .mobile-grid-3 { width: 3% !important; }
  .mobile-grid-4 { width: 4% !important; }
  .mobile-grid-5 { width: 5% !important; }
  .mobile-grid-10 { width: 10% !important; }
  .mobile-grid-15 { width: 15% !important; }
  .mobile-grid-20 { width: 20% !important; }
  .mobile-grid-25 { width: 25% !important; }
  .mobile-grid-30 { width: 30% !important; }
  .mobile-grid-33 { width: 33% !important; }
  .mobile-grid-35 { width: 35% !important; }
  .mobile-grid-40 { width: 40% !important; }
  .mobile-grid-45 { width: 45% !important; }
  .mobile-grid-48 { width: 48% !important; }
  .mobile-grid-49 { width: 49% !important; }
  .mobile-grid-50 { width: 50% !important; }
  .mobile-grid-55 { width: 55% !important; }
  .mobile-grid-60 { width: 60% !important; }
  .mobile-grid-65 { width: 65% !important; }
  .mobile-grid-66 { width: 66% !important; }
  .mobile-grid-70 { width: 70% !important; }
  .mobile-grid-75 { width: 75% !important; }
  .mobile-grid-80 { width: 80% !important; }
  .mobile-grid-85 { width: 85% !important; }
  .mobile-grid-90 { width: 90% !important; }
  .mobile-grid-95 { width: 95% !important; }
  .mobile-grid-100 { width: 100% !important; }
  .mobile-w5 { width: 5px !important; }
  .mobile-w10 { width: 10px !important; }
  .mobile-w15 { width: 15px !important; }
  .mobile-w20 { width: 20px !important; }
  .mobile-w25 { width: 25px !important; }
  .mobile-w30 { width: 30px !important; }
  .mobile-w35 { width: 35px !important; }
  .mobile-w50 { width: 50px !important; }
  .mobile-w60 { width: 60px !important; }
  .mobile-w80 { width: 80px !important; }
  .mobile-w100 { width: 100px !important; }
  .mobile-w120 { width: 120px !important; }
  .mobile-w130 { width: 130px !important; }
  .mobile-w150 { width: 150px !important; }
  .mobile-w160 { width: 160px !important; }
  .mobile-w170 { width: 170px !important; }
  .mobile-w200 { width: 200px !important; }
  .mobile-w220 { width: 220px !important; }
  .mobile-w250 { width: 250px !important; }
  .mobile-w300 { width: 300px !important; }
  .mobile-w350 { width: 350px !important; }
  .mobile-w400 { width: 400px !important; }
  .mobile-h1 { height: 1px !important; }
  .mobile-h2 { height: 2px !important; }
  .mobile-h3 { height: 3px !important; }
  .mobile-h4 { height: 4px !important; }
  .mobile-h5 { height: 5px !important; }
  .mobile-h6 { height: 6px !important; }
  .mobile-h10 { height: 10px !important; }
  .mobile-h20 { height: 20px !important; }
  .mobile-h25 { height: 25px !important; }
  .mobile-h30 { height: 30px !important; }
  .mobile-h40 { height: 40px !important; }
  .mobile-h50 { height: 50px !important; }
  .mobile-h80 { height: 80px !important; }
  .mobile-h120 { height: 120px !important; }
  .mobile-h150 { height: 150px !important; }
  .mobile-h180 { height: 180px !important; }
  .mobile-h200 { height: 200px !important; }
  .mobile-h300 { height: 300px !important; }
  .mobile-h100p { height: 100% !important; }
  .mobile-padding-all-0 { padding: 0px !important; }
  .mobile-padding-top-0 { padding-top: 0px !important; }
  .mobile-padding-bottom-0 { padding-bottom: 0px !important; }
  .mobile-padding-left-0 { padding-left: 0px !important; }
  .mobile-padding-right-0 { padding-right: 0px !important; }
  .mobile-margin-all-0 { margin: 0px !important; }
  .mobile-margin-top-0 { margin-top: 0px !important; }
  .mobile-margin-bottom-0 { margin-bottom: 0px !important; }
  .mobile-margin-left-0 { margin-left: 0px !important; }
  .mobile-margin-right-0 { margin-right: 0px !important; }
  .mobile-padding-all-5 { padding: 5px !important; }
  .mobile-padding-top-5 { padding-top: 5px !important; }
  .mobile-padding-bottom-5 { padding-bottom: 5px !important; }
  .mobile-padding-left-5 { padding-left: 5px !important; }
  .mobile-padding-right-5 { padding-right: 5px !important; }
  .mobile-margin-all-5 { margin: 5px !important; }
  .mobile-margin-top-5 { margin-top: 5px !important; }
  .mobile-margin-bottom-5 { margin-bottom: 5px !important; }
  .mobile-margin-left-5 { margin-left: 5px !important; }
  .mobile-margin-right-5 { margin-right: 5px !important; }
  .mobile-padding-all-10 { padding: 10px !important; }
  .mobile-padding-top-10 { padding-top: 10px !important; }
  .mobile-padding-bottom-10 { padding-bottom: 10px !important; }
  .mobile-padding-left-10 { padding-left: 10px !important; }
  .mobile-padding-right-10 { padding-right: 10px !important; }
  .mobile-margin-all-10 { margin: 10px !important; }
  .mobile-margin-top-10 { margin-top: 10px !important; }
  .mobile-margin-bottom-10 { margin-bottom: 10px !important; }
  .mobile-margin-left-10 { margin-left: 10px !important; }
  .mobile-margin-right-10 { margin-right: 10px !important; }
  .mobile-padding-all-15 { padding: 15px !important; }
  .mobile-padding-top-15 { padding-top: 15px !important; }
  .mobile-padding-bottom-15 { padding-bottom: 15px !important; }
  .mobile-padding-left-15 { padding-left: 15px !important; }
  .mobile-padding-right-15 { padding-right: 15px !important; }
  .mobile-margin-all-15 { margin: 15px !important; }
  .mobile-margin-top-15 { margin-top: 15px !important; }
  .mobile-margin-bottom-15 { margin-bottom: 15px !important; }
  .mobile-margin-left-15 { margin-left: 15px !important; }
  .mobile-margin-right-15 { margin-right: 15px !important; }
  .mobile-padding-all-20 { padding: 20px !important; }
  .mobile-padding-top-20 { padding-top: 20px !important; }
  .mobile-padding-bottom-20 { padding-bottom: 20px !important; }
  .mobile-padding-left-20 { padding-left: 20px !important; }
  .mobile-padding-right-20 { padding-right: 20px !important; }
  .mobile-margin-all-20 { margin: 20px !important; }
  .mobile-margin-top-20 { margin-top: 20px !important; }
  .mobile-margin-bottom-20 { margin-bottom: 20px !important; }
  .mobile-margin-left-20 { margin-left: 20px !important; }
  .mobile-margin-right-20 { margin-right: 20px !important; }
  .mobile-padding-all-25 { padding: 25px !important; }
  .mobile-padding-top-25 { padding-top: 25px !important; }
  .mobile-padding-bottom-25 { padding-bottom: 25px !important; }
  .mobile-padding-left-25 { padding-left: 25px !important; }
  .mobile-padding-right-25 { padding-right: 25px !important; }
  .mobile-margin-all-25 { margin: 25px !important; }
  .mobile-margin-top-25 { margin-top: 25px !important; }
  .mobile-margin-bottom-25 { margin-bottom: 25px !important; }
  .mobile-margin-left-25 { margin-left: 25px !important; }
  .mobile-margin-right-25 { margin-right: 25px !important; }
  .mobile-padding-all-30 { padding: 30px !important; }
  .mobile-padding-top-30 { padding-top: 30px !important; }
  .mobile-padding-bottom-30 { padding-bottom: 30px !important; }
  .mobile-padding-left-30 { padding-left: 30px !important; }
  .mobile-padding-right-30 { padding-right: 30px !important; }
  .mobile-margin-all-30 { margin: 30px !important; }
  .mobile-margin-top-30 { margin-top: 30px !important; }
  .mobile-margin-bottom-30 { margin-bottom: 30px !important; }
  .mobile-margin-left-30 { margin-left: 30px !important; }
  .mobile-margin-right-30 { margin-right: 30px !important; }
  .padding-inner { padding-right: 15px; padding-left: 15px; }
  /* @if $breakpoint == 'full' { } @else if $breakpoint == 'desktop-narrow' { .padding-inner { padding-right: 20px; padding-left:  20px; } } @else if $breakpoint == 'tablet' { } @else if $breakpoint == 'mobile' { .padding-inner { padding-right: 10px; padding-left:  10px; } } @else if $breakpoint == 'small' { .padding-inner { padding-right: 5px; padding-left:  5px; } } */ }

@media (max-width: 360px) { .container { width: 100%; /* @if $breakpoint == 'mid' { } */ }
  .small-float-left { float: left !important; }
  .small-float-right { float: right !important; }
  .small-float-none, .small-nofloat { float: none !important; }
  .small-display-flex { display: flex !important; flex-wrap: wrap; }
  .small-display-flex-column { display: flex !important; flex-direction: column; }
  .small-display-inline { display: inline !important; }
  .small-display-inline-block, .small-display-inlineblock { display: inline-block !important; }
  .small-display-block { display: block !important; }
  .small-display-none, .small-hide, .small-hidden { display: none !important; }
  .small-position-fixed { position: fixed !important; }
  .small-position-sticky { position: sticky !important; }
  .small-position-static { position: static !important; }
  .small-position-relative { position: relative !important; }
  .small-position-absolute { position: absolute !important; }
  .small-grid-1 { width: 1% !important; }
  .small-grid-2 { width: 2% !important; }
  .small-grid-3 { width: 3% !important; }
  .small-grid-4 { width: 4% !important; }
  .small-grid-5 { width: 5% !important; }
  .small-grid-10 { width: 10% !important; }
  .small-grid-15 { width: 15% !important; }
  .small-grid-20 { width: 20% !important; }
  .small-grid-25 { width: 25% !important; }
  .small-grid-30 { width: 30% !important; }
  .small-grid-33 { width: 33% !important; }
  .small-grid-35 { width: 35% !important; }
  .small-grid-40 { width: 40% !important; }
  .small-grid-45 { width: 45% !important; }
  .small-grid-48 { width: 48% !important; }
  .small-grid-49 { width: 49% !important; }
  .small-grid-50 { width: 50% !important; }
  .small-grid-55 { width: 55% !important; }
  .small-grid-60 { width: 60% !important; }
  .small-grid-65 { width: 65% !important; }
  .small-grid-66 { width: 66% !important; }
  .small-grid-70 { width: 70% !important; }
  .small-grid-75 { width: 75% !important; }
  .small-grid-80 { width: 80% !important; }
  .small-grid-85 { width: 85% !important; }
  .small-grid-90 { width: 90% !important; }
  .small-grid-95 { width: 95% !important; }
  .small-grid-100 { width: 100% !important; }
  .small-w5 { width: 5px !important; }
  .small-w10 { width: 10px !important; }
  .small-w15 { width: 15px !important; }
  .small-w20 { width: 20px !important; }
  .small-w25 { width: 25px !important; }
  .small-w30 { width: 30px !important; }
  .small-w35 { width: 35px !important; }
  .small-w50 { width: 50px !important; }
  .small-w60 { width: 60px !important; }
  .small-w80 { width: 80px !important; }
  .small-w100 { width: 100px !important; }
  .small-w120 { width: 120px !important; }
  .small-w130 { width: 130px !important; }
  .small-w150 { width: 150px !important; }
  .small-w160 { width: 160px !important; }
  .small-w170 { width: 170px !important; }
  .small-w200 { width: 200px !important; }
  .small-w220 { width: 220px !important; }
  .small-w250 { width: 250px !important; }
  .small-w300 { width: 300px !important; }
  .small-w350 { width: 350px !important; }
  .small-w400 { width: 400px !important; }
  .small-h1 { height: 1px !important; }
  .small-h2 { height: 2px !important; }
  .small-h3 { height: 3px !important; }
  .small-h4 { height: 4px !important; }
  .small-h5 { height: 5px !important; }
  .small-h6 { height: 6px !important; }
  .small-h10 { height: 10px !important; }
  .small-h20 { height: 20px !important; }
  .small-h25 { height: 25px !important; }
  .small-h30 { height: 30px !important; }
  .small-h40 { height: 40px !important; }
  .small-h50 { height: 50px !important; }
  .small-h80 { height: 80px !important; }
  .small-h120 { height: 120px !important; }
  .small-h150 { height: 150px !important; }
  .small-h180 { height: 180px !important; }
  .small-h200 { height: 200px !important; }
  .small-h300 { height: 300px !important; }
  .small-h100p { height: 100% !important; }
  .small-padding-all-0 { padding: 0px !important; }
  .small-padding-top-0 { padding-top: 0px !important; }
  .small-padding-bottom-0 { padding-bottom: 0px !important; }
  .small-padding-left-0 { padding-left: 0px !important; }
  .small-padding-right-0 { padding-right: 0px !important; }
  .small-margin-all-0 { margin: 0px !important; }
  .small-margin-top-0 { margin-top: 0px !important; }
  .small-margin-bottom-0 { margin-bottom: 0px !important; }
  .small-margin-left-0 { margin-left: 0px !important; }
  .small-margin-right-0 { margin-right: 0px !important; }
  .small-padding-all-5 { padding: 5px !important; }
  .small-padding-top-5 { padding-top: 5px !important; }
  .small-padding-bottom-5 { padding-bottom: 5px !important; }
  .small-padding-left-5 { padding-left: 5px !important; }
  .small-padding-right-5 { padding-right: 5px !important; }
  .small-margin-all-5 { margin: 5px !important; }
  .small-margin-top-5 { margin-top: 5px !important; }
  .small-margin-bottom-5 { margin-bottom: 5px !important; }
  .small-margin-left-5 { margin-left: 5px !important; }
  .small-margin-right-5 { margin-right: 5px !important; }
  .small-padding-all-10 { padding: 10px !important; }
  .small-padding-top-10 { padding-top: 10px !important; }
  .small-padding-bottom-10 { padding-bottom: 10px !important; }
  .small-padding-left-10 { padding-left: 10px !important; }
  .small-padding-right-10 { padding-right: 10px !important; }
  .small-margin-all-10 { margin: 10px !important; }
  .small-margin-top-10 { margin-top: 10px !important; }
  .small-margin-bottom-10 { margin-bottom: 10px !important; }
  .small-margin-left-10 { margin-left: 10px !important; }
  .small-margin-right-10 { margin-right: 10px !important; }
  .small-padding-all-15 { padding: 15px !important; }
  .small-padding-top-15 { padding-top: 15px !important; }
  .small-padding-bottom-15 { padding-bottom: 15px !important; }
  .small-padding-left-15 { padding-left: 15px !important; }
  .small-padding-right-15 { padding-right: 15px !important; }
  .small-margin-all-15 { margin: 15px !important; }
  .small-margin-top-15 { margin-top: 15px !important; }
  .small-margin-bottom-15 { margin-bottom: 15px !important; }
  .small-margin-left-15 { margin-left: 15px !important; }
  .small-margin-right-15 { margin-right: 15px !important; }
  .small-padding-all-20 { padding: 20px !important; }
  .small-padding-top-20 { padding-top: 20px !important; }
  .small-padding-bottom-20 { padding-bottom: 20px !important; }
  .small-padding-left-20 { padding-left: 20px !important; }
  .small-padding-right-20 { padding-right: 20px !important; }
  .small-margin-all-20 { margin: 20px !important; }
  .small-margin-top-20 { margin-top: 20px !important; }
  .small-margin-bottom-20 { margin-bottom: 20px !important; }
  .small-margin-left-20 { margin-left: 20px !important; }
  .small-margin-right-20 { margin-right: 20px !important; }
  .small-padding-all-25 { padding: 25px !important; }
  .small-padding-top-25 { padding-top: 25px !important; }
  .small-padding-bottom-25 { padding-bottom: 25px !important; }
  .small-padding-left-25 { padding-left: 25px !important; }
  .small-padding-right-25 { padding-right: 25px !important; }
  .small-margin-all-25 { margin: 25px !important; }
  .small-margin-top-25 { margin-top: 25px !important; }
  .small-margin-bottom-25 { margin-bottom: 25px !important; }
  .small-margin-left-25 { margin-left: 25px !important; }
  .small-margin-right-25 { margin-right: 25px !important; }
  .small-padding-all-30 { padding: 30px !important; }
  .small-padding-top-30 { padding-top: 30px !important; }
  .small-padding-bottom-30 { padding-bottom: 30px !important; }
  .small-padding-left-30 { padding-left: 30px !important; }
  .small-padding-right-30 { padding-right: 30px !important; }
  .small-margin-all-30 { margin: 30px !important; }
  .small-margin-top-30 { margin-top: 30px !important; }
  .small-margin-bottom-30 { margin-bottom: 30px !important; }
  .small-margin-left-30 { margin-left: 30px !important; }
  .small-margin-right-30 { margin-right: 30px !important; }
  .padding-inner { padding-right: 5px; padding-left: 5px; }
  /* @if $breakpoint == 'full' { } @else if $breakpoint == 'desktop-narrow' { .padding-inner { padding-right: 20px; padding-left:  20px; } } @else if $breakpoint == 'tablet' { } @else if $breakpoint == 'mobile' { .padding-inner { padding-right: 10px; padding-left:  10px; } } @else if $breakpoint == 'small' { .padding-inner { padding-right: 5px; padding-left:  5px; } } */ }