@font-face {
  font-family: 'Gotham Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham Pro'), url('../fonts/GothamPro/GothaProReg.woff') format('woff');
}
@font-face {
  font-family: 'Gotham Pro';
  font-style: normal;
  font-weight: bold;
  src: local('Gotham Pro'), url('../fonts/GothamPro/GothaProBol.woff') format('woff');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.ttf') format('truetype');
}


html {
  height: 100%;
  min-height: 100%;
  min-height: 100vh;
  margin: 0 !important;
  font-size: 16px;
  overflow-x: hidden;
}
body {
  min-height: 100%;
	min-height: 100vh;
	margin: 0 !important;
	font-family: 'Gotham Pro', 'Open Sans', 'Roboto', sans-serif;
	color: #111;
  position: relative;
  font-size: .875rem;
  overflow-x: hidden;
}
body.mob .desk {display: none}
body.desk .mob {display: none}
.arial {font-family: 'Arial', 'Helvetica', 'Roboto', sans-serif}
.serif {font-family: 'Vollkorn', 'Noto Serif', serif}
.sans-serif {font-family: 'Roboto', sans-serif}
.cond {font-family: 'Roboto Condensed', sans-serif}
/*.cond {font-family: 'Roboto Condensed', sans-serif}*/
/*.cond {font-family: 'Oswald', sans-serif}*/
.container {width: 90%; max-width: 90rem; margin: 0 auto; clear: both} /* background: rgba(200,50,50,.5) */
.container:after {content: "."; display: block; height: 0; overflow: hidden; clear: both}
.button i {color: #fff; padding-right: .25rem}
a {color: #2196F3; text-decoration: none}
a:hover {text-decoration: underline}
/*a.underline:hover {text-decoration: underline}*/
a.invis {cursor: default}
.nodec,
.nodec:hover {text-decoration: none !important}
.drop i {font-size: .75em}
.link {cursor: pointer}
.hide-link {color: inherit; text-decoration: none}
.hide-link:hover {text-decoration: none}
.fake-link:hover {color: #304ffe; text-decoration: underline; cursor: pointer}
.local-link {position: relative; color: #304ffe; cursor: pointer}
.local-link:after {content: ''; position: absolute; bottom: .125em; width: 100%; border-bottom: .0625em dashed #304ffe; display: none}
.local-link:hover {text-decoration: none}
.local-link:hover:after {display: block}
.local-link.bold-line:after {border-width: .125rem}
.text {max-height: 100000rem; max-width: 45rem; line-height: 1.5em; word-wrap: break-word !important; hyphens: auto;}
img, .img, iframe, svg {display: block; max-width: 100%; width: 100%; border: 0} /* max-height: 100% */
/*iframe {height: 100%}*/
h1, h2, h3 {text-transform: uppercase; letter-spacing: .005em; margin: 0; position: relative}
h1 {font: 3.5625rem/1.15em 'Yanone Kaffeesatz', 'Roboto Condensed', sans-serif; padding: 0 0 1.5rem 0}
h2 {font: 2.6875rem/1.15em 'Yanone Kaffeesatz', 'Roboto Condensed', sans-serif; padding: 0 0 1rem 0}
h3 {font: 2rem/1.15em 'Yanone Kaffeesatz', 'Roboto Condensed', sans-serif; padding: 0 0 .25rem 0}
body.mob h1 {font-size: 2.625rem; padding: 0 0 1rem 0}
body.mob h2 {font-size: 2rem; padding: 0 0 .5rem 0}
body.mob h3 {font-size: 1.625rem; padding: 0 0 .25rem 0}

div, a.bk, h1, h2, h3 {
  box-sizing: border-box;
}

/*p {margin-bottom: 1rem; margin-top: 0}*/
.w0 {width: 0}
.w10 {width: 10%}
.w20 {width: 20%}
.w25 {width: 25%}
.w30 {width: 30%}
.w33 {width: 33.3333%}
.w40 {width: 40%}
.w50 {width: 50%}
.w60 {width: 60%}
.w66 {width: 66.6666%}
.w70 {width: 70%}
.w80 {width: 80%}
.w90 {width: 90%}
.w100 {width: 100%}
.maxw10 {max-width: 10%}
.maxw20 {max-width: 20%}
.maxw25 {max-width: 25%}
.maxw30 {max-width: 30%}
.maxw33 {max-width: 33.3333%}
.maxw40 {max-width: 40%}
.maxw50 {max-width: 50%}
.maxw60 {max-width: 60%}
.maxw66 {max-width: 66.6666%}
.maxw70 {max-width: 70%}
.maxw80 {max-width: 80%}
.maxw90 {max-width: 90%}
.maxw100 {max-width: 100%}
.wa, .wauto {width: auto; max-width: initial}
body.mob .adapt {width: 100%}
.fw300 {font-weight: 300}
.fw400 {font-weight: 400}
.fw500 {font-weight: 500}
.fw600 {font-weight: 600}
.fw700 {font-weight: 700}
hr {border: 0; margin: 0; height: 1rem; clear: both}
hr.noboth {clear: initial}
.text hr {height: .75rem}
.ha {height: auto}
.h0 {height: 0}
.h10p {height: 10%}
.h20p {height: 20%}
.h30p {height: 30%}
.h40p {height: 40%}
.h50p {height: 50%}
.h60p {height: 60%}
.h70p {height: 70%}
.h80p {height: 80%}
.h90p {height: 90%}
.hpx {height: .0625rem}
.h0125 {height: .125rem}
.h025 {height: .25rem}
.h0375 {height: .375rem}
.h05 {height: .5rem}
.h0625 {height: .625rem}
.h075 {height: .75rem}
.h0875 {height: .875rem}
.h1 {height: 1rem}
.h125 {height: 1.25rem}
.h1375 {height: 1.375rem}
.h15 {height: 1.5rem}
.h175 {height: 1.75rem}
.h2 {height: 2rem}
.h225 {height: 2.25rem}
.h25 {height: 2.5rem}
.h275 {height: 2.75rem}
.h3 {height: 3rem}
.h35 {height: 3.5rem}
.h4 {height: 4rem}
.h45 {height: 4.5rem}
.h5 {height: 5rem}
.h55 {height: 5.5rem}
.h6 {height: 6rem}
.h65 {height: 6.5rem}
.h7 {height: 7rem}
.h8 {height: 8rem}
.h9 {height: 9rem}
.h10 {height: 10rem}
.h20 {height: 20rem}
.f05 {font-size: .5rem}
.f0625, .f625 {font-size: .625rem}
.f075, .f75 {font-size: .75rem}
.f0875, .f875 {font-size: .875rem}
.f1 {font-size: 1rem}
.f1125 {font-size: 1.125rem}
.f125 {font-size: 1.25rem}
.f13125 {font-size: 1.3125rem}
.f1375 {font-size: 1.375rem}
.f15 {font-size: 1.5rem}
.f175 {font-size: 1.75rem}
.f2 {font-size: 2rem}
.f225 {font-size: 2.25rem}
.f25 {font-size: 2.5rem}
.f275 {font-size: 2.75rem}
.f3 {font-size: 3rem}
.f325 {font-size: 3.25rem}
.f35 {font-size: 3.5rem}
.f375 {font-size: 3.75rem}
.f4 {font-size: 4rem}
.f5 {font-size: 5rem}
.f6 {font-size: 6rem}
.f7 {font-size: 7rem}
.f8 {font-size: 8rem}
.f05em {font-size: .5em}
.f0625em {font-size: .625em}
.f075em {font-size: .75em}
.f0875em {font-size: .875em}
.f1em {font-size: 1em}
.f1125em {font-size: 1.125em}
.f125em {font-size: 1.25em}
.f1375em {font-size: 1.375em}
.f15em {font-size: 1.5em}
.f175em {font-size: 1.75em}
.f2em {font-size: 2em}
.f225em {font-size: 2.25em}
.f25em {font-size: 2.5em}
.f275em {font-size: 2.75em}
.f3em {font-size: 3em}
.f325em {font-size: 3.25em}
.f35em {font-size: 3.5em}
.f375em {font-size: 3.75em}
.f4em {font-size: 4em}
.l1 {line-height: 1em}
.l100 {line-height: 100%}
.l1rem {line-height: 1rem}
.l1125rem {line-height: 1.125rem}
.l125rem {line-height: 1.25rem}
.l2rem {line-height: 2rem}
.l25rem {line-height: 2rem}
.l275rem {line-height: 2.75rem}
.l3rem {line-height: 3rem}
.l115 {line-height: 1.15em}
.l125 {line-height: 1.25em}
.l1375 {line-height: 1.375em}
.l15 {line-height: 1.5em}
.l175 {line-height: 1.75em}
.l2 {line-height: 2em}
.l225 {line-height: 2.25em}
.round {border-radius: .1875rem}
.r0 {border-radius: 0}
.circle {border-radius: 50%}
.cover {background-size: cover}
.left {text-align: left; left: 0}
.right {text-align: right; right: 0}
.center {text-align: center}
.top {vertical-align: top; top: 0}
.middle {vertical-align: middle}
.bottom {vertical-align: bottom; bottom: 0}
.toleft {float: left}
.toright {float: right}
.tocenter {margin-left: auto; margin-right: auto}
.csscenter {left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%)}
.cssmiddle {top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%)}
.jscenter {}
.jsmiddle {}
.narrow {max-width: 35rem}
.big-narrow {max-width: 70rem}
.small-narrow {max-width: 25rem}
.nomar {margin: 0}
.nopad {padding: 0}
.pad05 {padding: .5rem}
.pad075 {padding: .75rem}
.pad1 {padding: 1rem}
.pad15 {padding: 1.5rem}
.pad2 {padding: 2rem}
.wpad025 {padding: 0 .25rem}
.wpad05 {padding: 0 .5rem}
.wpad075 {padding: 0 .75rem}
.wpad1 {padding: 0 1rem}
.wpad15 {padding: 0 1.5rem}
.wpad2 {padding: 0 2rem}
.wpad4 {padding: 0 4rem}
.hpad05 {padding: .5rem 0}
.hpad075 {padding: .75rem 0}
.hpad1 {padding: 1rem 0}
.hpad15 {padding: 1.5rem 0}
.hpad2 {padding: 2rem 0}
.lpad1 {padding-left: 1rem}
.lpad2 {padding-left: 2rem}
.lpad3 {padding-left: 3rem}
.rpad1 {padding-right: 1rem}
.rpad2 {padding-right: 2rem}
.rpad4 {padding-right: 4rem}
.tpad1 {padding-top: 1rem}
.tpad2 {padding-top: 2rem}
.tpad3 {padding-top: 3rem}
.bpad1 {padding-bottom: 1rem}
.bpad2 {padding-bottom: 2rem}
.bpad3 {padding-bottom: 3rem}
.mar05 {margin: .5rem}
.mar075 {margin: .75rem}
.mar1 {margin: 1rem}
.mar15 {margin: 1.5rem}
.mar2 {margin: 2rem}
.wmar05 {margin: 0 .5rem}
.wmar075 {margin: 0 .75rem}
.wmar1 {margin: 0 1rem}
.wmar15 {margin: 0 1.5rem}
.wmar2 {margin: 0 2rem}
.hmar05 {margin: .5rem 0}
.hmar075 {margin: .75rem 0}
.hmar1 {margin: 1rem 0}
.hmar15 {margin: 1.5rem 0}
.hmar2 {margin: 2rem 0}
.noborder {border: initial !important}

.top-1rem {top: -1rem}
.top-2rem {top: -2rem}
.top-1px {top: -.0625rem}
.top-2px {top: -.125rem}
.top-3px {top: -.1875rem}
.top-4px {top: -.25rem}
.top1rem {top: 1rem}
.top2rem {top: 2rem}
.top1px {top: .0625rem}
.top2px {top: .125rem}
.top3px {top: .1875rem}
.top4px {top: .25rem}

.bottom-1rem {bottom: -1rem}
.bottom-2rem {bottom: -2rem}
.bottom-1px {bottom: -.0625rem}
.bottom-2px {bottom: -.125rem}
.bottom-3px {bottom: -.1875rem}
.bottom-4px {bottom: -.25rem}
.bottom1rem {bottom: 1rem}
.bottom2rem {bottom: 2rem}
.bottom1px {bottom: .0625rem}
.bottom2px {bottom: .125rem}
.bottom3px {bottom: .1875rem}
.bottom4px {bottom: .25rem}

.left-1rem {left: -1rem}
.left-2rem {left: -1rem}
.left-1px {left: -.0625rem}
.left-2px {left: -.125rem}
.left-3px {left: -.1875rem}
.left-4px {left: -.25rem}
.left1rem {left: 1rem}
.left2rem {left: 1rem}
.left1px {left: .0625rem}
.left2px {left: .125rem}
.left3px {left: .1875rem}
.left4px {left: .25rem}

.right-1rem {right: -1rem}
.right-2rem {right: -1rem}
.right-1px {right: -.0625rem}
.right-2px {right: -.125rem}
.right-3px {right: -.1875rem}
.right-4px {right: -.25rem}
.right1rem {right: 1rem}
.right2rem {right: 1rem}
.right1px {right: .0625rem}
.right2px {right: .125rem}
.right3px {right: .1875rem}
.right4px {right: .25rem}

.il {display: inline}
.bk {display: block}
.ilbk {display: inline-block}
table,
.table {display: table; width: 100%; border-collapse: collapse; border-spacing: 0}
.iltable {display: inline-table}
.td {display: table-cell}
.tr {display: table-row}
.rel {position: relative}
.abs {position: absolute}
.fix {position: fixed}
.bgfix {background-attachment: fixed}
.top {top: 0}
.btm {bottom: 0}
.lft {left: 0}
.rht {right: 0}
.hor {width: 100%}
.ver {height: 100%}
.box {box-sizing: border-box}
.noz {z-index: inherit}
.z-1 {z-index: -1}
.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}
.light {font-weight: 300}
.regular {font-weight: 400}
/*.bold, .b, b {font-weight: 500}*/
.bold, .b, b {font-weight: 600}
/*.bold, b {font-weight: 700}*/
.italic {font-style: italic}
.upper {text-transform: uppercase}
.oneline, .nowrap {white-space: nowrap}
.break-word {word-wrap: break-word}
.wrap {white-space: normal}
.condline, .ellipsis {text-overflow: ellipsis}
.overhide {overflow: hidden}
.layer {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit}
/*.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; display: none}*/
/*.limiter {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; overflow: hidden}*/
.s3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
iframe, iframe.layer, .img {border-radius: .1875rem}
.hotspot {
	background: -webkit-radial-gradient(circle, rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.3));
  background: -o-radial-gradient(circle, rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.3));
  background: -moz-radial-gradient(circle, rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.3));
  background: radial-gradient(circle, rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.25), rgba(0,0,0,.3));
}
.shadow {box-shadow: 0 .0625rem .25rem rgba(0,0,0,.2)}
.noevents {pointer-events: none}
.flip {image-orientation: flip}
.a90 {image-orientation: 90deg}
.a270 {image-orientation: -90deg}
.ratio11 {width: 100%; padding-bottom: 100%}
.ratio21 {width: 100%; padding-bottom: 50%}
.ratio32 {width: 100%; padding-bottom: 66.6666%}
.ratio34 {width: 100%; padding-bottom: 125%}
.ratiovid {width: 100%; padding-bottom: 56.25%}
.ratiologo {width: 100%; padding-bottom: 38%}
/*.ratiogrid-l {width: 100%; padding-bottom: 66.6666%}*/
/*.ratiogrid-m {width: 100%; padding-bottom: 65%}*/
/*.ratiogrid-s {width: 100%; padding-bottom: 38%}*/
.ratioshowcase {width: 100%; padding-bottom: 43%}
.ratiomobshowcase {width: 100%; padding-bottom: 120%}
.goldena {width: 62%}
.goldenb {width: 38%}
.pointer {cursor: pointer}
.invis, .invisible {opacity: 0}
.o0 {opacity: 0}
.o025 {opacity: .25}
.o05 {opacity: .5}
.o075 {opacity: .75}
.o08 {opacity: .8}
.o09 {opacity: .9}
.float:after, .float::after {content: "."; display: block; height: 0; overflow: hidden; clear: both}
.hide {display: none}
.show {display: inherit}
.indent {padding-left: 2rem; padding-right: 2rem}
.miniindent {padding-left: 1rem; padding-right: 1rem}
.microindent {padding-left: .5rem; padding-right: .5rem}
.indent:first-child, .miniindent:first-child, .microindent:first-child {padding-left: 0}
.indent:last-child, .miniindent:last-child, .microindent:last-child {padding-right: 0}
.cpoint {cursor: pointer}
.cdef {cursor: default}
.chelp {cursor: help}
.nocss {display: none}
body.nocss {display: inherit}
.nocss .css {display: none}
.nocss .nocss {display: inherit}
.notrans, .notrans * {transition: all 0s !important}
.find:hover {background: rgba(20,20,240,.2)}
.hscroll {overflow-x: scroll; -webkit-overflow-scrolling: touch}
body.mob .hscroll-mob {overflow-x: scroll; -webkit-overflow-scrolling: touch}
body .mobile {display: none}
body.mobile .mobile {display: inherit}
body.mobile .desktop {display: none}
sub, sup {font-size: .5em}
.mcol25 {
  -moz-column-width: 25rem;
  -webkit-column-width: 25rem;
  column-width: 25rem;
  -webkit-column-gap: 3rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}
.mcol15 {
  -moz-column-width: 15rem;
  -webkit-column-width: 15rem;
  column-width: 15rem;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.mcol10 {
  -moz-column-width: 10rem;
  -webkit-column-width: 10rem;
  column-width: 10rem;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.text.mcol25, .text.mcol15, .text.mcol10 {
  max-width: initial;
}
[contenteditable] {
  cursor: text;
}
[contenteditable]:focus {
    outline: none;
    /*outline-color: -webkit-focus-ring-color;*/
    /*outline-style: auto;*/
    /*outline-width: 5px;*/
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0,0,8,8'><polyline points='8,0 0,8' style='fill:none;stroke:#FF9800;stroke-width:1;opacity:.3'></polyline></svg>");
}
/*[contenteditable].saved {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0,0,8,8'><polyline points='8,0 0,8' style='fill:none;stroke:#4CAF50;stroke-width:1;opacity:.3'></polyline></svg>");
}*/



.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-il,
.flex.flex-il {display: inline-flex}
/*.flex > :nth-child(n) {display: block}*/

.flex-between {justify-content: space-between}
.flex-around {justify-content: space-around}
.flex-start {justify-content: flex-start}
.flex-end {justify-content: flex-end}
.flex-center {justify-content: center}
.flex-justify {justify-content: space-evenly}
/*body.mob .flex-start:not(.na),
body.mob .flex-end:not(.na) {justify-content: space-between}
*/
.flex-middle {align-items: center}
.flex-top {align-items: flex-start}
.flex-btm {align-items: flex-end}
.flex-baseline {align-items: baseline}
.flex-stretch {align-items: stretch}

.flex-wrap {flex-wrap: wrap}
.flex-nowrap {flex-wrap: nowrap}
.flex-wrap-reverse {flex-wrap: wrap-reverse}

.flex-row {flex-direction: row}
.flex-col {flex-direction: column}
.flex-row-reverse {flex-direction: row-reverse}
.flex-col-reverse {flex-direction: column-reverse}

.flex-1 > :nth-child(n) {flex-basis: 100%; width: 100%}
.flex-2 > :nth-child(n) {flex-basis: 50%; width: 50%}
.flex-3 > :nth-child(n) {flex-basis: 33.3333%; width: 33.3333%}
.flex-4 > :nth-child(n) {flex-basis: 25%; width: 25%}
.flex-5 > :nth-child(n) {flex-basis: 20%; width: 20%}
.flex-6 > :nth-child(n) {flex-basis: 16.6666%; width: 16.6666%}

.flex-1-1 {flex-basis: 100%}
.flex-1-2 {flex-basis: 50%}
.flex-1-3 {flex-basis: 33.3333%}
.flex-1-4 {flex-basis: 25%}
.flex-1-5 {flex-basis: 20%}
.flex-1-6 {flex-basis: 16.6666%}
.flex-2-3 {flex-basis: 66.6666%}
.flex-2-4 {flex-basis: 50%}
.flex-2-5 {flex-basis: 40%}
.flex-2-6 {flex-basis: 33.3333%}
.flex-3-4 {flex-basis: 75%}
.flex-3-5 {flex-basis: 60%}
.flex-3-6 {flex-basis: 50%}
.flex-4-5 {flex-basis: 80%}
.flex-4-6 {flex-basis: 66.6666%}
.flex-5-6 {flex-basis: 83.3333%}
.flex-5-12 {flex-basis: 41.6666%}
.flex-7-12 {flex-basis: 58.3333%}

.flex-self-start {align-self: flex-start}
.flex-self-end {align-self: flex-end}
.flex-self-stretch {align-self: stretch}
.flex-self-baseline {align-self: baseline}
.flex-self-center {align-self: center}

.flex-grow-0 {flex-grow: 0}
.flex-grow-1 {flex-grow: 1}
.flex-grow-2 {flex-grow: 2}
.flex-grow-3 {flex-grow: 3}
.flex-grow-4 {flex-grow: 4}
.flex-shrink-0 {flex-shrink: 0}
.flex-shrink-1 {flex-shrink: 1}
.flex-shrink-2 {flex-shrink: 2}
.flex-shrink-3 {flex-shrink: 3}
.flex-shrink-4 {flex-shrink: 4}

.flex-grow > :nth-child(n) {flex-grow: 1}

body.mob .flex.mob-col,
body.mob .flex.mob-wrap {flex-wrap: wrap}
body.mob .flex.mob-col > :nth-child(n) {flex-basis: 100%; width: 100%}
body.mob .flex.mob-center {justify-content: center; text-align: center}
body.mob .flex.mob-right {justify-content: end; text-align: right}
body.mob .flex.mob-2 > :nth-child(n) {flex-basis: 50%; width: 50%}
/*body.mob .flex:not(.na):not(.flex-1-res):not(.flex-2-res):not(.flex-3-res):not(.flex-4-res):not(.flex-5-res):not(.flex-6-res) > :nth-child(n) {
  flex-basis: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
*/
body.mob .order-0 {order: 0}
body.mob .order-1 {order: 1}
body.mob .order-2 {order: 2}
body.mob .order-3 {order: 3}
body.mob .order-4 {order: 4}
body.mob .order-5 {order: 5}
body.mob .order-6 {order: 6}
body.mob .order-7 {order: 7}
body.mob .order-8 {order: 8}
body.mob .order-9 {order: 9}
body.mob .order-10 {order: 10}





/*label {
  font: 400 1rem/1.375rem 'Roboto', sans-serif;
  display: block;
  padding-bottom: .4375rem;
}*/
/*label.req::after {
  content: '*';
  margin-left: .5rem;
  color: #F44336;
}*/
label {
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5rem;
}
input, textarea, select {
  display: inline-block;
  width: 100%;
  padding: 0 .625rem;
  font: .875rem 'Gotham Pro', 'Open Sans', 'Roboto', sans-serif;
  color: #111;
  border: #0086c8 solid .0625rem;
  border-radius: .5rem;
  background: #fff;
  box-sizing: border-box;
}
input, select {height: 2.5rem; line-height: 2.5; max-width: 12.5rem}
textarea {line-height: 1.375em; padding: .625rem}
input[type="submit"] {width: auto}
input.hide {display: none}
input:not(.amount):focus, textarea:focus, select:focus {
  outline: none;
  /*box-shadow: inset 0 .25rem .125rem -.125rem rgba(0,0,0,.25),
              inset 0 6rem 6rem -6rem rgba(255,255,180,.5);*/
              border-color: #ffc000;
}
input:.amount:focus {
  outline: none;
}
.inverse input, .invert select, .invert textarea {color: #fff}
input.req.wrong, select.req.wrong, textarea.req.wrong {background: #FFCDD2}
input.oneofreq.wrong, textarea.oneofreq.wrong {background: rgba(50,74,201,.2)}
input[type="number"] {padding-right: 0}

.select-wrapper {
  position: relative;
  padding: 0 1rem 0 1.25rem;
  border: rgba(255,255,255,.5) solid .0625rem;
  border-radius: 3rem;
  display: inline-block;
}
.select-wrapper label {
  white-space: nowrap;
  padding-right: .5rem;
  font-size: .875rem;
  line-height: 2.5rem;
  font-weight: 600;
}
.select-wrapper select,
.select {
  position: relative;
  display: inline-block;
  background: transparent;
  color: #fff;
  font-size: .875rem;
  line-height: 2.5rem;
  border: 0;
  font-family: 'Gotham Pro', 'Open Sans', 'Roboto', sans-serif;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 2rem 0 .5rem;
  box-sizing: border-box;
}
.select-wrapper select {
  display: none;
}
.select-wrapper select:focus {
  outline: none;
}
.select .dropdown {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  max-height: 25rem;
  overflow: auto;
  overflow-x: hidden;
  background: rgba(12,22,45,.75);
  transition: .2s;
}
.select .dropdown::-webkit-scrollbar {
  width: 1rem;
}
.select .dropdown::-webkit-scrollbar-track {
  background: rgba(12,22,45,0);
  opacity: 0;
}
.select .dropdown::-webkit-scrollbar-thumb {
  background: rgba(49,55,68,.8);
}
.select .dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(49,55,68,1); 
}
.select .dropdown [val] {
  line-height: 2.5rem;
  padding: 0 .5rem;
  cursor: pointer;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.select .dropdown [val]:hover {
  background: rgba(255,255,255,.2);
}
.select-wrapper img {
  position: absolute;
  top: .75rem;
  right: 1rem;
  display: block;
  width: 1rem;
  height: 1rem;
  transform: rotate(0);
  transition: .2s;
}
.select-wrapper.act img {
  transform: rotate(180deg);
  transition: .2s;
}
/* .selected {
    overflow-x: hidden;
    text-overflow: ellipsis;
} */

.button, button, input[type="submit"] {
  display: inline-block;
  height: 2.5rem;
  line-height: 1rem;
  padding: .75rem 3rem;
  box-sizing: border-box;
  border: 0;
  border-radius: 1.25rem;
  text-align: center;
  letter-spacing: .015em;
  color: #eee;
  font-weight: 600;
  font-size: .875rem;
  cursor: pointer;
  /*background: #1E88E5 url(/img/pattern.button.png);*/
  background: #0086c8;
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  /*box-shadow: 0 .25rem .25rem -.25rem rgba(0,0,0,.5),
              inset 0 .0625rem 0 0 rgba(255,255,255,.25),
              inset 0 -.0625rem 0 0 rgba(0,0,0,.25);*/
  /*text-shadow: 0 0 2px rgba(0,0,0,.5);*/
  transition: .2s;
}
.button:hover, .button:focus, button:hover, button:focus, input[type="submit"]:focus {
  /*background: #1976D2 url(/img/pattern.button.png);*/
  background: #0066a8;
  color: #ddd;
  text-decoration: none;
  transition: .1s;
}
.button:active, button:active, input[type="submit"]:active {
  background: #20a6e8;
  transition: .1s;
}
.button.multiline {
  height: auto;
  /*white-space: normal;*/
  line-height: 1.125em;
  padding: .25rem 2rem .25rem;
  border-radius: 2.75rem;
}
.button.big-button {
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 2rem;
  font-weight: 400;
  font-size: 1.375rem;
}
/*.button.fill-dark-gray, button.fill-dark-gray {*/
  /*background: #1E88E5;*/
/*}*/
.button.yellow,
.button.yellow,
button.yellow,
button.yellow {
  background: #ffc000;
  color: black !important;
}
.button.yellow:hover,
.button.yellow:focus,
button.yellow:hover,
button.yellow:focus {
  background: #dfa000;
}
.button.yellow:active, button.yellow:active {
  background: #ffe000;
}
.button.fill-gray:hover,
.button.fill-gray:focus,
button.fill-gray:hover,
button.fill-gray:focus {
  background: #4c4c4c;
}
.button.fill-gray:active, button.fill-gray:active {
  background: #5c5c5c;
}
.button.fill-red:hover, .button.fill-red:focus, button.fill-red:hover, button.fill-red:focus {
  background-color: #C62828;
}
.button.fill-red:active, button.fill-red:active {
  background-color: #B71C1C;
}
.button:first-child, button:first-child {
  margin-left: 0;
}
.button:first-child, button:first-child {
  margin-right: 0;
}
form .button {
  width: 100%;
  max-width: 12.5rem;
}
.button.save, button.save {
  background-color: #546E7A;
  transition: background-color 1s;
}
.button.save:hover, button.save:hover {
  /*background-color: #37474F;*/
  /*transition: background-color 0s;*/
}
.button.save:active, button.save:active {
  background-color: #43A047;
  transition: background-color 0s;
}







.black {color: #000}
.white {color: #fff}
.black-gray {color: #1A1A1A}
.dark-gray {color: #333}
.gray {color: #949494}
.light-gray {color: #b7b7b7}
.orange {color: #F40}
.blue {color: #0086c8}
.light-blue {color: #2387FF}
.green {color: #4CAF50}
.purple {color: #B419AA}
.cyan {color: #19A1B4}
.yellow {color: #ffc000}
.red {color: #F44336}

.fill-black {background: #000}
.fill-white {background: #fff}
.fill-black-gray {background: #1A1A1A}
.fill-dark-gray {background: #333}
/*.fill-gray {background: #455A64}*/
.fill-gray {background: #3c3c3c}
.fill-light-gray {background: #ccc}
.fill-orange {background: #F40}
.fill-blue {background: #0086c8}
.fill-light-blue {background: #4A90E2}
.fill-green {background: #19B458}
.fill-purple {background: #B419AA}
.fill-cyan {background: #19A1B4}
.fill-red {background-color: #E53935}
.fill-trans {background: transparent}
.fill-map {background: #fdfaf2; /*background: #f5f0e2*/}





/* list */
ul.count {
  counter-reset: count;
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.count li {
  position: relative;
  /*padding-left: 6rem;*/
  /*min-height: 5rem;*/
  min-height: 4rem;
  padding: 0 0 1rem 5rem;
}
ul.count li:before {
  content: counter(count);
  counter-increment: count;
  background: #145374;
  position: absolute;
  left: 0;
  top: 0rem;
  /*width: 4rem;*/
  /*height: 4rem;*/
  /*line-height: 4rem;*/
  /*font-size: 3rem;*/
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 2rem;
  margin-top: 0rem;
  text-align: center;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  /*font-weight: 700;*/
  border-radius: .125rem;
}

ul.dash {position: relative; margin: 0; padding: 0; list-style: none} /*margin: .5rem 0;*/
ul.dash li {position: relative; padding: 0 5% .25rem 1.75rem}
ul.dash li:before {content: '—'; position: absolute; left: 0}

ul.plus {position: relative; margin: 0; padding: 0; list-style: none}
ul.plus li {position: relative; padding: 0 5% .25rem 1.75rem}
ul.plus li:before {content: '+'; position: absolute; left: 0}

ul.dot {position: relative; margin: 0; padding: 0; list-style: none}
ul.dot li {position: relative; padding: 0 5% .25rem 1.75rem}
ul.dot li:before {content: '.'; position: absolute; left: 0; top: -2rem; font-size: 2em; line-height: 2em; color: #ffe606}

ul.just {position: relative; margin: 0; padding: 0; list-style: none}
ul.just li {position: relative; padding: 0 5% .25rem 1rem; line-height: 1.5em}
ul.just li:before {content: '#'; position: absolute; left: 0; top: .125rem; font-size: .875em; line-height: 1.5em; opacity: .5}


.mtest {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.mtest .m {
  position: absolute;
  top: 0;
  font: normal 1rem arial, sans-serif;
  white-space: nowrap;
}
.mtest .inch {
  position: absolute;
  top: 0;
  width: 1in;
}
.mtest .px {
  position: absolute;
  top: 0;
  width: 96px;
}

.entry-footer {display:none;}

.post-navigation {display:none;}